/*==================================================
PREMIUM BOOKING SECTION
==================================================*/

.bt-booking{

position:relative;

margin-top:-90px;

z-index:100;

}

.bt-booking-box{

background:#fff;

border-radius:18px;

overflow:hidden;

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

}

/*=========================
Tabs
=========================*/

.bt-booking-tabs{

display:flex;

background:#0d47a1;

}

.bt-booking-tabs button{

flex:1;

padding:18px;

border:0;

background:transparent;

color:#fff;

font-size:17px;

font-weight:700;

cursor:pointer;

transition:.35s;

}

.bt-booking-tabs button.active{

background:#ffc107;

color:#111;

}

.bt-booking-tabs button:hover{

background:#1565c0;

}

/*=========================
Form
=========================*/

.bt-booking-form{

padding:35px;

background:#fff;

}

.bt-form-grid{

display:grid;

grid-template-columns:

repeat(4,1fr);

gap:22px;

}

.bt-form-group{

display:flex;

flex-direction:column;

}

.bt-form-group label{

font-size:15px;

font-weight:700;

margin-bottom:8px;

color:#0d47a1;

}

.bt-form-group input,

.bt-form-group select{

height:56px;

padding:0 18px;

border:1px solid #d8d8d8;

border-radius:8px;

font-size:15px;

outline:none;

transition:.3s;

background:#fff;

}

.bt-form-group input:focus,

.bt-form-group select:focus{

border-color:#0d47a1;

box-shadow:0 0 0 3px rgba(13,71,161,.12);

}

/*=========================
Button
=========================*/

.bt-search-btn{

height:56px;

border:0;

border-radius:8px;

background:#ffc107;

font-size:18px;

font-weight:800;

cursor:pointer;

transition:.35s;

color:#111;

}

.bt-search-btn:hover{

background:#ffb300;

transform:translateY(-2px);

box-shadow:0 12px 25px rgba(0,0,0,.18);

}

/*=========================
Desktop
=========================*/

@media(min-width:1200px){

.bt-form-grid{

grid-template-columns:

repeat(8,1fr);

}

}

/*=========================
Tablet
=========================*/

@media(max-width:992px){

.bt-booking{

margin-top:40px;

}

.bt-booking-tabs{

flex-wrap:wrap;

}

.bt-booking-tabs button{

width:50%;

}

.bt-form-grid{

grid-template-columns:

repeat(2,1fr);

}

}

/*=========================
Mobile
=========================*/

@media(max-width:768px){

.bt-booking{

margin-top:30px;

}

.bt-booking-form{

padding:20px;

}

.bt-booking-tabs{

display:grid;

grid-template-columns:1fr 1fr;

}

.bt-booking-tabs button{

padding:15px;

font-size:14px;

}

.bt-form-grid{

grid-template-columns:1fr;

gap:16px;

}

.bt-search-btn{

width:100%;

}

}