.card-slider-section {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 0.72rem 0;
	background-color: var(--light-grey);
}
@media screen and (max-width: 768px) and (orientation: portrait) {
	.card-slider-section {
		padding: 0.6rem 0;
}
	}
.card-slider-section .container {
		display: flex;
		flex-direction: column;
		gap: 0.56rem;
	}
.card-slider-section .title-text-wrap {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		gap: 0.24rem;
		max-width: 8.68rem;
		margin: 0 auto;
	}
:is(.card-slider-section .title-text-wrap) .title {
			color: var(--blue);
			text-align: center;
		}
:is(:is(.card-slider-section .title-text-wrap) .title) span {
				color: var(--orange);
			}
:is(.card-slider-section .title-text-wrap) .text {
			color: var(--blue);
			text-align: center;
		}
.card-slider-section .card-slider-list-wrap {
		position: relative;
		display: flex;
		flex-direction: column;
		width: 100%;
		visibility: visible;
	}
:is(.card-slider-section .card-slider-list-wrap) .splide__track {
			overflow: hidden;
		}
@media screen and (max-width: 768px) and (orientation: portrait) {
	:is(.card-slider-section .card-slider-list-wrap) .splide__track {
				width: 2.98rem;
				overflow: visible;
		}
			}
:is(.card-slider-section .card-slider-list-wrap) .card-wrap {
			position: relative;
			display: flex;
			width: 100%;
			min-height: 2.62rem;
			border-radius: 0.32rem;
			padding: 0.22rem 0.16rem;
			overflow: hidden;
			cursor: pointer;
		}
:is(:is(.card-slider-section .card-slider-list-wrap) .card-wrap):hover .label{
					background-color: var(--orange);
					color: var(--white);
				}
:is(:is(.card-slider-section .card-slider-list-wrap) .card-wrap) .background-image-wrap {
				position: absolute;
				inset: 0;
				width: 100%;
				height: 100%;
			}
:is(:is(:is(.card-slider-section .card-slider-list-wrap) .card-wrap) .background-image-wrap) img {
					width: 100%;
					height: 100%;
					object-fit: cover;
					display: block;
				}
:is(:is(:is(.card-slider-section .card-slider-list-wrap) .card-wrap) .background-image-wrap) .mobile-image {
					display: none;
				}
@media screen and (max-width: 768px) and (orientation: portrait) {
					:is(:is(:is(.card-slider-section .card-slider-list-wrap) .card-wrap) .background-image-wrap) .desktop-image {
						display: none;
					}
					:is(:is(:is(.card-slider-section .card-slider-list-wrap) .card-wrap) .background-image-wrap) .mobile-image {
						display: block;
					}
				}
:is(:is(.card-slider-section .card-slider-list-wrap) .card-wrap) .button-wrap,:is(:is(.card-slider-section .card-slider-list-wrap) .card-wrap) .label {
				position: relative;
				z-index: 2;
				margin-top: auto;
			}
:is(:is(:is(.card-slider-section .card-slider-list-wrap) .card-wrap) .button-wrap,:is(:is(.card-slider-section .card-slider-list-wrap) .card-wrap) .label) .btn {
					background-color: var(--white);
					color: var(--orange);
					border:none;
					padding: 0.08rem 0.16rem;
					border-radius: 0.32rem;
					font-size: 0.28rem;
					line-height: 110%;
					letter-spacing: -0.02em;
					font-weight: 400;
					text-transform: unset;
				}
@media screen and (max-width: 768px) and (orientation: portrait) {
	:is(:is(:is(.card-slider-section .card-slider-list-wrap) .card-wrap) .button-wrap,:is(:is(.card-slider-section .card-slider-list-wrap) .card-wrap) .label) .btn {
						font-size: 0.24rem;
				}
					}
:is(:is(:is(:is(.card-slider-section .card-slider-list-wrap) .card-wrap) .button-wrap,:is(:is(.card-slider-section .card-slider-list-wrap) .card-wrap) .label) .btn) span {
						color: var(--orange);
					}
:is(:is(.card-slider-section .card-slider-list-wrap) .card-wrap) .label{
				background-color: var(--white);
				color: var(--orange);
				border:none;
				padding: 0.08rem 0.16rem;
				border-radius: 0.32rem;
				font-size: 0.28rem;
				line-height: 110%;
				letter-spacing: -0.02em;
				font-weight: 400;
				text-transform: unset;
				transition: all .4s ease-in-out;
			}
@media screen and (max-width: 768px) and (orientation: portrait) {
	:is(:is(.card-slider-section .card-slider-list-wrap) .card-wrap) .label{
					font-size: 0.24rem;
			}
				}
.is-slider-inactive:is(.card-slider-section .card-slider-list-wrap) .splide__list {
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
				gap: 0.2rem;
			}
:is(.is-slider-inactive:is(.card-slider-section .card-slider-list-wrap) .splide__list) .splide__slide {
					width: calc((100% - 0.2rem) / 2);
				}
.is-slider-inactive:is(.card-slider-section .card-slider-list-wrap) .custom-arrow-navigation {
				display: none;
			}
:is(.card-slider-section .card-slider-list-wrap) .custom-arrow-navigation {
			position: relative;
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: center;
			width: 100%;
			margin-top: 0.4rem;
			gap: 0.2rem;
		}
