html {
  scroll-behavior: smooth;
}
body{font-family: Open Sans, sans-serif, Arial ;font-family: 'Lato';font-size:1rem;color: #444}
#movetop{position:fixed;right:20px;bottom:20px;width: 35px;height: 35px;background: #ffa014;text-align: center;color: #fff;font-size: 20px;}
.p0{padding:0 !important;}
.text-black{color:#000 !important}
.text-darkblue{color:#020d26}

.text-grey{color: #666 !important}
.text-red{color:#d2151e !important}
.text-blue{color:#1fb3ba !important}
.text-light-blue{color:#057f9f !important}
.m0{margin:0 !important;}
.text-orange{color: #ff5e14 !important;}
.bg-grey{background-color: #eee}
.background-lightblue{background: #0b8a9e;}
.background-blue{background: #05495a !important}
.background-red{background: #d2151e;}
.font-sofia{ font-family: 'Sofia' !important}

.header-menu.sticky{background-color: rgba(255,255,255,0.9)}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .content {
  padding-top: 102px;
}
.title1{font-size:2.5rem;}
.title2{font-size:2rem;}
.title3{font-size:1.75rem;}
.title4{font-size:1.5rem;}
.title5{font-size:1.25em;}
.title6{font-size:1rem;}
.span50{margin-top:50px;margin-bottom: 50px;}
.weight400{font-weight:400 !important}
.weight500{font-weight:500 !important}
.weight600{font-weight:600 !important}
.weight700{font-weight:700 !important}
.weight800{font-weight:800 !important}
.btn-custom{border: 2px solid #0fbdc6;    padding: 10px;    color: #0fbdc6;    font-weight: bold;    position: relative;
    padding-right: 20px;transition:0.5s;}
.btn-custom span{background: #0d8e94;    color: #fff;    padding: 0;    position: absolute;    right: -15px;    width: 30px;
    border-radius: 100%;    height: 30px;    font-size: 25px;    line-height: 1.1;    top: 6px;}
.btn-custom:hover{background:#0fbdc6;color:#fff;}
#main-carousel img{width:100%;}
.short-2-lines{ display: -webkit-box;max-width: 100%;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 1.625;overflow: hidden; text-overflow: ellipsis;}
.short-name{white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis;}
.top-back{background:#fff;border-bottom: 1px solid #eee;}
.main-menu > li > a{color: #333333;text-transform: uppercase; padding: 5px 2px 2px 5px;font-size: 1.1em;}
.main-menu > li{margin: 0 8px!important;}
.book-an-appointment{background-color: #0fbdc6 !important;padding: 13px !important; margin-top: -10px; color: #fff !important;}
.book-an-appointment:hover{background-color: #3fafd4 !important;}
.services-section .title4{font-size:1.4em !important;font-weight:bold;margin-top:8px;}
.services-section img{width:100%}
.btn-blue{background-color: #0fbdc6 !important;padding:10px;}
.health-champions{background:url(../images/bg-5.jpg)}
.health-champions img{width:50px;margin-bottom:30px}
.footer2{background:#2f3138;padding: 28px 0 22px;text-align:center}
#menu-alohafootermenu a{padding: 10px; color: #fff;}
.inner-page-header{background:url(../images/bg-5.jpg)}
.custom-form{border:5px solid #0fbdc6;background:#fff;border-radius:10px}
/*.letter-space-1{letter-spacing: 1px;}*/
.our-doctors{border:3px solid #e0e0e0;border-radius:10px;padding: 50px 0;margin-bottom:20px;}
.our-doctors .doctor-appot-btn{background-color: #FF675B;}
.our-doctors .doctor-appot-btn:hover{background-color: #ff4b3c;}
.contact-form input,.contact-form textarea{background:#eeeef0;border-radius:0;padding: 30px;   border: none;}
.appointment-form{border: 5px solid #0fbdc6;  background: #fff;   border-radius: 10px;}
.appointment-form input,.appointment-form select,.appointment-form textarea{background-color: #EDEDED;  color: #000000;border-color: #777771;height: 45px;border-radius: 2px;}
.aloha-updates-page .inner{margin-bottom: 30px;}
.aloha-updates-page .inner a.text-link{color:#333;text-decoration:none;transition:0.5s}
.aloha-updates-page .inner p{color:#888888}
.aloha-updates-page .inner a.text-link:hover{color:#0fbdc6}
.aloha-updates-page .inner a.read-more{color:#0fbdc6;text-transform:uppercase}
.aloha-updates-page .inner a.read-more i{transition:0.5s}
.aloha-updates-page .inner a.read-more:hover i{margin-left:15px;}
.updates-reply-form input{border:3px inset #666;border-radius:0}
.updates-reply-form textarea{border:1px solid #666;border-radius:0}
.gallery-modal img{width:100%;height:370px;object-fit:cover;margin-bottom:30px}
.main-menu > li > a.active,.main-menu > li > a:hover{color:#0fbdc6}
.main-menu .dropdown-item.active,.main-menu  .dropdown-item:active{background:none;color:#0fbdc6;text-decoration:underline;text-underline-position: under;}
.main-menu .dropdown-item:hover,.main-menu .dropdown.active-li > a{color:#0fbdc6}
.main-menu .dropdown-menu a{padding:10px;display:block;border-bottom:1px solid #eee}
.call-enq{position:fixed;left:30px;bottom:40px}
.call-enq i{color:#fff;background:#03E78B;box-shadow:0 3px 6px rgb(0 0 0 / 25%);padding:10px;border-radius:100%;font-size: 38px; width: 54px; height: 54px;}
.dropdown:hover>.dropdown-menu {
  display: block;top: auto;
}

.dropdown>.dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/
    pointer-events: none;
}

.support{background: #0d8e94;overflow:hidden; margin-top: 15px; width: 60px; height: 60px; padding: 10px;font-size: 25px; color: #fff; border-radius: 50%;transition: 0.5s;transition: width 0.5s;
position: fixed;  right: 10px;  bottom: 50px;   z-index: 999999;box-shadow:0 3px 3px rgb(0 0 0 / 53%)}
.support:hover{width:180px;border-radius: 50px;}
.dr-intro{background:#eee;background-attachment:fixed;background-size:cover;}
.dr-intro-2{background:#eee;background-attachment:fixed;background-size:cover;}
.wrapper{  padding-bottom: 50px;}
.divider{  position: relative;  margin-top: 50px;  height: 1px;}
.div-transparent:before{  content: "";  position: absolute;  top: 0;  left: 5%;  right: 5%; width: 90%;  height: 1px;
background-image: linear-gradient(to right, transparent, rgb(48,49,51), transparent);}
.div-dot:after{  content: "";  position: absolute;  z-index: 1;  top: -9px;  left: calc(50% - 9px);  width: 18px;  height: 18px;  background-color: #71bf62;
  border: 1px solid rgb(48,49,51);  border-radius: 50%;  box-shadow: inset 0 0 0 2px white,          0 0 0 4px white;}
.faqs .card-link{color:#666;}
.faqs .card{margin-bottom:20px;}
.faqs .card .card-body{background: url(../images/bg-5.jpg);    color: #fff;    background-size: contain;}
.our-doctors{padding:0;    border: 2px solid #e0e0e0;height:100%;transition:0.5s;}
    .our-doctors:hover{box-shadow:5px 5px 2px #26262633;}
    .our-doctors .img-wrapper{    background: #e8f5f7;padding: 0px 0;border-right: 1px solid #e0e0e0;}
    .our-doctors .img-wrapper img{   border: 1px solid #ccc;    width: 100%;    height: 260px;    object-fit: cover;    border-radius: 10px 10px 0 0;}
    .our-doctors .btn-wrapper{color: #323232;}
    .our-doctors .btn-doctor{background-color: #0fbdc6 !important;width: 110px;}
    .innerpage-top-section{background:url(../images/top-banner.jpg);    background-size: cover;    background-repeat: no-repeat;
    background-position: right;     background-color: #e9e9e9;}
    .innerpage-top-section .overlay{position:absolute;left:0;right:0;top:0;bottom:0;    background: #00b8bf5e;}
    .testimonials-owl .item .inner{background:#fff;box-shadow:0 0 5px #ccc;padding: 20px;   height: 420px;    padding-top: 50px;}
    .testimonials-owl .item .inner .title4{position:absolute;bottom:20px;width: 93%;}
    .testimonials-owl .item .inner .message{position: absolute;    width: 90%;    top: 45%;    left: 50%;    transform: translate(-50%,-50%);}
    .testimonials{background: url(../images/back-1.jpg); background-attachment:fixed;background-size:cover;  }
    .testimonials-owl .item .img-wrapper img{width:35px;}
    .testimonials-owl .item .img-wrapper{background:#1fb3ba;border-radius:50%;width: 60px;    height: 60px;    padding: 13px;    position: absolute;
    top: -25px;    z-index: 999;}
    .testimonials-owl .owl-stage{padding-top:40px;}
    .owl-carousel.testimonials-owl .owl-nav button.owl-next, .owl-carousel.testimonials-owl .owl-nav button.owl-prev{background:#1fb3ba;padding:5px 10px !important;}
    .owl-carousel.testimonials-owl .owl-nav button span{color:#fff;font-size:20px;}
    .innerpage-top-section .breadcrumb{position: absolute;    right: 0;    padding: 45px 50px;    background: #fff;    box-shadow: 0 0 5px #ccc;
    top: 35px;    border: 1px solid #ccc;}
    .innerpage-top-section .breadcrumb img{width:40px;}
    .floating-whatsaap {    position: fixed;    bottom: 30px;    right: 20px;    z-index: 9;}
.floating-whatsaap i {    padding: 10px;    background: #4dc247;    color: #fff;    border-radius: 100%;    font-size: 32px;
    width: 50px;    height: 50px;    text-align: center;    box-shadow: 2px 2px 6px rgb(0 0 0 / 40%);}
    .why-us .inner{box-shadow: 0px 0px 5px #666666a1;    padding: 10px;    border-bottom: 3px solid #00c3d5;    height: 355px;}
    .testimonials-page .inner{background:#fff;    border: 1px solid #ccc;padding: 20px;   height: 100%; border-bottom: 3px solid #00b8bf;
    padding-bottom: 0px;   }
    .testimonials-page .inner .img-wrapper img{width:35px;}
    .testimonials-page .inner .img-wrapper{background:#1fb3ba;border-radius:50%;width: 60px;    height: 60px;    padding: 13px;     margin-bottom: 20px; }
    
@media (min-width: 1200px){
.container{max-width: 1200px;}	
}
 @media all and (max-width: 768px) {
  .display-1{font-size:3rem !important;}
 .display-2{font-size:2.5rem !important;}
 .display-3{font-size:2.2rem !important;}
 .display-4{font-size:1.5rem !important;}
 .title1{font-size:2rem !important;}
.title2{font-size:1.5rem !important;}
.title3{font-size:1.3rem !important;}
.title4{font-size:1.2rem !important;}
.title5{font-size:1em !important;}
.title6{font-size:1rem !important;}
 .padding0{padding:0px !important}
 .padding15{padding:15px !important}
 .padding-left15{padding-left:15px !important}
 .padding-right15{padding-right:15px !important}
ul.main-menu{position: absolute; top: 100px;  right: 0;  left: 0; bottom: 0;  background: #fff;  height: 100vh;   width: 100%;text-align: center;    padding: 0 30px;}
.main-menu > li > a{border-bottom: 1px solid #000;    padding: 10px;}
.book-an-appointment{    border-bottom: none !important;    padding: 8px !important;}
.dropdown-toggle::after{content:none}
.main-menu .dropdown-menu a{white-space: break-spaces;}
.testimonials-owl .item .inner{height:auto;    padding-bottom: 50px;}
.innerpage-top-section .breadcrumb{    position: relative;    padding: 10px;    top: 0;}
.innerpage-top-section .overlay{    background: #00b8bfbf;}
 .why-us .inner{height:auto;    margin-bottom: 20px;}
 .testimonials-owl .item .inner .message{position:static;transform: translate(0,0);
    width: 100%;}
 }
 
 .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      width: 100%;
      
  }