.tp-header-top-border, .checkout__coupon-section{
	display: none;
}
/* Large screens (xl and above) */
@media (min-width: 1200px) {
    /* Row ko flex banao + order change */
    .tp-contact-inner .row {
        display: flex;
        flex-wrap: wrap;
        gap: 30px;           /* text aur form ke beech space – adjust kar sakte ho */
    }

    /* Text wala column (jo abhi col-xl-3 hai) */
    .tp-contact-inner .row .col-xl-3 {
        order: 1;            /* pehle dikhega */
        flex: 0 0 40%;
        max-width: 40%;
    }

    /* Form wala column (jo abhi col-xl-9 hai) */
    .tp-contact-inner .row .col-xl-9 {
        order: 2;            /* baad mein dikhega */
        flex: 0 0 60%;
        max-width: 60%;
    }

    /* Thoda sa polish – optional */
    .tp-contact-info-wrapper {
        padding-right: 20px;
    }
    .tp-contact-wrapper {
        padding-left: 20px;
    }
}

/* Medium screens (lg) – agar yahan bhi change chahiye to yeh rakho, warna bootstrap handle karega */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .tp-contact-inner .row .col-lg-4 {
        flex: 0 0 40%;
        max-width: 40%;
        order: 1;
    }
    .tp-contact-inner .row .col-lg-8 {
        flex: 0 0 60%;
        max-width: 60%;
        order: 2;
    }
}

/* Mobile / chhote screens pe kuch mat badlo – bootstrap already stack karega */
@media (max-width: 991.98px) {
    .tp-contact-inner .row .col-xl-3,
    .tp-contact-inner .row .col-xl-9 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        order: initial !important;   /* original order wapas */
    }
}