#travel-slider .owl-item {
            transition: all 0.4s ease;
        }



        #travel-slider .owl-item.center .slide-card {
            transform: scale(1);
            opacity: 1;
        }

        #travel-slider .owl-stage-outer {
            overflow: visible !important;
        }

        #travel-slider {
            overflow: hidden;
        }

        /* Container styling to frame the slider nicely on desktop */
        .carousel-container {
            max-width: 1240px;
            margin: 0 auto;
            position: relative;
        }

        /* Slide structure layout matches the user image overlay style */
        .slide-card {
            position: relative;
            background: transparent;
            padding-bottom: 70px;
            /* Essential space for the overlapping white card */
        }

        /* Image viewport restrictions matching image proportions */
        .image-wrapper {
            width: 100%;
            height: 380px;
            overflow: hidden;
            border-radius: 4px;
        }

        .image-wrapper img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        /* Absolute positioned informational card matched perfectly to reference image */
        .infocardhotel {
            position: absolute;
            bottom: 0;
            /* left: 70px; */
            right: 0px;
            background: #ffffff;
            padding: 15px 18px;
            box-shadow: 0px 0px 11.4px 1px #00000029;
            z-index: 5;
            min-height: 160px;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            gap: 20px;
            width: 60%;
        }

        .infocardhotel h3 {
            font-size: 18px;
            color: #333333;
            font-weight: 400;
            line-height: 1.25;
            letter-spacing: -0.2px;
        }

    @media(max-width:767px){
        .infocardhotel {
            position: absolute;
            bottom: 0;
            /* left: 70px; */
            right: 0px;
            background: #ffffff;
            padding: 15px 18px;
            box-shadow: 0px 0px 11.4px 1px #00000029;
            z-index: 5;
            min-height: 160px;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            gap: 20px;
            width: 100%;
        }

        .btn-llamanext{

            width: 100% !important;
        }


    }

        .owl-stage-outer {
            padding: 20px 0;
        }

        /* Llama Ahora Gradient UI Button accurately styled to image */
        .btn-llama {
            display: inline-block;
            align-self: flex-start;
            background: linear-gradient(90deg, #ffa600 0%, #ffeed1 100%);
            color: #222222;
            text-decoration: none;
            font-size: 15px;
            font-weight: 500;
            padding: 10px 24px;
            border-radius: 8px;
            transition: opacity 0.2s ease;
        }

        .btn-llama:hover {
            opacity: 0.9;
        }

        /* Owl Navigation Arrows Custom Alignment */
        .owl-theme .owl-nav {
            position: absolute;
            top: 40%;
            width: 100%;
            transform: translateY(-50%);
            pointer-events: none;
            z-index: 10;
            margin-top: 0 !important;
        }

        /* Circular semi-transparent navigation elements matching reference layout */
        .owl-theme .owl-nav [class*='owl-'] {
            position: absolute;
            width: 44px;
            height: 44px;
            /* background: rgba(0, 0, 0, 0.65) !important; */
            color: #ffffff !important;
            font-size: 28px !important;
            line-height: 38px !important;
            border-radius: 50% !important;
            margin: 0 !important;
            padding: 0 !important;
            pointer-events: auto;
            transition: background-color 0.2s ease;
        }

        /* Slight offset to align natively with wrapper bounding boxes */
        .owl-theme .owl-nav .owl-prev {
            left: 10px;
        }

        .owl-theme .owl-nav .owl-next {
            right: 10px;
        }

        /* .owl-theme .owl-nav [class*='owl-']:hover {
            background: rgba(0, 0, 0, 0.85) !important;
        } */

        /* Hide standard pagination dots */
        .owl-theme .owl-dots {
            display: none !important;
        }


        /******/

        .section-head h2 {
            font-size: 48px;
            font-weight: 700;
        }

        .section-head h2 span {
            color: #c12b2b;
        }

        @media (max-width: 991px) {
            .section-head h2 {
                font-size: 32px;
            }
        }

        /********************************
        next section        
        **************************/

        .hotel-ardy{
    background:#fff;
    transition:.3s;
}

.hotel-ardy:hover{
    transform:translateY(-5px);
}

.hotel-img{
    overflow:hidden;
    border-radius:10px;
}

.hotel-img img{
    height:320px;
    object-fit:cover;
    border-radius:10px;
}

.price-badge{
    position:absolute;
    bottom:15px;
    right:40px;
    background:#fff;
    color:#198754;
    font-weight:700;
    font-size:14px;
    padding:8px 12px;
    box-shadow:0 5px 15px rgba(0,0,0,.15);
    height: 55px;
    width: 55px;
    border-radius: 50%;
    display: flex;
    align-items: center;
}

.price-badge2 {
    position: absolute;
    bottom: 64px;
    right: 31px;
    background: #fff;
    color: green;
    font-weight: bold;
    padding: 0px;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
}

.price-badge small{
    font-size:11px;
    color: #efeeee;
    margin-top: 30px;
    margin-left: 7px;
}

.hotel-content{
    padding-top:15px;
}

.rating{
    font-size:13px;
}

.rating img{
    margin-right: 10px;
}

.reserve-btn{
    background:#f6b221;
    color:#000;
    padding:8px 22px;
    border-radius:6px;
    font-weight:600;
    width: 120px;
}

.reserve-btn:hover{
    background:#e5a415;
}

@media(max-width:767px){

    .hotel-img img{
        height:280px;
    }

    h2{
        font-size:28px;
    }
}

/****************************************/

.section-head2 h2 {color: #fff;}
.section-head2 h2 span {color: #b40303;}
.section-head2 p {color: #fff;}

/* Absolute positioned informational card matched perfectly to reference image */
        .infocardhotel-next {
            position: absolute;
            bottom: 0;
            right: 0px;
            background: #ffffff;
            padding: 15px 18px;
            box-shadow: 0px 0px 11.4px 1px #00000029;
            z-index: 5;
            min-height: 160px;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            /* gap: 20px; */
            width: 100%;
        }

        .infocardhotel-next h3 {
            font-size: 22px;
            color: #333;
            font-weight: 400;
            line-height: 1.25;
            letter-spacing: -0.2px;
            text-align: center;
        }

        .infocardhotel-next p { text-align: center;}
        .infocardhotel-next a { text-align: center;}

        .btn-llamanext {
            display: inline-block;
            align-self: flex-start;
            background: linear-gradient(90deg, #ffa600 0%, #ffeed1 100%);
            color: #222222;
            text-decoration: none;
            font-size: 15px;
            font-weight: 500;
            padding: 10px 24px;
            border-radius: 8px;
            transition: opacity 0.2s ease;
            text-align: center;
            margin: 0 auto;
            width: 50%;
        }

        .btn-llamanext:hover {
            opacity: 0.9;
        }



/**************************

19 june Firom*

*************************/  



.double-input {
    position: relative;
}

.double-input {
    .first {
        border-radius: 8px 8px !important;
        padding-left: 33px;
        padding-right: 5px !important;
        width: 100% !important;
    }
}

.destination-input {
    input {
        width: 100%;
        padding: 11px;
        border: 0.75px solid #dee2e6;
        height: 44px;
        border-radius: 8px;
    }
}

.double-input {
    &:before {
        width: 20px;
        height: 20px;
        position: absolute;
        top: 12px;
        left: 7px;
        background-image: url(../images/carcale.png?v=12);
        content: '';
    }
}

/* .double-input {
    &:after {
        width: 1px;
        height: 30px;
        position: absolute;
        top: 9px;
        left: 60%;
        content: '';
        background-color: #dee2e6;
    }
} */

.error-msg {
    font-size: 12px;
    color: red;
    display: block;
    margin-top: 4px;
}

/****************
calender css in top
********************/
.booking-form{
    background: #fff;
    padding: 15px;
    border-radius: 6px;
    box-shadow: 0 3px 15px rgba(0,0,0,0.15);
}

.booking-form .form-control{
    height: 44px;
    font-size: 14px;
}

.request-btn{
    height: 44px;
    background: #2f95f7;
    border: none;
    color: #fff;
    font-weight: 600;
    width: 100%;
    border-radius: 8px;
}



@media(max-width:767px){

    .hero-section{
        min-height: auto;
        padding: 20px 0 40px;
    }

    .booking-form{
        padding: 12px;
    }

   
}