/* Homepage */
.homepage {
    height: clamp(1px, 42.396vw, 1628px);
}

/* .get-img {
    position: absolute;
    bottom: 0;
    left: 10%;
} */



/* About US */
.about-us {
    height: clamp(1px, 47.188vw, 1812px);
}

.about-img img {
    position: relative;
    width: auto;
    height: clamp(1px, 43.542vw, 1672px);
    left: clamp(-110px, -3vw, 1px);
}

.why-choose {
    height: clamp(1px, 44.6355vw, 1714px);
}

.start-icon {
    width: clamp(1px, 2.24vw, 87px);
    height: clamp(1px, 2.24vw, 87px);
}

.brigh-icon {
    width: clamp(1px, 17.917vw, 688px);
    height: auto;
}


/* Review  */
.review-container {
    height: clamp(1px, 66.042vw, 2536px);
}

.onsite-container,
.online-container {
    height: clamp(1px, 18.2292vw, 700px);
}

.onsite-review img {
    position: relative;
    width: auto;
    height: clamp(1px, 22.6042vw, 868px);
    left: clamp(-120px, -3vw, 1px);
}

.online-review img {
    position: relative;
    width: auto;
    height: clamp(1px, 22.6042vw, 868px);
    left: clamp(-120px, -1.8vw, 1px);
}

.features-grid {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(1px, 4.158vw, 160px);
}

.features-grid::before,
.features-grid::after {
    content: '';
    position: absolute;
    background-color: #C9E2F1;
}

.features-grid::before {
    width: 1px;
    height: 100%;
    left: 50%;
    top: 0;
}

.features-grid::after {
    height: 1px;
    width: 100%;
    top: 50%;
    left: 0;
}

.learn-icon img {
    width: clamp(1px, 5.625vw, 216px);
    height: clamp(1px, 5.625vw, 216px);
}

