html{
    scroll-behavior: smooth;
}
.logo-karma img.img-fluid {
   max-width: 160px;
   padding: 10px 0;
}

#topbar {
   z-index: 996;
   height: auto;
}

.back-to-top {
   z-index: 996;
   height: 60px
}

.element1:before,.element2:before {
   width: 120px;
   opacity: .5;
   background-size: cover
}

#topbar .contact-info a,a,a:hover,li.page-item.active a {
   text-decoration: none
}

#hero2,#hero3 {
   height: auto;
   background: url("image/background1.png") top center/cover #025156
}

.card:hover>.card-body {
   background-color: #001a25
}

::root {
   --bs-pagination-bg: #025156;
}

body {
   font-family: "Open Sans",sans-serif;
   color: #444
}

#footer .footer-top .footer-contact p,.counts .count-box p,h1,h2,h3,h4,h5,h6 {
   font-family: Raleway,sans-serif
}

a {
   color: #ffbf7f;
}

a:hover {
   color: #ff8a00
}

#preloader {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 9999;
   overflow: hidden;
   background: #fff
}

#preloader:before {
   content: "";
   position: fixed;
   top: calc(50% - 30px);
   left: calc(50% - 30px);
   border: 6px solid #025156;
   border-top-color: #d1e6f9;
   border-radius: 50%;
   width: 60px;
   height: 60px;
   animation: 1s linear infinite animate-preloader
}

@keyframes animate-preloader {
   0% {
       transform: rotate(0)
   }

   100% {
       transform: rotate(360deg)
   }
}

.back-to-top {
   position: fixed;
   visibility: hidden;
   opacity: 0;
   left: 15px;
   bottom: 15px;
   background: #025156;
   width: 40px;
   border-radius: 4px;
   transition: .4s
}

#hero .container,#hero2 .container,#hero3 .container,.element1,.img-zoom-container,.navbar li,.navbar>ul>li {
   position: relative
}

.back-to-top i {
   font-size: 28px;
   color: #fff;
   line-height: 0
}

.back-to-top:hover {
   background: #707070;
   color: #fff
}

.back-to-top.active {
   visibility: visible;
   opacity: 1
}

.datepicker-dropdown {
   padding: 20px!important
}

#topbar {
   background: #025156;
   font-size: 14px;
   transition: .5s
}

#topbar.topbar-scrolled {
   top: -40px
}

#topbar .contact-info a {
   line-height: 1;
   font-size: 17px;
   color: #fff;
   font-weight: 600;
   transition: .3s;
   font-style: normal;
   padding: 8px;
}

#topbar .contact-info a:hover,.about .icon-box:hover .icon i,.aon-med-sevices-cat2:hover .aon-med-serices-cat-info1 a,.aon-med-sevices-cat2:hover .aon-med-serices-cat-info1 p,.aon-med-sevices-cat:hover .aon-med-serices-cat-info p,.card.text-center:hover .card-body.key-feature p,.faq .faq-list a.collapsed,.member2:hover h4,.member2:hover span,.mobile-nav-toggle.bi-x {
   color: #e7e9e9;
}

#topbar .contact-info i {
   color: #ffbf7f;
}

#topbar .contact-info i:first-child {
   margin-left: 0
}

.social-links a {
   color: #fff;
   padding: 5px;
   display: inline-block;
   line-height: 1px;
   transition: .3s;
   margin: 0 3px;
   font-size: 20px;
   border-radius: 20px
}

.social-links a:hover {
   color: #025156;
   background-color: #fff
}

.social-links a:first-child {
   border-left: 0
}

#header {
   background: #fff;
   transition: .5s;
   z-index: 997;
   padding: 10px 0;
   top: 40px;
   box-shadow: 0 2px 15px rgba(25,119,204,.1)
}

#header.header-scrolled {
   top: 0
}

#header .logo img {
   max-height: 75px
}

.appointment-btn {
   margin-left: 25px;
   background: #025156;
   color: #fff;
   border-radius: 5px;
   padding: 8px 25px;
   white-space: nowrap;
   transition: .3s;
   font-size: 14px;
   display: inline-block
}

.appointment-btn:hover,.contact .info .address:hover i,.contact .info .email:hover i,.contact .info .phone:hover i {
   background: #025156;
   color: #fff
}

@media (max-width: 768px) {
   .appointment-btn {
       margin:0 15px 0 0;
       padding: 6px 18px
   }
}

.bold {
   font-weight: 300;
   font-size: 27px;
   color: #fff
}

.mbold,.mdbold {
   font-size: 75px;
}

.mbold {
   margin: 0;
   font-weight: 700;
   line-height: 99px;
   text-transform: uppercase;
   color: #fff
}

.sbold,.sdbold {
   padding: 20px;
   margin-top: 18px
}

.mdbold,.mpbold {
   font-weight: 900
}

.mpbold {
   color: #fff
}

.mdbold {
   color: #ffbf7f;
}

.sdbold {
   font-weight: 700;
   font-size: 22px;
   color: #fff;
   background: #025156;
   width: fit-content;
   text-transform: capitalize;
}

.mfbold,.mmbold {
   font-weight: 900;
   font-size: 50px;
   color: orange
}

.sbold {
   font-weight: 700;
   font-size: 34px;
   color: #fff;
   background: #212f39;
   width: fit-content
}

.col-md-4.p-3.rounded-3.bg-light {
   box-shadow: rgba(50,50,93,.25) 0 50px 100px -20px,rgba(0,0,0,.3) 0 30px 60px -30px;
   width: 100%
}

.sec-img img {
   background-size: cover;
   width: 100%;
   height: auto;
   border-radius: 6px
}

input#btnSubmit {
   background-color: #025156!important;
   border: #025156!important
}

.faq .faq-list,.navbar,.navbar-mobile>ul>li {
   padding: 0
}

.navbar ul {
   margin: 0;
   padding: 0;
   display: flex;
   list-style: none;
   align-items: center
}

.navbar>ul>li {
   white-space: nowrap;
   padding: 8px 0 8px 20px
}

.navbar a,.navbar a:focus {
   display: flex;
   align-items: center;
   font-size: 14px;
   color: #2c4964;
   white-space: nowrap;
   transition: .3s;
   padding: 5px 2px
}

.navbar a i,.navbar a:focus i {
   font-size: 12px;
   line-height: 0;
   margin-left: 5px
}

.departments .nav-link.active,.navbar .active,.navbar .active:focus,.navbar a:hover,.navbar li:hover>a {
   color: #025156;
   border-color: #025156
}

.navbar .dropdown ul {
   display: block;
   position: absolute;
   left: -50px;
   top: calc(100% + 30px);
   margin: 0;
   padding: 10px 0;
   z-index: 99;
   opacity: 0;
   visibility: hidden;
   background: #fff;
   box-shadow: 0 0 30px rgb(1 56 63 / 47%);
   transition: .3s
}

.navbar .dropdown ul li {
   min-width: 170px;
   border: none
}

.navbar .dropdown ul a i,.navbar-mobile .dropdown ul a i {
   font-size: 12px
}

.about .icon-box .title a:hover,.clinics .icon-box:hover .icon i,.departments .nav-link:hover,.navbar .dropdown ul .active:hover,.navbar .dropdown ul a:hover,.navbar .dropdown ul li:hover>a,.navbar-mobile .active,.navbar-mobile .dropdown ul .active:hover,.navbar-mobile .dropdown ul a:hover,.navbar-mobile .dropdown ul li:hover>a,.navbar-mobile a:hover,.navbar-mobile li:hover>a,.pagination>li>a,.pagination>li>span {
   color: #025156
}

