.video-carousel {
	background: #ebf7ff;
	padding-top: 4.5rem;
}

@media (min-width: 768px) and (max-width: 1023.98px) {
	.video-carousel .container-fluid-custom {
		padding: 0;
	}
}

.video-carousel__title_red {
	color: #ff2846;
	font-family: "Poppins";
	font-style: normal;
	font-weight: 500;
	font-size: 1.375rem;
	line-height: 130%;
	margin-bottom: 2rem;
}

@media (min-width: 768px) {
	.video-carousel__title_red {
		font-size: 2.375rem;
		line-height: 120%;
	}
}

.video-carousel__p {
	font-family: "Inter";
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
	/* 26.4px */
	margin-top: 1rem;
	margin-bottom: 3rem;
	max-width: 940px;
	margin-left: auto;
	margin-right: auto;
}

@media (max-width: 768px) {
	.video-carousel__p {
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 130%; 
	}
}
.video-carousel__card {
	position: relative;
}

.video-carousel__card__label,
.video-carousel__card__label--center-bottom.--label-3,
.video-carousel__card__label--center-bottom {
	width: 82px;
	height: 37px;
	right: 16px;
	top: 16px;
	background: #ffffff;
	border-radius: 32px;
	position: absolute;
	padding: 12px 16px;
	font-family: "Poppins";
	font-style: normal;
	font-weight: 400;
	font-size: 13px;
	line-height: 100%;
}

@media (min-width: 768px) and (max-width: 1023.98px) {
	.video-carousel__card__label--center-bottom {
		right: 178px;
		bottom: 38px;
		top: unset;
	}
}

@media (min-width: 768px) and (max-width: 1023.98px) {
	.video-carousel__card__label--center-bottom.--label-3 {
		right: 55px;
		bottom: 38px;
		top: unset;
	}
}

.video-carousel__card__play {
	background-image: url("data:image/svg+xml,%3Csvg width='56' height='56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.072.106C33.195.34 38.224 1.32 42.67 3.914c4.602 2.686 8.753 6.318 11.065 11.17 2.34 4.91 2.692 10.537 1.846 15.924-.838 5.332-3.196 10.24-6.607 14.381-3.453 4.192-7.773 7.632-12.897 9.298-5.2 1.69-10.836 1.77-16.045.112-5.154-1.64-9.453-5.152-12.942-9.341-3.46-4.153-6.06-9.022-6.838-14.405-.78-5.393.303-10.835 2.465-15.825 2.183-5.037 5.216-9.896 9.889-12.683C17.198-.193 22.753-.135 28.072.106Z' fill='%23fff' fill-opacity='.8'/%3E%3Cpath d='M19.546 19.367v17.266a1.663 1.663 0 0 0 2.567 1.4L35.679 29.4c1.034-.65 1.034-2.15 0-2.817l-13.566-8.616a1.663 1.663 0 0 0-2.567 1.4Z' fill='%23F60'/%3E%3C/svg%3E");
	width: 56px;
	height: 56px;
	top: 40%;
	left: 40%;
	background-repeat: no-repeat;
	position: absolute;
	display: block;
}

@media (max-width: 1199.92px) and (min-width: 991.92px) {
	.video-carousel__card__play {
		background-image: url("data:image/svg+xml,%3Csvg width='43' height='42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.575.172c3.831.174 7.593.907 10.918 2.848 3.442 2.009 6.547 4.725 8.276 8.354 1.75 3.672 2.013 7.88 1.38 11.91-.626 3.987-2.39 7.658-4.94 10.755-2.583 3.135-5.814 5.708-9.647 6.954-3.888 1.264-8.103 1.324-12 .084-3.854-1.228-7.07-3.854-9.68-6.987-2.587-3.106-4.53-6.747-5.113-10.773-.584-4.033.227-8.104 1.844-11.835 1.633-3.768 3.9-7.401 7.395-9.486C13.443-.052 17.596-.009 21.575.172Z' fill='%23fff' fill-opacity='.8'/%3E%3Cpath d='M15.198 14.577V27.49a1.244 1.244 0 0 0 1.92 1.047l10.146-6.457c.773-.486.773-1.608 0-2.107L17.118 13.53a1.244 1.244 0 0 0-1.92 1.047Z' fill='%23F60'/%3E%3C/svg%3E");
		height: 42px;
		max-width: 43px;
	}
}

@media (min-width: 1199.92px) {
	.video-carousel__card__img {
		transition: 0.5s all ease-in-out;
		transform: scale(1.1, 1.1);
	}

	.video-carousel__card__img:hover {
		transform: scale(1, 1);
	}
}

@media (min-width: 768px) {
	.video-carousel__nested-row2 {
		grid-row: 1/span 2 !important;
	}
}

@media (min-width: 768px) {
	.video-carousel__wrapper {
		display: grid;
		grid-template-columns: 147px 282px 267px;
		grid-template-rows: 147px 147px;
		grid-template-areas: "one three four" "two none five";
		gap: 12px;
		width: 720px;
		height: auto;
	}
}

@media (min-width: 1024px) {
	.video-carousel__wrapper {
		grid-template-columns: 164px 312px 300px;
		grid-template-rows: 164px 164px;
		grid-template-areas: "one three four" "two none five";
		width: 800px;
	}
}

@media (min-width: 1440px) {
	.video-carousel__wrapper {
		grid-template-columns: 220px 418px 400px;
		grid-template-rows: 220px 220px;
		gap: 16px;
		width: 1070px;
	}
}

.video-carousel__wrapper__box1 {
	grid-area: one;
}

.video-carousel__wrapper__box2 {
	grid-area: two;
}

.video-carousel__wrapper__box3 {
	grid-area: three;
}

@media (min-width: 768px) {
	.video-carousel__wrapper__box3 {
		grid-row-end: 3;
	}
}

