/*responsive */
@media screen and (max-width:1366px) {
    .connect-section .content-wrapper .right-wrapper .contact-form label {
        font-size: 12.6px
    }

    .connect-section .content-wrapper .right-wrapper .contact-form input {
        font-size: 13px;
    }

    .connect-section .content-wrapper .right-wrapper .contact-form .select-wrapper .select-container {
        padding-right: var(--fs18);
        padding-bottom: 7px;
    }

    .connect-section .content-wrapper .left-wrapper .contact-card .text {
        font-size: 12px;
    }

    .toast-container {
        font-size: 14px;
        padding: 10px 14px;
    }

    .toast-container img {
        width: 12px;
    }
}

@media screen and (max-width:1280px) {
    .connect-section{
        width: 78%;
    }
    .connect-section .content-wrapper .right-wrapper .contact-form label {
        font-size: 12.6px
    }

    .connect-section .content-wrapper .left-wrapper .contact-card h3 {
        font-size: 15px;
    }

}

@media screen and (max-width:1200px) {
    .connect-section{
        width: 82%;
    }
    .connect-section .header-wrapper .desc {
        width: 38%;
    }

    .connect-section .content-wrapper .right-wrapper .contact-form .form-container .error {
        font-size: 11px;
    }

}

@media screen and (max-width:1024px) {
    .connect-section{
        width: 86%;
    }

}

@media (max-width: 992px) {
    .connect-section {
        padding: var(--fs90-m) 0;
        width: 90%;
        margin: 0 auto;
    }


    .connect-section .header-wrapper {
        margin-bottom: var(--fs60-m);
    }

    .connect-section .header-wrapper h2 {
        font-size: var(--fs30-m);
    }


    .connect-section .header-wrapper .desc {
        color: var(--EerieBlack);
        font-size: var(--fs22-m);
        width: 100%;
    }

    .connect-section .content-wrapper {
        gap: var(--fs50-m);
        align-items: stretch;
    }

    .connect-section .content-wrapper .left-wrapper {
        flex-basis: 40%;
    }

    .connect-section .content-wrapper .left-wrapper .contact-card {
        padding: var(--fs30-m) var(--fs20-m);
    }

    .connect-section .content-wrapper .left-wrapper .contact-card h3 {
        font-size: var(--fs22-m);
    }

    .connect-section .content-wrapper .left-wrapper .contact-card .text {
        font-size: var(--fs16-m);
    }

    .connect-section .content-wrapper .left-wrapper .contact-card .text {
        margin: 0 auto var(--fs20-m);
    }

    .connect-section .content-wrapper .left-wrapper .contact-card .customer-img,
    .connect-section .content-wrapper .left-wrapper .contact-card .support-img,
    .connect-section .content-wrapper .left-wrapper .contact-card .quirey-img {
        width: var(--fs50-m);
    }

    .connect-section .content-wrapper .left-wrapper .contact-card .card-footer a {
        font-size: var(--fs20-m);
    }


    .connect-section .content-wrapper .right-wrapper h3 {
        font-size: var(--fs30-m);
        margin-bottom: var(--fs38-m);
    }

    .connect-section .content-wrapper .right-wrapper .contact-form .form-row {
        gap: var(--fs40-m);
        flex-direction: column;
    }

    .connect-section .content-wrapper .right-wrapper .contact-form .form-wrapper {
        gap: var(--fs40-m);
    }

    .connect-section .content-wrapper .right-wrapper .contact-form label {
        font-size: var(--fs18-m);
        margin-bottom: var(--fs15-m);
    }

    .connect-section .content-wrapper .right-wrapper .contact-form label span.mandatory {
        font-size: var(--fs18-m);
    }

    .connect-section .content-wrapper .right-wrapper .contact-form .form-container .error {
        font-size: var(--fs16-m);
    }

    .connect-section .content-wrapper .right-wrapper .contact-form input,
    .connect-section .content-wrapper .right-wrapper .contact-form .select-wrapper .industry-list li,
    .connect-section .content-wrapper .right-wrapper .contact-form .select-wrapper .select-container .select-text {
        font-size: var(--fs18-m);
    }

    .connect-section .content-wrapper .right-wrapper .contact-form .select-wrapper .select-container .select-btn img {
        width: var(--fs19-m);
        object-fit: contain;
    }

    .connect-section .content-wrapper .right-wrapper .contact-form .submit-btn {
        padding: var(--fs14-m) var(--fs40-m);
        font-size: var(--fs20-m);
        margin-top: var(--fs40);
    }

    .connect-section .content-wrapper .right-wrapper .contact-form .submit-btn img {
        width: var(--fs17-m);
    }

    .toast-container {
        padding: var(--fs14-m) var(--fs25-m);
        font-size: var(--fs19-m);
    }

    .toast-container img {
        width: var(--fs20-m);
    }
}

@media (max-width: 576px) {
    .connect-section .content-wrapper {
        gap: var(--fs70-m);
        flex-direction: column;
    }
    .connect-section .content-wrapper .left-wrapper .contact-card h3 {
            font-size: 15px;
    }
    .connect-section .content-wrapper .left-wrapper .contact-card .text {
            font-size: 13px;
     }
    .connect-section .content-wrapper .left-wrapper .contact-card .card-footer a{
            font-size: 14px;
    }
    .connect-section .content-wrapper .right-wrapper .contact-form label {
        font-size: 13px;
    }
    .connect-section .content-wrapper .right-wrapper .contact-form .submit-btn {
        font-size: 13px;
    }
}