.scs-carousel {
	position: relative;
	width: 100%;
	font-family: "Helvetica Now Text", Arial, sans-serif !important
}

.scs-carousel .swiper,
.scs-carousel .scs-nav,
.scs-carousel .scs-pagination {
	transition: opacity .28s ease
}

.scs-carousel.scs-is-loading .swiper,
.scs-carousel.scs-is-loading .scs-nav,
.scs-carousel.scs-is-loading .scs-pagination {
	opacity: 0
}

.scs-carousel.scs-is-ready .swiper,
.scs-carousel.scs-is-ready .scs-nav,
.scs-carousel.scs-is-ready .scs-pagination {
	opacity: 1
}

.scs-carousel-skeleton {
	position: absolute;
	inset: 0;
	z-index: 20;
	background: #edf2f7;
	min-height: var(--scs-height-desktop, 340px);
	overflow: hidden;
	opacity: 1;
	transition: opacity .35s ease
}

.scs-carousel.scs-is-ready .scs-carousel-skeleton {
	opacity: 0;
	pointer-events: none
}

.scs-carousel-skeleton::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(100deg, rgba(255,255,255,0) 20%, rgba(255,255,255,.7) 45%, rgba(255,255,255,0) 70%);
	transform: translateX(-100%);
	animation: scs-skeleton-shimmer 1.4s ease-in-out infinite
}

@keyframes scs-skeleton-shimmer {
	100% { transform: translateX(100%) }
}

.scs-carousel .swiper {
	width: 100%;
	border-radius: 0;
	overflow: hidden
}

.scs-slide {
	position: relative;
	min-height: var(--scs-height-desktop, 340px);
	background: #eef2f6;
	display: grid;
	grid-template-columns: [doc-start] calc(8vw - 8px) [main-start] repeat(12, [col] minmax(0, 1fr)) [col main-end] calc(8vw - 8px) [doc-end];
	align-items: center
}

.scs-slide-bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: var(--scs-img-height-desktop, 100%) !important;
	object-fit: var(--scs-img-fit-desktop, cover);
	border-radius: 0;
	object-position: left center;
	z-index: 0
}

.scs-img-loader {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, .45);
	z-index: 1;
	opacity: 1;
	transition: opacity .25s ease
}

.scs-img-loader span {
	width: 34px;
	height: 34px;
	border-radius: 999px;
	background: rgba(0, 0, 0, .1);
	animation: scs-pulse 1.2s ease-in-out infinite
}

.scs-img-loaded .scs-img-loader {
	opacity: 0;
	pointer-events: none
}

@keyframes scs-pulse {
	0% { transform: scale(.9); opacity: .4 }
	50% { transform: scale(1); opacity: .8 }
	100% { transform: scale(.9); opacity: .4 }
}

.scs-slide-overlay {
	position: absolute;
	inset: 0;
	background: rgba(var(--scs-overlay-color-desktop, 255, 255, 255), var(--scs-overlay-opacity-desktop, .6));
	z-index: 1
}

.scs-slide-content {
	position: relative;
	z-index: 2;
	grid-column: 9 / span 5;
	grid-row: 1;
	display: flex;
	flex-direction: column;
	align-items: var(--scs-content-align-desktop, flex-start);
	text-align: var(--scs-content-text-align-desktop, left);
	margin-bottom: 0;
}

.scs-rtl .scs-slide-content {
	grid-column: 4 / span 5;
	text-align: start
}

.scs-upper {
	line-height: 1.1;
	font-weight: 700;
	font-size: clamp(1rem, .9375rem + .1563vw, 1.125rem);
	color: #000;
	margin-bottom: 6px
}

.scs-title {
	font-size: clamp(2.25rem, 1.1875rem + 2.6563vw, 4.375rem);
	color: #000;
	font-weight: 700;
	line-height: 1.1;
	margin: 0 0 18px
}

.scs-btn {
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-duration: .15s;
	color: #fff;
	font-weight: 700;
	font-size: .875rem;
	line-height: 1.25rem;
	padding-left: 30px;
	padding-right: 30px;
	background-color: #127749;
	border-radius: 9999px;
	white-space: nowrap;
	justify-content: center;
	align-items: center;
	width: fit-content;
	height: 44px;
	display: inline-flex
}

.scs-btn:hover {
	color: #fff;
	background-color: #006039;
	opacity: 1 !important;
}

.scs-btn:focus {
	color: #fff;
	background-color: #006039;
	opacity: 1 !important;
}

.scs-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
	display: var(--scs-arrows-display-desktop, flex)
}

.scs-nav.scs-prev {
	left: 55px
}

.scs-nav.scs-next {
	right: 55px
}

.scs-rtl .scs-nav.scs-prev {
	right: 55px;
	left: auto
}

.scs-rtl .scs-nav.scs-next {
	left: 55px;
	right: auto
}

.scs-nav button {
	width: 40px;
	height: 40px;
	padding: 0;
	border-radius: 999px;
	border: 0;
	cursor: pointer;
	background: rgb(212 212 212 / .3);
	color: #2c2c2c;
	box-shadow: unset !important;
	display: inline-flex;
	align-items: center;
	justify-content: center
}

.scs-nav button svg {
	display: block
}

.scs-nav button svg path {
	fill: currentColor
}

.scs-arrow-prev {
	transform: rotate(180deg)
}

.scs-rtl .scs-arrow-prev {
	transform: none
}

.scs-rtl .scs-arrow-next {
	transform: rotate(180deg)
}

.scs-nav button:hover {
	color: #2c2c2c;
	background: rgb(243 243 243 / .5);
	box-shadow: none
}

