.footer-grid {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1.1fr;
    gap: 38px;
    margin-bottom: 35px;
    position: relative;
    z-index: 2;
}

@media (max-width: 992px) {
    .mini-features {
        gap: 12px;
    }
    .strip-inner {
    display: flex;
    /* justify-content: center; */
    gap: 10px;
    flex-wrap: wrap;
}
 .retreat-banner{
        grid-template-columns:1fr;
        padding:40px 30px;
        gap:35px;
        text-align:center;
    }

    .retreat-banner h2{
        font-size:34px;
    }

    .retreat-banner .btn{
        justify-content:center;
    }

    .retreat-banner img{
        height:400px;
        order:-1; /* Remove this line if you want the image below the text */
    }



}

/* Large Mobile (≤768px) */
@media (max-width: 768px) {
    .mini-features {
        grid-template-columns: 1fr;
        gap: 10px;
    }
      /* .strip {
        overflow: hidden;
        white-space: nowrap;
    }

    .strip-inner {
        display: inline-flex;
        flex-wrap: nowrap;
        gap: 30px;
        animation: marquee 15s linear infinite;
        width: max-content;
    }

    @keyframes marquee {
        from {
            transform: translateX(0%);
        }
        to {
            transform: translateX(0%);
        }
    } */
     .enquiry-box {
        padding: 24px;
        height: 100%;
        overflow: scroll;
    }
    .footer-grid {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 38px;
    margin-bottom: 35px;
    position: relative;
    z-index: 2;
}
 .retreat-banner{
        padding:25px 20px;
        gap:25px;
        border-radius:15px;
    }

    .retreat-banner h2{
        font-size:30px;
    }

    .retreat-banner p{
        font-size:15px;
        line-height:1.7;
    }

    .retreat-banner img{
        height:250px;
        border-radius:12px;
    }

    .retreat-banner .btn{
        width:100%;
        justify-content:center;
    }
}


/* Small Mobile (≤576px) */
@media (max-width: 576px) {
    .mini-features {
       
        gap: 8px;
    }

    .mini-features div {
        font-size: 14px;
    }
    .strip-inner {
    gap:10px;
}
     .section {
        padding: 35px 0;
    }
    ol, ul {
    padding-left: 0rem;
}
 .enquiry-box {
        padding: 24px;
        height: 100%;
        overflow: scroll;
    }
    .footer-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 38px;
    margin-bottom: 35px;
    position: relative;
    z-index: 2;
}
  .retreat-banner{
        padding:20px 15px;
    }

    .retreat-banner h2{
        font-size:30px;
    }

    .retreat-banner img{
        height:220px;
    }
    
}