/**
 * Slide Icon Box
 */

.tcd-slide-icon-box {
	--tcd-sib-wrapper-bg: #0a1942;
	--tcd-sib-card-bg: #152a5c;
	--tcd-sib-card-radius: 14px;
	--tcd-sib-icon-box-size: 48px;
	--tcd-sib-icon-size: 22px;
	--tcd-sib-icon-box-bg: #1e3a6e;
	--tcd-sib-icon-box-radius: 10px;
	--tcd-sib-icon-color: #e85d4a;
	--tcd-sib-icon-gap: 20px;
	--tcd-sib-title-color: #ffffff;
	--tcd-sib-title-gap: 12px;
	--tcd-sib-desc-color: #8b9cb8;
	--tcd-sib-pagination-active: #e85d4a;
	--tcd-sib-pagination-inactive: #2a3f6b;
	--tcd-sib-pagination-height: 3px;
	--tcd-sib-pagination-active-width: 48px;
	--tcd-sib-pagination-inactive-width: 48px;
	--tcd-sib-pagination-gap: 8px;
	--tcd-sib-pagination-spacing: 32px;
	width: 100%;
	background-color: var(--tcd-sib-wrapper-bg);
	box-sizing: border-box;
	overflow: hidden;
}

.tcd-slide-icon-box__swiper {
	overflow: visible;
}

.tcd-slide-icon-box__swiper .swiper-slide {
	height: auto;
	box-sizing: border-box;
}

.tcd-slide-icon-box__card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	height: 100%;
	background-color: var(--tcd-sib-card-bg);
	border-radius: var(--tcd-sib-card-radius);
	box-sizing: border-box;
	text-align: left;
}

.tcd-slide-icon-box__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--tcd-sib-icon-box-size);
	height: var(--tcd-sib-icon-box-size);
	margin-bottom: var(--tcd-sib-icon-gap);
	background-color: var(--tcd-sib-icon-box-bg);
	border-radius: var(--tcd-sib-icon-box-radius);
	color: var(--tcd-sib-icon-color);
	flex-shrink: 0;
}

.tcd-slide-icon-box__icon i {
	font-size: var(--tcd-sib-icon-size);
	line-height: 1;
}

.tcd-slide-icon-box__icon svg {
	width: var(--tcd-sib-icon-size);
	height: var(--tcd-sib-icon-size);
}

.tcd-slide-icon-box__title {
	margin: 0 0 var(--tcd-sib-title-gap);
	padding: 0;
	color: var(--tcd-sib-title-color);
	font-weight: 700;
	line-height: 1.3;
}

.tcd-slide-icon-box__desc {
	margin: 0;
	color: var(--tcd-sib-desc-color);
	line-height: 1.55;
}

.tcd-slide-icon-box__desc p {
	margin: 0;
}

.tcd-slide-icon-box__desc p + p {
	margin-top: 0.75em;
}

.tcd-slide-icon-box__pagination {
	position: relative !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: var(--tcd-sib-pagination-gap);
	margin-top: var(--tcd-sib-pagination-spacing);
	width: 100% !important;
	bottom: auto !important;
	left: auto !important;
}

.tcd-slide-icon-box__pagination .swiper-pagination-bullet {
	width: var(--tcd-sib-pagination-inactive-width);
	height: var(--tcd-sib-pagination-height);
	margin: 0 !important;
	border-radius: 999px;
	background-color: var(--tcd-sib-pagination-inactive);
	opacity: 1;
	transition: width 0.35s ease, background-color 0.35s ease;
	cursor: pointer;
}

.tcd-slide-icon-box__pagination .swiper-pagination-bullet-active {
	width: var(--tcd-sib-pagination-active-width);
	background-color: var(--tcd-sib-pagination-active);
}