body{

background:#f6f7f5;

overflow-x:hidden;

}



.booking-hero{

padding:120px 0;

background-image:

linear-gradient(

90deg,

rgba(255,255,255,.97)0%,
rgba(255,255,255,.92)35%,
rgba(255,255,255,.45)60%,
rgba(255,255,255,.1)100%

),

url("../images/booking-hero.webp");

background-size:cover;

background-position:center;

}



.booking-left{

max-width:560px;

padding:50px 0;

}



.breadcrumbs{

font-size:12px;

font-weight:700;

color:#114c2f;

margin-bottom:18px;

}



.hero-title{

font-size:52px;

font-weight:800;

line-height:1.05;

color:#0d4429;

margin-bottom:20px;

}



.hero-description{

font-size:16px;

line-height:1.9;

color:#555;

margin-bottom:30px;

}



.hero-btn{

padding:14px 24px;

background:#2f9443;

border-radius:12px;

display:inline-flex;

gap:10px;

align-items:center;

text-decoration:none;

color:white;

font-weight:600;

}



.stats{

margin-top:-40px;

position:relative;

z-index:20;

}



.stats-grid{

display:grid;

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

gap:20px;

}



.stat-card{

background:white;

padding:20px;

border-radius:18px;

display:flex;

align-items:center;

gap:15px;

box-shadow:0 8px 20px rgba(0,0,0,.05);

}



.stat-icon{

width:55px;
height:55px;

background:#67be46;

border-radius:50%;

display:flex;

align-items:center;
justify-content:center;

color:white;

font-size:22px;

}



.booking-content{

padding:90px 0;

}



.booking-card{

background:white;

padding:40px;

border-radius:28px;

box-shadow:0 10px 35px rgba(0,0,0,.04);

}



.booking-card h2{

font-size:30px;

margin-bottom:10px;

color:#0d4429;

}



.booking-note{

color:#666;

line-height:1.8;

margin-bottom:35px;

}



@media(max-width:991px){

.stats-grid{

grid-template-columns:1fr;

}

.hero-title{

font-size:38px;

}

.booking-hero{

padding-top:90px;

}

}