/*==============================
BOOKING POPUP
==============================*/

.booking-popup{

position:fixed;

top:0;

left:0;

width:100%;

height:100%;

display:none;

justify-content:center;

align-items:center;

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

z-index:99999;

padding:20px;

backdrop-filter:blur(5px);

}

.booking-box{

width:100%;

max-width:520px;

background:#fff;

border-radius:15px;

overflow:hidden;

padding:35px;

position:relative;

border-top:6px solid #FFC107;

box-shadow:0 20px 45px rgba(0,0,0,.25);

animation:popup .35s ease;

}

@keyframes popup{

0%{

opacity:0;

transform:translateY(-40px) scale(.9);

}

100%{

opacity:1;

transform:translateY(0) scale(1);

}

}

.close-popup{

position:absolute;

top:12px;

right:18px;

font-size:34px;

font-weight:bold;

cursor:pointer;

color:#0A2A73;

transition:.3s;

}

.close-popup:hover{

color:#ff0000;

transform:rotate(90deg);

}

.popup-header{

text-align:center;

margin-bottom:25px;

}

.popup-header img{

width:90px;

height:90px;

object-fit:cover;

border-radius:50%;

border:4px solid #FFC107;

margin-bottom:15px;

}

.popup-header h2{

font-size:30px;

color:#0A2A73;

margin-bottom:8px;

}

.popup-header p{

color:#666;

font-size:15px;

}

.form-group{

margin-bottom:18px;

}

.form-group input,

.form-group select,

.form-group textarea{

width:100%;

padding:14px 16px;

border:1px solid #ddd;

border-radius:8px;

font-size:16px;

outline:none;

transition:.3s;

font-family:inherit;

box-sizing:border-box;

}

.form-group input:focus,

.form-group select:focus,

.form-group textarea:focus{

border-color:#0A2A73;

box-shadow:0 0 8px rgba(10,42,115,.15);

}

.form-group textarea{

resize:none;

}

.popup-submit{

width:100%;

padding:15px;

border:none;

background:#FFC107;

color:#0A2A73;

font-size:18px;

font-weight:700;

border-radius:8px;

cursor:pointer;

transition:.3s;

}

.popup-submit:hover{

background:#0A2A73;

color:#fff;

}

.popup-submit:active{

transform:scale(.98);

}

/* Mobile */

@media(max-width:768px){

.booking-box{

padding:25px;

max-width:100%;

}

.popup-header img{

width:70px;

height:70px;

}

.popup-header h2{

font-size:24px;

}

.form-group input,

.form-group select,

.form-group textarea{

font-size:15px;

padding:12px;

}

.popup-submit{

font-size:16px;

padding:13px;

}

.close-popup{

font-size:30px;

}

}