.navbar .dropdown:hover>ul {
   opacity: 1;
   top: 100%;
   visibility: visible;
   padding: 0;
   border-radius: 4px
}

.navbar .dropdown .dropdown ul {
   top: 0;
   left: calc(100% - 30px);
   visibility: hidden
}

.navbar .dropdown .dropdown:hover>ul {
   opacity: 1;
   top: 0;
   left: 100%;
   visibility: visible
}

@media (max-width: 1366px) {
   .navbar .dropdown .dropdown ul {
       left:-90%
   }

   .navbar .dropdown .dropdown:hover>ul {
       left: -100%
   }
}

.mobile-nav-toggle {
   color: #2c4964;
   font-size: 28px;
   cursor: pointer;
   display: none;
   line-height: 0;
   transition: .5s
}

@media (max-width: 991px) {
   .mobile-nav-toggle {
       display:block
   }

   .navbar ul {
       display: none
   }
}

.navbar-mobile {
   position: fixed;
   overflow: hidden;
   top: 0;
   right: 0;
   left: 0;
   bottom: 0;
   background: rgb(28 65 53 / 90%);
   transition: .3s;
   z-index: 999
}

.navbar-mobile .mobile-nav-toggle {
   position: absolute;
   top: 15px;
   right: 15px
}

.navbar-mobile ul {
   display: block;
   position: absolute;
   top: 55px;
   right: 15px;
   bottom: 15px;
   left: 15px;
   padding: 10px 0;
   background-color: #fff;
   overflow-y: auto;
   transition: .3s
}

.navbar-mobile a,.navbar-mobile a:focus {
   padding: 10px 20px;
   font-size: 15px;
   color: #2c4964;
   border: none
}

.navbar-mobile .getstarted,.navbar-mobile .getstarted:focus {
   margin: 15px
}

.navbar-mobile .dropdown ul {
   position: static;
   display: none;
   margin: 10px 20px;
   padding: 10px 0;
   z-index: 99;
   opacity: 1;
   visibility: visible;
   background: #fff;
   box-shadow: 0 0 30px rgba(127,137,161,.25)
}

.navbar-mobile .dropdown ul li {
   min-width: 200px
}

.navbar-mobile .dropdown ul a {
   padding: 10px 20px
}

.navbar-mobile .dropdown>.dropdown-active {
   display: block
}

#hero {
   width: 100%;
   height: auto;
   background: url(../image/background.jpg) top center/cover;
   display: flex;
   align-items: self-end;
   padding-top: 130px
}

#hero h2 {
   color: #fff;
   margin: 10px 0 0;
   font-size: 24px
}

#hero .btn-get-started,#hero2 .btn-get-started,#hero3 .btn-get-started {
   font-family: Raleway,sans-serif;
   text-transform: uppercase;
   font-weight: 500;
   font-size: 14px;
   letter-spacing: 1px;
   display: inline-block;
   padding: 12px 35px;
   margin-top: 30px;
   border-radius: 50px;
   transition: .5s;
   color: #fff;
   background: #025156
}

#hero .btn-get-started:hover,#hero2 .btn-get-started:hover,#hero3 .btn-get-started:hover {
   background: #3291e6
}

@media (min-width: 1224px) {
   .all_disease {
       min-width:14%!important
   }
}

#hero2 {
   width: 100%;
   padding-top: 12rem
}

#hero2 h1 {
   font-size: 50px;
   line-height: 70px
}

#hero2 .d-flex {
   justify-content: center
}

#hero2 h2,#hero3 h2 {
   color: #fff;
   margin: 10px 0 0;
   font-size: 40px;
   width: 83%
}

@media (max-width: 992px) {
   #hero {
       margin-top:10vh;
       height: auto
   }

   #hero .container,#hero3 .container {
       padding-bottom: 63px
   }

   #hero h1 {
       font-size: 60px;
       line-height: 60px
   }

   #hero h2,#hero2 h2,#hero3 h2 {
       font-size: 18px;
       line-height: 24px;
       margin-bottom: 30px
   }

   .mbold {
       margin: 0;
       font-size: 60px!important;
       font-weight: 900!important;
       line-height: 99px!important;
       text-transform: uppercase!important;
       color: #fff!important
   }

   .mdbold {
       font-weight: 900;
       font-size: 60px
   }

   .mainbold {
       font-size: 60px!important
   }

   #hero2,#hero3 {
       margin-bottom: 0;
       height: auto
   }

   #hero2 h1 {
       font-size: 50px;
       line-height: 66px
   }

   #hero3 h1 {
       font-size: 50px;
       line-height: 60px;
       padding-bottom: 10px
   }
}

@media (max-height: 600px) {
   #hero2 {
       height:auto
   }
}

@media (max-width: 576px) {
   #hero h1 {
       font-size:40px!important
   }

   .cl-rs {
       flex: 0 0 auto;
       width: 50%
   }

   .mmbold {
       font-size: 50px
   }

   .aon-med-srv-cat-section ul li {
       width: 100%!important
   }

   .area_clinics>a,.clinic-visit-btn {
       font-size: 12px!important
   }

   div#hero2 {
       margin-top: 0!important
   }

   .all_disease {
       width: 50%!important
   }

   .clinic-visit-btn {
       padding: 5px!important
   }

   .clinics .icon-box .icon i {
       font-size: 18px!important
   }
}

#hero3 {
   width: 100%
}

#hero3 h1 {
   font-weight: 900;
   font-size: 50px;
   text-transform: capitalize!important
}

@media (min-width: 1024px) {
   #hero,#hero2,#hero3 {
       background-attachment:fixed
   }
}

@media (min-height: 600px) {
   #hero3 {
       height:auto
   }
}

section {
   padding: 50px 0;
   overflow: hidden
}

.section-bg {
   background-color: #dbe9e5
}

.section-bg-1 {
   background-color: #fffbee
}

.section-bg-2 {
   background-color: #eef7ff
}

.section-title {
   text-align: center
}

.section-title h2 {
   font-size: 40px;
   font-weight: 700;
   margin-bottom: 20px;
   padding-bottom: 20px;
   position: relative;
   color: #2c4964
}

.section-title h2::before {
   content: "";
   position: absolute;
   display: block;
   width: 120px;
   height: 1px;
   background: #ddd;
   bottom: 1px;
   left: calc(50% - 60px)
}

.section-title h2::after {
   content: "";
   position: absolute;
   display: block;
   width: 40px;
   height: 3px;
   background: #025156;
   bottom: 0;
   left: calc(50% - 20px)
}

.aon-med-sevices-cat p,.departments .details p:last-child,.section-title p {
   margin-bottom: 0
}

.breadcrumbs,div#counters .col-md-4:first-child,div#counters .col-md-4:nth-child(2),div#counters .col-md-4:nth-child(3) {
   margin-top: 0
}

.iner-nav {
   display: flex;
   margin: 0;
   padding: 0
}

.iner-nav li {
   padding: 2px 5px;
   list-style: none;
   color: #fff;
   font-size: 14px;
}

.iner-nav li a {
   color: orange;
}

.iner-nav span {
   color: #fff;
   font-size: 25px;
   line-height: 1.5rem
}

.departments,.testimonials .testimonials-carousel,.testimonials .testimonials-slider,.why-us .content {
   overflow: hidden
}

.why-us .content img {
   border-radius: 20px
}

.why-us .content h3 {
   font-weight: 700;
   font-size: 18px;
   margin-bottom: 30px
}

