.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: 1439px) {
   .section-large-rectangle-box{
    padding: 2rem !important;
  }
  .section-small-rectangle-box{
    padding: 2rem !important;
  }
  }


@media (max-width: 767px) {

  .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;
  }

}