.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:100%;
        order:-1; /* Remove this line if you want the image below the text */
    }
    .package-search{
  max-width: 500px;
  padding: 20px;
  border-radius: 30px;
}



}

/* 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:100%;
        border-radius:12px;
    }

    .retreat-banner .btn{
        width:100%;
        justify-content:center;
    }
    .package-search{
  max-width: 400px;
  padding: 20px;
  border-radius: 30px;
}
}


/* 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-grid img{
      width:100%;
      height:100%;
      object-fit:cover;
      border-radius:16px;
      box-shadow:var(--shadow);
    }
    .retreat-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 22px;
}
.package-search{
  max-width: 250px;
  padding: 10px;
  border-radius: 30px;
}
.brand img {
    width: 150px;
    height: auto;
    border-radius: 5px;
    object-fit: cover;
    /* box-shadow: 0 8px 18px rgba(0, 0, 0, .18); */
    background: transparent ;
}
    
}