#footer .footer-top .footer-contact,#footer .footer-top .footer-links,.why-us .content p {
   margin-bottom: 30px
}

.why-us .content .more-btn {
   display: inline-block;
   background: rgba(255,255,255,.2);
   padding: 6px 30px 8px;
   color: #fff;
   border-radius: 50px;
   transition: .4s ease-in-out
}

.why-us .content .more-btn i,p.text-left {
   font-size: 14px
}

.why-us .content .more-btn:hover {
   color: #025156;
   background: #fff
}

.why-us .icon-boxes .icon-box {
   text-align: center;
   border-radius: 10px;
   background: #fff;
   box-shadow: 0 2px 15px rgba(0,0,0,.1);
   padding: 40px 30px;
   width: 100%
}

.why-us .icon-boxes .icon-box i {
   font-size: 40px;
   color: #025156;
   margin-bottom: 30px
}

.why-us .icon-boxes .icon-box h4 {
   font-size: 20px;
   font-weight: 700;
   margin: 0 0 30px
}

.why-us .icon-boxes .icon-box p {
   font-size: 23px;
   color: #848484
}

.why-content {
   background-color: rgb(0 0 0 / 62%);
   color: #fff;
   border-radius: 5px;
   padding: 10px
}

.about .icon-boxes h4 {
   font-size: 18px;
   color: #4b7dab;
   margin-bottom: 15px
}

.about .icon-boxes h3 {
   font-size: 18px;
   font-weight: 700;
   color: #2c4964;
   margin-bottom: 15px
}

.about .icon-box,.contact .info .email,.contact .info .phone {
   margin-top: 40px
}

.about .icon-box .icon {
   float: left;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 64px;
   height: 64px;
   border: 2px solid #8dc2f1;
   border-radius: 50px;
   transition: .5s
}

.about .icon-box .icon i {
   color: #025156;
   font-size: 32px
}

.about .icon-box:hover .icon,.clinics .icon-box:hover {
   background: #025156;
   border-color: #025156
}

.about .icon-box .title {
   margin-left: 85px;
   font-weight: 700;
   margin-bottom: 10px;
   font-size: 18px
}

.about .icon-box .title a {
   color: #343a40;
   transition: .3s
}

.aon-med-sevices-cat,.aon-med-sevices-cat .media:after,.aon-med-sevices-cat2 .media:after {
   -webkit-transition: .5s linear;
   -moz-transition: .5s linear;
   -ms-transition: .5s linear;
   -o-transition: .5s linear
}

.about .icon-box .description {
   margin-left: 85px;
   line-height: 24px;
   font-size: 14px
}

.bounce {
   -webkit-animation-duration: 1.3s;
   animation-duration: 1.5s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
   -webkit-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
   animation-iteration-count: infinite;
   -webkit-animation-iteration-count: infinite;
   cursor: pointer;
   animation-name: bounce;
   -moz-animation-name: bounce
}

.bounce2,.element1:before {
   -webkit-animation-duration: 1.3s;
   -webkit-animation-fill-mode: both;
   -webkit-animation-timing-function: ease-in-out;
   animation-iteration-count: infinite;
   cursor: pointer;
   animation-name: bounce2
}

.bounce2 {
   animation-duration: 1.5s;
   animation-fill-mode: both;
   animation-timing-function: ease-in-out;
   -webkit-animation-iteration-count: infinite;
   -moz-animation-name: bounce2
}

@keyframes bounce {
   0%,100% {
       -webkit-transform: translateY(0);
       -ms-transform: translateY(0);
       transform: translateY(0)
   }

   50% {
       -webkit-transform: translateY(-5px);
       -ms-transform: translateY(-5px);
       transform: translateY(-5px)
   }
}

@keyframes bounce2 {
   0%,100% {
       -webkit-transform: translateY(0);
       -ms-transform: translateY(0);
       transform: translateY(0)
   }

   50% {
       -webkit-transform: translateY(+5px);
       -ms-transform: translateY(+5px);
       transform: translateY(+5px)
   }
}

.img-style {
   border-radius: 6px;
   width: 85%
}

.element1:before {
   position: absolute;
   content: "";
   background-position: center;
   height: 120px;
   z-index: 0;
   top: -27px;
   left: -11px;
   animation-duration: 1.5s;
   animation-fill-mode: both;
   animation-timing-function: ease-in-out;
   -webkit-animation-iteration-count: infinite;
   -moz-animation-name: bounce2
}

.element1:after,.element2:before {
   position: absolute;
   content: "";
   background-position: center;
   z-index: 0;
   -webkit-animation-duration: 1.3s;
   -webkit-animation-fill-mode: both;
   -webkit-animation-timing-function: ease-in-out;
   animation-iteration-count: infinite;
   cursor: pointer;
   animation-name: bounce2
}

.element2:before {
   height: 120px;
   top: -30px;
   left: 370px;
   animation-duration: 1.5s;
   animation-fill-mode: both;
   animation-timing-function: ease-in-out;
   -webkit-animation-iteration-count: infinite;
   -moz-animation-name: bounce2
}

.element1:after {
   background: linear-gradient(228deg, #025156, #ffd29d 50%, #ffbf7f);
   background-size: cover;
   height: 100%;
   width: 80%;
   top: 20px;
   right: 22px;
   animation-duration: 1.5s;
   animation-fill-mode: both;
   animation-timing-function: ease-in-out;
   -webkit-animation-iteration-count: infinite;
   -moz-animation-name: bounce2;
   border-radius: 4px
}

.element2:after,.element3:after {
   background-position: center;
   height: 100%;
   width: 80%;
   -webkit-animation-duration: 1.3s;
   -webkit-animation-fill-mode: both;
   -webkit-animation-timing-function: ease-in-out;
   animation-iteration-count: infinite;
   animation-name: bounce2;
   border-radius: 4px;
   z-index: 0;
   position: absolute;
   content: "";
   cursor: pointer
}

.element2:after {
   background: linear-gradient(228deg,#93fbe5,#ffd29d 50%,#ed9c3d);
   background-size: cover;
   top: 20px;
   left: 0;
   animation-duration: 1.5s;
   animation-fill-mode: both;
   animation-timing-function: ease-in-out;
   -webkit-animation-iteration-count: infinite;
   -moz-animation-name: bounce2
}

.element3:after {
   background: linear-gradient(228deg,#93fbe5,#ffd29d 50%,#ed9c3d);
   background-size: cover;
   top: 21px;
   left: -7px;
   animation-duration: 1.5s;
   animation-fill-mode: both;
   animation-timing-function: ease-in-out;
   -webkit-animation-iteration-count: infinite;
   -moz-animation-name: bounce2
}

.element3:before {
   position: absolute;
   content: "";
   background-position: center;
   background-size: cover;
   height: 120px;
   width: 120px;
   z-index: 0;
   top: -8%;
   left: 67%;
   opacity: .5;
   -webkit-animation-duration: 1.3s;
   animation-duration: 1.5s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
   -webkit-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
   animation-iteration-count: infinite;
   -webkit-animation-iteration-count: infinite;
   cursor: pointer;
   animation-name: bounce2;
   -moz-animation-name: bounce2
}

img.img-fluid.img-style.bounce {
   z-index: 100;
   position: relative
}

h2.heading-txt {
   color: #025156;
   font-size: 40px!important;
   line-height: 1.2;
   font-weight: 600!important;
   margin-bottom: 2.3rem
}

#Causes .row {
   display: flex;
   flex-direction: column-reverse
}

.aon-med-sevices-cat {
   padding: 50px 20px;
   text-align: center;
   transition: .5s linear
}

.aon-med-sevices-cat .media,.aon-med-sevices-cat2 .media {
   height: 120px;
   position: relative;
   z-index: 1;
   display: flex;
   align-items: center;
   justify-content: center;
   overflow: hidden
}

.img-zoom-lens {
   position: absolute;
   border: 1px solid #d4d4d4;
   width: 40px;
   height: 40px
}

.img-zoom-result {
   border: 1px solid #d4d4d4;
   width: 300px;
   height: 300px
}

.aon-icon {
   font-style: normal;
   font-variant: normal;
   text-transform: none;
   display: block;
   margin: auto
}

.aon-med-sevices-cat .media img {
   height: 85px
}

.aon-med-sevices-cat .media:after,.aon-med-sevices-cat2 .media:after {
   content: "";
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%,-50%);
   background-color: #fff;
   width: 100px;
   height: 100px;
   border-radius: 50%;
   z-index: -1;
   opacity: 0;
   transition: .5s linear
}

.aon-med-sevices-cat h3:hover,.aon-med-sevices-cat2:hover,.aon-med-sevices-cat:hover {
   background-color: #025156;
   color: #050505;
   box-shadow: 10px 10px 0 0 rgba(0,0,0,.1)
}

.aon-icon-effect:hover .aon-icon {
   -webkit-animation: .3s forwards toTopFromBottom;
   -moz-animation: .3s forwards toTopFromBottom;
   animation: .3s forwards toTopFromBottom
}

@-webkit-keyframes toTopFromBottom {
   49% {
       -webkit-transform: translateY(-100%)
   }

   50% {
       opacity: 0;
       -webkit-transform: translateY(100%)
   }

   51% {
       opacity: 1
   }
}

@-moz-keyframes toTopFromBottom {
   49% {
       -moz-transform: translateY(-100%)
   }

   50% {
       opacity: 0;
       -moz-transform: translateY(100%)
   }

   51% {
       opacity: 1
   }
}

.counts .count-box i,.flash-message {
   left: 50%;
   transform: translateX(-50%)
}

@keyframes toTopFromBottom {
   49% {
       transform: translateY(-100%)
   }

   50% {
       opacity: 0;
       transform: translateY(100%)
   }

   51% {
       opacity: 1
   }
}

.aon-med-sevices-cat2:hover .media:after,.aon-med-sevices-cat:hover .media:after,div#flash-message:hover span#close-button {
   opacity: 1
}

