/* Small Devices */
@media screen and (min-width: 576px) {
  .container {
      padding: 0 1.375rem;
  }

    /* Hero */
  .hero-title {
    font-size: 45px;
    font-size: 2.813rem;
    line-height: 130%;
  }

  .primary-title {
    font-size: 38px;
    font-size: 2.375rem;
  }

  .function-list {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }

  /* About Us */
  .cu-image-container {
    max-width: 50%;
  }

  /* Footer */
  .qualified .footer-bg {
    height: 370px;
  }

  .footer-bg {
    height: 220px;
  }
}

/* Medium Devices */
@media screen and (min-width: 768px) {
  .container {
    padding: 0 2.5rem;
  }

  /* WA Button */
  .float-button {
    padding: 15px;
    padding-right: 20px;
    bottom: 1rem;
    right: 1rem;
    border-radius: 25px 30px 5px 25px;
}

.cu-wa-text span {
    display: inline;
}

.cu-wa-btn {
    padding-right: 10px;
    font-size: xxx-large;
}

  /* Hero */
  .hero-banner {
    max-width: 50%;
  }

  /* Functions */
  .section-title {
    font-size: 32px;
    font-size: 2rem;
    line-height: 130%;
  }

  .function-list {
    gap: 0;
  }

  .function-list .function-list__item {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
  }

  .cu-carousel-spacer {
    display: block;
}

  /* About Us */
  .cu-image-container {
    max-width: 100%;
    margin   : 0 auto;
  }

  /* Contact Page */
  .contact-vid::after {
    width: 230px;
    height: 160px;
    transform: translateX(-60%);
  }

  /* Benefits */
  .cu-desktop-me4 {
    margin-right: 1.5rem;
  }

  .cu-desktop-me5 {
    margin-right: 3rem;
  }

    /* Footer */
    .qualified .footer-bg {
        height: 480px;
    }

    .calendar {
        margin-bottom: -210px;
    }

    .calendar-wrapper {
        border: 1px solid rgb(126 127 130 / 15%);
        border-bottom-right-radius: 30px;
        border-bottom-left-radius: 30px;
        box-shadow: 0 0.24rem 2rem rgb(68 90 125 / 12%);
    }

    .calendar-wrapper::before {
        content: "";
        background-image: url("../images/arrow4.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        width: 236px;
        height: 287px;
        position: absolute;
        display: block;
        top: 0;
        -webkit-transform: translate3d(-130%, 12%, 0);
        transform: translate3d(-130%, 12%, 0);
    }

    .calendly-inline-widget {
        height: 630px !important;
        overflow-y: hidden !important;
    }

}

/* Large Devices */
@media screen and (min-width: 992px) {
    section {
        padding: 64px 0;
        padding: 4rem 0;
    }

  /* Hero */
    .hero-banner {
        max-width: 100%;
    }

  /* Functions */
  .calendar .section-title,
  .steps .section-title,
  .functions .section-title {
    margin-bottom: 64px;
    margin-bottom: 4rem;
  }

  .section-title {
    font-size: 38px;
    font-size: 2.375rem;
    line-height: 130%;
  }

  .function-list .function-list__item {
    -ms-flex-preferred-size: 29%;
    flex-basis: 29.25%;
  }

  /* Benefits  */
  .benefits .container {
    overflow: unset;
  }

  /* Footer */
  .qualified .footer-bg {
    height: 584px;
  }

  .footer-bg {
    height: 300px;
  }

  /* Contact Page */
  .contact-vid::after {
    width: 280px;
    height: 200px;
  }

  .col-lg-65 {
    flex: 0 0 auto;
    width: 56.333333%;
  }

  .col-lg-55 {
    flex: 0 0 auto;
    width: 43.666667%;
  }

  .benefit-wrapper::after {
    content: "";
    background-image: url("../images/arrow2.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 208px;
    height: 265px;
    position: absolute;
    display: block;
    top: 0;
    right: -52px;
    -webkit-transform: translate3d(100%, -75%, 0);
    transform: translate3d(100%, -75%, 0);
  }

  .calendar-wrapper::before {
    display: block;
    -webkit-transform: translate3d(-130%, 0, 0);
    transform: translate3d(-130%, 0, 0);
  }
}

/* Extra Large Devices */
@media screen and (min-width: 1200px) {
  /* Hero */
  .hero-title {
    font-size: 53px;
    font-size: 3.313rem;
    line-height: 130%;
  }

  .primary-title {
    font-size: 45px;
    font-size: 2.813rem;
    line-height: 140%;
  }

    /* Contact Page */
  .cu-watch-arrow {
    width: 83.333333%;
  }
}