/* FLEET */

.fleet{

padding:100px 0;

background:#fff;

}

.fleet-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:30px;

}

.fleet-card{

background:#fff;

border-radius:20px;

overflow:hidden;

box-shadow:0 10px 30px rgba(0,0,0,.08);

text-align:center;

transition:.4s;

}

.fleet-card:hover{

transform:translateY(-10px);

}

.fleet-card img{

width:100%;

height:230px;

object-fit:cover;

}

.fleet-card h3{

margin-top:20px;

}

.fleet-card a{

display:inline-block;

margin:20px;

padding:12px 28px;

background:#0d6efd;

color:#fff;

border-radius:30px;

text-decoration:none;

}

/* TESTIMONIAL */

.testimonial{

padding:100px 0;

background:#f8f9fa;

}

.testimonial-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:25px;

}

.review-card{

background:#fff;

padding:30px;

border-radius:20px;

box-shadow:0 10px 30px rgba(0,0,0,.08);

}

.review-card h4{

margin-top:20px;

color:#0d6efd;

}

/* GALLERY */

.gallery{

padding:100px 0;

}

.gallery-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:20px;

}

.gallery-grid img{

width:100%;

height:260px;

object-fit:cover;

border-radius:15px;

transition:.4s;

cursor:pointer;

}

.gallery-grid img:hover{

transform:scale(1.05);

}

/* Responsive */

@media(max-width:991px){

.fleet-grid,

.testimonial-grid,

.gallery-grid{

grid-template-columns:1fr;

}

}/* ==========================
   GLOBAL
========================== */

*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Poppins',sans-serif;
}

body{
background:#ffffff;
color:#222;
overflow-x:hidden;
}

.container{
width:90%;
max-width:1280px;
margin:auto;
}

/* ==========================
   HEADER
========================== */

.top-header{

position:fixed;

top:0;

left:0;

width:100%;

background:rgba(255,255,255,.95);

backdrop-filter:blur(18px);

z-index:999;

padding:15px 0;

box-shadow:0 5px 25px rgba(0,0,0,.08);

}

.top-header .container{

display:flex;

justify-content:space-between;

align-items:center;

}

.logo img{

height:65px;

}

nav ul{

display:flex;

list-style:none;

gap:35px;

}

nav ul li a{

text-decoration:none;

font-weight:600;

font-size:16px;

color:#222;

transition:.3s;

}

nav ul li a:hover{

color:#0d6efd;

}

.header-btn a{

background:#0d6efd;

color:#fff;

padding:12px 28px;

border-radius:40px;

text-decoration:none;

font-weight:600;

transition:.3s;

}

.header-btn a:hover{

background:#ff9800;

}

/* ==========================
   HERO
========================== */

.hero{

position:relative;

min-height:100vh;

background:url("../images/hero.jpg") center center/cover no-repeat;

display:flex;

align-items:center;

padding-top:120px;

}

.hero-overlay{

position:absolute;

left:0;

top:0;

width:100%;

height:100%;

background:rgba(0,0,0,.55);

}

.hero-content{

position:relative;

z-index:2;

display:grid;

grid-template-columns:1.2fr .8fr;

gap:60px;

align-items:center;

}

.hero-tag{

display:inline-block;

background:#ff9800;

padding:8px 22px;

border-radius:40px;

font-size:14px;

font-weight:600;

margin-bottom:25px;

}

.hero h1{

font-size:62px;

font-weight:800;

line-height:1.2;

color:#fff;

margin-bottom:25px;

}

.hero h1 span{

color:#ff9800;

}

.hero p{

font-size:18px;

line-height:1.8;

color:#eee;

margin-bottom:35px;

}

.hero-buttons{

display:flex;

gap:20px;

}

.btn-primary{

background:#0d6efd;

color:#fff;

padding:15px 35px;

border-radius:50px;

text-decoration:none;

font-weight:600;

}

.btn-secondary{

background:#fff;

color:#222;

padding:15px 35px;

border-radius:50px;

text-decoration:none;

font-weight:600;

}

/* ==========================
BOOKING CARD
========================== */

.booking-card{

background:#fff;

padding:35px;

border-radius:20px;

box-shadow:0 20px 60px rgba(0,0,0,.18);

}

.booking-card h3{

text-align:center;

margin-bottom:25px;

color:#0d6efd;

font-size:28px;

}

.booking-card input,

.booking-card select{

width:100%;

padding:15px;

margin-bottom:18px;

border:1px solid #ddd;

border-radius:10px;

font-size:15px;

}

.booking-card button{

width:100%;

padding:16px;

background:#ff9800;

border:none;

color:#fff;

font-size:16px;

font-weight:600;

border-radius:10px;

cursor:pointer;

transition:.3s;

}

.booking-card button:hover{

background:#0d6efd;

}

/* ==========================
RESPONSIVE
========================== */

@media(max-width:991px){

.hero-content{

grid-template-columns:1fr;

}

nav{

display:none;

}

.hero{

text-align:center;

}

.hero h1{

font-size:40px;

}

.hero-buttons{

justify-content:center;

}

.logo img{

height:55px;

}

}