@import url(http://weloveiconfonts.com/api/?family=entypo);



[class*="entypo-"]:before {



  font-family: 'entypo', sans-serif;



}







/* 



Website Name : HLTH-UP



Created by : Meenakshi Khobragade



Created on : 06-11-2015



 */



 



*{



margin:0;



padding:0;



}



body {



font-size:14px;



line-height:26px;



color:#007098;



background-color:#fff;



font-family:arimo, sans-serif, calibri, arial;



}



    .bg-whatsapp {

    background-color: #24cc63;

    color: #fff;

	border-radius:4px;font-size:13px;max-width:100%; border:0;margin:5px;padding:0 26px;

}



/* -- Typography -- */



.col-lg-3{width:22%;}



.col-lg-6{width:56%;}



h2{



font-size:22px;font-family:Verdana;



color:#003974;



line-height:35px;



margin:10px 0 20px 0;



font-weight:600;



border-bottom:2px solid #ccc;



}



h3{



font-size:25px;font-family:Verdana;



color:#8e0606;



line-height:40px;



margin:10px 0 20px 0;



font-weight:600;



border-bottom:2px solid #ccc;



}



h4{



padding:8px 0 8px 0px;



font-size:24px;



color:#1e4784;



font-weight:600;



}



h5{padding:8px 0 8px 40px;



font-size:24px;



color:#fff;



font-weight:600;



}



a, a:hover, a:focus{



outline:none;color:#ee332c;



}







/* -- Form Elements -- */



input, select, textarea {



padding:5px;



border:1px solid #cccccc;



outline:none;



border-radius:4px;



}







.img-thumbnail{float:left;margin-right:15px;}



  



/* -- Custom Classes -- */



.plainRow{



width : 100%;



float:left;



clear:both;



/*margin-bottom:10px;*/



}



.wrapper{



padding:0 160px;



}



.headerContent{



padding:0 160px;



color:#fff;



}



.noPadding{



padding :0!important;



}



.noMargin{



margin:0!important;



}



.leftPadding{



padding-left :0!important;



}



.rightPadding{



padding-right:0!important;



}



.leftMarging{



margin-left:0!important;



}



.rightMarging{



margin-right:0!important;



}



.noHeight{



height:auto!important;



}



.noBorder{



border:none!important;



}



.errorMsg {



background-color: #f2dede;



border:1px solid #f1b5b5;



padding: 10px;



text-align: left;



width: 100%;



margin-bottom:10px;



}



.successMsg{



background-color: #dff0d8;



border:1px solid #a7f288;



padding: 10px;



text-align: left;



width: 100%;



margin-bottom:10px;



}



.infoMsg{



background-color: #faf5d2;



border:1px solid #ece5b2;



padding: 10px;



text-align: left;



width: 100%;



margin-bottom:10px;



}



.logobg{



min-height:140px;



padding-bottom:10px;



}



.logowrap{



padding:10px 160px 0;



}



.logo{



background:url("../images/logo.png") no-repeat 0 0;



width:212px;



height:139px;



display:block;



margin-top:15px;



}







.link1{text-align: right; }



.link1 a{



color: #2a55a3;



text-align: center;



/*background-color: #2a55a3;*/



font-size: 10px;



padding: 4px 6px;



border-radius: 4px !important;



 margin: -3px; }



.link1 a:hover {



/*background-color: #27b8f1;*/



color: #27b8f1;



text-decoration: none !important;



}







.link{margin-top: 10px;text-align: right; }



.link a{



color: #fff;



text-align: center;



background-color: #e49b15;



font-size: 16px;



padding: 4px 6px;



border-radius: 4px !important;



 margin: -3px; }



.link a:hover {



background-color: #27b8f1;



color: #fff;



text-decoration: none !important;



}



.email{float:left;}



.email span a{padding:5px 18px;background:#3976b5;color:#fff;font-weight:600;border:1px solid #fff;border-radius:6px;font-size:18px;}



.phone{box-shadow:1px 1px 10px 1px #999;float:right;}



.phone span{padding:5px 18px;background:#3976b5;color:#fff;font-weight:600;border:1px solid #fff;border-radius:6px;font-size:18px;}







.headerbg{background:#c0daf5;min-height:auto;padding:10px 160px;border-bottom: 1px solid #cad2d4;border-top: 1px solid #cad2d4;}



.headerbg .img1{border:1px solid #3a9fc0;border-radius:50%;}



.headerbg h1{font-size:20px;font-weight:600;color:#007098; text-align:left; margin-bottom:10px;line-height:35px; font-family:Verdana;}



.headerbg span{font-size:18px;color:#007098; text-align:left; line-height:30px;}







.tb-padding{padding:15px 0;}



.top-padding{padding:10px;}



.appointment-form{background-color:#f7f7f7;margin:10px 0;border-radius:6px;}.appointment-form.style-one{margin-top:-25px}.appointment-form .form-title{border-radius:0 0 33px 34px;color:#007098;font-size:16px;margin-top:0;padding:10px 0;text-transform:uppercase;text-align:center;line-height:26px;}.appointment-form .form-title i{font-size:20px;margin-right:20px}.appointment-form form{padding:0 20px;}.appointment-form form .form-group{margin-bottom:7px}.appointment-form form input{border:1px solid #ccc;color:#555;font-size:15px;height:38px;margin-bottom:8px;padding:0 15px 2px;width:100%}.appointment-form .form-group select{border:1px solid #ccc;color:#3a3c41;font-weight:500;margin-bottom:15px;padding:9px 12px;width:100%;-moz-appearance:none}.appointment-form form textarea{border:1px solid #ccc;color:#555;font-size:15px;height:100px;margin-bottom:20px;padding:0 15px 2px;width:100%}.appointment-form form .btn{border-radius:18px 18px 0 0;color:#fff;font-size:15px;padding:9px 0}







.contact-section{position:relative}.contact-section .form-group{position:relative;margin-bottom:20px}.contact-section .form-group-inner{position:relative;display:table;width:100%;border:1px solid #d0d0d0;overflow:hidden;border-radius:3px;-ms-border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}.contact-section .form-group .icon-box{position:relative;display:table-cell;vertical-align:middle}.contact-section .form-group .icon-box label{position:relative;display:inline-block;width:40px;line-height:40px;text-align:center;font-size:16px;color:#3d3d3d;margin:0;background:#fff;border-right:1px solid #d0d0d0}.contact-section .form-group label.error{display:none!important}.contact-section .form-group .field-outer{position:relative;display:table-cell;width:100%;vertical-align:middle}.contact-section .form-group-inner input[type=password],.contact-section .form-group-inner input[type=tel],.contact-section .form-group-inner input[type=email],.contact-section .form-group-inner input[type=text],.contact-section .form-group-inner select{border:none;position:relative;display:block;width:100%;line-height:22px;padding:9px 15px;color:#222;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}.contact-section .form-group input[type=password].error,.contact-section .form-group input[type=tel].error,.contact-section .form-group input[type=email].error,.contact-section .form-group input[type=text].error,.contact-section .form-group select.error,.contact-section .form-group textarea.error{background:rgba(255,0,0,.2)}.contact-section .form-group textarea{border:none;color:#222;display:block;height:102px;line-height:22px;padding:8px 15px;position:relative;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;width:100%}.contact-section button{background:0 0;border:1px solid #c9c9c9;border-radius:3px;color:#989898;display:inline-block;font-size:14px;font-weight:500;line-height:24px;overflow:hidden;padding:8px 30px;position:relative;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;width:100%}.contact-section button:hover{background:#1c1c1c;border:1px solid #c9c9c9;color:#fff}.contact-section button:after{background-color:#1c1c1c;bottom:-6px;content:"";height:20px;position:absolute;right:-12px;transform:rotate(-38deg);-webkit-transform:rotate(-38deg);width:40px}form #success .alert button{border:none;color:#000;font-weight:700;padding:0;width:auto}form #success .alert button:hover{background-color:transparent;color:#000}form #success .alert button:after{display:none}







.box1{padding:10px;box-shadow:1px 1px 10px 1px #999;margin-bottom:20px} 



.box1 p{color:#2d1978 !important;}



.box1{border:2px solid #fff;border-radius:10px;background:#96ecf9;color:#2d1978;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:18px;text-align:center;line-height:35px;}.box1 a{padding:5px;background:#153f56;color:#fff;font-weight:500;border:1px double #fff;border-radius:4px}.callforaction_box a:link{color:#fff;text-decoration:none}.box1 a:hover{color:#00fff0;text-decoration:none}







.callforaction,.callforaction_box{padding:10px;box-shadow:1px 1px 10px 1px #999;margin-bottom:20px}



.callforaction_box{border:2px solid #fff;border-radius:10px;background:#56c1e2;color:#fff;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:18px;text-align:center;line-height:35px}.callforaction_box a{padding:5px;/*background:#153f56;*/color:#fff;font-weight:500;/*border:1px double #fff;*/border-radius:4px}.callforaction_box a:link{color: #FFFF00;text-decoration:none}.callforaction_box a:hover{color:#00fff0;text-decoration:none}



.callforaction_box span{padding:5px;color:#fff;font-weight:600;border-radius:4px}







div.plainRow.noPadding.headerImage{padding-top:0;}



div.col-lg-4.col-md-4.col-sm-4.noPadding{margin-top:20px;}



div.col-lg-8.col-md-8.col-sm-8.noPadding{margin-top:20px;}







.headerImage{width:100%;



min-height:auto;background:#e7e7e7;



-webkit-background-size: cover;



  -moz-background-size: cover;



  -o-background-size: cover;



  background-size: cover;}



/* Since positioning the image, we need to help out the caption */



/*.headerContent h1{font-size:80px;font-weight:700;width:83%;



color:#fff; text-align:left; margin-bottom:10px;line-height:130px; font-family:"Bell MT";}



.headerContent h2{font-size:35px;width:75%;color:#deff01; text-align:left; line-height:50px;}*/







/* Declare heights because of positioning of img element */







.welcomeSection{



padding:10px 0px 0px 0px;



}



.welcomeSection p{



color:#007098;



/*padding:5px 0;*/



text-align:justify;



font-size:15px;



line-height:26px;



}



.welcomeSection p strong{color:#007098;font-size:15px;}







.welcomeSection li {



list-style:none;



background: rgba(0, 0, 0, 0) url("../images/bullet.png") no-repeat scroll 0 12px;



margin-bottom: 5px;



padding: 2px 0 5px 22px;



text-align:justify;



font-size:15px;



}



.welcomeSection ul li a {



color: #2a55a3;



text-align:justify;



padding: 0 2px 0 0;



}



.welcomeSection ul li a:hover {



color: #444137;



padding: 0 2px 0 0;



}



.operational{background:url(../images/img1.jpg) no-repeat 0 0;



width:100%;height:307px;margin:0 auto;}



.operationalImage{width:30%;



text-align:center;display:inline-block;}



.operationalCon{width:66%;padding:30px 30px 20px 0;



color:#fff;font-size:16px;line-height:26px;



text-align:justify;display:block;float:right;}







.awards{background:url(../images/img2.jpg) no-repeat 0 0;



width:100%;height:270px;margin:0 auto;text-align:center;}



.awards h2{font-size:25px;text-align:left;color:#0a254d;font-weight:600;padding:0px 0px 0px 25px; }



.awards img{margin-right:90px;}



.awards .img1{margin-right:0;}







.testimonial{background:#c9dfff;margin-top:30px;



width:100%;height:100%;}



.video{font-weight:600;float:left;width:70%;margin-top:-20px;}



.beforeafter{font-weight:600;float:right;width:30%;margin-top:-20px;}



.video h2{background:#173d6b;padding:10px;color:#fff;font-size:20px;display:inline-block;width:100%;}



.video img{margin-left:20px;margin-bottom:30px;}



.beforeafter h2{background:#173d6b;padding:10px;color:#fff;font-size:20px;width:100%;}







p{color:#007098;text-align:justify;font-size:15px;}



.style1{color: #2a55a3;font-size:15px;}



.style2{margin:-20px 0 0 20px;color:#115c36;



}



.style3{font-weight:600; text-decoration:underline;



color: #008282;}







.footerFluid{



padding:0;



margin-top:1px;







}



.footerBG{



background:#3ea1c0;



height:200px;



margin:10px 0 0 0;



padding:0 160px;



}



.contactBG{



background:#cdd9d5;



border-radius:4px;



-moz-box-shadow:    inset 0 0 30px #35705a;



   -webkit-box-shadow: inset 0 0 30px #35705a;



   box-shadow:         inset 0 0 30px #35705a;



margin-bottom:20px;



padding:0 50px 0 50px;



}







.address{width:100%;



float:left;padding:20px 20px;



display:inline-block;



color:#fff;font-size:18px;}



.address a{color:#fff;font-size:18px;}



.address a:hover{color:#FFFF00;font-size:18px;}



.address h3{color:#fff;font-size:22px;



padding-bottom:10px;padding-left:0;



border-bottom:1px solid #fff;



margin-bottom:10px;



}



.contactForm{width:70%;



display:block;



float:right;



color:#920714;



padding-left:10px;



}



.contactForm h3{color:#fff;font-size:20px;background:#366e61;



padding-left:10px;line-height:40px;border-radius:4px;







}



.contactForm span{color:#FF0000;}



.contactForm label{width:55%; vertical-align:top;font-weight:normal;color:#115c36;}



.contactForm input{width:40%;margin-bottom:5px;font-size:13px;color:#0066CC;}



.contactForm textarea{width:40%;height:60px;font-size:13px;color:#0066CC;}



input[type=button], input[type=reset], input[type=submit]{background:#007098;color:#fff;



padding:2px 15px;width:10%;height:35px;/*margin-left:460px;*/margin-bottom:20px;font-weight:700;}



.contactForm p a{color:#FF0000;}







.btn-info{float:right;margin-right:30px;margin-top:-70px;color:#fff;background-color: #2a55b6;border-color: #2a55b6;}







/*  -- Media Query Start -- */







@media (min-width: 1200px) {



.plainRow{



width : 100%;



/*float:left;



clear:both;*/



}



.wrapper{



padding:0 160px;



}



/*.headerContent h1{width:80%;font-size:33px;}*/



/*h1{font-size:2.7em;}*/







}







@media (min-width: 992px) and (max-width: 1199px) {



.wrapper{



padding:0 90px;



}



.phone{box-shadow:1px 1px 10px 1px #999;float:right;}



/*.phone span{padding:5px;background:#26146a;color:#fff;font-weight:600;border:1px solid #fff;border-radius:6px;font-size:25px;}



*/.headerImage{width:100%;min-height:349px;



-webkit-background-size: cover;



  -moz-background-size: cover;



  -o-background-size: cover;



  background-size: cover;}



.headerContent{padding:0 80px;}



.operationalCon{width: 63%;font-size:15px;padding:30px 18px 20px 0;}



.headerContent h1{width:85%;font-size:30px;}



/*.operational{background: url(../images/img1.jpg) no-repeat 0 0;



    width: 100%;



    height: 307px;



    margin: 0 auto;



}*/











.headerImage{/*border:1px solid #f00;padding:10px;*/}



}







@media (min-width: 768px) and (max-width: 1024px) {







.wrapper{



padding:0 10px;}



/*.logobg{



min-height:140px;



padding-bottom:10px;



}



.logowrap{



padding:10px 0 0;



}



.logo{



background:url("../images/logo.png") no-repeat 0 0;



width:236px;



height:152px;



display:block;



}*/



.col-sm-12{width:auto;}



.phone{box-shadow:1px 1px 10px 1px #999;margin-top:0;text-align:right;}



/*.phone span{padding:5px;background:#26146a;color:#fff;font-weight:600;border:1px solid #fff;border-radius:6px;font-size:25px;}*/



.headerImage{width:100%;min-height:310px; 



-webkit-background-size: cover;



  -moz-background-size: cover;



  -o-background-size: cover;



  background-size: cover;



  }



.logowrap {padding: 10px 100px 0;}



.headerContent{padding: 0 22px;}



.headerContent h1{width:100%;font-size:30px;line-height:50px;}



.headerContent h2{width:70%;font-size:26px;line-height:30px;}



.operationalCon{width: 60%; padding: 15px 15px 20px 0; font-size: 15px; line-height: 23px;}



h5{font-size:20px;}



.awards img{width:30%;height:60%;margin-right:0;}



.testimonial{text-align:center;padding-bottom:20px;}



.video{float:none;width:100%;height:none;}



.video h2{display:block;}



.video img{margin-left:0;}



.beforeafter{width:100%;padding-bottom:20px;}







.headerImage{border:1px solid #fff;}



}







@media (max-width: 767px) {



.wrapper{



padding:0 10px;}

    .footerBG{padding:0;}





.headerbg img{margin: 0 auto;}



.headerbg1 img{margin:0 auto;}



.navbar-brand{float:none;margin:0 auto;}



.link{text-align:right;}



.logowrap {padding: 10px 30px 0;}



.col-sm-12{width:100%;}



.col-lg-3{width:100%;}



.col-lg-6{width:100%;}



.link1{text-align:center;}



.headerImage{width:100%;min-height:250px; 



-webkit-background-size: cover;



  -moz-background-size: cover;



  -o-background-size: cover;



  background-size: cover;}



.headerContent {



padding: 0 20px 10px;text-align:center;}



.email{float:none;}



.phone{box-shadow:none;float:none;text-align:center;}



/*.phone span{padding:5px;background:#2072a1;color:#fff;font-weight:600;border:1px solid #fff;border-radius:6px;font-size:25px;}*/



.headerContent h1{font-size:25px;line-height:normal; text-align:center;}



.headerContent span{font-size:20px;line-height:24px; text-align:center;}



h3{line-height:46px;text-align:center;}



.operationalCon{width: 51%; padding: 8px 15px 0 0; font-size: 15px; line-height: 19px;}



h5{font-size:20px;padding:8px 0 8px 100px;}



/*.awards h2{padding:20px 0px 0px 25px;}



.awards img{width:30%;height:60%;margin-right:0;}*/



.testimonial{text-align:center;padding-bottom:20px;}



/*.video{float:none;width:100%;height:none;}



.video h2{display:block;}



.video img{margin-left:0;}*/



.beforeafter{width:100%;padding-bottom:20px;float:none;}



.address{width:100%;text-align:center;}







.headerImage{/*border:1px solid #000;*/}



}







@media screen and (max-width:640px){



.wrapper{



padding:0 10px;



}



.logo{float:none;



margin:0 auto;}



.link{text-align:center;}



.logowrap {padding: 10px 30px 0;}



.col-sm-12{width:auto;margin:0 auto;}



.phone{box-shadow:none;float:none;text-align:center;}



/*.phone span{padding:5px;background:#2072a1;color:#fff;font-weight:600;border:1px solid #fff;border-radius:6px;font-size:25px;}*/



.headerImage{width:100%;min-height:200px;



-webkit-background-size: cover;



  -moz-background-size: cover;



  -o-background-size: cover;



  background-size: cover;}







/*.logowrap{padding:10px 0 0;font-size:19px;font-weight:600;margin-bottom:43px;}



.logowrap span{display:none;}*/



.headerContent {padding: 0 20px 10px;text-align:center;}



/*.headerContent h1{font-size:30px;line-height:60px;float:none;}



.headerContent span{font-size:20px;line-height:24px;float:none;}



.awards {



    background:#c9dfff; 



    width: 100%;



    height: auto;



    margin: 0 auto;



    text-align: center;



}



.awards img{width:50%;margin-bottom:10px;}



.operationalImage {



     width: 100%;



    text-align: center;*/



    /* display: inline-block; 



}*/



.operationalImage img{width:30%;height:20%;float:left;display:block;}



h5{font-size:28px;padding:0;margin-top:20px;}



.video img{width: 98%; height: 70%;}







.operationalCon{padding:0px 10px 0 10px;width:100%;line-height:18px;font-size:14px;}











.video{float:none;width:100%;height:none;}







.headerImage{/*border:1px solid red*/}



}



/***** smaller than 560 *************************************************************/



@media screen and (max-width:560px){/*#wrapper{border:1px solid purple}*/



}



/***** smaller than 480 **************************************************************/



@media screen and (max-width:480px){



html{-webkit-text-size-adjust:none}



.wrapper{width:100%;}



.headerbg img{text-align:center;}



.logowrap {padding: 10px 30px 0;}



.col-sm-12{width:auto;margin:0 auto;}



.headerImage{width:100%;min-height:200px;



-webkit-background-size: cover;



  -moz-background-size: cover;



  -o-background-size: cover;



  background-size: cover;}



  .headerContent {



padding: 0 10px;}



.headerContent span a{font-size:14px;}



.callforaction_box a{font-size:12px;}

.address a{font-size:14px;}

.address a:hover{color:#FFFF00;font-size:14px;}

.welcomeSection {

    padding: 10px 0px 0px;

}

.email span a{padding: 5px 10px; font-size:13px;}

.callforaction_box span{padding:3px 10px;font-size:13px;display:inline-block }



.footerBG{padding:0;}



.address{width:100%;padding:0;}







.headerImage{/*border:1px solid red*/}



}



/***** smaller than 320 *************************************************************/



@media screen and (max-width:320px){



	.container,.welcome,#footer-content,.inner-page #container{width:90%}







	



	/*#wrapper{border:1px solid green}*/



}



/***** smaller than 240 *************************************************************/



@media screen and (max-width:240px){/*#wrapper{border:1px solid green}*/



}



.uvideo-image { width:100%;height: auto; }

.toemail a, a:focus, a:hover {

    outline: 0;

    color: #4c67e9;

}




.video-box {
    margin-bottom: 15px;
}

/* CARD */
.doc-card {
    background: #fff;
    border-radius: 12px;
    padding: 15px;
    box-shadow: 0 6px 16px rgba(0,0,0,0.08);
    font-size: 16px !important;
}

/* GRID */
.doc-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    color: #003974

}

/* COLUMN */
.doc-col {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* ITEM */
.doc-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #eee;
    padding-bottom: 6px;
    font-size: 15px;
    font-weight: bold;
}

/* TEXT */
.green {
    color: #1D9E75;
}

.highlight-text {
    color: #003974

;
    font-weight: 700;
}

.highlight {
    color: #1D9E75;
    font-weight: 600;
    border-bottom: none;
}

/* BADGE */
.badge {
    background: #003974

;
    color: #fff;
    padding: 3px 8px;
    border-radius: 20px;
    font-size: 12px;
}

/* RATING FIX */
.rating-box {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #d4af37;
    white-space: nowrap; /* keeps stars + text in one line */
}

.rating-box span {
    white-space: nowrap;
}

/* DESKTOP */
@media (min-width: 769px){
    .doc-item {
        justify-content: flex-start;
        gap: 6px;
    }

    .doc-item span {
        white-space: nowrap;
    }
}

/* MOBILE */
@media (max-width: 768px){
    .doc-grid {
        grid-template-columns: 1fr;
    }

    .doc-item {
        gap: 6px;
    }

    .doc-item.rating-item {
        justify-content: space-between;
        flex-wrap: nowrap;
    }

    .doc-item.rating-item > span {
        white-space: nowrap;
        margin-right: 6px;
    }

    .doc-item.rating-item .rating-box span {
        font-size: 13px; /* prevents wrapping on small screens */
    }
}









.why-dr-box {
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
    margin: 20px 0;
    font-size: 14px;
    line-height: 1.7;
    color: #003974

;
    
}

.why-dr-box h4 {
    margin: 15px 0 10px;
    font-size: 16px;
    font-weight: 700;
    color: #81224a;
}

.why-dr-box ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.why-dr-box ul li {
    list-style: none !important;
    background: none !important;        /* kills bullet.png */
    position: relative;                 /* needed for ::before to position */
    padding-left: 28px;
    margin-bottom: 12px;
}

.why-dr-box ul li::before {
    content: "";
    display: block;                     /* ADD THIS - makes it render */
    position: absolute;
    left: 0;
    top: 4px;
    width: 16px;
    height: 16px;
    background-image: url("https://www.jointreplacementsurgeryhospitalindia.com/images/star.png") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
}

.faq-heading{
        text-align: center;
        margin-bottom: 40px;
    }

    
    .faq-heading p{
        color: #666;
        font-size: 17px;
    }

    .faq-container{
        display: flex;
        flex-direction: column;
        gap: 18px;
    }

    .faq-item{
        background: #fff;
        border-radius: 16px;
        overflow: hidden;
        box-shadow: 0 6px 20px rgba(0,0,0,0.08);
        border: 1px solid #f1f1f1;
        transition: 0.3s ease;
    }

    .faq-item:hover{
        transform: translateY(-3px);
        box-shadow: 0 10px 25px rgba(0,0,0,0.12);
    }

    .faq-question{
        width: 100%;
        background: #fff;
        border: none;
        outline: none;
        padding: 22px 25px;
        font-size: 18px;
        font-weight: 600;
        color: #003974;
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        transition: 0.3s ease;
    }

    .faq-question:hover{
        background: #fff8f4;
    }

    .faq-icon{
        width: 34px;
        height: 34px;
        min-width: 34px;
        border-radius: 50%;
        background: #fff1e8;
        color: #003974;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 22px;
        transition: 0.4s ease;
    }

    .faq-item.active .faq-icon{
        transform: rotate(45deg);
        background: #003974;
        color: #fff;
    }

    .faq-answer{
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.5s ease, padding 0.4s ease;
        padding: 0 25px;
        background: #fcfcfc;
    }

    .faq-answer p{
        text-align: justify;
    margin: 0;
    padding: 15px 0 5px 0;
    COLOR: #007098;
    }

    .faq-item.active .faq-answer{
        max-height: 300px;
        padding-top: 5px;
    }

    @media(max-width:768px){

        .faq-heading h2{
            font-size: 30px;
        }

        .faq-question{
            font-size: 16px;
            padding: 18px;
        }

        .faq-answer{
            padding: 0 18px;
        }
    }