.aon-med-sevices-cat:hover .aon-med-serices-cat-info a,.aon-med-sevices-cat:hover .aon-med-serices-cat-info h4 {
   color: #ff8a00;
   font-size: 25px
}

.aon-med-serices-cat-info a {
   font-size: 25px
}

.aon-med-sevices-cat.aon-icon-effect {
   height: 100%;
   border: 1px solid #ffa800
}

.dtr-testimonial-wrapper {
   font-size: 17px;
   padding: 20px 40px;
   margin: 5px;
   border-radius: 10px;
   min-height: 250px
}

.aon-med-sevices-cat2,.counts .count-box {
   border-radius: 5px;
   text-align: center;
   background: #025156
}

.dtr-5-stars {
   display: block;
   align-self: flex-start
}

.dtr-5-stars:after {
   font-family: icomoon;
   content: "\ec0e\ec0e\ec0e\ec0e\ec0e";
   letter-spacing: 2px;
   font-size: 12px
}

.dtr-testimonial-wrapper img {
   padding: 2px;
   -webkit-box-shadow: 0 0 10px 0 rgba(20,39,82,.1);
   box-shadow: 0 0 10px 0 rgba(20,39,82,.1)
}

.new1 {
   color: #ffbf7f!important;
   font-size: 30px;
}

.new2,ul.custom li div.bold {
   color: #025156!important
}

.btn-close,.calories-box:hover>a,.navbar .dropdown ul li:hover>a,.new3 {
   color: #fff!important
}

section#liver-disease {
   background: #e5efef
}

.aon-med-srv-cat-section ul {
   margin-bottom: 0;
   list-style: none;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-around;
   border-top: 1px solid #ebebeb;
   border-right: 1px solid #ebebeb
}

.aon-med-srv-cat-section ul li {
   width: 33%;
   border-left: 1px solid #ebebeb;
   border-bottom: 1px solid #ebebeb
}

.aon-med-sevices-cat2 {
   padding: 10px 3px;
   box-shadow: rgba(149,157,165,.2) 0 8px 28px;
   -webkit-transition: .5s linear;
   -moz-transition: .5s linear;
   -ms-transition: .5s linear;
   -o-transition: .5s linear;
   transition: .5s linear
}

.member,.member-info,.text-center {
   text-align: center!important
}

.aon-med-sevices-cat2 .media img {
   height: 85px;
   border-radius: 50%
}

.aon-med-serices-cat-info1 {
   color: #fffff6!important
}

.aon-med-serices-cat-info1 h3 {
   font-weight: 600;
   font-size: 18px
}

.aon-med-sevices-cat2:hover .aon-med-serices-cat-info1 a,.aon-med-sevices-cat2:hover .aon-med-serices-cat-info1 h3,.clinics .icon-box:hover h4 a,.clinics .icon-box:hover p {
   color: #ff8a00
}

.aon-med-sevices-cat2.aon-icon-effect {
   height: 100%
}

.page-menu {
   min-height: 30vh;
   background-color: #009587;
   display: flex;
   align-items: center
}

.clinics .icon-box:hover .icon,.counts {
   background: #fff
}

.menu-text {
   color: #fff;
   font-weight: 900
}

.counts {
   padding: 70px 0 60px
}

.counts .count-box {
   padding: 30px 30px 25px;
   width: 100%;
   position: relative
}

.counts .count-box i {
   position: absolute;
   top: -25px;
   font-size: 20px;
   background: #025156;
   color: #fff;
   border-radius: 50px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 48px;
   height: 48px;
   border: 3px solid
}

.counts .count-box span {
   font-size: 36px;
   display: block;
   font-weight: 600;
   color: #ff8a00
}

.counts .count-box p {
   padding: 0;
   margin: 0;
   font-size: 14px;
   color: #fff;
   font-weight: 600
}

.clinics .icon-box {
   text-align: center;
   box-shadow: rgba(100,100,111,.2) 0 7px 29px 0;
   background-color: #fff;
   padding: 17px 13px;
   border-radius: 5px;
   transition: .3s ease-in-out;
   margin-bottom: 10px
}

.clinics .icon-box .icon {
   margin: 0 auto 20px;
   height: 44px;
   background: #025156;
   border-radius: 5px;
   transition: .3s ease-out;
   display: flex;
   align-items: center;
   justify-content: center;
   transform-style: preserve-3d;
   position: relative;
   z-index: 2
}

.clinics .icon-box .icon i {
   color: #fff;
   font-size: 22px;
   animation: 1.5s linear infinite animate;
   transition: .3s ease-in-out
}

.clinics .icon-box h4 {
   font-weight: 700;
   margin-bottom: 15px;
   font-size: 24px
}

.clinics .icon-box h4 a {
   color: #2c4964
}

.clinics .icon-box p {
   line-height: 24px;
   font-size: 14px;
   margin-bottom: 0
}

.clinics .icon-box:hover .icon::before {
   background: rgba(255,255,255,.3)
}

.clinic-visit-btn {
   padding: 5px 15px;
   border-radius: 5px;
   border: 1px solid #025156;
   color: #ff8a00;
   font-weight: 700
}

