/*----------------------- content-start ----------------------- */


.banner-image {border-radius: 24px;box-shadow: 0 3px 6px rgb(0 0 0 / 16%); padding-bottom: 49.7%;margin-bottom: -87px;}
.banner-text span, .bdh-right span {font-size: 12px;}
.content-box {font-size: 24px; line-height: 1.4; padding-top: 146px;}
.bdh-left h5 {font-size: 12px; margin-right: 30px;}


.hero-container.contact-hero{ min-height:0;}
.info-content-box{background: rgb(0,153,132);background: linear-gradient(35deg, rgba(0,153,132,1) 40%, rgba(0,126,178,1) 75%)!important;}
.form-control, .form-control::placeholder, .form-content-container select { font-size: 12px;color: rgb(16 18 20 / 60%);}
.text-md{font-size:18px;}
.modal.custom-modal{--bs-modal-width: 900px;}
.custom-modal .modal-body {padding: 0; padding-bottom: 60%;}
.custom-modal .modal-body .btn-close{z-index: 1; filter: brightness(0) invert(1);}
.modal.contact-modal{--bs-modal-width:100%;}
.close-btn{right: 11.4% !important;top: 7.1% !important;width:48px;height:48px;}
.form-select { --bs-form-select-bg-img: url(../images/down-arrow.svg); background-position: right 22px center;}
.extra-padding-content-container { padding: 100px 0 64px 0;}

/*----------------------- content-end ----------------------- */


/* =================================================  
 ! Small devices (landscape phones, less than 768px)
 ================================================= */

@media (max-width:991.98px){
   
    .extra-padding-content-container {padding: 96px 0 50px 0;}
    .content-box {font-size: 20px;}
    .content-box h3 {font-size: 38px;}
    .close-btn{right: 20px !important; top: 20px !important;} 
    .cl-btn-box a { font-size:12px !important;} 
    .content-box { padding-top: 100px;}
}

@media (max-width:767.98px){
    .close-btn{right: 0 !important; top: 0 !important;} 
    .content-box { font-size:16px;}
    .content-box { padding-top: 50px;}

}