.elementor-685 .elementor-element.elementor-element-4a9f0a4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-685 .elementor-element.elementor-element-92db8e8{--display:flex;--min-height:366px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-685 .elementor-element.elementor-element-e81dfde{--display:flex;--min-height:766px;}.elementor-685 .elementor-element.elementor-element-a11597b{--spacer-size:300px;}.elementor-685 .elementor-element.elementor-element-73cd597{--display:flex;--min-height:366px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-685 .elementor-element.elementor-element-02e792f{--display:flex;--min-height:766px;}.elementor-685 .elementor-element.elementor-element-1e4c30e{--spacer-size:50px;}.elementor-685 .elementor-element.elementor-element-33fbdda{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-685 .elementor-element.elementor-element-bd92b2b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-685 .elementor-element.elementor-element-53bb501{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-685 .elementor-element.elementor-element-e75e415{--display:flex;}.elementor-685 .elementor-element.elementor-element-b433390{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-685 .elementor-element.elementor-element-d29139b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-685 .elementor-element.elementor-element-d0572bb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-685 .elementor-element.elementor-element-fb371a5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-685 .elementor-element.elementor-element-f8c51d5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-685 .elementor-element.elementor-element-dff24cb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-685 .elementor-element.elementor-element-39fb5f9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-685 .elementor-element.elementor-element-e6ed995{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-685 .elementor-element.elementor-element-3db9389{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-685 .elementor-element.elementor-element-5e2c2a6{--display:flex;}.elementor-685 .elementor-element.elementor-element-989ae0a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-685 .elementor-element.elementor-element-6cab17e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:767px){.elementor-685 .elementor-element.elementor-element-a11597b{--spacer-size:141px;}.elementor-685 .elementor-element.elementor-element-73cd597{--min-height:0px;}.elementor-685 .elementor-element.elementor-element-02e792f{--min-height:401px;}.elementor-685 .elementor-element.elementor-element-1e4c30e{--spacer-size:146px;}.elementor-685 .elementor-element.elementor-element-989ae0a{--width:500px;}}@media(min-width:768px){.elementor-685 .elementor-element.elementor-element-92db8e8{--content-width:1106px;}.elementor-685 .elementor-element.elementor-element-73cd597{--content-width:1106px;}}/* Start custom CSS for shortcode, class: .elementor-element-0490a5f *//**
 * Enhanced Mobile Responsive CSS for India Departure Slider
 * Add this to your theme's additional CSS or customizer
 */

/* Base responsive improvements */
@media (max-width: 1024px) {
    .departure-wrapper {
        padding: 40px 25px !important;
    }
    
    .departure-header {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        gap: 20px !important;
    }
    
    .departure-title {
        font-size: clamp(24px, 4vw, 36px) !important;
    }
    
    .departure-nav {
        justify-content: center !important;
    }
}

/* Tablet styles (768px - 1024px) */
@media (max-width: 991px) and (min-width: 769px) {
    .departure-card {
        min-width: 360px !important;
        max-width: 360px !important;
    }
    
    .departure-img {
        width: 150px !important;
    }
    
    .departure-city-name {
        font-size: 18px !important;
    }
    
    .departure-price strong {
        font-size: 18px !important;
    }
}

/* Mobile landscape & small tablets (481px - 768px) */
@media (max-width: 768px) {
    .departure-wrapper {
        padding: 30px 16px !important;
        border-radius: 20px !important;
    }
    
    .departure-header {
        margin-bottom: 20px !important;
    }
    
    .departure-title {
        font-size: 22px !important;
        line-height: 1.3 !important;
    }
    
    .departure-subtitle {
        font-size: 13px !important;
        line-height: 1.5 !important;
    }
    
    .departure-nav-btn {
        width: 44px !important;
        height: 44px !important;
        font-size: 14px !important;
    }
    
    /* Horizontal scroll container */
    .departure-slider {
        gap: 16px !important;
        padding: 5px 4px 20px !important;
        -webkit-overflow-scrolling: touch !important;
        scroll-snap-type: x mandatory !important;
    }
    
    .departure-card {
        min-width: calc(100% - 20px) !important;
        max-width: calc(100% - 20px) !important;
        flex-direction: row !important;
        scroll-snap-align: start !important;
        border-radius: 18px !important;
    }
    
    .departure-img {
        width: 130px !important;
        height: auto !important;
        object-fit: cover !important;
    }
    
    .departure-info {
        padding: 14px !important;
    }
    
    .departure-label {
        font-size: 9px !important;
        padding: 3px 8px !important;
    }
    
    .departure-city-name {
        font-size: 16px !important;
        margin: 8px 0 6px !important;
    }
    
    .stat-item {
        font-size: 10px !important;
        padding: 3px 8px !important;
        gap: 4px !important;
    }
    
    .departure-price {
        font-size: 11px !important;
        margin-top: 10px !important;
    }
    
    .departure-price strong {
        font-size: 16px !important;
    }
    
    .price-asterisk {
        font-size: 9px !important;
    }
    
    .progress-dot {
        width: 6px !important;
        height: 6px !important;
    }
    
    .progress-dot.active {
        width: 24px !important;
    }
}

/* Mobile portrait (up to 480px) */
@media (max-width: 480px) {
    .departure-wrapper {
        padding: 20px 12px !important;
    }
    
    .departure-title {
        font-size: 20px !important;
    }
    
    .departure-subtitle {
        font-size: 12px !important;
    }
    
    .departure-nav-btn {
        width: 40px !important;
        height: 40px !important;
        font-size: 12px !important;
    }
    
    .departure-card {
        min-width: calc(100% - 16px) !important;
        max-width: calc(100% - 16px) !important;
        flex-direction: column !important;
    }
    
    .departure-img {
        width: 100% !important;
        height: 140px !important;
    }
    
    .departure-info {
        padding: 12px !important;
    }
    
    .departure-city-name {
        font-size: 15px !important;
    }
    
    .departure-stats {
        gap: 8px !important;
    }
    
    .stat-item {
        font-size: 9px !important;
        padding: 2px 6px !important;
    }
    
    .departure-price strong {
        font-size: 15px !important;
    }
    
    .departure-progress {
        margin-top: 20px !important;
        gap: 6px !important;
    }
}

/* Very small devices (up to 360px) */
@media (max-width: 360px) {
    .departure-wrapper {
        padding: 15px 10px !important;
    }
    
    .departure-title {
        font-size: 18px !important;
    }
    
    .departure-subtitle {
        font-size: 11px !important;
    }
    
    .departure-card {
        border-radius: 14px !important;
    }
    
    .departure-img {
        height: 120px !important;
    }
    
    .departure-info {
        padding: 10px !important;
    }
    
    .departure-city-name {
        font-size: 14px !important;
    }
    
    .stat-item {
        font-size: 8px !important;
        padding: 2px 5px !important;
    }
    
    .departure-price strong {
        font-size: 14px !important;
    }
}

/* Touch-friendly improvements for all mobile devices */
@media (hover: hover) and (pointer: fine) {
    /* Styles for devices with hover capability - keeps desktop hover effects */
    .departure-card:hover {
        transform: translateY(-6px) !important;
    }
}

@media (hover: none) and (pointer: coarse) {
    /* Touch devices - remove hover effects, add tap feedback */
    .departure-card:active {
        transform: scale(0.98) !important;
        transition: transform 0.1s ease !important;
    }
    
    .departure-card:hover {
        transform: none !important;
    }
    
    .departure-nav-btn:active {
        transform: scale(0.95) !important;
    }
}

/* Hide scrollbar for cleaner look on mobile but keep functionality */
@media (max-width: 768px) {
    .departure-slider {
        scrollbar-width: none !important; /* Firefox */
        -ms-overflow-style: none !important; /* IE/Edge */
    }
    
    .departure-slider::-webkit-scrollbar {
        display: none !important; /* Chrome/Safari/Opera */
    }
}

/* Improved touch scrolling performance */
.departure-slider {
    -webkit-tap-highlight-color: transparent !important;
    touch-action: pan-x pinch-zoom !important;
}

/* Loading state for images on mobile */
.departure-img {
    background-color: #f0f2f5 !important;
}

/* Prevent form elements zoom on iOS input focus */
@supports (-webkit-touch-callout: none) {
    input, textarea, select, button {
        font-size: 16px !important;
    }
}/* End custom CSS */