.clinics .icon-box:hover .clinic-visit-btn {
   border: 1px solid #fff;
   background-color: #fff;
   color: #ff8a00;
   font-weight: 700
}

.clinic-visit-btn:hover {
   padding: 5px 15px;
   border-radius: 5px;
   border: 1px solid #025156;
   background-color: #025156
}

.appointment .php-email-form,.contact .info,.iti.iti--allow-dropdown {
   width: 100%
}

.appointment .php-email-form .form-group,.contact .php-email-form .form-group {
   padding-bottom: 8px
}

.appointment .php-email-form .validate {
   display: none;
   color: red;
   margin: 0 0 15px;
   font-weight: 400;
   font-size: 13px
}

.appointment .php-email-form .error-message,.contact .php-email-form .error-message {
   display: none;
   color: #fff;
   background: #ed3c0d;
   text-align: left;
   padding: 15px;
   font-weight: 600
}

.appointment .php-email-form .error-message br+br,.contact .php-email-form .error-message br+br {
   margin-top: 25px
}

.appointment .php-email-form .sent-message,.contact .php-email-form .sent-message {
   display: none;
   color: #fff;
   background: #18d26e;
   text-align: center;
   padding: 15px;
   font-weight: 600
}

.appointment .php-email-form .loading,.contact .php-email-form .loading {
   display: none;
   background: #fff;
   text-align: center;
   padding: 15px
}

.appointment .php-email-form .loading:before,.contact .php-email-form .loading:before {
   content: "";
   display: inline-block;
   border-radius: 50%;
   width: 24px;
   height: 24px;
   margin: 0 10px -6px 0;
   border: 3px solid #18d26e;
   border-top-color: #eee;
   animation: 1s linear infinite animate-loading
}

.appointment .php-email-form input,.appointment .php-email-form select,.appointment .php-email-form textarea {
   border-radius: 0;
   box-shadow: none;
   font-size: 14px;
   padding: 10px!important
}

.appointment .php-email-form input:focus,.appointment .php-email-form select:focus,.appointment .php-email-form textarea:focus {
   border-color: #025156
}

.appointment .php-email-form input,.appointment .php-email-form select,.contact .php-email-form input {
   height: 44px
}

.appointment .php-email-form textarea,.contact .php-email-form textarea {
   padding: 10px 12px
}

.appointment .php-email-form button[type=submit] {
   background: #025156;
   border: 0;
   padding: 10px 35px;
   color: #fff;
   transition: .4s;
   border-radius: 50px
}

.doctors .member .pic img,.doctors .member .social a,.member2 .pic img {
   transition: .3s ease-in-out
}

.appointment .php-email-form button[type=submit]:hover {
   background: #1c84e3
}

.departments .nav-tabs {
   border: 0
}

.departments .nav-link {
   border: 0;
   padding: 12px 15px 12px 0;
   transition: .3s;
   color: #2c4964;
   border-radius: 0;
   border-right: 2px solid #ebf1f6;
   font-weight: 600;
   font-size: 15px
}

.departments .tab-pane.active {
   animation: .5s ease-out fadeIn
}

.departments .details h3 {
   font-size: 18px;
   font-weight: 600;
   margin-bottom: 20px;
   color: #2c4964
}

.departments .details p {
   color: #777
}

.doctors .member {
   position: relative;
   box-shadow: 0 2px 15px rgb(46 61 74 / 27%);
   padding: 30px;
   border-radius: 10px;
   background: #fff;
   height: 100%
}

.member h3 {
   padding-top: 5px
}

.doctors .member .pic {
   overflow: hidden;
   width: 100%;
   border-radius: 50%
}

.doctors .member:hover img,.gallery .gallery-item:hover img,.member2:hover img {
   transform: scale(1.1)
}

.doctors .member .member-info {
   padding-left: 30px;
   padding-top: 25px
}

.member-info {
   padding: 5px
}

.doctors .member h3 {
   font-weight: 700;
   margin-bottom: 5px;
   font-size: 20px;
   color: #2c4964
}

.doctors .member span,.member2 span {
   display: block;
   font-size: 15px;
   padding-bottom: 10px;
   position: relative;
   font-weight: 500
}

.doctors .member span::after {
   content: "";
   position: absolute;
   display: block;
   width: 100%;
   height: 1px;
   background: #b2c8dd;
   bottom: 0;
   left: 0
}

.doctors .member p {
   margin: 10px 0 0;
   font-size: 14px
}

.doctors .member .social {
   margin-top: 12px;
   display: flex;
   align-items: center;
   justify-content: flex-start
}

.doctors .member .social a {
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 50px;
   width: 32px;
   height: 32px;
   background: #a0bcd5
}

.doctors .member .social a i {
   color: #fff;
   font-size: 16px;
   margin: 0 2px
}

.contact .php-email-form button[type=submit]:hover,.doctors .member .social a:hover {
   background: #025156
}

.doctors .member .social a+a {
   margin-left: 8px
}

.faq .faq-list ul {
   padding: 0;
   list-style: none
}

.faq .faq-list li+li {
   margin-top: 15px
}

.faq .faq-list li {
   padding: 20px;
   background: #025156;
   color: #fff;
   border-radius: 4px;
   position: relative
}

.faq .faq-list a {
   color: wheat;
   display: block;
   position: relative;
   font-family: Poppins,sans-serif;
   font-size: 16px;
   line-height: 24px;
   font-weight: 500;
   outline: 0;
   cursor: pointer
}

.faq .faq-list .icon-help {
   font-size: 24px;
   position: absolute;
   right: 0;
   left: 20px;
   color: #ff8a00
}

.faq .faq-list .icon-close,.faq .faq-list .icon-show {
   font-size: 24px;
   position: absolute;
   right: 0;
   top: 0
}

.faq .faq-list p {
   margin-bottom: 0;
   padding: 10px 0 0
}

.faq .faq-list .icon-show,.faq .faq-list a.collapsed .icon-close,.video-content .about-trainer-img {
   display: none
}

.faq .faq-list a.collapsed:hover {
   color: wheat
}

.faq .faq-list a.collapsed .icon-show {
   display: inline-block
}

@media (max-width: 1200px) {
   .faq .faq-list {
       padding:0
   }
}

#test {
   background-color: #f3f3f3
}

.testimonials .testimonial-wrap {
   padding-left: 50px
}

.testimonials .testimonial-item,.testimonials .testimonial-item2 {
   box-sizing: content-box;
   padding: 30px 30px 30px 60px;
   margin: 30px 15px;
   position: relative;
   background: #fff
}

.testimonials .testimonial-item {
   min-height: 250px!important;
   box-shadow: rgba(100,100,111,.2) 0 7px 29px 0;
   border-radius: 5px
}

.testimonials .testimonial-item2 {
   box-shadow: rgba(50,50,93,.25) 0 30px 60px -12px inset,rgba(0,0,0,.3) 0 18px 36px -18px inset;
   border: 3px solid #025156;
   border-radius: 5px;
   min-height: auto
}

.testimonials .testimonial-item .testimonial-img {
   width: 90px;
   border-radius: 50%;
   border: 6px solid #fff;
   position: absolute;
   left: -45px
}

.testimonials .testimonial-item2 .stepno {
   width: 89px;
   border-radius: 5px;
   border: 3px solid #025156;
   position: absolute;
   left: -55px;
   font-size: 18px;
   font-style: normal;
   font-weight: 900;
   background: #fff;
   padding: 5px 10px;
   color: #f48a0a
}

