/* ================= MOBILE RESPONSIVE FIX FOR ALL CARDS ================= */
@media(max-width:768px){
.fleet-grid,
.tour-grid{
grid-template-columns:1fr !important;
gap:30px !important;
padding:20px 15px !important;
}

.fleet-card,
.tour-card{
max-width:100% !important;
margin:0 auto !important;
width:100% !important;
border-radius:30px !important;
box-shadow:0 20px 60px rgba(0,153,255,0.2) !important;
overflow:hidden !important;
transition:all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
background:#ffffff !important;
position:relative !important;
}

.fleet-card::after{
content:'' !important;
position:absolute !important;
top:0 !important;
left:0 !important;
right:0 !important;
bottom:0 !important;
background:linear-gradient(145deg,rgba(0,153,255,0.03),rgba(0,212,255,0.03)) !important;
pointer-events:none !important;
z-index:0 !important;
}

.fleet-card > *{
position:relative !important;
z-index:1 !important;
}

.fleet-card:active,
.tour-card:active{
transform:scale(0.97) !important;
box-shadow:0 15px 40px rgba(0,153,255,0.25) !important;
}

.fleet-image,
.tour-image{
height:240px !important;
width:100% !important;
position:relative !important;
overflow:hidden !important;
border-radius:0 !important;
}

.fleet-image::before,
.tour-image::before{
content:'' !important;
position:absolute !important;
top:0 !important;
left:0 !important;
width:100% !important;
height:100% !important;
background:linear-gradient(180deg,transparent 40%,rgba(11,61,145,0.6) 100%) !important;
z-index:1 !important;
}

.fleet-image img,
.tour-image img{
transform:scale(1.1) !important;
transition:transform 0.8s ease !important;
}

.fleet-card h3{
font-size:24px !important;
padding:0 25px !important;
margin:25px 0 20px !important;
color:#0b3d91 !important;
font-weight:800 !important;
text-align:center !important;
position:relative !important;
letter-spacing:0.3px !important;
line-height:1.3 !important;
}

.fleet-card h3::after{
content:'' !important;
position:absolute !important;
bottom:-10px !important;
left:50% !important;
transform:translateX(-50%) !important;
width:70px !important;
height:5px !important;
background:linear-gradient(90deg,#0099ff,#00d4ff,#0099ff) !important;
border-radius:3px !important;
box-shadow:0 3px 10px rgba(0,153,255,0.4) !important;
}

.detail-box-single{
margin:0 20px 25px !important;
padding:0 !important;
background:transparent !important;
border-radius:0 !important;
border:none !important;
box-shadow:none !important;
}

.detail-box-single::before{
display:none !important;
}

.detail-row-item{
padding:20px 20px !important;
margin-bottom:10px !important;
border-bottom:none !important;
background:#f5f5f5 !important;
border-radius:12px !important;
box-shadow:none !important;
display:flex !important;
justify-content:space-between !important;
align-items:center !important;
}

.detail-row-item:last-child{
margin-bottom:0 !important;
}

.detail-row-item:hover{
padding:20px 20px !important;
background:#f5f5f5 !important;
transform:none !important;
}

.detail-row-item span{
font-size:17px !important;
color:#1a1a1a !important;
font-weight:500 !important;
line-height:1.4 !important;
}

.detail-row-item span::before{
content:'' !important;
margin-right:0 !important;
}

.detail-row-item strong{
font-size:18px !important;
color:#1a1a1a !important;
font-weight:700 !important;
line-height:1.4 !important;
background:none !important;
-webkit-background-clip:unset !important;
-webkit-text-fill-color:unset !important;
background-clip:unset !important;
text-shadow:none !important;
}

.small-btn{
padding:16px 50px !important;
font-size:17px !important;
margin:20px auto 30px !important;
background:linear-gradient(135deg,#0099ff,#00d4ff) !important;
border-radius:50px !important;
box-shadow:0 10px 30px rgba(0,153,255,0.4) !important;
font-weight:800 !important;
text-transform:uppercase !important;
letter-spacing:1px !important;
position:relative !important;
overflow:hidden !important;
display:block !important;
width:fit-content !important;
transition:all 0.4s ease !important;
}

.small-btn::before{
content:'' !important;
position:absolute !important;
top:50% !important;
left:50% !important;
width:0 !important;
height:0 !important;
background:rgba(255,255,255,0.5) !important;
border-radius:50% !important;
transform:translate(-50%,-50%) !important;
transition:width 0.6s,height 0.6s !important;
}

.small-btn:active::before{
width:500px !important;
height:500px !important;
}

.small-btn:active{
transform:scale(0.93) !important;
box-shadow:0 6px 20px rgba(0,153,255,0.5) !important;
}

.tour-info{
padding:25px !important;
background:linear-gradient(135deg,#f8f9fa,#ffffff) !important;
border-top:3px solid rgba(0,153,255,0.1) !important;
}

.tour-card h3{
font-size:24px !important;
padding:0 !important;
margin:0 !important;
color:#0b3d91 !important;
font-weight:800 !important;
letter-spacing:0.3px !important;
}

.tour-book-btn{
padding:14px 30px !important;
font-size:16px !important;
background:linear-gradient(135deg,#25D366,#1fb855) !important;
border-radius:30px !important;
box-shadow:0 8px 25px rgba(37,211,102,0.4) !important;
font-weight:800 !important;
transition:all 0.4s ease !important;
text-transform:uppercase !important;
letter-spacing:0.5px !important;
}

.tour-book-btn:active{
transform:scale(0.93) !important;
box-shadow:0 5px 15px rgba(37,211,102,0.5) !important;
}

.tour-book-btn i{
font-size:20px !important;
animation:bounce 2s infinite !important;
}

@keyframes bounce{
0%,100%{transform:translateY(0) rotate(0deg);}
50%{transform:translateY(-4px) rotate(5deg);}
}

.fleet-card::before{
content:'' !important;
position:absolute !important;
top:0 !important;
left:0 !important;
width:100% !important;
height:6px !important;
background:linear-gradient(90deg,#0099ff,#00d4ff,#0099ff) !important;
background-size:200% 100% !important;
animation:shimmer 3s ease infinite !important;
z-index:2 !important;
}

@keyframes shimmer{
0%{background-position:0% 50%;}
50%{background-position:100% 50%;}
100%{background-position:0% 50%;}
}

section h2{
font-size:32px !important;
margin-bottom:40px !important;
}

.fleet,
.tour-packages{
padding:60px 0 !important;
background:linear-gradient(180deg,#f8f9fa 0%,#ffffff 100%) !important;
}
}