.img-box.video-box {
    height: 570px;
}
.img-content-section .row>div:nth-child(2) {
    align-self: center;
}
.img-box.video-box video{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.img-content-section .row {
    align-items: unset !important;
}

.inner-banner-title{    font-family: "ElMessiri", "Myriad Pro", "Helvetica Neue"; font-weight: 500;}
.cms-content h1{ font-size: 60px; line-height: 1.2em; margin-bottom: 30px;}


.blog-detail-box h1{font-size: 36px;}






@media screen and (max-width: 1200px){
.cms-content h1{ font-size:48px;}

}
@media screen and (max-width: 1080px){
    .treatment-detail-page h1 { margin-bottom: 15px;}
    }

@media screen and (max-width: 991px){
    .img-box.video-box {
        height: 470px;
    }
}
@media screen and (max-width: 767px){
.cms-content h1{ font-size:28px;}
.blog-detail-box h1{font-size: 24px;        margin: 0 0 10px;}



}
@media screen and (max-width: 567px){
    .img-box.video-box {
        height: 300px;
    }

}




/* FAQ CSS */
.faq-container {max-width: 600px;margin: 30px auto;}
.faq-item {border-bottom: 1px solid #ccc;}
.faq-question {display: flex;justify-content: space-between;align-items: center;padding: 15px;cursor: pointer;background-color: #f9f9f9;position: relative;}
.faq-question::after {content: '+';font-size: 20px;position: absolute;right: 20px;transition: transform 0.3s, content 0.3s;}
.faq-item.open .faq-question::after {content: '−';}
.faq-answer {max-height: 0;overflow: hidden;padding: 0 15px;background: #fff;transition: max-height 0.3s ease-out, padding 0.3s;}
.faq-item.open .faq-answer {max-height: 600px;padding: 15px;}
.new_faq_section {padding-top: 0px;}
.new_faq_section_title {text-align: center;}
.new_faq_section .faq-container {margin: 0px;width: 100%;display: block;}
.new_faq_section .faq-container .faq-item {width: 100%;display: block;}
.new_faq_section_title {margin-bottom: 40px;}
.new_faq_section .faq-container {max-width: 100%;width: 100%;}
.new_faq_section .faq-container .faq-item .faq-question {border: 2px solid #6cbe4c;border-radius: 5px;background-color: transparent;font-family: 'ElMessiri';color: #000;font-size: 20px;line-height: 23px;font-weight: 500;padding-top: 18px;}
.new_faq_section .faq-container .faq-item {margin-bottom: 20px;border: 0;}
.faq-question::after {font-size: 30px;font-weight: 400;}
.new_faq_section .faq-container .faq-item .faq-answer {border: 0;}
.new_faq_section .faq-container .faq-item.open .faq-question {background-color: #6cbe4c;color: #ffffff;}
.new_faq_section .faq-container .faq-item .faq-answer p {font-size: 16px;line-height: 26px;}
.new_faq_section .faq-container .faq-item:last-child {margin-bottom: 0px;}



@media screen and (max-width: 1280px){
.new_faq_section .faq-container .faq-item .faq-question {padding-right: 50px;}
}

@media screen and (max-width: 991px){
.new_faq_section .faq-container .faq-item .faq-question {font-size: 18px;padding-right: 50px;}
}


@media screen and (max-width: 767px){
.new_faq_section .faq-container .faq-item .faq-question {font-size: 15px;padding-right: 50px;}
.new_faq_section .faq-container .faq-question::after {right: 15px;}
}





.modal.show .modal-dialog {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    margin: 0px !important;
}

.modal.show .modal-dialog .modal-body {
    padding: 10px;
    border: 5px !important;
    padding-top: 35px !important;
}

.modal.show .modal-dialog .modal-header {
    border: 0;
    padding: 0px;
    border-radius: 10px !important;
    position: absolute;
    right: 0;
    top: -5px;
}

.modal.show .modal-dialog .modal-body img {    border-radius: 10px !important;}
.modal.show .modal-dialog .modal-header button.close {    font-size: 0px;}
.modal.show .modal-dialog .modal-header .close::before,.modal.show .modal-dialog .modal-header .close:after { background-color: #72c251;}



#closure-popup.modal.show .modal-dialog .modal-body { padding: 0 !important;}
#closure-popup.modal.fade .modal-dialog {max-width: 900px; width: 100%;}
.popup_data{ /*   padding: 170px 120px;*/    padding: 110px 70px; background: url(https://www.vcaredental.com.au/wp-content/uploads/2026/06/kings_birthay.jpg) no-repeat ;position: relative;  }
.popup_data:before{content: ""; position: absolute;left:0; top:0; height: 100%; width: 100%; background: rgba(0,0,0,0.8);  }
.popup_data h2{ font-family: "ElMessiri", "Myriad Pro", "Helvetica Neue"; font-size: 60px;color:#6cbe4c; margin: 0 0 20px; line-height: 1.1;   position: relative; }
.popup_data p{color:#fff;font-size: 20px;    position: relative;}
.popup_data p strong{color:#6cbe4c;}
.popup_data p + p{margin: 20px 0 0;}
.popup_data:after{ content: ""; height: 95%; width: 97%; border: 3px solid #6cbe4c; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

#closure-popup .modal-content .close:before, #closure-popup .modal-content .close:after{display: none;}
#closure-popup .btn-close {
       background: #6cbe4c;
    color: #fff;
    position: relative;
    font-size: 26px;
    border-radius: 50%;
    position: absolute;
    top: 13px;
    right: 7px;
    line-height: 23px;
    z-index: 99;
    opacity: 1;
}




/* For 110*/
@media (min-width: 1601px) and (max-width: 1800px) {
   .popup_data h2 { font-size: 50px;} 
   .popup_data { padding: 100px 80px;} 
}
/* For 125*/
@media (min-width: 1400px) and (max-width: 1600px) {
    
  .popup_data { padding: 70px 50px;}  
}

/* For 150*/
@media (min-width: 1200px) and (max-width: 1399px) {
#closure-popup.modal.fade .modal-dialog {max-width: 700px; }
.popup_data { padding: 70px 50px;}
   .popup_data h2 {  font-size: 40px;} 
 .popup_data p { font-size: 18px;}   
}

/* For 175*/
@media (min-width: 1080px) and (max-width: 1200px) {
.popup_data { padding: 70px 50px;}
#closure-popup.modal.fade .modal-dialog {max-width: 700px; }
   .popup_data h2 {  font-size: 40px;} 
 .popup_data p { font-size: 18px;}  
}

@media screen and (max-width:1200px){
.popup_data { padding: 70px 50px;}
#closure-popup.modal.fade .modal-dialog {max-width: 700px; }
   .popup_data h2 {  font-size: 40px;} 
 .popup_data p { font-size: 18px;}  

}

@media screen and (max-width: 991px){
.popup_data { padding: 50px 20px;}
#closure-popup .modal-content { width: 95%; margin: 0 auto; }
.popup_data h2 { font-size: 40px;}
.popup_data p { font-size: 16px;}
#closure-popup .btn-close {  top: 4px; right: 0px;}



}


@media screen and (max-width: 767px){
.modal.show .modal-dialog {
    max-width: calc(100% - 10px) !important;
    width: calc(100% - 10px) !important;
}
}

@media screen and (max-width: 450px){
.popup_data h2 { font-size: 30px;}

}