/* This is for flight and transfer search starts here */
    .box-search-advance .box-bottom-search {
        flex-wrap: wrap; 
    }        
    .box-search-advance .box-bottom-search .flight-trip, 
    .box-search-advance .box-bottom-search .transfer-trip {
        width: 100%; 
        padding: 0px 27px; 
    }
    .box-search-advance .box-bottom-search .fligt-item-search,  
    .box-search-advance .box-bottom-search .transfer-item-search  {
        width: 25%;
        position: relative;
        padding: 0px 27px;
    }
/* This is for flight and transfer search ends here */

/* --- Flight and Transfer trip toggle buttons starts here --- */
    .trip-options {
        gap: 10px;
    }

    .btn-trip {
        display: inline-block;
        padding: 8px 18px;
        border: 1px solid #dee2e6;
        border-radius: 25px;
        font-size: 14px;
        font-weight: 500;
        background-color: #f8f9fa;
        color: #333;
        transition: all 0.3s ease;
        cursor: pointer;
    }

    .btn-trip:hover {
        background-color: #e9ecef;
        color: #000;
    }

    .btn-check:checked + .btn-trip {
        background-color: #007bff;
        border-color: #007bff;
        color: #fff;
        box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.2);
    }
/* --- Flight and Transfer trip toggle buttons ends here --- */

/* This is for hotel search starts here */
    #guestSelection {
        z-index: 9999; 
    }

    .card-journey-small .card-image .label, .card-journey-small .card-image .wish{
        z-index: 1; 
    }

    #roomsContainer {
        display: flex;
        flex-direction: column;
    }

    .room, .activity-room, .transfer-room {
        margin-bottom: 15px;
        padding: 10px;
        border: 1px solid #ddd;
        border-radius: 8px;
        background-color: #f9f9f9;
    }

    .room-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 10px;
    }

    .remove-room {
        background: transparent;
        border: none;
        color: red;
        font-size: 20px;
        cursor: pointer;
    }

    .remove-room:hover {
        color: darkred;
    }

    .form-group {
        margin-bottom: 15px;
    }

    #guestSelection{
        width:50%;
    }

    @media (max-width: 768px) {
        #guestSelection {
            width:100%;
        }
    }

    .btn-danger {
        padding: 3px 8px;
        font-size: 16px;
    }
/* This is for hotel search ends here */

/* This is for activity search ends here */

    #activity-guestSelection{
        width:100%;
    }

    @media (max-width: 768px) {
        #activity-guestSelection {
            width:300%;
        }
    }
/* This is for activity search ends here */