.testimonials .testimonial-item h3,.testimonials .testimonial-item2 h3 {
   font-size: 18px;
   font-weight: 700;
   margin: 10px 0 5px;
   color: #111
}

.testimonials .testimonial-item h4,.testimonials .testimonial-item2 h4 {
   font-size: 14px;
   color: #999;
   margin: 0
}

.testimonials .testimonial-item .quote-icon-left,.testimonials .testimonial-item .quote-icon-right {
   color: #badaf7;
   font-size: 26px
}

.testimonials .testimonial-item .quote-icon-left {
   display: inline-block;
   left: -5px;
   position: relative
}

.testimonials .testimonial-item .quote-icon-right {
   display: inline-block;
   right: -5px;
   position: relative;
   top: 10px
}

.testimonials .testimonial-item p,.testimonials .testimonial-item2 p {
   font-style: italic;
   margin: 15px auto
}

.testimonials .swiper-pagination {
   margin-top: 20px;
   position: relative
}

.testimonials .swiper-pagination .swiper-pagination-bullet {
   width: 12px;
   height: 12px;
   background-color: #fff;
   opacity: 1;
   border: 1px solid #025156
}

.member2:hover,.testimonials .swiper-pagination .swiper-pagination-bullet-active,a.btn.btn-dark.btn-theme-colored,li.list-group-item {
   background-color: #025156
}

@media (max-width: 767px) {
   .testimonials .testimonial-wrap {
       padding-left:0
   }

   .testimonials .testimonials-carousel,.testimonials .testimonials-slider {
       overflow: hidden
   }

   .testimonials .testimonial-item {
       min-height: 350px!important;
       padding: 30px;
       margin: 15px
   }

   .testimonials .testimonial-item .testimonial-img {
       position: static;
       left: auto
   }
}

.gallery .gallery-item {
   overflow: hidden;
   padding: 20px;
   border-right: 3px solid #fff;
   border-bottom: 3px solid #fff
}

.gallery .gallery-item img {
   transition: .4s ease-in-out;
   border-radius: 10px
}

.contact .info i {
   font-size: 20px;
   color: #fff;
   float: left;
   width: 44px;
   height: 44px;
   background: #025156;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 50px;
   transition: .3s ease-in-out
}

.contact .info h4 {
   padding: 0 0 0 60px;
   font-size: 22px;
   font-weight: 600;
   margin-bottom: 5px;
   color: #2c4964
}

.contact .info p {
   padding: 0 0 0 60px;
   margin-bottom: 0;
   font-size: 17px;
   color: #181818
}

.contact .php-email-form {
   width: 100%;
   background: #fff
}

.contact .php-email-form input,.contact .php-email-form textarea {
   border-radius: 0;
   box-shadow: none;
   font-size: 14px;
   border: 2px solid #ff8a00
}

.contact .php-email-form button[type=submit] {
   background: #025156;
   border: 0;
   padding: 10px 35px;
   color: #fff;
   transition: .4s;
   border-radius: 5px
}

@keyframes animate-loading {
   0% {
       transform: rotate(0)
   }

   100% {
       transform: rotate(360deg)
   }
}

#footer {
   color: #fff;
   font-size: 14px;
   background: #dbe9e5
}

#footer .footer-top {
   padding: 40px 0 30px;
   background: #025156;
   box-shadow: 0 2px 15px rgba(25,119,204,.1)
}

#footer .footer-top .footer-contact h4 {
   font-size: 22px;
   margin: 0 0 30px;
   padding: 2px 0;
   line-height: 1;
   font-weight: 700
}

#footer .footer-top .footer-contact p {
   font-size: 14px;
   line-height: 24px;
   margin-bottom: 0;
   color: #fff
}

#footer .footer-newsletter h4,#footer .footer-top h4 {
   font-size: 16px;
   font-weight: 700;
   color: #fff;
   position: relative;
   padding-bottom: 12px
}

#footer .footer-top .footer-links ul {
   list-style: none;
   padding: 0;
   margin: 0
}

#footer .footer-top .footer-links ul i {
   padding-right: 2px;
   color: #fff;
   font-size: 18px;
   line-height: 1
}

#footer .footer-top .footer-links ul li {
   padding: 10px 0;
   display: flex;
   align-items: center
}

#footer .footer-top .footer-links ul li:first-child {
   padding-top: 0
}

#footer .footer-top .footer-links ul a {
   color: #fff;
   transition: .3s;
   display: inline-block;
   line-height: 1
}

#footer .footer-top .footer-links ul a:hover {
   text-decoration: none;
   color: #ccb42e
}

#footer .footer-newsletter,.blog__author-info a {
   font-size: 15px
}

#footer .footer-newsletter form {
   margin-top: 30px;
   background: #fff;
   padding: 6px 10px;
   position: relative;
   border-radius: 50px;
   text-align: left;
   border: 1px solid #bfdcf7
}

#footer .footer-newsletter form input[type=email] {
   border: 0;
   padding: 4px 8px;
   width: calc(100% - 100px)
}

#footer .footer-newsletter form input[type=submit] {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   border: 0;
   background: #025156;
   font-size: 16px;
   padding: 0 20px;
   color: #fff;
   transition: .3s;
   border-radius: 50px
}

#footer .footer-newsletter form input[type=submit]:hover {
   background: #073f28
}

#footer .credits {
   padding-top: 5px;
   font-size: 13px;
   color: #444
}

#footer .social-links a {
   font-size: 21px;
   display: inline-block;
   background: #ffebc1;
   color: #025156;
   line-height: 1;
   padding: 8px 0;
   margin-right: 4px;
   border-radius: 50%;
   text-align: center;
   width: 36px;
   height: 36px;
   transition: .3s
}

#footer .social-links a:hover {
   background: #fff;
   color: #025156
}

.foot-bar {
   background-color: #ffebc1;
   color: #025156
}

.head-line,.member2 a {
   background-color: #025156
}

.col-lg-4.hospital-time {
   border-radius: 5px;
   display: flex;
   align-items: center
}

.about-hospital {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   border-radius: 5px
}

.blog__item,.card>.card-body {
   display: flex;
   flex-direction: column
}

span.new3 {
   color: #ff8a00;
   line-height: 60px
}

.member2 h4,.member2:hover a {
   color: #025156;
   font-weight: 700
}

.head-line {
   padding: 10px 0 5px;
   margin-bottom: 5px;
   color: #fff;
   font-weight: 700
}

.member2>iframe {
   border-radius: 10px;
   width: 100%;
   height: 250px
}

.member2 {
   position: relative;
   box-shadow: 0 2px 15px rgba(44,100,91,.328);
   border-radius: 10px;
   border: 1px solid orange;
   transition: .5s linear
}

.blog__wrapper,.member2:hover a {
   box-shadow: rgba(100,100,111,.2) 0 7px 29px 0
}

.member2 .pic {
   overflow: hidden;
   width: 150px;
   border: 2px solid #025156;
   border-radius: 50%
}

.member2:hover .pic {
   border: 2px solid orange
}

.member2 .member-info {
   padding-left: 30px
}

.member2 h4 {
   margin-bottom: 5px;
   font-size: 20px
}

.member2 p {
   margin: 10px 0;
   font-size: 14px
}

.member2 a {
   padding: 5px 10px;
   color: #fff;
   font-size: 12px;
   border-radius: 5px;
   border: 1px solid #025156;
   content: whatch now
}

.member2:hover a {
   padding: 5px 10px;
   background-color: #fff!important;
   border-radius: 5px;
   border: 1px solid #e5a927
}

.bg-success {
   background-color: #025156!important
}