.scs-pagination {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 45px;
	z-index: 6;
	display: var(--scs-dots-display-desktop, flex);
	justify-content: center;
	gap: 10px
}

.scs-pagination .swiper-pagination-bullet {
	width: 26px;
	height: 4px;
	border-radius: .25rem;
	background: #452c1e;
	opacity: .85;
	margin: 0;
	transition: width .2s ease, opacity .2s ease
}

.scs-pagination .swiper-pagination-bullet-active {
	width: 50px;
	opacity: 1
}

.scs-pagination .swiper-pagination-bullet-active {
	opacity: 1
}

.scs-height-desktop-auto .scs-slide {
	min-height: auto
}

.scs-height-desktop-auto .scs-slide picture {
	grid-column: 1/-1;
	grid-row: 1;
	display: block
}

.scs-height-desktop-auto .scs-slide-bg {
	position: relative;
	height: auto !important;
	display: block
}

.scs-theme-light .scs-upper,
.scs-theme-light .scs-title {
	color: #fff
}

.scs-theme-light .scs-btn {
	color: #fff
}

.scs-theme-light .scs-nav button {
	color: #fff
}

.scs-theme-light .scs-pagination .swiper-pagination-bullet {
	background: #fff;
	opacity: .85
}

.scs-theme-light .scs-pagination .swiper-pagination-bullet-active {
	background: #fff;
	opacity: 1
}

.scs-theme-light .scs-nav button {
	background: #7676764d
}

.scs-theme-light .scs-nav button:hover {
	background: #54545480 !important
}

.scs-theme-dark .scs-nav button:hover {
	color: #2c2c2c !important
}

/* Tablet: 1024px and down */
@media(max-width:1024px) {
	.scs-slide-content {
		align-items: var(--scs-content-align-tablet, flex-start);
		text-align: var(--scs-content-text-align-tablet, left)
	}

	.scs-title {
		font-size: 40px
	}

	.scs-upper {
		font-size: 16px
	}

	.scs-btn {
		font-size: 14px
	}
}

/* Tablet: 768px and down */
@media(max-width:768px) {
	.scs-carousel-skeleton {
		min-height: var(--scs-height-tablet, 320px)
	}

	.scs-slide {
		min-height: var(--scs-height-tablet, 320px)
	}

	.scs-slide-bg {
		height: var(--scs-img-height-tablet, 100%) !important;
		object-fit: var(--scs-img-fit-tablet, cover)
	}

	.scs-slide-overlay {
		background: rgba(var(--scs-overlay-color-tablet, 255, 255, 255), var(--scs-overlay-opacity-tablet, .6))
	}

	.scs-nav {
		display: var(--scs-arrows-display-tablet, flex)
	}

	.scs-slide-content {
		grid-column: 1/-1;
		padding: 36px 40px 46px 40px;
		max-width: 100vw;
		width: 100vw;
		margin: 0;
		align-items: var(--scs-content-align-tablet, flex-start);
		text-align: var(--scs-content-text-align-tablet, left)
	}

	.scs-title {
		font-size: 40px
	}

	.scs-upper {
		font-size: 16px
	}

	.scs-btn {
		font-size: 14px
	}

	.scs-pagination {
		display: var(--scs-dots-display-tablet, flex)
	}

	.scs-height-tablet-auto .scs-slide {
		min-height: auto
	}

	.scs-height-tablet-auto .scs-slide picture {
		grid-column: 1/-1;
		grid-row: 1
	}

	.scs-height-tablet-auto .scs-slide-bg {
		position: relative;
		height: auto !important;
		display: block
	}
}

/* Mobile: 540px and down */
@media(max-width:540px) {
	.scs-carousel-skeleton {
		min-height: var(--scs-height-mobile, 280px)
	}

	.scs-slide {
		min-height: var(--scs-height-mobile, 280px)
	}

	.scs-slide-bg {
		height: var(--scs-img-height-mobile, 100%) !important;
		object-fit: var(--scs-img-fit-mobile, cover)
	}

	.scs-slide-overlay {
		background: rgba(var(--scs-overlay-color-mobile, 255, 255, 255), var(--scs-overlay-opacity-mobile, .6))
	}

	.scs-nav {
		display: var(--scs-arrows-display-mobile, flex)
	}

	.scs-slide-content {
		padding: 15px 35px 15px 35px;
		grid-column: 1/span 8;
		align-self: end;
		margin-bottom: 40px;
		max-width: 100vw;
		width: 100vw;
		align-items: var(--scs-content-align-mobile, flex-start);
		text-align: var(--scs-content-text-align-mobile, left)
	}

	.scs-rtl .scs-slide-content {
		grid-column: 1 / span 8
	}

	.scs-title {
		font-size: 36px
	}

	.scs-upper {
		font-size: 16px
	}

	.scs-btn {
		font-size: 14px
	}

	.scs-nav.scs-prev {
		left: 10px
	}

	.scs-nav.scs-next {
		right: 10px
	}

	.scs-rtl .scs-nav.scs-prev {
		right: 10px;
		left: auto
	}

	.scs-rtl .scs-nav.scs-next {
		left: 10px;
		right: auto
	}

	.scs-pagination {
		bottom: 25px;
		display: var(--scs-dots-display-mobile, flex)
	}

	.scs-height-mobile-auto .scs-slide {
		min-height: auto
	}

	.scs-height-mobile-auto .scs-slide picture {
		grid-column: 1/-1;
		grid-row: 1
	}

	.scs-height-mobile-auto .scs-slide-bg {
		position: relative;
		height: auto !important;
		display: block
	}
}
