/*============================
BOOKING FORM
=============================*/

.booking-section{

padding:120px 0;

background:#090909;

}

.booking-wrapper{

display:grid;

grid-template-columns:420px 1fr;

gap:50px;

align-items:start;

}

.booking-left h2{

font-size:48px;

margin:20px 0;

}

.booking-left p{

color:#bfbfbf;

line-height:1.8;

margin-bottom:40px;

}

.sub-title{

color:#d60000;

font-weight:700;

letter-spacing:2px;

}

.booking-features div{

margin-bottom:18px;

display:flex;

align-items:center;

gap:12px;

font-size:18px;

}

.booking-features i{

color:#d60000;

}

.booking-form{

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

backdrop-filter:blur(20px);

border:1px solid rgba(255,255,255,.08);

padding:45px;

border-radius:25px;

}

.form-row{

display:grid;

grid-template-columns:1fr 1fr;

gap:20px;

margin-bottom:20px;

}

.form-group label{

display:block;

margin-bottom:8px;

font-weight:600;

}

.form-group input,
.form-group select,
.form-group textarea{

width:100%;

padding:15px 18px;

background:#151515;

border:1px solid #333;

border-radius:12px;

color:#fff;

font-size:15px;

transition:.3s;

}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus{

outline:none;

border-color:#d60000;

box-shadow:0 0 15px rgba(214,0,0,.3);

}

.form-group textarea{

resize:none;

}

.checkbox{

display:flex;

align-items:flex-start;

gap:12px;

margin:25px 0;

color:#ccc;

}

.booking-btn{

width:100%;

padding:18px;

background:linear-gradient(135deg,#ff1a1a,#a40000);

color:#fff;

border:none;

border-radius:50px;

font-size:18px;

font-weight:600;

cursor:pointer;

transition:.35s;

}

.booking-btn:hover{

transform:translateY(-4px);

box-shadow:0 15px 35px rgba(214,0,0,.35);

}

@media(max-width:992px){

.booking-wrapper{

grid-template-columns:1fr;

}

}

@media(max-width:768px){

.form-row{

grid-template-columns:1fr;

}

.booking-left h2{

font-size:36px;

}

.booking-form{

padding:30px;

}

}