.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-style: normal;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 100%;
  color: #000000;
  margin-top: 1rem;
  margin-bottom: 3rem;
}
.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;
  }
}