/*
====================================
large Screen - Others
====================================
*/
@media screen and (min-width: 1200px) and (max-width: 1399px) {



}

/*
====================================
Medium Screen - Others
====================================
*/
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .gap-x-40 {
        row-gap: 50px;
    }


}

/*
====================================
Small Screen - Tablate
====================================
*/
@media screen and (min-width: 768px) and (max-width: 991px) {
    .gap-x-40 {
        row-gap: 45px;
    }



}

/*
====================================
Xtra Small Screen - Small Mobile
====================================
*/
@media screen and (max-width: 767px) {
    .gap-x-40 {
        row-gap: 38px;
    }

}



@media screen and (max-width: 575px) {


}

/* Responsive adjustments for small screens, especially short ones for the consultation button */
@media (max-height: 620px) {   /* or try 580px / 640px depending on your testing */
    .treedi-consult-popup {
        height: auto !important;           /* let natural content height win */
        max-height: calc(100dvh - 16px);   /* still prevent going completely off-screen */
        padding-bottom: 16px;
    }

    .treedi-swipe-btn {
        position: sticky;
        bottom: 16px;
        margin-top: 24px !important;       /* give some breathing room above */
        margin-bottom: 0 !important;
        z-index: 2;
        /* optional: make it more prominent on small screens */
        min-height: 56px;
        font-size: 15px;
    }

    /* Help older small-screen Android devices */
    .treedi-consult-popup .treedi-step-box {
        margin-bottom: 16px;
    }
}