.video-carousel__wrapper__box4 {
	grid-area: four;
}

.video-carousel__wrapper__box5 {
	grid-area: five;
}

.video-carousel__wrapper__box1,
.video-carousel__wrapper__box2,
.video-carousel__wrapper__box3,
.video-carousel__wrapper__box4,
.video-carousel__wrapper__box5,
.video-carousel__wrapper__box6,
.video-carousel__wrapper__box7,
.video-carousel__wrapper__box8,
.video-carousel__wrapper__box9,
.video-carousel__wrapper__box10,
.video-carousel__wrapper__box11,
.video-carousel__wrapper__box13 {
	overflow: hidden;
	border-radius: 32px;
}

@media (min-width: 768px) {
	.video-carousel__wrapper-two {
		display: grid;
		grid-template-columns: 274px 147px 275px;
		grid-template-rows: 147px 147px;
		grid-template-areas: "six eight ten" "seven nine eleven";
		gap: 12px;
		width: 720px;
		height: auto;
	}
}

@media (min-width: 1024px) {
	.video-carousel__wrapper-two {
		grid-template-columns: 306px 164px 306px;
		grid-template-rows: 164px 164px;
		grid-template-areas: "six eight ten" "seven nine eleven";
		justify-items: center;
		width: 800px;
	}
}

@media (min-width: 1440px) {
	.video-carousel__wrapper-two {
		grid-template-columns: 406px 226px 406px;
		grid-template-rows: 226px 226px;
		gap: 16px;
		width: 1070px;
	}
}

.video-carousel__wrapper-two .video-carousel__wrapper__box6 {
	grid-area: six;
}

.video-carousel__wrapper-two .video-carousel__wrapper__box7 {
	grid-area: seven;
}

.video-carousel__wrapper-two .video-carousel__wrapper__box8 {
	grid-area: eight;
}

.video-carousel__wrapper-two .video-carousel__wrapper__box9 {
	grid-area: nine;
}

.video-carousel__wrapper-two .video-carousel__wrapper__box10 {
	grid-area: ten;
}

.video-carousel__wrapper-two .video-carousel__wrapper__box11 {
	grid-area: eleven;
}

.video-carousel__wrapper-two .video-carousel__wrapper__box6,
.video-carousel__wrapper-two .video-carousel__wrapper__box7,
.video-carousel__wrapper-two .video-carousel__wrapper__box8,
.video-carousel__wrapper-two .video-carousel__wrapper__box9,
.video-carousel__wrapper-two .video-carousel__wrapper__box10,
.video-carousel__wrapper-two .video-carousel__wrapper__box11 {
	overflow: hidden;
	border-radius: 32px;
}

@media (min-width: 768px) {
	.video-carousel__wrapper-three {
		display: grid;
		grid-template-columns: 140px 193px 180px 193px;
		grid-template-rows: 140px 140px;
		grid-template-areas: "one three four six" "two none five six";
		gap: 12px;
		width: 742px;
		height: auto;
	}
}

@media (min-width: 1024px) {
	.video-carousel__wrapper-three {
		grid-template-columns: 144px 270px 240px 270px;
		grid-template-rows: 144px 144px;
		grid-template-areas: "one three four six" "two none five six";
		width: 960px;
	}
}

@media (min-width: 1440px) {
	.video-carousel__wrapper-three {
		grid-template-columns: 198px 364px 346px 364px;
		grid-template-rows: 198px 212px;
		grid-template-areas: "one three four six" "two none five none";
		gap: 16px;
		width: 1320px;
	}
}

.video-carousel__wrapper-three__box1 {
	grid-area: one;
}

.video-carousel__wrapper-three__box2 {
	grid-area: two;
}

.video-carousel__wrapper-three__box3 {
	grid-area: three;
}

.video-carousel__wrapper-three__box4 {
	grid-area: four;
}

.video-carousel__wrapper-three__box5 {
	grid-area: five;
}

.video-carousel__wrapper-three__box6 {
	grid-area: six;
}

@media (min-width: 768px) {
	.video-carousel__wrapper-three__box6 {
		grid-row-end: 4;
	}
}

.video-carousel__wrapper-three__box1,
.video-carousel__wrapper-three__box2,
.video-carousel__wrapper-three__box3,
.video-carousel__wrapper-three__box4,
.video-carousel__wrapper-three__box5,
.video-carousel__wrapper-three__box6,
.video-carousel__wrapper-three__box7,
.video-carousel__wrapper-three__box8,
.video-carousel__wrapper-three__box9,
.video-carousel__wrapper-three__box10,
.video-carousel__wrapper-three__box11,
.video-carousel__wrapper-three__box13 {
	overflow: hidden;
	border-radius: 32px;
}

.video-carousel .swiper {
	width: 100%;
	height: 100%;
	padding-bottom: 3rem !important;
}

@media (min-width: 768px) {
	.video-carousel .swiper {
		padding-bottom: 6.25rem !important;
	}
}

@media (min-width: 1024px) {
	.video-carousel .swiper {
		padding-bottom: 5rem !important;
	}
}

.video-carousel .swiper .swiper-slide {
	text-align: center;
	background: #ebf7ff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

@media (max-width: 479.98px) {
	.video-carousel .swiper .swiper-slide {
		width: 219px !important;
	}
}

@media (min-width: 1320px) {
	.video-carousel .swiper .swiper-slide {
		height: 456px !important;
	}
}

.video-carousel .swiper .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.video-carousel .wrapper-pagination {
	margin-top: 3rem;
}

@media (min-width: 768px) {
	.video-carousel .wrapper-pagination {
		margin-top: 48px;
	}
}

@media (max-width: 1024px) {
	.container-custom {
		max-width: 85%;
	}
}