/* this prevents extra bottom curve on screens above 1471px */
.bottom-hero-curve{
    bottom: -2vw !important;
    left: -2px !important;
    right: -2px !important;
    height: auto;
    max-width: unset !important ;
}

/* setting up with if th eprogres n */
.carousel-type-1 .swiper-pagination 
, .carousel-type-2 .swiper-pagination   
{

  left: 16px !important;
  bottom: -25px !important;
  /* Push dots below the carousel */
  top: auto !important;
  border-radius: 30px;
  background: #F1F1F1 !important;
  right: 128px !important;
  width: auto !important;
}

@media (max-width: 640px) {

/* setting up with if th eprogres n */
.carousel-type-1 .swiper-pagination 
, .carousel-type-2 .swiper-pagination  {
  right: 86px !important;
}
}
.swiper-pagination-progressbar {
  background: #F1F1F1;
  border-radius: 30px;
}
.swiper-pagination-progressbar-fill {
  border-radius: 30px;
}
.section-inner {
  width: 80% !important;
  max-width: var(--max-w-content) !important;
}

.section-dark-blue-bg {
  background-color: rgba(17, 41, 66, 1);
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
  margin: 0px;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
}

.section-blue-bg {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
  margin: 0px;
  background-color: rgba(0, 70, 102, 1);
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
}

.section-white-bg {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
  margin: 0px;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
}

.section-grey-bg {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
  margin: 0px;
  background-color: rgba(241, 241, 241, 1);
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
}

.section-small-rectangle-box {
  border-radius: 16px !important;
  padding: 3rem !important;
}

.section-large-rectangle-box {
  border-radius: 16px !important;
  aspect-ratio: 16 / 9 !important;
  /* or 1 / 1, 4 / 3, etc. */
  padding: 3rem !important;
}

.section-square-box {
  display: flex;
  flex-direction: column !important;
  justify-content: space-around;
  border-radius: 16px !important;
  padding: 2rem;
  gap: 0rem !important;
  background-color: rgba(255, 255, 255, 1);
}

.section-eyebrow-heading {
  background-color: var(--vwfs-green);
  border-radius: 4px !important;
  padding: 0.5rem;
  text-align: center;
}

@media (max-width: 1200px) {
  .section-large-rectangle-box {
    padding: 2rem !important;
  }

  .section-small-rectangle-box {
    padding: 2rem !important;
  }
}

/*mobile styles*/
@media (max-width: 640px) {

  .section-square-box {
    width: 100% !important;
  }

  .section-large-rectangle-box {
    aspect-ratio: unset !important;
    padding: 1rem !important;
  }

  .section-small-rectangle-box {
    padding: 1rem !important;
  }

  .section-square-box {
    aspect-ratio: unset !important;
  }

  .section-white-bg,
  .section-dark-blue-bg,
  .section-grey-bg {
    width: 100% !important;
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

}