.form-control {
        font-size: 14px !important;
    }

    .icon-container {
        background-color: #fff;
        color: #29428D;
        border: #29428D 1px solid;
    }

    .video-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.9);
        /* full screen dark overlay */
        z-index: 9999;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .video-element {
        width: 80%;
        max-width: 960px;
        max-height: 80%;
        object-fit: contain;
        z-index: 9999;
        border-radius: 6px;
    }

    .close-button {
        position: fixed;
        top: 20px;
        right: 20px;
        background: white;
        color: black;
        font-size: 18px;
        border: none;
        padding: 4px 10px;
        cursor: pointer;
        z-index: 10000;
        border-radius: 50%;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    }

    .video-banner {
        position: relative;
        width: 100%;
        height: 70vh;
        overflow: hidden;
        color: #fff;
    }

    /* Video responsive */
    .video-bg {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transform: translate(-50%, -50%);
        z-index: 1;
    }

    /* Overlay container (countdown) */
    .banner-overlay {
        position: absolute;
        bottom: 41px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 2;
        display: flex;
        justify-content: center;
        flex-wrap: nowrap;
        /* prevent wrapping */
        gap: 10px;
        /* smaller gap for mobile */
        flex-wrap: nowrap;
        overflow-x: auto;
        /* scroll horizontally if too wide */
    }

    .countdown-container {
        display: flex;
        gap: 20px;
        /* smaller gap for mobile */
        justify-content: center;
        flex-wrap: nowrap;
        /* prevent wrapping */
        overflow-x: auto;
        /* horizontal scroll if needed */
    }

    /* .countdown-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 0 0 auto; 
} */
    .countdown-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
    }

    /* Add colon after each box */
    .countdown-box::after {
        content: ":";
        position: absolute;
        right: -14px;
        /* adjust spacing */
        top: 14%;
        /* aligns with number vertically */
        font-size: 2rem;
        font-weight: bold;
        color: #fff;
        /* match your theme */
    }

    /* Remove colon after the last one */
    .countdown-box:last-child::after {
        content: "";
    }


    /* Number styling */
    .number {
        font-size: 2rem;
        font-weight: bold;
        width: 70px;
        height: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2px solid #fff;
        border-radius: 10px;
        margin-bottom: 5px;
    }

    /* Label styling */
    .label {
        font-size: 1rem;
        text-transform: uppercase;
    }



    .expand-gallery {
  display: flex;
  width: 100%;
  height: 350px; /* adjust height */
  overflow: hidden;
}

.expand-item {
  flex: 1; /* all images start equal width */
  transition: flex 0.6s ease, transform 0.6s ease;
  position: relative;
  overflow: hidden;
}

.expand-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}

/* When hovered */
.expand-item:hover {
  flex: 3; /* hovered image expands */
}

.expand-item:hover img {
  transform: scale(1.1); /* zoom in effect */
}

/* When one is hovered, shrink others */
.expand-gallery:hover .expand-item:not(:hover) {
  flex: 0.7;
  filter: brightness(70%);
}
.amenities-row {
  display: grid;
  grid-template-rows: repeat(2, auto); /* exactly 2 rows */
  grid-auto-flow: column;              /* fill by columns first */
  gap: 12px 20px;                      /* row-gap | column-gap */
  align-items: center;
}

.amenity-item {
  display: flex;
  align-items: center;
  font-size: 1rem;
  color: #333;
  white-space: nowrap;
}

.amenity-item i {
  color: #29428D;
  margin-right: 8px;
}

.fs-14 {
  font-size: 14px !important;
}



    /* Responsive adjustments */
    @media (max-width: 1024px) {

        /* .video-banner {
        height: 60vh;
    } */
        .number {
            /* width: 70px;
        height: 70px; */
            width: 65px;
            height: 65px;
            font-size: 1.8rem;
        }

        .label {
            font-size: 0.9rem;
        }

        .banner-overlay {
            position: absolute;
            bottom: 25px;
        }
    }

    @media (min-width: 1025px) and (max-width: 1440px) {
        .banner-overlay {
            position: absolute;
            bottom: 16px;
        }
    }

    @media (max-width: 768px) {

        /* .video-banner {
        height: 50vh;
    } */
        .number {
            width: 60px;
            height: 60px;
            font-size: 1.5rem;
        }

        .label {
            font-size: 0.8rem;
        }
    }

    @media (max-width: 480px) {

        /* .video-banner {
        height: 42vh;
    } */
        .number {
            width: 50px;
            height: 50px;
            font-size: 1.2rem;
        }

        .label {
            font-size: 0.7rem;
        }

        .banner-overlay {
            bottom: 52px;
            gap: 10px;
        }

        .btn-bg {
            padding: 10px 50px !important;
        }

        .countdown-box::after {

            right: -14px;
            top: 9%;
        }
    }

    @media (max-width: 380px) {
        .video-banner {
            height: 33vh !important;
        }

        .number {
            width: 30px;
            height: 30px;
            font-size: 1rem;
        }

        .label {
            font-size: 0.5rem;
        }

        .banner-overlay {
            bottom: 10px;
            gap: 10px;
        }

        .countdown-box::after {

            right: -14px;
            top: -16%;
        }
    }