:root {
    --black: #1D1D1D;
    --white: #ffffff;
    --grey: #777777;
    --grey40: #A2A2A2;
    --blue: #ecba16;
    --blue-light: #ECF1FF;
    --bg: #F9F9F9;
    --line: #E6E6E6;
    --transition: 0.3s ease all;
}

@media (max-width: 991px) {
    .navbar-toggler,
    .navbar-toggler:focus {
        border-width: 0 !important;
        outline-width: 0 !important;
        padding: 0;
        box-shadow: none !important;
        position: relative;
        top: -10px;
    }

    .navbar-toggler-icon {
        background: url('../img/menu.svg') center center / contain no-repeat;
        width: 40px;
        height: 40px;
        transition: 0.3s ease all;
    }

    .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
        background-image: url('../img/close.svg');
        transform: rotate(180deg);
    }

    .section-referrer form .row {
        gap: 24px 0;
    }
}

@media (max-width: 767px) {
    .navbar {
        padding: 22px 0;
    }

    .header-phone {
        margin-right: 0;
    }

    .button-shedule {
        padding: 16px 10px;
    }

    .navbar-nav {
        padding: 20px 0;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 18px;
        line-height: 24px;
        padding-left: 0;
        text-align: right;
    }

    .hero-form {
        flex-wrap: wrap;
    }

    .hero-form-input:first-child {
        border-right-width: 0;
        border-bottom: 1px solid var(--line);
        padding-right: 0;
    }

    .hero-form-button {
        top: 50%;
        margin-top: -24px;
    }

    .hero-discounts {
        padding-top: 80px;
        border-radius: 0 0 15px 15px;
    }

    .container-hero-title {
        border-radius: 15px 15px 0 0;
    }

    .container-service {
        height: 34vw;
        padding: 2.5vw 2vw;
    }

    .service-title {
        font-size: 2.8vw;
    }

    .section-advantage .container {
        background: linear-gradient(to bottom, var(--white) 0%, var(--white) 325px, var(--blue) 325.000001px, var(--blue) 100%);
    }

    .section-advantage .container-advantage {
        padding: 3rem 2rem;
    }

    .section-advantage .advantage img {
        margin-right: 24px;
    }

    .section-last .container {
        border-radius: 15px;
        padding-top: 0;
    }

    .section-last .img-wrapper {
        border-radius: 15px 15px 0 0;
    }    

    /*Pricing*/
    .section-pricing #pricingTab .nav-item {
        margin-bottom: 16px;
    }

    /*Tech*/
    .section-tech-hero .content {
        background: url('../img/bg-tech.png') center bottom /contain no-repeat, linear-gradient(to top, var(--blue), var(--blue));
        min-height: 127vw;
        padding: 16px 16px 65vw;
    }
    
    .section-tech-hero .content h1,
    .section-hero .content h1 {
        font-weight: 700;
        font-size: 36px;
    }

    .section-tech-hero .content .subtitle,
    .section-hero .content .subtitle {
        font-weight: 400;
        font-size: 24px;
    }

    .section-quiz .calendar .button {
        width: calc(25% - 18px);
    }

    .owl-brands .item {
        min-height: 96px;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .container-service {
        height: 155px;
        padding: 12px 6px;
    }

    .service-title {
        font-size: 12px;
    }
}

@media (min-width: 350px) and (max-width: 767px) {
    .section-tech-hero .content {
        padding: 10vw 16px 65vw 13vw;        
    }

    .section-hero .content {
        padding: 10vw 20px;
        border-radius: 15px 15px 0 0;
    }

    .section-hero .img-wrapper {
        border-radius: 0 0 15px 15px;        
    }
}