/* =========================================
DRAWER OVERLAY
========================================= */

.bgd-drawer-overlay{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,.55);
opacity:0;
visibility:hidden;
transition:all .35s ease;
z-index:99998;
}

.bgd-drawer-overlay.active{
opacity:1;
visibility:visible;
}

/* =========================================
DRAWER
========================================= */

.bgd-enquiry-drawer{
position:fixed;
top:0;
right:-520px;
width:480px;
height:100vh;
background:#ffffff;
overflow-y:auto;
box-shadow:-10px 0 40px rgba(0,0,0,.15);
transition:all .4s ease;
z-index:99999;
}

.bgd-enquiry-drawer.active{
right:0;
}

/* =========================================
WRAPPER
========================================= */

.bgd-enquiry-wrapper{
padding:32px;
}

/* =========================================
CLOSE BUTTON
========================================= */

.bgd-drawer-close{
position:absolute;
top:15px;
right:15px;
width:42px;
height:42px;
border:none;
background:#f3f5f7;
border-radius:50%;
font-size:24px;
font-weight:600;
line-height:1;
cursor:pointer;
transition:all .3s ease;
z-index:10;
}

.bgd-drawer-close:hover{
background:#1c84e5;
color:#ffffff;
}

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

.bgd-enquiry-header{
margin-bottom:24px;
padding-right:40px;
}

.bgd-enquiry-header h3{
margin:0 0 12px;
font-size:28px;
line-height:1.25;
font-weight:700;
color:#111111;
}

.bgd-enquiry-header p{
margin:0 0 10px;
font-size:14px;
line-height:1.8;
color:#555555;
}

/* =========================================
FORM GROUP
========================================= */

.bgd-form-group{
margin-bottom:18px;
}

.bgd-form-group label{
display:block;
margin-bottom:8px;
font-size:13px;
font-weight:600;
color:#222222;
}

.bgd-form-group input{
width:100%;
height:50px;
padding:0 16px;
border:1px solid #dfe3e8;
border-radius:12px;
font-size:14px;
outline:none;
transition:all .3s ease;
}

.bgd-form-group input:focus{
border-color:#1c84e5;
box-shadow:0 0 0 3px rgba(28,132,229,.10);
}

/* =========================================
SUBMIT BUTTON
========================================= */

.bgd-submit-btn{
width:100%;
height:54px;
border:none;
border-radius:14px;
background:#ffd400;
color:#111111;
font-size:15px;
font-weight:700;
cursor:pointer;
transition:all .3s ease;
}

.bgd-submit-btn:hover{
background:#ffc800;
transform:translateY(-2px);
}

/* =========================================
TRUST BENEFITS
========================================= */

.bgd-enquiry-benefits{
margin-top:24px;
padding-top:18px;
border-top:1px solid #ececec;
}

.bgd-enquiry-benefits div{
display:flex;
align-items:center;
margin-bottom:10px;
font-size:13px;
font-weight:500;
color:#333333;
}

.bgd-enquiry-benefits div:last-child{
margin-bottom:0;
}

.bgd-enquiry-benefits span{
display:inline-flex;
align-items:center;
justify-content:center;
width:22px;
height:22px;
margin-right:10px;
background:#20c05c;
border-radius:50%;
color:#ffffff;
font-size:12px;
font-weight:700;
}

/* =========================================
SUCCESS MESSAGE
========================================= */

.bgd-success-message{
text-align:center;
padding:40px 10px;
}

.bgd-success-icon{
width:70px;
height:70px;
margin:0 auto 20px;
display:flex;
align-items:center;
justify-content:center;
background:#20c05c;
border-radius:50%;
font-size:30px;
font-weight:700;
color:#ffffff;
}

.bgd-success-message h4{
margin:0 0 15px;
font-size:28px;
font-weight:700;
color:#111111;
}

.bgd-success-message p{
margin:0 0 10px;
font-size:14px;
line-height:1.8;
color:#555555;
}

/* =========================================
SCROLLBAR
========================================= */

.bgd-enquiry-drawer::-webkit-scrollbar{
width:6px;
}

.bgd-enquiry-drawer::-webkit-scrollbar-thumb{
background:#d5d5d5;
border-radius:20px;
}

/* =========================================
TABLET
========================================= */

@media(max-width:991px){

.bgd-enquiry-drawer{
width:420px;
right:-450px;
}

.bgd-enquiry-wrapper{
padding:26px;
}

.bgd-enquiry-header h3{
font-size:24px;
}

}

/* =========================================
MOBILE
========================================= */

@media(max-width:767px){

.bgd-enquiry-drawer{
top:auto;
bottom:-100%;
right:0;
width:100%;
height:90vh;
border-radius:24px 24px 0 0;
}

.bgd-enquiry-drawer.active{
bottom:0;
}

.bgd-enquiry-wrapper{
padding:24px 20px 30px;
}

.bgd-drawer-close{
top:12px;
right:12px;
width:38px;
height:38px;
font-size:22px;
}

.bgd-enquiry-header{
padding-right:30px;
margin-bottom:20px;
}

.bgd-enquiry-header h3{
font-size:22px;
}

.bgd-enquiry-header p{
font-size:13px;
line-height:1.7;
}

.bgd-form-group{
margin-bottom:14px;
}

.bgd-form-group input{
height:48px;
font-size:13px;
}

.bgd-submit-btn{
height:50px;
font-size:14px;
}

.bgd-enquiry-benefits{
margin-top:20px;
}

.bgd-enquiry-benefits div{
font-size:12px;
}

.bgd-success-message h4{
font-size:24px;
}

}

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

.bgd-enquiry-tag{
display:inline-block;
padding:8px 14px;
margin-bottom:16px;
border-radius:50px;
background:#eef6ff;
border:1px solid #d9e9ff;
font-size:11px;
font-weight:700;
letter-spacing:1px;
color:#1c84e5;
text-transform:uppercase;
}

.bgd-enquiry-header h3{
margin:0 0 14px;
font-size:34px;
line-height:1.15;
font-weight:800;
color:#111111;
letter-spacing:-1px;
}

.bgd-enquiry-header p{
margin:0;
font-size:14px;
line-height:1.9;
color:#555555;
max-width:420px;
}