/**
   * Hero Banner section.
   *
   * @since 1.0.0
   */

.hero-banner .hero-banner__heading {
    font-size: 50px;
}

.hero-banner p {
    font-family: 'Geist', sans-serif;
    line-height: 1.6;
}

.hero-banner .btn {
    font-size: 16px;
}

.hero-banner .infographic-description {
    border-left: 10px solid #be9d7a;
    bottom: 70px;
    right: 30px;
}

.hero-banner .infographic-description .name {
    font-size: 20px;
}

.hero-banner .infographic-description .position {
    color: #747474;
    font-size: 15px;
}

/**
   * About Us section.
   *
   * @since 1.0.0
   */

.about-us {
    padding: 70px 0;
}

.about-us > .container {
    max-width: 940px;
}

.about-us h2 {
    font-size: 40px;
}

.about-us p {
    font-size: 18px;
    margin-bottom: 0;
}

/**
   * Services section.
   *
   * @since 1.0.0
   */

.services {
    padding: 100px 0 70px;
}

.services h2 {
    font-size: 40px;
}

.services .btn {
    padding: 20px 40px;
    font-size: 20px;
}

.services .carousel-inner {
  scroll-behavior: smooth;
}

.services #carousel-row {
  transition: transform 0.6s ease;
  user-select: none;
  cursor: grab;
}

.services .card {
    min-height: 480px;
    transition: transform 0.4s ease-in-out;
}

.services .carousel-control-next {
    top: 40%;
    right: -70px;
    transform: translateY(-50%);
    max-width: 55px;
    height: 55px;
    bottom: unset;
}

.services .carousel-control-prev-icon,
.services .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23252525' viewBox='0 0 16 16'%3e%3ctext x='2' y='13' font-size='16'%3e&%239654;%3c/text%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23252525' viewBox='0 0 16 16'%3e%3ctext x='0' y='13' font-size='16'%3e&%239664;%3c/text%3e%3c/svg%3e")*/;
    width: 26px;
    height: 26px;
}

/**
   * Why Choose Us section.
   *
   * @since 1.0.0
   */

.why-choose-us {
    padding: 70px 0 0;
}

.why-choose-us h2 {
    font-size: 40px;
}

.why-choose-us h3 {
    font-family: Proxima Nova, sans-serif;
    font-size: 25px;
}

/**
   * Testimonials section.
   *
   * @since 1.0.0
   */

.testimonials {
    padding: 70px 0 0;
    margin-bottom: -65px;
}

.testimonials h2 {
    font-size: 40px;
}

.testimonials p {
    line-height: 1.333;
}

/**
   * Contact Us section.
   *
   * @since 1.0.0
   */

.contact-us {
    padding: 130px 0 60px;
    color: #ffffff;
}

.contact-us .btn {
    color: #252525;
}

/**
   * Contact Us section.
   *
   * @since 1.0.0
   */

.book-an-appointment {
    padding: 70px 0;
}

.book-an-appointment h2,
.book-an-appointment .card-title {
    font-size: 40px;
    line-height: 1.2;
}

.book-an-appointment .card {
    box-shadow: 1px 3px 13px 4px rgba(28.999999999999993, 81.00000000000014, 120.99999999999999, 0.12);
}

.book-an-appointment .card .card-text {
    font-family: 'Lovelace Text', sans-serif;
    font-size: 16px;
}

.book-an-appointment .card .card-title > span {
    color: #fcbb6d;
}

.book-an-appointment .card .wpcf7-submit {
    font-size: 20px;
}

/**
   * Mobile Responsiveness.
   *
   * @since 1.0.0
   */

@media( max-width: 1025px ) {
    .hero-banner .hero-banner__heading {
        font-size: 46px;
    }

    .hero-banner .btn,
    .hero-banner .infographic-description .name {
        font-size: 17px;
    }

    .hero-banner .infographic-description {
        right: -10%;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .hero-banner .infographic-description .position {
        font-size: 14px;
    }

    .about-us h2 {
        font-size: 38px;
    }

    .about-us p {
        font-size: 17px;
    }

    .services .btn {
        padding: 10px 25px;
        font-size: 18px;
    }

    .why-choose-us h2 {
        font-size: 38px;
    }

    .why-choose-us h3 {
        font-size: 23px;
    }

    .why-choose-us p {
        font-size: 17px;
    }

    .testimonials h2 {
        font-size: 38px;
    }

    .contact-us h2 {
        font-size: 38px;
    }

    .contact-us .content {
        font-size: 23px;
    }

    .contact-us .btn {
        font-size: 19px;
    }

    .book-an-appointment h2,
    .book-an-appointment .card-title {
        font-size: 38px;
    }

    .book-an-appointment p {
        font-size: 17px;
    }

    .book-an-appointment .card .wpcf7-submit {
        font-size: 19px;
    }
}

@media( max-width: 768px ) {
    .hero-banner .infographic-description {
        right: -25%;
    }

    .about-us h2 {
        font-size: 36px;
    }

    .about-us p {
        font-size: 16px;
    }

    .services .carousel-inner {
        max-width: 380px;
    }

    .services .card-title {
        font-size: 26px;
    }

    .services .btn {
        font-size: 17px;
    }

    .why-choose-us h2 {
        font-size: 36px;
    }

    .why-choose-us h3 {
        font-size: 21px;
    }

    .why-choose-us p {
        font-size: 16px;
    }

    .testimonials h2 {
        font-size: 36px;
    }

    .contact-us h2 {
        font-size: 36px;
    }

    .contact-us .content {
        font-size: 21px;
    }

    .contact-us .btn {
        font-size: 18px;
    }

    .book-an-appointment h2,
    .book-an-appointment .card-title {
        font-size: 36px;
    }

    .book-an-appointment p {
        font-size: 16px;
    }

    .book-an-appointment .card .wpcf7-submit {
        font-size: 18px;
    }
}

@media( max-width: 576px ) {
    .hero-banner .hero-banner__heading {
        font-size: 40px;
    }

    .hero-banner .btn,
    .hero-banner .infographic-description .name {
        font-size: 16px;
    }

    .hero-banner .infographic-description .position {
        font-size: 14px;
    }

    .services h2 {
        font-size: 36px;
    }

    .services .btn {
        font-size: 16px;
    }

    .why-choose-us h3 {
        font-size: 19px;
    }

    .contact-us .content {
        font-size: 19px;
    }

    .contact-us .btn {
        font-size: 17px;
    }
}