@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200;300;400;600;700;800;900&display=swap');
/*   font-family: 'Roboto', sans-serif;*/
@font-face {font-family: 'ElMessiri-Bold';  src: url('../fonts/ElMessiri-Bold.ttf') format('truetype');}
@font-face {  font-family: 'ElMessiri-Medium';  src: url('../fonts/ElMessiri-Medium.ttf') format('truetype');}
@font-face {   font-family: 'ElMessiri-Regular';  src: url('../fonts/ElMessiri-Regular.ttf') format('truetype');}
@font-face {   font-family: 'ElMessiri-SemiBold'; src: url('../fonts/ElMessiri-SemiBold.ttf') format('truetype');}
/* ============== Default Element Style ================ */
body{font-family: 'Roboto', sans-serif;overflow-x:hidden;margin-top: 115px;}
a:hover{text-decoration:none !important;}
a:focus{text-decoration:none !important;}
h1{font-size:65px !important;text-align:right; font-weight:600 !important;color:#fff; margin:0px; padding:0px;text-transform:initial;line-height:80px; font-family:'ElMessiri-Medium';margin-bottom:25px !important;text-shadow:0px 0px 10px rgba(0,0,0,0.5) !important;} 
h1 span{font-size:16px; font-weight:500;color:#fff;display:block;line-height:48px;text-transform:uppercase;font-family: 'Roboto', sans-serif;letter-spacing:1px;margin-bottom:10px;}   /*Banner title*/
h2{font-size:36px; font-weight:500;color:#232323; margin:0px; padding:0px;text-transform:initial;line-height:80px; font-family: 'ElMessiri-Medium';margin-bottom:5px;position:relative;margin-bottom:35px;} 
h2 span{font-size:60px; font-weight:600;color:#269e95;display:block;line-height:48px;text-transform:uppercase;font-family: 'Roboto', sans-serif;opacity:0.18;-webkit-text-stroke: 4px #269e95;-webkit-text-fill-color: transparent;color: transparent;letter-spacing:4px;position:absolute;top:15px;}   /*Banner title*/
h2.text-center{text-align:center;}
h2.text-center span{left:0;right:0;margin:0 auto;}
h3{font-family: 'ElMessiri-Medium';font-size:22px; font-weight:500;margin:0px;padding:0;color:#232323;text-transform:initial;margin-bottom:20px;}
h4{font-family: 'ElMessiri-Medium';font-size:20px !important; font-weight:500 !important;margin:0px !important;padding:0 !important;color:#232323 !important;text-transform:initial;margin-bottom:10px !important;line-height:28px;}
h5{font-family: 'Roboto', sans-serif;font-size:18px; font-weight:500;margin:0px;padding:0;color:#232323;text-transform:initial;margin-bottom:5px;line-height:26px;}
h6{font-family: 'Roboto', sans-serif;font-size:14px; font-weight:500;margin:0px;padding:0;color:#1b796f;text-transform:initial;margin-bottom:10px;line-height:26px;}
p{font-family: 'Roboto', sans-serif;font-size:15px; font-weight:400; line-height:26px; margin:0px 0px 15px 0px; padding:0px; color:#333333;}
p a{color:#333333;font-weight:400;font-family: 'Roboto', sans-serif;font-size:15px;}
a.readmore{color:#269e95;}
.readmoregray{color:#000;}
#facilities a {margin-left: 7px;}
ul { margin: 0;  padding: 0;  list-style: none;}
.ul-styling li{font-family: 'Roboto', sans-serif;font-size:16px; font-weight:400; line-height:26px;  padding:0px;margin-bottom:10px; color:#333333;display:flex;list-style:none;}
.ul-styling li::before{content: '\f101';font-family: 'FontAwesome';margin-right: 5px;color: #333;}
audio, canvas, iframe, img, svg, video {vertical-align: middle;}
audio, canvas, img, video {height: auto; box-sizing: border-box;}
img { border-style: none;}
.img-shadow{box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);}

/* ============== Common Class ================ */
.img-center{margin: 0 auto;}
.secmargin{padding-top:90px;}
.secmarginlast{padding:90px 0px;}
.secmarginbottom{padding-bottom:90px;}
@media(min-width:991px) and (max-width:1200px){ .topspace {  margin: 70px 0 30px 0; }}
@media (min-width:768px) and (max-width:991px) {
    h1{font-size:46px;}}
@media screen and (max-width: 767px) {
    .btnsec{text-align:center;}
    .secmargin{padding-top:50px;}
    .secmarginlast{padding:50px 0px;}
    h1{font-size:38px;line-height:45px;margin-bottom:15px;}
    h2{line-height:40px;font-size:35px;}
    h2 span{position:initial;font-size:16px;-webkit-text-stroke:0px;-webkit-text-fill-color:#269e95;opacity:1;color: #269e95;letter-spacing:1px;}
    h3{padding: 45px 0 0px 0px;   margin-bottom: 15px;}    
    /*p, li{text-align:justify;}*/
}
.padding_50{padding:50px 0px;}
.bg-grey{background-color:#fbfbfb;}
.btn-default{font-family: 'Roboto', sans-serif;background-color:#fff;color:#269e95;font-weight:500;font-size:16px;padding:8px 30px;border:3px solid #269e95;border-radius:0px;background-image:none;transition: 0.3s;text-shadow:none;text-transform:initial;outline: 5px solid #fff;box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2);}  /*Blue Button*/
.btn-default:hover{background-color:#269e95;color:#fff;border-color:#269e95;outline-color:#269e95;}
.container-fluid{padding:0;}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {opacity: 1;padding: 10px 12px;border-radius: 0px;background: transparent;}
.owl-carousel .owl-nav .fa {color: #0a2046;font-size: 22px;font-weight: 500;}
.owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-next:hover {background: transparent;}
.owl-carousel .owl-nav button.owl-prev:hover .fa, .owl-carousel .owl-nav button.owl-next:hover .fa {color: #269e95;}
.owl-carousel .owl-nav button.owl-prev {left: -5%;position:absolute;top:40%;}
.owl-carousel .owl-nav button.owl-next {right: -5%;left: unset;top: unset;position:absolute;top:40%;}
.tab-content {padding:0 0 0 15px;}
@media (min-width:768px) and (max-width:1199px) {
    .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {top: unset;bottom: -80px;}
    .owl-carousel .owl-nav button.owl-prev {left: 43%;}
    .owl-carousel .owl-nav button.owl-next {right: 43%;left: unset;top: unset;}
    .btn-default{padding: 8px 0px;}
}
@media (max-width:767px) {
    .owl-carousel .owl-nav button.owl-prev {left: 35%;}
    .owl-carousel .owl-nav button.owl-next {right: 35%;left: unset;top: unset;}
    .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {top: unset;bottom: -7px;}
}
.owl-theme .owl-dots .owl-dot span{background:#fff;border:1px solid #269e95;}
.owl-theme .owl-dots .owl-dot.active span{background:#269e95;}
.owl-theme .owl-dots .owl-dot:hover span{background:#269e95;}

/*scrolltop*/
#scrolltop {display: none;margin: 0 auto;position: fixed;bottom: 20px;right: 10px;z-index: 9999;}
#scroll {position: absolute;right: 20px;bottom: 20px;background: #96258f;padding: 5px 8px;text-align: center;margin: 0 0 0 0;cursor: pointer;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;color: #fff;font-size: 20px;}
#scrolltop .fa {	font-size: 50px;background-color: #269e95;color: #fff;}
#scroll .fa-angle-up::before {  content: "\f106"; margin: 0 5px;}

/*table*/
table, th, td,.table > thead > tr > th {border: 1px solid #ccc; border-collapse: collapse;font-size:15px;text-align:left;}
.tableul{margin-bottom:20px;margin-top:20px;}
table{position:relative;}
.table-responsive{overflow-x:unset;}
.table > thead > tr > th{display:table-cell;vertical-align:middle;}
#carrier table a{color:#333;}
table th{ font-family: 'ElMessiri-Medium';font-size:18px;font-weight:400;}
.table tr td{text-align:unset;}

@media (max-width:768px){
    .table-responsive {  padding: 0 20px 0 0;border: unset; }
}
/*contact table*/
#contact table, th, td, .table > thead > tr > th, #office table, th, td,.table > thead > tr > th{text-align:center;} 
#contact table th, #office table  th{background-color:#e9f5f4;text-align:center;}

/* form section */
.form-control{border-radius:2px;font-size:14px;box-shadow:none;}
.captcha-class{padding:0px;margin:0px !important;}

/* bookappointment */
#bookappointment-btn{position:fixed;right:-65px;top:35%;transform:rotate(-90deg);background:#269e95;padding:10px 14px;box-shadow:0px 0px 5px 2px rgba(0,0,0,0.2);z-index: 999;}
#bookappointment-btn a{margin:0px;color:#fff;font-weight:500;}

/* language */
#language:hover{cursor:pointer;}
.goog-te-combo:hover{cursor:pointer;}
#language{position:fixed;right:-85px;top:73%;transform:rotate(-90deg);background:#fff;padding:5px 10px;box-shadow:0px 0px 5px 2px rgba(0,0,0,0.2);}
#language p{margin:0px;color:#269e95;font-weight:500;}
.goog-te-combo{background:#fff;border:none;box-shadow:none;font-size:15px !important;letter-spacing:0px;font-family: 'Roboto', sans-serif !important;font-weight:600;color:#269e95;}
@media (max-width:767px){
    #language{bottom:-20px;right:0;transform:none;top:unset;}
}

/*header*/
#navigation img{margin:10px auto;}/**/
#navigation .navbar-fixed-top {background-color: #fff;}
#navigation .greenbox p{font-family: 'Nunito Sans', sans-serif;font-weight:600;font-size:14px;color:#fff;margin:0;}
#navigation .greenbox p a{font-family: 'Nunito Sans', sans-serif;font-weight:600;font-size:14px;color:#fff;}
#navigation .greenbox{background-color:#269e95;clip-path: polygon(4% 0, 100% 0, 100% 100%, 0% 100%);color:#fff;padding:5px 60px;}
#navigation .greenbox p i{padding-right:10px;}
#navigation .greenbox .whiteline{border-right:1px solid #fff;position:absolute;height:100%;width:100%;top:0;right:20px;}
#navigation .navbar-nav li a{font-family: 'ElMessiri-Bold';font-size:16px;color:#232323;}
#navigation .navbar-nav{margin-left: 15px;margin-top:7px}
#navigation .nav > li > a{padding: 10px 25px;}
#navigation .navbar-nav li a:hover{color:#269e95;}
#navigation  li.active a{color:#269e95;}
#navigation li.active a::after {content:'';border-bottom:2px solid #269e95;position:absolute;width: 22px;bottom: 6px;left: 29px;}
#navigation .nav > li > a:focus, .nav > li > a:hover{background-color:transparent !important;}
@media(min-width:992px) and (max-width:1199px) {
    #navigation .greenbox{padding: 5px 30px;}
    #navigation .greenbox p, #navigation .greenbox p a{font-size:12px;}
    #navigation .navbar-nav{margin-left: 0px;}
    #navigation .nav > li > a{padding:10px 16px;}
}
@media(min-width:768px) and (max-width:991px) {
    #navigation .navbar-nav{margin-left: 0px;}
    #navigation .greenbox{clip-path:unset;}
    #navigation .greenbox .whiteline::after{right:5px;}
}
#mobnavigation img{margin-top: -12px;width: 195px;}
#mobnavigation .navbar-default{padding-bottom: 10px;background-color: #fff;/*important; padding-bottom: 11px;*/background-image:none;border:none;border-color:transparent;box-shadow:none;margin-bottom:10px;}
#mobnavigation ul{text-align:center;}
#mobnavigation{}
#mobnavigation .navbar-default .navbar-collapse, .navbar-default .navbar-form{border-color:transparent;}
#mobnavigation .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{background:none !important;box-shadow:none;color:#269e95;}
#mobnavigation .navbar-default .navbar-nav > .active > a::after{content:'';border-bottom:2px solid #269e95;position:absolute;width: 22px;bottom: 6px;left: 0;right:0;margin:0 auto;}
#mobnavigation .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{color:#269e95;}

/*footer css*/
#footer{padding:60px 0;color:#fff;}
#footer ul li.active{text-decoration:underline;}
#footer .fa{margin-right:10px;}
#footer p{color:#fff;}
#footer a{color:#fff;}
#footer ul li {display:initial;padding:5px 25px;}
.webp #footer{background:url(../../assets/img/footer-bg.webp) top center no-repeat;background-size:cover;}
.no-webp #footer{background:url(../../assets/img/footer-bg.png) top center no-repeat;background-size:cover;}
@media(max-width:767px){
    #footer ul li{display:block;}
    #bookappointment-btn {right: -70px; top: 60%;padding: 1px 15px;}
}

/* home page*/
#hmbanner .carousel-control{width:1%;}
/*#hmbanner {margin-top: 115px;}
*/
#hmbanner .bannercap{padding-top:150px;text-align:right;}
#hmbanner .carousel-control.left{left:unset;right:160px;}
#hmbanner .carousel-control.right{right:120px;}
#hmbanner .carousel-control.left, #hmbanner .carousel-control.right{background-image:none;top:550px;}
.webp .banner1{background:url(../../assets/img/banner1.webp) top center no-repeat;height:669px;background-size:cover;}
.no-webp .banner1{background:url(../../assets/img/banner1.png) top center no-repeat;height:669px;background-size:cover;}
.webp .banner2{background:url(../../assets/img/for-patients-banner.webp) top center no-repeat;height:669px;background-size:cover;}
.no-webp .banner2{background:url(../../assets/img/for-patients-banner.png) top center no-repeat;height:669px;background-size:cover;}
.webp .banner3{background:url(../../assets/img/banner3.webp) top center no-repeat;height:669px;background-size:cover;}
.no-webp .banner3{background:url(../../assets/img/banner3.png) top center no-repeat;height:669px;background-size:cover;}
.webp .banner4{background:url(../../assets/img/gallery-banner.webp) top center no-repeat;height:669px;background-size:cover;}
.no-webp .banner4{background:url(../../assets/img/gallery-banner.png) top center no-repeat;height:669px;background-size:cover;}

@media (min-width:768px) and (max-width:991px){
    #hmbanner .carousel-control.right{right:50px;}
    #hmbanner .carousel-control.left{right:100px;}
    .def-logo img {max-width: 200px;}
}

@media (max-width:767px){
    #hmbanner .bannercap, #hmbanner .bannercap h1{line-height: 28px;font-size: 23px !important;margin-bottom: -15px !important;}
    #hmbanner .carousel-control.right{right:43%;}
    #hmbanner .carousel-control.left{right:initial;left:43%;}
    #hmbanner .carousel-control.left, #hmbanner .carousel-control.right{top:450px;}
    #hmbanner .bannercap{padding-top:0px;}
    #hmbanner {margin-top:-54px;}
    .def-logo img {max-width: 200px;}
    .webp .banner1{height:200px;}
.no-webp .banner1{height:200px;}
.webp .banner2{height:200px;}
.no-webp .banner2{height:200px;}
.webp .banner3{height:200px;}
.no-webp .banner3{height:200px;}
.webp .banner4{height:200px;}
.no-webp .banner4{height:200px;}
}

#hmbannerbottom{margin-top:-25px;background-color: #c8eff1;}
#hmbannerbottom .bannerbox img, #hmbannerbottom .bannerbox h4{display:inline;}
#hmbannerbottom .bannerbox{padding:18px;border:2px solid #269e95;position:relative;overflow:hidden;box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.3);background:#fff;margin-bottom:20px;}
#hmbannerbottom .bannerbox .overlay{position:absolute;right:0;bottom:-5px;opacity:0.2;transform:scale(1.1)}
#hmbannerbottom .bannerbox h4{margin-left:0px;}

.webp .serviesbanner{background:url(../../assets/img/services-banner.webp) top center no-repeat;height:430px;background-size:cover;}
.no-webp .serviesbanner{background:url(../../assets/img/services-banner.png) top center no-repeat;height:430px;background-size:cover;}

 .servicebox .iconimg{box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.15);background:#fff;padding:10px 5px;}
 .servicebox::after{border-bottom:1px solid #ccc;content: '';position: absolute;width: 90%;bottom:20px;}
 .servicebox{margin-bottom:20px;padding-bottom:20px;}
 .servicebox.lastchild::after{display:none;}
 .servicebox p{padding-left:0;}
 .servicebox h3{margin: 30px auto;}
#hmservices a .btn {text-align:center;}

@media (min-width:768px) and (max-width:991px){
    #hmservices .servicebox{margin-bottom:40px;}
    #hmbannerbottom .bannerbox{padding: 20px 0 0px 20px;}
    #hmdoctors .doctorbox p{text-align:center;}
    #hmdoctors .doctorbox h4{text-align:center;}
    #hmdoctors .doctorbox img{width:30%;}
}

@media (max-width:767px) {
    .webp .serviesbanner, .no-webp .serviesbanner{  height: 300px;}

    #hmservices .servicebox::after{display:none;}
    #hmservices img{width:100%;}
    .servicebox .iconimg img{width:initial;}
    .servicebox h3 {margin: 10px auto;}
}

.webp #hmabout{background:url(../../assets/img/hmaboutbg.webp) top center no-repeat;height:511px;background-size:cover;}
.no-webp #hmabout{background:url(../../assets/img/hmaboutbg.png) top center no-repeat;height:511px;background-size:cover;}
#hmabout h2{margin-bottom:10px;}
@media (max-width:991px) {
    #hmabout{height:auto !important;padding-bottom:60px;}
    #hmabout img{width:100%;}
}

#hmpractice .practicebox .practicedesc h4{margin:0px;display:table-cell;vertical-align:middle;}
#hmpractice .practicebox .practicedesc{text-align:center;background:#fff;width:85%;margin-left:5%;margin-top:-40px;position:relative;padding:10px 15px;box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.15);display:table;transition:0.2s ease-in-out;}
#hmpractice .practicebox:hover .practicedesc{background:#d9faf7;}
@media (max-width:991px){
    #hmpractice .practicebox{margin-bottom:30px;}
    #hmpractice .practicebox img{width:100%;}
}

.webp #hmtesti{background:url(../../assets/img/hmtestibg.webp) top center no-repeat;height:400px;background-size:cover;}
.no-webp #hmtesti{background:url(../../assets/img/hmtestibg.png) top center no-repeat;height:530px;background-size:cover;}
#hmtesti #testislider{text-align:center}


#quote-carousel {
    padding: 0 10px 30px 10px;
    margin-top: -30px;
}
#quote-carousel .carousel-control {  background: none;  color: #CACACA;  font-size: 2.3em; text-shadow: none;  margin-top: 30px;}
#quote-carousel .carousel-indicators {  position: relative;   right: 50%; top: auto;  bottom: 0px; margin-top: 20px;   margin-right: -19px;}
#quote-carousel .carousel-indicators li {  width: 50px; height: 50px;  cursor: pointer;  border: 1px solid #ccc;  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);   border-radius: 50%;  opacity: 0.4;   overflow: hidden; transition: all .4s ease-in;  vertical-align: middle;}
 #quote-carousel .carousel-indicators .active {  width: 70px;  height: 70px;   opacity: 1;   transition: all .2s;  }
.item blockquote { border-left: none; margin: 0 auto;  width: 75%;}
.item blockquote p:before { content: "\f10d";  font-family: 'Fontawesome'; float: left;  margin-right: 10px;   position: absolute;   opacity: 0.1;  font-size: 60px;    top: 5px; left: -5px;}
@media (max-width:991px){
    #hmtesti{height:auto !important;}
    #quote-carousel .carousel-indicators li{width:40px;height:40px;}
}

#hmdoctors .doctorbox{box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.3);padding:10px;margin-bottom:40px; background-color:#fff;}
#hmdoctors .doctorbox img{width:100%;margin-bottom:10px;}
#hmdoctors .doctorbox h4{margin:0px;  margin: 0;padding: 0;padding-top: 15px;}
#hmdoctors .doctorbox p{margin:0px;padding:0px}
#hmdoctors .doctorbox a{color:#269e95;line-height:50px}
#hmdoctors .doctorbox .socialicons{text-align:right;}
#hmdoctors .doctorbox .socialicons .fa{font-size:15px;color:#232323;margin-left:8px;}
/*#hmdoctors .doctorbox:hover{background:#effcfb;}*/

.webp #hmblog{background:url(../../assets/img/hmblogbg.webp) top center no-repeat;height:auto;background-size:cover;}
.no-webp #hmblog{background:url(../../assets/img/hmblogbg.png) top center no-repeat;height:auto;background-size:cover;}
#hmblog .item{margin:15px;}
#hmblog .blogimg h6{margin:0;}
#hmblog h4, #hmblog p{margin-bottom:5px;}
#hmblog .blogimg {position:relative;}
#hmblog .blogimg .blogdate{background:#269e95;position:absolute;padding:5px 10px;top:10px;left:10px;}
#hmblog .blogimg .blogdate h6{color:#fff;}
@media(max-width:767px){
    #hmblog .blogimg img{margin-bottom:15px;}
}

#hmbook .formsec{margin-left:110px;position:relative;width:100%;z-index:1;background:#fff;top:27px;box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);padding:50px;}

@media (max-width:991px){
    #hmbook .formsec{position:initial;margin:0px;padding:20px 15px 40px;margin-bottom:30px;}
}

/*tab*/
.accordion_toggle{color:#269e95 !important;margin-top: 15px;background-color:#fff;padding: 4px 15px !important; vertical-align: middle;margin:0;border:1px solid #269e95;margin-bottom:1px;transition:0.2s ease-in;}
.accordion_toggle a{color:#269e95;}
.accordion_toggle:hover{background:#269e95;color:#fff;border:1px solid #269e95;}
.accordion_toggle:hover a{color:#fff;}
.accordion_toggle_active{background:#269e95;color:#fff;border:1px solid #269e95;}
.accordion_toggle_active label a{color:#fff;}
.accordion_toggle a.active {color:#fff;}
.aftersymbol::after{content: "\f107 ";font-family: FontAwesome;position: absolute;right:30px;font-size:30px;font-weight:600;}
.accordion_toggle:hover .aftersymbol::after{color:#fff;}
.accordion_toggle.accordion_toggle_active .aftersymbol::after {content: "\f106";font-family: FontAwesome;position: absolute;right:30px;color:#fff;}
.tab-pane h3{color:#269e95;margin:0;word-spacing:5px;padding-left:0px;text-transform:capitalize;}
#contact .tabs h3 {  float: left;  margin: 0px 15px 25px 0px;  font-size: 22px;  font-weight: 400;   background: #269e95;  padding: 9px 50px; border-radius: 0px;}
#contact .tabs a{ color: #fff !important;}
html {  scroll-behavior: smooth;}

.tab-pane h2{margin-top:-25px;font-size:30px;  margin-bottom: 0px;}
.droph{margin-bottom:0;border:1px solid #269e95;color:#fff;}
.droph a{color:#269e95;margin-left:20px;display:flex;}
.droph label{padding:10px !important;margin-bottom:0!important;}
.accordion_toggle label, .accordion_content label{font-weight:500;margin-bottom:0px;padding:3px 0px;}
.tab-pane h3{font-size:20px;  margin: 0px 0px 10px 0px;}
#office-ammes .iconimg{  box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 15%); background: #fff; padding: 10px 15px;margin: 10px -10px;}
/*#office-ammes .servicebox::after {  border-bottom: 1px solid #ccc;   content: '';   position: absolute;  width: 90%;  bottom: 20px;}*/
/*#office-ammes .lastchild::after {  border-bottom: none;  content: '';  position: absolute;}
*//*#office-ammes .lastchild::after {  border-bottom: none;  content: '';  position: absolute;}
*/@media screen and (max-width:991px){
    #office-ammes .servicebox::after {    border-bottom: none;  }}

@media(min-width:768px) and (max-width:991px) {
    .tab-pane .iconimg img {  margin-bottom: unset; }
    .tab-pane img {  margin-bottom: 30px; }
     .tab-pane .servicebox h3 { font-size:24px;  margin: 39px auto;}
}
@media (max-width:768px) {
/*    .tab-pane img{margin:30px 0;}*/
    .tab-pane h2{margin-top:0;margin-bottom: 10px;}
    .tab-content{padding-top:30px;}
    .tab-pane .servicebox h3 { font-size:24px;  margin: -7px auto;}
    #office h3{ padding: 0px 0 7px 0;}

}

/*inner banner*/
/*#innerbnr {margin-top: 115px;}*/
#innerbnr .content{padding-top:150px;color:#fff;}
#innerbnr .content h1{text-shadow:unset;}
#innerbnr .content p,#innerbnr .content p a{color:#fff;text-transform:uppercase;font-weight:500;letter-spacing:1px;}

/*for patienta*/
#for-patients {margin: 0px 80px;}
#for-patients ul li{font-family: 'Roboto', sans-serif;font-size: 15px;font-weight: 400;line-height: 26px;/*color: #333333;*/margin-left:35px;
list-style: none;}
#for-patients ul li::before{content: "\f101";font-family: FontAwesome;position: absolute;/*color:#333;*/margin-left:-20px;}
#for-patients ul{margin-bottom:30px;}
@media (max-width:767px) {
    #for-patients { margin: 0px 0px; }
    #innerbnr .content h1 {line-height: 28px;font-size: 23px !important;margin-bottom: -15px !important;}
  
#innerbnr .content {padding-top: 90px;}
}

/* Smile-R-Us Plan */
.price-tab {border-radius: 25px !important; margin-bottom: 10px;}
.pricingtable h3 {font-weight: 600; font-size: 20px;text-align: center;}
.pricingtable .amount{font-size: 1.875rem; font-weight: bolder;}
.pricingtable .amount span{font-size: 1.2rem; font-weight: 500;color: #878d90;}
.pricingtable .inc{text-transform: uppercase; font-weight: 600; margin: 10px 33px;font-size:18px;}
  .pricingtable .js-yearlypricing { display: none;  }
  .pricingtable ul {  border: 1px solid #DBDBDB; border-radius: 5px;  padding: 10px; min-height: 360px; }
.pricingtable p { font-weight: 500; text-align: center; font-size: 20px;}
.pricingtable p span { text-align: center; }


.pricingtable__head {
    border: none !important;
    text-transform: uppercase;
    font-weight: bold;
}
  .pricingtable__btn {  border: none !important;  }
  .pricingtable .popular {   box-shadow: 0 0px 10px 5px rgba(0, 0, 0, 0.1);  border-radius: 25px; }
  .slideToggle {  display: flex;  justify-content: center;   margin: 50px 0; }
    .slideToggle i {   margin: 10px 15px 0px;  }
  .form-switch {  align-items: center; display: flex; cursor: pointer; -webkit-tap-highlight-color: transparent;  justify-content: space-between;  margin-bottom: 20px; } 
  .form-switch i { position: relative;  display: inline-block;  width: 100px;  height: 30px;  border: 1px solid #DFDFDF;  border-radius: 15px;  transition: all 0.3s linear;  }
  .form-switch i::after {  content: ""; position: absolute;  left: 0;   width: 40px;  height: 22px;  background-color: #269e95;  border-radius: 15px;  transform: translate3d(4px, 3px, 0);  transition: all 0.2s ease-in-out; }
  .form-switch input { display: none; }
  
  .form-switch input:checked + i::after { transform: translate3d(54px, 3px, 0);  }
@media (max-width:991px){
    .price-tab {min-height: auto;}
    .pricingtable ul {min-height: auto;  }
}
@media (max-width:767px){
    .slideToggle i {  margin: 50px 15px 0px; }
}

/* Implant */
.implant-img {max-height: 300px !important;}
/* contact page */
/*#contact {margin-top: 115px;}*/
#contact .addressec .fa{color:#269e95;font-size:30px;}
#contact .addressec{background:#fff;box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);padding:40px;position:relative;top:30px;}
@media (min-width:1200px){
    #contact .address1{position:relative;left:-90px;z-index:1;width:127%;}
    #contact .address2{position:relative;z-index:1;width:127%;}
}
@media (max-width:1199px){
    #contact .addressec{padding:20px;margin-bottom:30px;position:initial;}
}
@media (min-width:992px) and (max-width:1199px){
    #contact .addressec{padding: 20px 20px 118px;margin-bottom:10px;}
}

/* reviews */
.rating {  direction: rtl;}
.rating input {  position: absolute;  left: -999999px;}
.rating label {  display: inline-block;  font-size: 0;}
.rating > label:before {  position: relative;  font: 24px/1 FontAwesome;  display: block;  content: "\f005";  color: #269e95;  background: #269e95; /* -webkit-background-clip:text;*/  }
.rating-top{margin-left:10px;}
/*.rating > label:hover:before,.rating > label:hover ~ label:before,.rating > label.selected:before,.rating > label.selected ~ label:before {  color: #269e95;  background: #269e95;  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}*/
#reviews .circleimg{width: 79px;height: 80px;position: relative;overflow: hidden;border-radius: 50%; border:3px solid #fff;position:absolute;z-index:1;top:-35px;left:50px;box-shadow: 0px 0px 7px 4px rgba(0,0,0,0.2);}
#reviews img{display: inline;margin: 0 auto;margin-left: 0%; width: auto;}
#reviews .bluebox{position:relative;background-color:#ebfaf9;padding: 70px 35px 10px 35px;box-shadow: inset 0px 0px 26px 4px rgba(0,0,0,0.1);margin-bottom: 80px;}
#reviews h2{margin-bottom:0px;}
@media (max-width:768px) {
    #reviews h2{margin:30px 0 50px 0;}
    #reviews .bluebox{padding:70px 20px 10px 20px}
}
@media (min-width:768px) and (max-width:991px) {
    #blog h3 {margin:30px 0 10px 0;}
}
#blog h3 { margin:0px 0 10px 0;line-height:25px;}
#blog .blogdetail{margin-bottom:32px;}
@media (max-width:768px) {#blog img{margin:0 auto;}
}
@media(min-width:768px) and (max-width:991px) {#blog img{margin:0 auto;}
}

/* Smile-R-Us-Plan */
#plan-logo {display: flex; align-items: center;}
/*#plan-logo img {*/  /*max-height: 50px;  width: 150px;  align-items: center;*/    /*margin-bottom: 25px;}*/
.shadowbox {  box-shadow: 0px 0px 7px 2px rgb(0 0 0 / 25%);  padding: 10px 5px;  margin-bottom: 5px;  background-color: #fff;}
.colored-box{   background-color: #269e95 !important;   color: #fff !important;}

#plan-logo .hmbottomlogo {
    margin: -10px 10px;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
#plan-logo .bottomlogo {
    margin: 10px 10px;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

@media (max-width:991px) {
    #plan-logo .hmbottomlogo { margin-bottom: 40px;  }
}
@media(max-width:768px){
    #plan-logo .hmbottomlogo {  margin-bottom: 30px; }
}
/* inner banners */
.webp .servicesbanner {
    background: url(../../assets/img/services-banner.webp) top center no-repeat;
    background-size: cover;
    height: 430px;
}
.no-webp .servicesbanner{background: url(../../assets/img/services-banner.png) top center no-repeat;background-size: cover;height: 430px;}

.webp .contactbanner{background: url(../../assets/img/contact-banner.webp) top center no-repeat;background-size: cover;height: 430px;}
.no-webp .contactbanner{background: url(../../assets/img/contact-banner.png) top center no-repeat;background-size: cover;height: 430px;}

.webp .forpatient-banner{background: url(../../assets/img/for-patients-banner.webp) top center no-repeat;background-size: cover;height: 430px;}
.no-webp .forpatient-banner{background: url(../../assets/img/for-patients-banner.png) top center no-repeat;background-size: cover;height: 430px;}

.webp .blog-banner{background: url(../../assets/img/blog-banner.webp) top center no-repeat;background-size: cover;height: 430px;}
.no-webp .blog-banner{background: url(../../assets/img/blog-banner.png) top center no-repeat;background-size: cover;height: 430px;}

.webp .thankbanner{background: url(../../assets/img/thank-banner.webp) top center no-repeat;background-size: cover;height: 430px;}
/*.no-webp .thankbanner{background: url(../../assets/img/thank-banner.png) top center no-repeat;background-size: cover;height: 430px;}
*/
/* gallery page */
#gallery{text-align:center;}
.webp .gallerybanner{background: url(../../assets/img/gallery-banner.webp) top center no-repeat;background-size: cover;height: 430px;}
.no-webp .gallerybanner{background: url(../../assets/img/gallery-banner.png) top center no-repeat;background-size: cover;height: 430px;}


/* patient form */
h3.form-head{font-size:22px;}
#forms label{color:#666666;font-size:14px;font-family: 'Roboto', sans-serif;font-weight:400;}
#forms .yesno label{margin-bottom:10px;}
#forms .checkbox-inline{margin-left:0px !important;margin-right:10px;margin-bottom:10px;}
@media (max-width:767px) {
    .webp .forpatient-banner , .no-webp .forpatient-banner{ height:300px;}


    .radio-inline{display:block;margin-left:0px !important;margin-bottom:10px;}
.no-webp .gallerybanner ,  .webp .gallerybanner {height: 300px;}
}

#servies ul li{font-family: 'Roboto', sans-serif;font-size: 15px;font-weight: 400;line-height: 26px;margin-left:35px;}
#servies ul li::before{content: "\f101";font-family: FontAwesome;position: absolute;color:#333;margin-left:-22px;}

.webp .aboutbanner{background: url(../../assets//img/about-banner.webp) top center no-repeat;background-size: cover;height: 550px;}
.no-webp .aboutbanner{background: url(../../assets/img/about-banner.png) top center no-repeat;background-size: cover;height: 550px;}

/*#about h3{padding-left:30px;padding-top:50px;}*/
#about p{padding-left:0;}
#about p a{display:block;padding-top:10px;color: #807f7f;}
#about p a:hover{color: #5cb6b0;}
#aboutslider { border-bottom: 1px solid #d3d2dd;padding-bottom: 40px; margin-bottom: 30px;}
@media screen and (max-width:1200px){
    #about {   border-bottom:none;   margin:0; }
}
@media screen and (max-width:767px) {
    #aboutslider { margin-bottom: 0px; }
    .webp .blog-banner, no-webp .blog-banner {height: 300px;  }
    .webp .contactbanner, no-webp .contactbanner {height: 300px;  }



}

.webp .aboutbanner{background: url(../../assets//img/about-banner.webp) top center no-repeat;background-size: cover;height: 430px;}
.no-webp .aboutbanner{background: url(../../assets/img/about-banner.png) top center no-repeat;background-size: cover;height: 550px;}
.webp .ourdoctorsbanner{background: url(../../assets//img/ourdoctors-banner.webp) top center no-repeat;background-size: cover;height: 430px;}
.no-webp .ourdoctorsbanner{background: url(../../assets/img/ourdoctors-banner.png) top center no-repeat;background-size: cover;height: 550px;}
.webp .ourteambanner{background: url(../../assets//img/ourteam-banner.webp) top center no-repeat;background-size: cover;height: 430px;}
.no-webp .ourteambanner{background: url(../../assets/img/ourteam-banner.png) top center no-repeat;background-size: cover;height: 550px;}

/*#about h3{padding-left:30px;padding-top:50px;}*/
#about p{padding-left:0;}
#about p a{display:block;padding-top:10px;color: #807f7f;}
#about p a:hover{color: #5cb6b0;}
#about {border-bottom:1px solid #d3d2dd;margin:0 80px;padding-bottom:20px;}
@media screen and (max-width:1200px){
    #about {  border-bottom:none;    margin:0;  }
}
@media screen and (max-width:767px) {
    #innerbnr {      margin-top: -55px; }
    .webp .aboutbanner, .no-webp .aboutbanner {height: 300px;}
    .webp .thankbanner {height: 300px;}


}

#staff h3{padding-left:30px;padding-top:80px;}
#staff h4,p{padding-left:0;}
#staff p a{display:block;padding-top:10px;color: #807f7f;}
#staff h4{margin-bottom:0;margin-top: 10px;}
#staff{margin-bottom: 90px;}
#staff p a:hover{color: #5cb6b0;}
.owl-carousel .owl-nav .fa{color: #92ceca;font-size: 25px;}
#sitemap ul{margin:10px;}
#sitemap .ul-styling li{margin-bottom:0;}
#sitemap h3{margin-top:20px;}
#sitemap a{color: #000;}

#thankyou h2{margin-bottom:0;}

#aboutdoctors p{padding-left: 0;}
#application-accordian2 .accordion_toggle{color:#fff !important;}
#application-accordian2 .accordion_toggle {background: #269e95;cursor: pointer;margin: 20px 0 0;padding: 13px 15px;vertical-align: middle;font-weight: 400;font-size: 16px;color: #333}
#application-accordian2 .accordion_toggle::after {content: "\f067";font-family: FontAwesome;margin-right: 10px;position: absolute;right:33px}
#application-accordian2 .accordion_toggle.accordion_toggle_active {position: relative;width: 100%;color: #d7002e}
#application-accordian2 .accordion_toggle.accordion_toggle_active::after {content: "\f068"; font-family: FontAwesome;margin-right: -5px; }
#application-accordian2 .accordion_toggle i {font-size:16px;color:#666}
#application-accordian2.accordion_toggle .fa-minus {display: none}
#application-accordian2 .accordion_toggle_active .fa-plus {display: none}
#application-accordian2.accordion_toggle_active .fa-minus {display: inline-block}
#application-accordian2 .accordion_content {margin: 0 0 0 0;padding: 3px 14px;}
#application-accordian2 .accordion_content li {padding:5px 18px;list-style:none;font-size:15px;font-weight:400;line-height:28px;margin:0 15px;padding:0;margin:0;margin-left:36px;}
#application-accordian2 .accordion_content p {margin:0 0 10px 0}
/* body { margin: 0; height: 100vh; display: flex; justify-content: center; align-items: center;}*/
/*.img1 {position: relative;width: 900px;height: 600px;border: 2px solid white;}
.img1 .img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: 900px 100%;}
.img1 .background-img {background-image: url('https://i.imgur.com/s08MkXC.jpg');}
.img1 .foreground-img {background-image: url('https://i.imgur.com/PfIWek4.jpg');width: 50%;}
.img1 .slider {position: absolute;-webkit-appearance: none;appearance: none;width: 100%;height: 100%;background: rgba(242, 242, 242, .3); outline: none;margin: 0;transition: all 0.2s;display: flex;justify-content: center;align-items: center;}
.img1 .slider:hover background: rgba(242, 242, 242, .1);}
.img1 .slider::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;width: 6px;height: 600px;background: white;cursor: pointer;}
.img1 .slider::-moz-range-thumb {width: 6px;height: 600px; background: white;cursor: pointer;}
.img1 .slider-button {pointer-events: none;position: absolute;width: 30px;height: 30px;border-radius: 50%;background-color: white;left: calc(50% - 18px);top: calc(50% - 18px);display: flex;justify-content: center;align-items: center;}
.img1 .slider-button:after {content: '';padding: 3px;display: inline-block;border: solid #5d5d5d;border-width: 0 2px 2px 0;transform: rotate(-45deg);}
.img1 .slider-button:before {content: '';padding: 3px;display: inline-block;border: solid #5d5d5d;border-width: 0 2px 2px 0;transform: rotate(135deg);}
 
.img1 .background-img1 {background-image: url('https://i.imgur.com/s08MkXC.jpg');}
.img1 .foreground-img1 {background-image: url('https://i.imgur.com/PfIWek4.jpg');width: 50%;}
*/

#for-blog .media {margin-top: 50px;}
#for-blog .media-body{padding-left:15px;display: block;}
#for-blog .media-left{padding:15px;}
#for-blog .media-left img{width: 150px;}
/*#for-blog p{margin:50px 0;}*/
#for-blog .tab-content img{  margin: 20px 0;}
#for-blog img{box-shadow:0px 0px 15px 0px #888;}


#gallery .box{box-shadow: 1px 4px 20px 1px #ccc;padding:10px;margin:30px 0;}
.btn{font-family: 'Roboto', sans-serif;background-color:#fff;color:#269e95;font-weight:500;font-size:16px;padding:8px 30px;border:3px solid #269e95;border-radius:0px;background-image:none;transition: 0.3s;text-shadow:none;text-transform:initial;outline: 5px solid #fff;box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2);} /* For Patients */
.btn:hover{background-color:#269e95;color:#fff;border-color:#269e95;outline-color:#269e95;}
#mytablist .tab-content .ul-styling{padding-left:40px;}
.download{margin-top:20px;}
.download h2{margin-bottom: 30px;line-height: 40px;}
.download a{color:#333333;font-size:20px;font-weight:400;}
.download a .fa{color:#269e95;padding-right: 15px;}
@media screen and (max-width:767px) {
    .download h2 {  margin-top: 50px;}
    .download {  margin-left: 0px; }
    .office-image-1 { height: 300px; }
    #carousel-example-generic .carousel-inner {overflow: unset; }
    .office-image-1{height:300px;}
  .office-image-2 {height:300px;}
.office-image-3 {height:300px;}


    }

.droph a::before{content:"-";position:absolute;margin-left: -15px;}
#aboutdoctors .tab-content ul li{font-family: 'Roboto', sans-serif;font-size: 15px;font-weight: 400;line-height: 26px;padding-left: 10px;}

/*hm-docter*/
#hmdoctors  {
    background: url(../../assets/img/hmtestibg.webp) top center no-repeat;
    background-size: cover;
}

/*-----------office-----------------*/
#office .carousel-indicators li {width: 11px;height: 11px;margin: 10px;  border: 3px solid #fff;}
#office .carousel-inner .item a .img-responsive{width: 800px;height: 550px;margin: auto;}

.office-image-1 { background:linear-gradient(100deg, rgba(255,255,255,0) 15%, rgba(38,158,149,1) 100%, rgba(38,158,149,0) 100%) , url(../../assets/img/smile-r-us-1.png) top center no-repeat;height: 430px; background-size: cover;}
.office-image-2 { background:linear-gradient(100deg, rgba(255,255,255,0) 15%, rgba(38,158,149,1) 100%, rgba(38,158,149,0) 100%) , url(../../assets/img/smile-r-us-2.png) top center no-repeat;height: 430px; background-size: cover;}
.office-image-3 { background:linear-gradient(100deg, rgba(255,255,255,0) 15%, rgba(38,158,149,1) 100%, rgba(38,158,149,0) 100%) , url(../../assets/img/smile-r-us-3.png) top center no-repeat;height: 430px; background-size: cover;}

/*.office-image-2 {   background: linear-gradient(rgb(38, 158, 149), rgba(38, 158, 149, 0)), url(../../assets/img/smile-r-us-1.png) top center no-repeat ;height:430px; background-size:cover;}
*/ /*.office-image-2 {  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../../assets/img/smile-r-us-2.png) top center no-repeat; height:430px;background-size:cover;}
*/
/* Draggable button */
#draggable-center img { margin: 0px 0px 30px 0px; padding: 0px;box-sizing: border-box;}
#draggable-button { font-weight: bold;line-height: 0;transition: 0.10s;}
#draggable-center a title {  background-color: #269e95;color: #FFFFFF; }
#draggable-button a { text-decoration: none; color: #269e95;  font-size: 135%;  position: relative;}
#draggable-center {  position: relative;  max-width: 600px;}
#draggable-center .drag-button{position:fixed;top:40%;}

/* Our Doctors */
.dr-box { border: 1px solid #269e95;   min-height: 480px;  border-radius: 0px;  padding: 10px 20px; margin-bottom: 20px}
    .dr-box img {
        box-shadow: rgb(193, 193, 193) 0px 5px 15px;
        
        margin: 27px auto;
    }
/* Our Teams */
.team-members .team { margin: 0px 15px 10px 0;   border: 2px solid #269e95;  padding: 10px 40px;}