:is(:is(.card-slider-section .card-slider-list-wrap) .custom-arrow-navigation) .custom-arrow-navigation-button {
				position: relative;
				display: flex;
				align-items: center;
				justify-content: center;
				width: 0.56rem;
				height: 0.56rem;
				background-color: var(--blue);
				border-radius: 50%;
				border: 1px solid var(--blue);
				cursor: pointer;
				transition: background-color 0.4s ease-in-out;
			}
.next:is(:is(:is(.card-slider-section .card-slider-list-wrap) .custom-arrow-navigation) .custom-arrow-navigation-button) {
					transform: rotate(180deg);
				}
:is(:is(:is(.card-slider-section .card-slider-list-wrap) .custom-arrow-navigation) .custom-arrow-navigation-button):disabled {
					background-color: var(--white);
					cursor: not-allowed;
				}
:is(:is(:is(.card-slider-section .card-slider-list-wrap) .custom-arrow-navigation) .custom-arrow-navigation-button):disabled svg {
						fill: var(--blue);
					}
:is(:is(:is(.card-slider-section .card-slider-list-wrap) .custom-arrow-navigation) .custom-arrow-navigation-button) svg {
					width: 0.16rem;
					height: 0.22rem;
					fill: var(--white);
					transition: fill 0.4s ease-in-out;
				}
.card-slider-section .modal-backdrop{
		position: fixed;
		inset: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(232, 232, 232, .95);
		z-index: 1000;
		display: none;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		padding: .32rem;
	}
@media screen and (max-width: 768px) and (orientation: portrait) {
	.card-slider-section .modal-backdrop{
			padding: .1rem;
	}
		}
.is-active:is(.card-slider-section .modal-backdrop){
			display: flex;
		}
:is(.card-slider-section .modal-backdrop) .modal{
			display: flex;
			height: 3.64rem;
			max-width: 10.65rem;
			display: none;
		}
@media screen and (max-width: 768px) and (orientation: portrait) {
	:is(.card-slider-section .modal-backdrop) .modal{
				height: unset;
				max-height: 7rem;
				flex-direction: column;
				gap: .16rem;
		}
			}
.is-active:is(:is(.card-slider-section .modal-backdrop) .modal){
				display: flex;
			}
:is(:is(.card-slider-section .modal-backdrop) .modal) .modal-image{
				flex-shrink: 0;
				width: 4.14rem;
				height: 100%;
				border-radius: 0.32rem;
				overflow: hidden;
			}
@media screen and (max-width: 768px) and (orientation: portrait) {
	:is(:is(.card-slider-section .modal-backdrop) .modal) .modal-image{
					width: 100%;
					height: 3.2rem;
			}
				}
:is(:is(:is(.card-slider-section .modal-backdrop) .modal) .modal-image) img{
					width: 100%;
					height: 100%;
					object-fit: cover;
					object-position: center;
					display: block;
				}
:is(:is(.card-slider-section .modal-backdrop) .modal) .modal-body{
				background-color: var(--white);
				border-top: .09rem solid var(--orange);
				border-radius: .32rem;
				padding: .24rem;
				display: flex;
				flex-direction: column;
				gap: .4rem;
			}
@media screen and (max-width: 768px) and (orientation: portrait) {
	:is(:is(.card-slider-section .modal-backdrop) .modal) .modal-body{
					padding: .2rem;
					max-height: 3.64rem;
			}
				}
:is(:is(:is(.card-slider-section .modal-backdrop) .modal) .modal-body) .modal-header{
					display: flex;
					justify-content: space-between;
					align-items: center;
					flex-shrink: 0;
				}
:is(:is(:is(:is(.card-slider-section .modal-backdrop) .modal) .modal-body) .modal-header) .modal-close{
						flex-shrink: 0;
						width: .56rem;
						height: .56rem;
						background-color: transparent;
						display: flex;
						justify-content: center;
						align-items: center;
						border: none;
						transition: background-color .4s ease-in-out;
						cursor: pointer;
					}
:is(:is(:is(:is(:is(.card-slider-section .modal-backdrop) .modal) .modal-body) .modal-header) .modal-close) svg{
							width: .2rem;
							height: .2rem;
						}
:is(:is(:is(:is(:is(:is(.card-slider-section .modal-backdrop) .modal) .modal-body) .modal-header) .modal-close) svg) path{
								transition: fill .4s ease-in-out;
							}
:is(:is(:is(:is(:is(.card-slider-section .modal-backdrop) .modal) .modal-body) .modal-header) .modal-close):hover{
							background-color: var(--orange);
						}
:is(:is(:is(:is(:is(:is(.card-slider-section .modal-backdrop) .modal) .modal-body) .modal-header) .modal-close):hover svg) path{
									fill: var(--white);
								}
:is(:is(:is(:is(.card-slider-section .modal-backdrop) .modal) .modal-body) .modal-link) .links{
						display: flex;
						align-items: center;
						gap: .12rem;
						color: var(--blue);
					}
:is(:is(:is(:is(:is(.card-slider-section .modal-backdrop) .modal) .modal-body) .modal-link) .links) span{
							display: flex;
							align-items: center;
						}
:is(:is(:is(.card-slider-section .modal-backdrop) .modal) .modal-body) .modal-content-wrap{
					flex-grow: 1;
					overflow: auto;
				}
:is(:is(:is(:is(:is(.card-slider-section .modal-backdrop) .modal) .modal-body) .modal-content-wrap) .modal-content) a {
							text-decoration: underline;
							transition: color .4s ease-in-out;
						}
:is(:is(:is(:is(:is(:is(.card-slider-section .modal-backdrop) .modal) .modal-body) .modal-content-wrap) .modal-content) a):hover{
								color: var(--orange);
							}