.text-success {
   color: #ffddb6!important
}

.btn-outline-secondary {
   border: none;
   border-radius: 5px;
   background-color: #436b62;
   color: #fff
}

.btn-outline-secondary:hover {
   background-color: #fcc78b!important;
   color: #025156;
   font-weight: 600
}

#aboutkidney {
   background-color: #edf5f5
}

.card {
   background: 0 0
}

.card .card-body .trt__img {
   overflow: hidden;
   margin: auto;
   text-align: center;
   border-bottom: 1px solid #fff;
   padding-bottom: 10px!important
}

.card .card-body .trt__title {
   padding-top: 10px;
   margin-bottom: 0;
   font-size: 14px;
   text-align: center;
   color: #fff;
   font-weight: 500;
   text-transform: uppercase
}

.blog__title,.card-header,.opnhr,.phoneError,p>a {
   font-weight: 700
}

.card>.card-body {
   color: #fff!important;
   justify-content: center;
   align-items: center!important
}

.card>.card-body>h4.trt__title {
   font-size: 1rem!important
}

button.btn.btn-sm.text-warning.mt-2 {
   color: #fff!important;
   margin-top: 1rem!important;
   border: 1px solid #098c70!important;
   border-radius: 0;
   margin-bottom: 0!important
}

.card:hover>.card-body button.btn.btn-sm.text-warning.mt-2 {
   background-color: #ffa800!important;
   color: #1f1f1f!important;
   font-weight: 500;
   border: 1px solid #1f1f1f!important
}

img.header-icon {
   max-width: 16px
}

.header-btn .sec-btn:hover img.header-icon {
   filter: brightness(0) invert(1)
}

button.toggle-button a {
   color: #0e5041;
   font-weight: 500
}

.p-2.text-monospace {
   text-align: start!important
}

#aboutCancer {
   background-color: beige
}

p.Eq-head-line {
   padding-top: 10px;
   font-size: 19px;
   font-weight: 600
}

.eq-out {
   text-align: center;
   border-radius: 5px
}

.rounded-3 {
   background-color: #ffa800
}

.Eq-head-line {
   font-size: 5em;
   color: #025156;
   text-align: center;
   animation: 1.5s linear infinite animate
}

.opnhr,p.bold {
   font-size: 22px
}

@keyframes animate {
   0% {
       opacity: .5
   }

   50% {
       opacity: 1
   }

   100% {
       opacity: .7
   }
}

.subheadingaa {
   padding-top: 20px
}

.modal-content {
   background-color: #052820!important
}

.form-control:focus {
   border-color: #02515673!important;
   box-shadow: 0 0 0 .25rem rgb(229 229 229)!important
}

.tint-time {
   background-color: #003131
}

.opnhr {
   color: #fff
}

@media (max-width: 992px) {
   .breadcrumbs {
       margin-top:0
   }

   .departments .nav-link {
       border: 0;
       padding: 15px
   }

   .departments .nav-link.active {
       color: #fff;
       background: #025156
   }

   .col-12.col-md-5.text-center.element1.about-img {
       padding-top: 30px
   }

   .col-lg-4.col-md-6.footer-contact {
       text-align: center
   }
}

li.list-group-item:hover {
   background-color: #14222b!important
}

li.dropdown ul.list-group li.list-group-item {
   border-bottom: 2px solid #f9f9f9;
   background: #025156!important;
   margin: 5px 10px;
   border-radius: 5px
}

.col-lg-9.d-flex.align-items-center {
   box-shadow: rgb(136 191 179 / 48%) 6px 2px 16px 0,rgba(255,255,255,.8) -6px -2px 16px 0
}

.card-header {
   background: #ff8a0063
}

@media (max-width: 652px) {
   .col-lg-2.col-md-4.col-sm-6.mb-3 {
       width:50%
   }

   .d-flex.d-drop {
       flex-direction: column
   }

   #topbar .contact-info a {
       font-size: 16px
   }

   .faq .faq-list .icon-close,.faq .faq-list .icon-show {
       font-size: 24px;
       position: absolute;
       right: -20px;
       top: 0
   }
}

@media (max-width: 352px) {
   #topbar .contact-info a {
       font-size:13px
   }
}

.fcf {
   border: 2px solid #ff8a00
}

.blog__wrapper {
   padding: 10px;
   width: 100%!important;
   height: 100%!important;
   margin: 5px
}

.blog__thumb img {
   background-size: cover;
   width: 100%
}

.blog__title {
   font-size: 15px
}

.blog__thumb.w-img.fix {
   width: 100%;
   height: 200px
}

.blog__item {
   height: 100%;
   justify-content: space-between
}

.blog__content {
   padding: 10px;
   background: #f4f4f4
}

.col-xxl-3.col-xl-3.col-lg-3 {
   background: #f0f8ff;
   padding-top: 10px
}

.widget-area {
   text-align: left!important
}

.teacher__bio iframe,ul.teacher__bio {
   margin-top: 15px!important;
   margin-bottom: 15px!important
}

section#categories-3,section#tag_cloud-1 {
   max-height: 400px;
   overflow: auto;
   scroll-behavior: smooth
}

::-webkit-scrollbar {
   width: 10px
}

::-webkit-scrollbar-track {
   box-shadow: inset 0 0 5px grey
}

::-webkit-scrollbar-thumb {
   background: #c2c2c2
}

::-webkit-scrollbar-thumb:hover {
   background: #ff8a00
}

.phoneError {
   font-size: 14px;
   text-align: center;
   margin: 10px;
   color: orange;
   padding: 0;
   letter-spacing: 0
}

.mainbold,p.bold {
   color: #fff!important
}

.btn.disabled,.btn:disabled,fieldset:disabled .btn {
   cursor: no-drop!important;
   pointer-events: visible!important
}

.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
   background-color: #025156;
   border-color: #023127;
   color: #fff
}

a.page-link {
   cursor: pointer;
   pointer-events: visiblefill
}

.page-link:hover {
   z-index: 2;
   color: #fff;
   background-color: #025156;
   border-color: var(--bs-pagination-hover-border-color)
}

li.page-item.active a {
   position: relative;
   display: block;
   padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
   font-size: var(--bs-pagination-font-size);
   color: #fff;
   background-color: #025156;
   border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
   transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

div#counters .col-md-4 {
   margin-top: 26px
}

@media (max-width: 600px) {
   .col-lg-4.pt-2.border.rounded.social-footer-links {
       text-align:center;
       margin-bottom: 11px;
       padding-bottom: 18px
   }

   .social-link {
       display: contents!important
   }
}

.mainbold {
   font-size: 75px;
   font-weight: 900!important;
   line-height: 99px!important;
   text-transform: uppercase!important
}

@media only screen and (max-width: 600px) {
   .mainbold {
       font-size:60px!important
   }
}

ul.custom {
   margin: 0;
   padding: 0 0 0 10px;
   list-style: outside
}

ul.custom li div.bold {
   font-size: 16px;
   margin-top: 10px;
   font-weight: 600;
   display: inline-block;
   margin-right: 10px
}

ul.custom h4 {
   margin-top: 1.6rem;
   font-size: 1.8rem;
   color: #ff8a00;
   text-transform: capitalize;
   font-weight: 600
}

p.bold {
   margin-top: 24px;
   font-weight: 600
}

p>a {
   font-style: italic
}

div#bN015htcoyT__google-cache-hdr {
   margin-top: 8rem
}

.card {
   min-height: 175px;
   height: 100%;
   border: none!important
}

.card-body.key-feature {
   background: #e4eeeb
}

