.text-callout-tiles {
	/*==============================*/
	/*=====----- TEMPLATE -----=====*/
	/*==============================*/

	position: relative;
	margin-bottom: var(--widget-margin-bottom);

	.widget-inner {
		max-width: 1220px;
		margin: 0 auto;
	}

	.template-title {
		max-width: 1250px;
		padding: 0 15px;
		margin: 0 auto 15px;
		font-family: var(--font-body);
		font-weight: var(--font-weight-semibold);
		font-size: 1.0625rem;
		line-height: 1.3;
		color: var(--gray);
	}

	.slider-cont {
		width: calc(100% - 15px);
		margin-left: auto;
	}

	.glide__arrows {
		display: none;
	}

	/*============================*/
	/*=====----- SLIDES -----=====*/
	/*============================*/

	.slide,
	.slide-top,
	.img-cont,
	.slide-img,
	.content-section {
		position: relative;
	}

	.slide {
		height: auto;
		box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.20);
		border-radius: 10px;
		overflow: hidden;
	}

	.slide-inner,
	.slide-top,
	.img-cont,
	.slide-img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.slide-inner {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
	}

	.slide-top,
	.content-section {
		grid-area: 1 / 1 / 1 / 1;
	}

	.img-cont::before {
		position: absolute;
		inset: 0;
		z-index: 2;
		display: block;
		content: '';
		background: linear-gradient(201deg, #60ADB8 1.47%, #377780 78.51%);
		pointer-events: none;
		transition: opacity var(--transition-appendix);
	}

	.slide:not(:has(.content-section)) .img-cont::before {
		opacity: 0.75;
	}

	.content-section {
		z-index: 4;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 10px;
		text-align: center;
		pointer-events: none;

		a,
		button {
			pointer-events: all;
		}
	}

	.slide-title {
		margin: 0;
		font-family: var(--font-body);
		font-weight: var(--font-weight-bold);
		font-size: var(--text-sm);
		line-height: 1.3;
		text-transform: uppercase;
		text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.20);
		color: var(--white);
	}

	/*===================================*/
	/*=====----- MEDIA QUERIES -----=====*/
	/*===================================*/

	@media (hover: hover) {
		.slide:hover .img-cont::before {
			opacity: 0.75;
		}
	}

	@media (min-width: 40em) {
		.slider-cont {
			width: calc(100% - 30px);
			margin: 0 auto;
		}

		.slider-cont:not(:has(.slide:nth-child(4))) .glide__track {
			display: flex;
			justify-content: center;
		}
	}

	@media (min-width: 64em) {
		.slider-cont {
			display: grid;
			grid-template-columns: minmax(0, 1fr);
			gap: 15px;
		}

		.glide__arrows {
			display: flex;
			justify-content: center;
			gap: 0;
			order: 1;
		}

		.slider-cont:not(:has(.slide:nth-child(7))) {
			.glide__arrows {
				display: none;
			}

			.glide__track {
				display: flex;
				justify-content: center;
			}
		}

		.glide__arrow {
			--arrow-color: var(--gray);
			--arrow-bg-color: transparent;
			--arrow-bg-color-hover: transparent;
		}

		.template-title {
			font-size: var(--text-lg);
		}

		.slide-title {
			font-size: var(--text-base);
		}
	}
}