/* Contact Us  */
.contact-form {
    width: clamp(1px, 31.042vw, 1192px);
    height: 100%;
    background: #FFFEFE;
    box-shadow: -13.5708px 45.559px 47.4977px rgba(0, 0, 0, 0.09), -2.90802px 11.6321px 26.1722px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

.wpcf7 form .wpcf7-response-output {
    margin: 0 0.5em 1em !important;
    padding: 0.2em 1em;
    border: 2px solid #F97E00;
}

.contact-label p {
    margin-bottom: clamp(1px, 1.666665vw, 4rem);
}

.contact-label input {
    width: clamp(1px, 27.396vw, 1052px);
    height: clamp(1px, 2.917vw, 112px);
    margin: 0;
    border: none;
    background-color: transparent !important;
    border-bottom: clamp(1px, 0.2vw, 4px) solid #CDCDCD;
    padding: 0px 15px;
}

.wpcf7-submit {
    font-family: Inter SemiBold;
    width: clamp(1px, 27.396vw, 1052px);
    height: clamp(1px, 2.917vw, 112px);
    background: #F97E00;
    border-radius: clamp(1px, 0.6vw, 24px);
    border: none;
    padding: 0 !important;
}

.contact-form-label:focus-within label {
    font-family: Inter SemiBold;
    color: #F97E00;
}

.contact-form-label input:focus,
.contact-form-label input:focus-visible {
    outline: none;
    box-shadow: none;
    border-bottom: clamp(1px, 0.2vw, 4px) solid #F97E00;
}

textarea {
    width: clamp(1px, 27.396vw, 1052px);
    min-height: clamp(1px, 5.417vw, 208px);
    border: none;
    border-radius: clamp(1px, 0.6vw, 24px);
    background-color: transparent !important;
    border: clamp(1px, 0.2vw, 4px) solid #CDCDCD;
    padding: clamp(1px, 0.7vw, 40px) 15px;
    margin: 0;
    max-height: clamp(1px, 5.417vw, 208px);
}

textarea:focus,
textarea:focus-visible {
    outline: none;
    box-shadow: none;
    border: clamp(1px, 0.2vw, 4px) solid #F97E00;
}

.soc-icon img {
    width: clamp(1px, 1.777vw, 70px);
    height: clamp(1px, 1.777vw, 70px);
}

.contact-content {
    height: clamp(1px, 25.938vw, 996px);
}


/* MOBILE VIEW */
@media (max-width:767px) {
    .homepage {
        background-image: url('../../images/custom/Homepage/Header.png') !important;
        background-repeat: no-repeat;
        height: clamp(1px, 166.52vw, 1250px);
    }

    .get-btn,
    .global-btn {
        width: 100%;
        height: 100%;
        border-radius: clamp(1px, 1.6vw, 24px);
        padding: clamp(1px, 3.373vw, 30px) 32px;
    }

    /* About Us */
    .about-container {
        background-image: url('../../images/custom/Homepage/wave\ bg.png') !important;
        background-repeat: no-repeat !important;
        background-position: top !important;
        height: 100%;
    }

    .about-us,
    .why-choose {
        height: 100%;
        background-image: none !important;
    }

    .about-img img {
        position: relative;
        width: auto;
        height: clamp(1px, 112.7vw, 1672px);
        left: clamp(-110px, -4vw, 1px);
    }

    .start-icon {
        width: clamp(1px, 4.663vw, 87px);
        height: clamp(1px, 4.663vw, 87px);
    }

    .brigh-icon {
        width: clamp(1px, 84.09vw, 688px);
        height: auto;
    }

    .review-container {
        background-image: url('../../images/custom/Homepage/Why\ Choose\ Us\(2\).png') !important;
        background-repeat: no-repeat;
        height: clamp(1px, 270.427vw, 2536px);
    }

    .onsite-review img,
    .online-review img {
        position: relative;
        width: auto;
        height: clamp(1px, 67.94vw, 868px);
        left: clamp(-120px, -8vw, 1px);
    }

    .onsite-container,
    .online-container {
        height: 100%;
    }

    .review-container .fs-22 {
        font-size: clamp(1px, 3.73001vw, 22px) !important;
    }

    .onsite-content,
    .online-content {
        position: relative;
        top: -30px;
    }

    .learn-icon img {
        width: clamp(1px, 15.093vw, 216px);
        height: clamp(1px, 15.093vw, 216px);
    }

    .features-grid {
        gap: clamp(1px, 10.996vw, 160px);
    }

    .contact-us {
        background-image: none !important;
        background-color: #F97E00;
        background-repeat: no-repeat;
        height: 100%;
    }

    .contact-form {
        position: relative;
        z-index: 2;
        width: 100%;
        height: 100%;
    }

    .bg-icon {
        position: absolute;
        left: clamp(-32px, -4.3vw, 1px);
        top: 58%;
        z-index: 1;
    }

    .bg-icon-1 {
        position: absolute;
        top: 58%;
        right: clamp(-32px, -4.3vw, 1px);
        z-index: 1;
    }

    .contact-label input {
        width: clamp(1px, 75.933vw, 1052px);
        height: clamp(1px, 11.723vw, 112px);
    }

    textarea {
        width: clamp(1px, 75.933vw, 1052px);
        min-height: clamp(1px, 15.11vw, 208px);
        border-radius: clamp(1px, 1.6vw, 24px);
        max-height: clamp(1px, 15.11vw, 208px);
    }

    .sub-btn p {
        margin-bottom: clamp(1px, 4.7vw, 20px) !important;
    }

    .wpcf7-submit {
        width: clamp(1px, 75.933vw, 1052px);
        height: clamp(1px, 11.723vw, 112px);
        border-radius: clamp(1px, 1.6vw, 24px);
    }

    .contact-form .font-inter-regular {
        font-size: clamp(1px, 4.18604vw, 36px) !important;
    }

    .soc-icon img {
        width: clamp(1px, 6.07vw, 70px);
        height: clamp(1px, 6.07vw, 70px);
    }

    .contact-content {
        height: clamp(1px, 83.723vw, 996px);
    }

    .contact-label p {
        margin-bottom: clamp(1px, 5.81395vw, 4rem);
    }

}