.card>.card-body {
   background: #025156;
   padding: 10px 15px;
   border-radius: 5px;
   min-height: 200px;
   margin-bottom: 1.5rem;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center!important;
   transition: .5s;
   text-align: left
}

.card .card-body {
   height: 100%;
   border: 1px solid #fff;
   margin: 0;
   padding: 21px;
   cursor: pointer;
   text-align: center
}

.enquiry_counter,img.key-feature-img {
   width: 70px;
   height: 70px;
   /* border-radius: 50%; */
}

.card-title.feature-tile.mt-4 {
   color: #fff;
   /* font-weight: 700; */
   font-size: 15px;
   text-align: center
}

.card-title {
   margin-bottom: .5rem
}

.enquiry_counter {
   color: #025156;
   background: #e3e3e3;
   font-size: 42px;
   display: flex;
   align-items: center;
   justify-content: center;
   font-weight: 900
}

.close-button {
   position: fixed;
   top: -23px;
   right: -29px;
   cursor: pointer;
   font-size: 20px;
   font-weight: 300;
   opacity: 0;
   transition: .4s;
   background-color: red;
   color: #fff;
   padding: 0;
   border-radius: 3px;
   z-index: -4;
   border: 1px solid #fff;
   height: 27px;
   width: 26px;
   display: flex;
   justify-content: center;
   align-items: center;
   line-height: 1px
}

.flash-backdrop,.flash-message {
   position: fixed;
   background-color: #fff
}

.flash-message {
   box-shadow: 0 0 11px -3px #131a21;
   text-transform: uppercase;
   bottom: 20px;
   color: red;
   padding: 10px 20px;
   border-radius: 5px;
   opacity: 0;
   transition: opacity .5s;
   animation: 1s forwards slideIn,1s infinite blink;
   z-index: 8;
   display: none;
   box-shadow: 0 0 11px -3px #212121;
   font-weight: 700;
   text-transform: uppercase;
   text-align: center;
   border: 1px solid red
}

@keyframes slideIn {
   from {
       bottom: -100px;
       opacity: 0
   }

   to {
       bottom: 20px;
       opacity: 1
   }
}

@keyframes blink {
   0%,100% {
       color: #bf1212
   }

   50% {
       color: #6f0000
   }
}

.flash-backdrop {
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   min-height: 100vh;
   min-width: 100vw;
   z-index: 7;
   overflow: hidden!important
}

nav.Pager5 {
   margin-top: 50px
}

h3.h3 {
   margin-top: 1.6rem;
   font-size: 1.8rem;
   color: #ff8a00;
   text-transform: capitalize;
   font-weight: 600
}

span.Phoneheading {
   font-size: 1.6rem;
   display: block;
}

p.subhead {
   font-weight: 600;
   font-size: 25px
}

.custom li a {
   color: #ff8a00;
   font-weight: 700;
}
.social_icons {
   margin-right: 2rem;
   border-right: 1px solid white;
   padding-right: 1rem;
}

#topbar .contact-info a:hover{
   color:#025156;
}

.city_list{
   padding:10px 0;
}

html{
   overflow-x: hidden;
}

button.button-load-more {
   margin: 0 auto;
   background: #025156;
   display: flex;
   color: #fff;
   padding: 5px 20px;
   margin-top: 2%;
}

button.button-load-more:disabled {
   cursor: no-drop;
}

/*.mt-4.d-flex.justify-content-start{*/
/*    padding: 5px;*/
/*    background: #02515629;*/
/*}*/
.d-flex.justify-content-start {
   position: absolute;
   bottom: 12%;
}
   

@media only screen and (max-width:1400px) and (min-width:1200px){
   
   .d-flex.justify-content-start {
       position: absolute;
       bottom: 12%;
   }
   
}

@media only screen and (max-width:1199px) and (min-width:1024px){
   
   .d-flex.justify-content-start {
       position: absolute;
       bottom: 6%;
   }
   
}

@media (max-width: 992px){
   #hero .container, #hero3 .container {
       padding-bottom: 0;
   }
}

@media only screen and (max-width:1023px) and (min-width:991px){
   
   .d-flex.justify-content-start {
       position: absolute;
       bottom: 4%;
   }
   
}


@media only screen and (max-width:990px) and (min-width:768px){
   
   .container.banner-container{
       max-width:100%;
   }
   .container, .container-md, .container-sm{
       max-width:100%;
   }
   .d-flex.justify-content-start {
       position: relative;
       bottom: 0;
       width: 500px;
       margin-bottom: 20px;
   }
}

@media only screen and (max-width:767px){
   
   .d-flex.justify-content-start {
       position: unset !important;
       margin-bottom:10px !important;
   }
   
   #hero .container, #hero3 .container {
       padding-bottom: 25px !important;
   }
}

/*@media only screen and (min-width:567px){*/
   
/*    .container, .container-sm{*/
/*        max-width:100% !important;   */
/*    }*/
/*}*/

@media only screen and (max-width:480px){
   .social_icons{
       display:none;
   }
}

@media (max-width: 390px){
   .india {
       width: 100% !important;
   }
}

@media (max-width: 576px){
   #hero {
       margin-top: 0 !important;
       height: auto;
   }
   #hero .container, #hero3 .container {
       padding-bottom: 20px !important;
   }
}
@media (max-width: 992px){
   #hero {
       margin-top: 0 !important;;
       height: auto;
   }
}

/*@media (min-width: 768px){*/
   
/*    .col-md-4 {*/
/*        flex: 0 0 auto;*/
/*        width: 48%;*/
/*    }*/
/*}*/

@media only screen and (max-width:475px){
   
   
   .iner-nav li {
       font-size: 12px !important;
       margin-bottom: 10px !important;
       
   }
}


.why-us .content {
 padding: 30px;
 background-image: url(../../assets-clinics/image/sink.png);
 background-size: cover;
 border-radius: 4px;
 color: #fff;
 display: flex;
 flex-direction: column;
 justify-content: center;
}
.element1:before,
.element2:before {
 background-image: url(assets/image/element1.png);
 background-size: cover;
 height: 120px;
 width: 120px;
 opacity: 0.5;
}
.why-us .content h3 {
 font-weight: 700;
 font-size: 34px;
 margin-bottom: 30px;
}
.container.banner-container img {
    width: 158px;
}

#contactForm h2{
    color: #000;
    text-align: center;
    margin-bottom: 20px;
    font-weight: 600;
    color: #025156;
}
.rounded-3 {
    border-radius: 0 !important;
}
.form-control{
    border-radius: 0 !important;
}
.btn{
    border-radius: 50px;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 25px;
    background: #025156;
    color: #fff;
    transition: all .5s ease;
}
.btn:hover{
   background-color: #ffbf7f!important;
   transition: all .5s ease;
}
.icon-box.why-box img {
    width: 100px;
}
.icon-box.why-box h3 {
    /* font-size: 25px; */
    font-size: 20px;
    font-weight: 800;
    margin-top: 30px;
}
.nature-img h2 {
    font-size: 45px;
    margin-bottom: 30px;
    /* text-align: center; */
    font-weight: 700;
    color: #025156;
    text-transform: uppercase;
}

.nature-img {
    text-align: center;
    width: 100%;
}
.p-20{
    padding: 20px;
}
.banner-sink{
    width:300px !important;
    margin-bottom: 30px;
    margin-top: 15px;
}


  .center-div{
          min-height: 100%;
    display: flex
;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    background: #025156;
    border: 1px solid gray;
  }
    .center-div p{
        color:white;
    }