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

#topbar,.back-to-top {
    z-index: 996;
    height: 65px
}

#hero,#hero2,#hero3,.sec-img img {
    width: 100%;
    height: auto
}

#hero2,#hero3 {
    background: url(image/background1.webp) top center/cover #092429
}

.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
}

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

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

.about .icon-box .title a:hover,.clinics .icon-box:hover .icon i,.clinics .icon-box:hover h4 a,.clinics .icon-box:hover p,.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,a,a:hover {
    color: #ff8a00
}

.mfbold,.mpbold {
    font-size: 44px
}

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

#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 #092429;
    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: visible;
    opacity: 0;
    right: 15px;
    bottom: 15px;
    background: #0B0;
    width: 65px;
    border-radius: 4px;
    transition: .4s;
    display: none!important;
    border-radius: 50%
}

.back-to-top1 {
    position: fixed;
    visibility: visible;
    left: 21px;
    bottom: 24px;
    background: #0b0;
    width: 40px;
    border-radius: 4px;
    transition: .4s
}

.appointment-btn,.social-links a {
    display: inline-block;
    transition: .3s
}

#hero2 .container,#hero3 .container,#iframeContainer1,#iframeContainer2,#iframeContainer3,#iframeContainer4,#iframeContainer5,#iframeContainer6,#iframeContainer7,#iframeContainer8,#iframeContainer9,#iframeContainer10,#iframeContainer11,.element1,.img-zoom-container,.navbar li,.navbar>ul>li {
    position: relative
}

.back-to-top i {
    font-size: 39px;
    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: #092429;
    font-size: 14px;
    transition: .5s;
    height: 60px
}

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

#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,.faq .faq-list a.collapsed,.mobile-nav-toggle.bi-x,.mpbold,ul.banner_list>li>p {
    color: #fff
}

#topbar .contact-info i {
    color: #98a556;
    margin-left: 15px;
    line-height: 0;
    padding: 2px 0
}

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

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

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

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

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

#header.header-scrolled {
    top: 0
}

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

.appointment-btn {
    margin-left: 25px;
    background: orange;
    color: #000;
    border-radius: 5px;
    padding: 8px 18px;
    white-space: nowrap;
    font-size: 15px
}

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

.element1:after,.element1:before,.element2:before {
    background-position: center
}

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

    #popup {
        width: 80%
    }
}

.sbold,.sdbold {
    padding: 20px;
    background: #212f39;
    margin-top: 18px
}

.bold {
    font-weight: 400;
    font-size: 20px;
    color: #fff
}

.mbold,.mdbold,.mfbold,.mmbold,.mpbold {
    font-weight: 900
}

.mbold {
    font-size: 44px;
    color: #fff
}

.mdbold {
    font-size: 78px;
    color: orange
}

.sdbold {
    font-weight: 700;
    font-size: 25px;
    color: #fff;
    width: fit-content
}

p {
    color: #000
}

.iner-nav li a,.mfbold,.mmbold {
    color: orange
}

.mmbold {
    font-size: 80px
}

.sbold {
    font-weight: 700;
    font-size: 34px;
    color: #fff;
    width: max-content
}

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

.sec-img img {
    background-size: cover;
    border-radius: 6px
}

input#btnSubmit {
    background-color: #092429; 
    border: #092429;
}

.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: #092429;
    border-color: #092429
}

.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
}

.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 rgb(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 {
    background-blend-mode: multiply;
    display: flex;
    align-items: self-end;
    padding-top: 115px
}

#hero .container {
    position: relative
}

#hero h1 {
    font-size: 44px;
    font-weight: 700;
    line-height: 60px;
    color: #fff
}

#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: #092429
}

#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 {
    margin-top: 13.8vh
}

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

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

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

@media (max-width: 480px) {
    

    .aon-med-srv-cat-section ul li,div#login_btn img {
        width:100%!important
    }

    .btn-container {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .btn-container a,.clinic-visit-btn {
        font-size: medium
    }

    .form-control {
        font-size: .7rem!important
    }

    .topbarflex-no-column {
        flex-direction: row!important
    }

    #topbar .contact-info a {
        line-height: 2!important;
        font-size: 16px!important
    }

    .blink .a-link {
        font-size: 13px!important
    }

    .blink {
        padding: 2px 6px!important;
        border-radius: 5px!important
    }

    #header {
        padding: 2px 0!important;
        box-shadow: 0 2px 15px rgb(0 0 0 / 65%)!important
    }

    #hero h1,.sdbold {
        font-weight: 700
    }

    .cl-rs,.col-xs-6 {
        width: 50%
    }

    #hero2 {
        padding-top: 90px!important
    }

    #hero {
        background-image: linear-gradient(#092429,#197d89)!important;
        margin-top: 22vh
    }

    div#hero2 .col-md-4.d-flex.flex-column.py-5 {
        padding-top: 0!important
    }

    #hero2 h1 {
        line-height: 50px;
        padding-top: 0
    }

    .mfbold {
        font-size: 35px;
        word-break: break-all
    }

    ul.banner_list.pt-4 {
        padding: 22px 0 0!important;
        list-style: none;
        text-decoration: none
    }

    div#login_btn {
        right: 0;
        width: 40%
    }

    .mpbold {
        font-sze: 44px
    }

    div#login_btn img {
        padding-right: 0
    }

    .col-md-4.d-flex.justify-content-center.flex-column {
        padding-bottom: 20px!important
    }

    p.sdbold,ul.banner_list.pt-4 {
        margin: 0
    }

    h2.heading-txt {
        font-size: 24px
    }

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

    .why-choose-us {
        margin-top: 40px
    }

    .why-us .icon-boxes .icon-box {
        padding: 10px 5px 0 10px;
        width: 100%
    }

    .why-us .icon-boxes .icon-box h3,.why-us .icon-boxes .icon-box h4 {
        font-size: 16px
    }

    .sdbold,ul.banner_list>li {
        font-size: 18px
    }

    #hero h1 {
        line-height: 46px;
        padding-top: 0;
        font-size: 40px!important
    }

    .cl-rs {
        flex: 0 0 auto
    }

    .mmbold {
        font-size: 56px
    }

    .all_disease {
        width: 50%!important
    }
}

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

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

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

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

.section-bg-1,li.list-group-item {
    background-color: #fff
}

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

#popup,.description,.phoneError,.section-title {
    text-align: center
}

.section-title h2 {
    font-size: 32px;
    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: #092429;
    bottom: 0;
    left: calc(50% - 20px)
}

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

div#popup button.closeModal+p,h2.heading-txt {
    margin-bottom: 1rem
}

.breadcrumbs {
    margin-top: 0
}

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

.iner-nav li {
    padding: 0 10px;
    list-style: none;
    color: #fff
}

.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 {
    max-width: 100%;
    width: 100%;
    height: 100%;
    border-radius: 20px
}

.why-us .content h3 {
    font-weight: 700;
    font-size: 34px;
    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: rgb(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: #092429;
    background: #fff
}

.why-us .icon-boxes .icon-box {
    text-align: center;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 2px 15px rgb(0 0 0 / .1);
    padding: 20px 5px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

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

.why-us .icon-boxes .icon-box h3,.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: 15px;
    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: 28px;
    font-weight: 700;
    color: #2c4964;
    margin-bottom: 15px
}

.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: #092429;
    font-size: 32px
}

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

.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 {
    animation-name: bounce;
    -moz-animation-name: bounce
}

.bounce2,.element1:before {
    animation-name: bounce2;
    -moz-animation-name: bounce2
}

.element1:after,.element2:after,.element2:before,.element3:after {
    animation-name: bounce2;
    z-index: 0;
    position: absolute;
    content: "";
    -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: "";
    height: 120px;
    z-index: 0;
    top: -27px;
    left: -11px
}

.element2:before {
    height: 120px;
    top: -30px;
    left: 370px
}

.element1:after {
    background: linear-gradient(228deg,#092429,#ffd29d 50%,#ed9c3d);
    background-size: cover;
    height: 100%;
    width: 80%;
    top: 20px;
    right: 22px;
    border-radius: 4px
}

.element2:after,.element3:after {
    background-position: center;
    height: 100%;
    width: 80%;
    border-radius: 4px
}

.element2:after {
    background: linear-gradient(228deg,#93fbe5,#ffd29d 50%,#ed9c3d);
    background-size: cover;
    top: 20px;
    left: 0
}

.element3:after {
    background: linear-gradient(228deg,#93fbe5,#ffd29d 50%,#ed9c3d);
    background-size: cover;
    top: 21px;
    left: -7px
}

.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: #092429;
    font-size: 32px;
    line-height: 1;
    font-weight: 600!important
}

#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: 150px;
    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;
    background-color: #fff;
    border-radius: 50%
}

.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-cat:hover {
    background-color: #092429;
    color: #050505;
    box-shadow: 10px 10px 0 0 rgb(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
    }
}

@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 {
    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
}

.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 rgb(20 39 82 / .1);
    box-shadow: 0 0 10px 0 rgb(20 39 82 / .1)
}

.new1 {
    color: #ff8a00!important
}

.new2 {
    color: #092429!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;
    text-align: center;
    background: #266f7d;
    border-radius: 5px;
    box-shadow: rgb(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 {
    border-radius: 50%;
    padding: 5px;
}

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

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

.aon-med-sevices-cat2:hover {
    background-color: #ff8a00;
    box-shadow: 10px 10px 0 0 rgb(0 0 0 / .1)
}

.aon-med-sevices-cat2:hover .aon-med-serices-cat-info1 a,.aon-med-sevices-cat2:hover .aon-med-serices-cat-info1 h3 {
    text-shadow: rgb(0 0 0 / .402) 1px 0 10px;
    color: #fff
}

.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;
    text-align: center;
    background: #092429;
    border-radius: 5px
}

.counts .count-box i {
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 20px;
    background: #092429;
    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: rgb(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: #092429;
    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: rgb(255 255 255 / .3)
}

.clinic-visit-btn {
    padding: 5px 15px;
    border-radius: 5px;
    border: 1px solid #092429;
    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 #092429;
    background-color: #092429
}

.appointment .php-email-form,.contact .info {
    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: #092429
}

.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: #092429;
    border: 0;
    padding: 10px 35px;
    color: #fff;
    transition: .4s;
    border-radius: 50px
}

.doctors .member .pic img,.doctors .member .social a {
    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: 26px;
    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 h4 {
    padding-top: 5px
}

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

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

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

.member-info {
    padding: 5px
}

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

.doctors .member span,.faq .faq-list a {
    position: relative;
    font-weight: 500;
    display: block
}

.doctors .member span {
    font-size: 15px;
    padding-bottom: 10px
}

.doctors .member span::after {
    content: "";
    position: absolute;
    display: block;
    width: 50px;
    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
}

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

.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: #092429
}

.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: 12px;
    background: #245058;
    color: #fff;
    border-radius: 4px;
    position: relative
}

.faq .faq-list a {
    color: wheat;
    font-family: Poppins,sans-serif;
    font-size: 16px;
    line-height: 24px;
    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;
    color: #fff
}

.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: 200px!important;
    box-shadow: rgb(100 100 111 / .2) 0 7px 29px 0;
    border-radius: 5px
}

.testimonials .testimonial-item2 {
    box-shadow: rgb(50 50 93 / .25) 0 30px 60px -12px inset,rgb(0 0 0 / .3) 0 18px 36px -18px inset;
    border: 3px solid #092429;
    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 #092429;
    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: 20px;
    height: 20px;
    background-color: #fff;
    opacity: 1;
    border: 1px solid #092429
}

.testimonials .swiper-pagination .swiper-pagination-bullet-active,a.btn.btn-dark.btn-theme-colored {
    background-color: #092429
}

@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;
        text-align: center
    }

    .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: #092429;
    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: #092429;
    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: 15px 0 15px;
    background: #092429;
    box-shadow: 0 2px 15px rgb(0 0 0);
    border-top: 1px solid #ffffff9c;
    background: #00181c;
}

#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,.row.d-flex.justify-content-around.pt-5 .col-md-4.d-flex.justify-content-center.flex-column,.subheadingaa {
    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 {
    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: #092429;
    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: #092429;
    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: #092429
}

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

.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
}

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

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

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

#hero,.bg-success {
    background-color: #1e5661 !important
}

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

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

#hero,.card {
    background: 0 0
}

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

#aboutkidney {
    background-color: #edf5f5
}

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

.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
}

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

.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 {
    min-height: 175px;
    height: 100%;
    border: none!important
}

.blog__wrapper,.teacher__bio.pb-3 img {
    width: 100%!important;
    height: 100%!important
}

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

.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: #092429;
    text-align: center;
    animation: 1.5s linear infinite animate
}

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

    50% {
        opacity: 1
    }

    100% {
        opacity: .7
    }
}

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

.form-control:focus {
    border-color: #09242973!important;
    box-shadow: 0 0 0 .25rem #e5e5e5!important
}

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

.opnhr {
    color: #fff;
    font-size: 22px;
    font-weight: 700
}

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

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

    .space_mt {
        padding-top: 100px
    }

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

    #hero2 h1,.mdbold {
        font-size: 40px
    }

    .mdbold {
        font-weight: 900
    }

    #hero2,#hero3 {
        margin-bottom: 0;
        height: auto;
        padding-top: 50px;
        padding-bottom: 20px
    }

    #hero3 h1 {
        font-size: 45px;
        line-height: 50px
    }

    .breadcrumbs {
        margin-top: 0
    }

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

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

    .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: orange!important
}

li.dropdown ul.list-group li.list-group-item {
    border-bottom: 1px solid #f9f9f9;
    padding-top: 5px;
    padding-bottom: 5px
}

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

.card-header {
    font-weight: 700;
    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: 14px;
        position: absolute;
        right: -8px;
        top: 0
    }
}

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

.fcf {
    border: 2px solid #ff8a00
}

.blog__wrapper {
    padding: 10px;
    margin: 5px;
    box-shadow: rgb(100 100 111 / .2) 0 7px 29px 0
}

.blog__thumb img {
    background-size: cover;
    width: 100%;
    height: 100%;
    object-fit: contain
}

.blog__title {
    font-size: 15px;
    font-weight: 700;
    min-height: 36px;
}

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

.blog__item {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.blog__content {
    padding: 10px;
    background: #f4f4f4;
    min-height: 170px;
}

.blog__content p.text-left{
    min-height: 63px;
}



.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
}

ul.banner_list>li {
    color: #ff8a00!important;
    font-size: 20px
}

ul.banner_list>li>p>span {
    color: #ff8a00;
    font-weight: 600
}

form#contactForm span.d-block.text-center.text-white {
    color: #000!important
}

form#contactForm span.d-block.text-center.text-white span {
    font-size: 18px;
    position: relative;
    text-align: center;
    right: 0;
    left: 0
}

form#contactForm span.d-block.text-center.text-white span:after {
    position: absolute;
    content: "";
    width: 90px;
    height: 1px;
    background-color: #092429;
    left: 90px;
    top: 10px
}

form#contactForm span.d-block.text-center.text-white span:before {
    position: absolute;
    content: "";
    width: 90px;
    height: 1px;
    background-color: #092429;
    right: 90px;
    top: 10px
}

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

.pagination>li>a,.pagination>li>span {
    color: #253e4f
}

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

.page-link:hover {
    z-index: 2;
    color: #fff;
    background-color: #253e4f;
    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: #253e4f;
    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
}

a.page-link:focus {
    box-shadow: none
}

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

.phoneError {
    margin: 10px 0;
    font-size: 12px;
    color: #092429;
    font-weight: 600
}

.blink,.blink .a-link {
    font-size: 16px!important
}

.description {
    justify-content: space-between;
    align-items: center
}

.description img {
    width: 70%
}

#iframeContainer1 img,#iframeContainer2 img,#iframeContainer3 img,#iframeContainer4 img,#iframeContainer5 img ,#iframeContainer6 img,#iframeContainer7 img,#iframeContainer8 img, #iframeContainer9 img, #iframeContainer10 img, #iframeContainer11 img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    cursor: pointer
}

#iframeContainer1 iframe , #iframeContainer2 iframe , #iframeContainer3 iframe , #iframeContainer4 iframe , #iframeContainer5 iframe , #iframeContainer6 iframe , #iframeContainer7 iframe , #iframeContainer8 iframe,#iframeContainer9 iframe,#iframeContainer10 iframe, #iframeContainer11 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none
}

.col-md-4.d-flex.flex-column.justify-content-end.d-none.d-lg-block {
    bottom: 0
}

div#phone-error2 {
    color: #fff;
    font-size: 15px;
    margin: 0!important;
    padding: 0
}

div#popup button.closeModal {
    padding: 0 10px;
    font-size: 25px;
    border: none;
    color: #183a1d;
    position: absolute;
    right: 0;
    top: 0;
    margin: 5px 5px 0 0
}

#popup {
    background-color: #253e4f!important;
    color: #fff!important;
    max-width: 600px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 50px 20px 20px;
    box-shadow: 0 0 10px rgb(0 0 0 / .3);
    z-index: 1001
}

div#popup form.contactFormNo .form-group.ss {
    display: inline-flex;
    width: 100%
}

.form-group.ss input#phone2 {
    border-radius: 0;
    margin-bottom: 20px;
    height: 40px
}

.form-control:focus {
    border-color: none!important;
    box-shadow: none!important
}

form.contactFormNo button#btnSubmitNo {
    background-color: #ff8a00;
    border: 1px solid #253e4f
}

form.contactFormNo button#btnSubmitNo:hover {
    background-color: #11212b
}

div#popup form.contactFormNo span#country {
    display: inline-flex;
    padding: 6px 12px;
    font-size: 16px;
    border-radius: 2px 0 0 2px;
    height: 40px;
    width: 14%
}

form.contactFormNo {
    margin-top: 20px
}

#backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 65%);
    z-index: 1000
}

.description .col-lg-7 {
    display: inline-block;
    text-align: justify
}

p.Phoneheading {
    font-size: calc(1.325rem + .9vw)
}

button#load-more:disabled {
    cursor: no-drop
}

a.btn.btn-danger.btn-lg.align-middle:hover {
    background-color: #092429!important;
    color: #fff
}

.topbarflex {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    display: flex
}

.topbarflex-no-column {
    display: flex;
    flex-direction: column;
    text-align: start
}

.blink {
    color: #000;
    animation: 1.5s linear infinite blinker;
    margin-left: 20px;
    background-color: orange;
    border-radius: 5px;
    font-weight: 900;
    text-align: center;
    padding: 4px
}

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

.blink .a-link {
    color: #000!important
}

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

    50% {
        opacity: 1
    }

    100% {
        opacity: .7
    }
}

a.btn.btn-danger.btn-lg.align-middle {
    padding: 10px 12px;
    font-size: 15px;
    color: #000
}

div#counters .col-xxl-4.col-xl-4.col-lg-4.col-md-4 {
    padding: 10px
}

@media only screen and (max-width: 767px) {
    #hero2 {
        padding-top:25vh
    }

    #hero2 h1 {
        padding-top: 20px
    }
}

section.intro.py-5.bg-grey .col-12.col-md-12.text-left.pl-5 {
    margin-top: 4%
}

h1.doctor,h1.doctor span {
    text-transform: capitalize!important
}

.row.d-flex.justify-content-around.pt-5 .col-md-4.d-flex.justify-content-center.flex-column {
    padding-bottom: 40px
}

@media (max-width: 576px) {
    .iner-nav li {
        font-size:12px
    }

    .iner-nav {
        justify-content: center;
        align-items: center
    }
}

.blog__author-info p {
    margin: 0
}

a.a-link {
    color: #fe8900;
    font-weight: 600
}

.read-more {
    font-size: 1rem
}

.row.description p:first-child {
    display: contents;
    margin-bottom: 20px
}

.row.description p:nth-child(2) {
    margin-top: 10px
}

@media only screen and (max-width: 600px) {
    .mbold,.mdbold {
        font-size:35px!important
    }

    .sdbold {
        margin: 0
    }

    .col-xs-6 {
        width: 50%
    }

    .why-choose-us {
        margin-top: 40px
    }

    .why-us .icon-boxes .icon-box {
        padding: 10px 5px 0 10px;
        width: 100%
    }
}

@media only screen and (max-width: 375px) {
    div#login_btn {
        right:0;
        width: 50%
    }

    .faq .faq-list a {
        font-size: 15px
    }

    .btn-group-lg>.btn,.btn-lg {
        --bs-btn-font-size: 1rem
    }

    .why-choose-us {
        margin-top: 40px
    }
}

@media only screen and (max-width: 320px) {
    .bounce,.bounce2,.element1:after,.element1:before,.element2:after,.element2:before,.element3:after {
        -webkit-animation-duration:1.3s;
        -webkit-animation-fill-mode: both;
        -webkit-animation-timing-function: ease-in-out;
        animation-iteration-count: infinite;
        cursor: pointer;
        animation-duration: 1.5s;
        animation-fill-mode: both;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: infinite
    }

    div#login_btn {
        right: 0;
        width: 50%
    }

    #topbar,.back-to-top {
        z-index: 996;
        height: 40px
    }

    #hero,#hero2,#hero3,.sec-img img {
        width: 100%;
        height: auto
    }

    #hero2,#hero3 {
        background: url(image/background1.webp) top center/cover #092429
    }

    .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
    }

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

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

    .about .icon-box .title a:hover,.clinics .icon-box:hover .icon i,.clinics .icon-box:hover h4 a,.clinics .icon-box:hover p,.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,a,a:hover {
        color: #ff8a00
    }

    .mpbold {
        font-size: 44px
    }

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

    #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 #092429;
        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;
        opacity: 0;
        left: 15px;
        bottom: 15px;
        background: #092429;
        width: 40px;
        border-radius: 4px;
        transition: .4s
    }

    #hero2 .container,#hero3 .container,#iframeContainer1,#iframeContainer2,#iframeContainer3,#iframeContainer4,#iframeContainer5 ,#iframeContainer6,#iframeContainer7,#iframeContainer8,#iframeContainer9,#iframeContainer10,#iframeContainer11 ,.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: #092429;
        font-size: 14px;
        transition: .5s;
        height: 60px
    }

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

    #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,.faq .faq-list a.collapsed,.mobile-nav-toggle.bi-x,.mpbold,ul.banner_list>li>p {
        color: #fff
    }

    #topbar .contact-info i {
        color: #98a556;
        margin-left: 15px;
        line-height: 0;
        padding: 2px 0
    }

    #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: #092429;
        background-color: #fff
    }

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

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

    #header.header-scrolled {
        top: 0
    }

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

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

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

    .element1:after,.element1:before,.element2:before {
        background-position: center
    }

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

        #popup {
            width: 80%
        }
    }

    .sbold,.sdbold {
        background: #212f39;
        margin-top: 18px
    }

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

    .mbold,.mdbold,.mfbold,.mmbold,.mpbold {
        font-weight: 900
    }

    .mbold {
        font-size: 40px;
        color: #fff
    }

    .mdbold {
        font-size: 78px;
        color: orange
    }

    .sdbold {
        font-weight: 700;
        padding: 20px;
        font-size: 25px;
        color: #fff;
        width: fit-content
    }

    p {
        color: #000
    }

    .iner-nav li a,.mfbold,.mmbold {
        color: orange
    }

    .mmbold {
        font-size: 80px
    }

    .mfbold {
        font-size: 35px
    }

    .sbold {
        font-weight: 700;
        padding: 10px;
        font-size: 24px;
        color: #fff;
        width: max-content
    }

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

    .sec-img img {
        background-size: cover;
        border-radius: 6px
    }

    input#btnSubmit {
        background-color: #092429!important;
        border: #092429!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: #092429;
        border-color: #092429
    }

    .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
    }

    .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 rgb(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 {
        background-blend-mode: multiply;
        display: flex;
        align-items: self-end;
        padding-top: 150px
    }

    #hero .container {
        position: relative;
        backdrop-filter: blur(3px) saturate(70%)
    }

    #hero h1 {
        font-size: 60px;
        font-weight: 700;
        color: #fff
    }

    #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: #092429
    }

    #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 {
        margin-top: 15vh
    }

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

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

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

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

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

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

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

    .section-bg-1,li.list-group-item {
        background-color: #fff
    }

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

    #popup,.description,.phoneError,.section-title {
        text-align: center
    }

    .section-title h2 {
        font-size: 32px;
        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: #092429;
        bottom: 0;
        left: calc(50% - 20px)
    }

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

    div#popup button.closeModal+p,h2.heading-txt {
        margin-bottom: 1rem
    }

    .breadcrumbs {
        margin-top: 0
    }

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

    .iner-nav li {
        padding: 0 10px;
        list-style: none;
        color: #fff
    }

    .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 {
        max-width: 100%;
        width: 100%;
        height: 100%;
        border-radius: 20px
    }

    .why-us .content h3 {
        font-weight: 700;
        font-size: 34px;
        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: rgb(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: #092429;
        background: #fff
    }

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

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

    .why-us .icon-boxes .icon-box h3,.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: 15px;
        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: 28px;
        font-weight: 700;
        color: #2c4964;
        margin-bottom: 15px
    }

    .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: #092429;
        font-size: 32px
    }

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

    .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 {
        animation-name: bounce;
        -moz-animation-name: bounce
    }

    .bounce2,.element1:before {
        animation-name: bounce2;
        -moz-animation-name: bounce2
    }

    .element1:after,.element2:after,.element2:before,.element3:after {
        animation-name: bounce2;
        z-index: 0;
        position: absolute;
        content: "";
        -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: "";
        height: 120px;
        z-index: 0;
        top: -27px;
        left: -11px
    }

    .element2:before {
        height: 120px;
        top: -30px;
        left: 370px
    }

    .element1:after {
        background: linear-gradient(228deg,#092429,#ffd29d 50%,#ed9c3d);
        background-size: cover;
        height: 100%;
        width: 80%;
        top: 20px;
        right: 22px;
        border-radius: 4px
    }

    .element2:after,.element3:after {
        background-position: center;
        height: 100%;
        width: 80%;
        border-radius: 4px
    }

    .element2:after {
        background: linear-gradient(228deg,#93fbe5,#ffd29d 50%,#ed9c3d);
        background-size: cover;
        top: 20px;
        left: 0
    }

    .element3:after {
        background: linear-gradient(228deg,#93fbe5,#ffd29d 50%,#ed9c3d);
        background-size: cover;
        top: 21px;
        left: -7px
    }

    .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: #092429;
        font-size: 36px;
        line-height: 1;
        font-weight: 600!important
    }

    #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-cat:hover {
        background-color: #092429;
        color: #050505;
        box-shadow: 10px 10px 0 0 rgb(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
        }
    }

    @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 {
        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
    }

    .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 rgb(20 39 82 / .1);
        box-shadow: 0 0 10px 0 rgb(20 39 82 / .1)
    }

    .new1 {
        color: #ff8a00!important
    }

    .new2 {
        color: #092429!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;
        text-align: center;
        background: #092429;
        border-radius: 5px;
        box-shadow: rgb(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 {
        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 {
        background-color: #ff8a00;
        box-shadow: 10px 10px 0 0 rgb(0 0 0 / .1)
    }

    .aon-med-sevices-cat2:hover .aon-med-serices-cat-info1 a,.aon-med-sevices-cat2:hover .aon-med-serices-cat-info1 h3 {
        text-shadow: rgb(0 0 0 / .402) 1px 0 10px;
        color: #fff
    }

    .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;
        text-align: center;
        background: #092429;
        border-radius: 5px
    }

    .counts .count-box i {
        position: absolute;
        top: -25px;
        left: 50%;
        transform: translateX(-50%);
        font-size: 20px;
        background: #092429;
        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: rgb(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: #092429;
        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: rgb(255 255 255 / .3)
    }

    .clinic-visit-btn {
        padding: 5px 15px;
        border-radius: 5px;
        border: 1px solid #092429;
        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 #092429;
        background-color: #092429
    }

    .appointment .php-email-form,.contact .info {
        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: #092429
    }

    .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: #092429;
        border: 0;
        padding: 10px 35px;
        color: #fff;
        transition: .4s;
        border-radius: 50px
    }

    .doctors .member .pic img,.doctors .member .social a {
        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: 26px;
        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 h4 {
        padding-top: 5px
    }

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

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

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

    .member-info {
        padding: 5px
    }

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

    .doctors .member span,.faq .faq-list a {
        position: relative;
        font-weight: 500;
        display: block
    }

    .doctors .member span {
        font-size: 15px;
        padding-bottom: 10px
    }

    .doctors .member span::after {
        content: "";
        position: absolute;
        display: block;
        width: 50px;
        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
    }

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

    .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: #092429
    }

    .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: 12px;
        background: #092429;
        color: #fff;
        border-radius: 4px;
        position: relative
    }

    .faq .faq-list a {
        color: wheat;
        font-family: Poppins,sans-serif;
        font-size: 16px;
        line-height: 24px;
        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;
        color: #fff
    }

    .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: 200px!important;
        box-shadow: rgb(100 100 111 / .2) 0 7px 29px 0;
        border-radius: 5px
    }

    .testimonials .testimonial-item2 {
        box-shadow: rgb(50 50 93 / .25) 0 30px 60px -12px inset,rgb(0 0 0 / .3) 0 18px 36px -18px inset;
        border: 3px solid #092429;
        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 #092429;
        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: 20px;
        height: 20px;
        background-color: #fff;
        opacity: 1;
        border: 1px solid #092429
    }

    .testimonials .swiper-pagination .swiper-pagination-bullet-active,a.btn.btn-dark.btn-theme-colored {
        background-color: #092429
    }

    @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: #092429;
        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: #092429;
        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: #092429;
        box-shadow: 0 2px 15px rgb(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 {
        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: #092429;
        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: #092429;
        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: #092429
    }

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

    .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
    }

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

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

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

    #hero,.bg-success {
        background-color: #1e5661 !important
    }

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

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

    #hero,.card {
        background: 0 0
    }

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

    #aboutkidney {
        background-color: #edf5f5
    }

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

    .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
    }

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

    .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 {
        min-height: 175px;
        height: 100%;
        border: none!important
    }

    .blog__wrapper,.teacher__bio.pb-3 img {
        width: 100%!important;
        height: 100%!important
    }

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

    .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: #092429;
        text-align: center;
        animation: 1.5s linear infinite animate
    }

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

        50% {
            opacity: 1
        }

        100% {
            opacity: .7
        }
    }

    .row.d-flex.justify-content-around.pt-5 .col-md-4.d-flex.justify-content-center.flex-column,.subheadingaa {
        padding-top: 20px
    }

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

    .form-control:focus {
        border-color: #09242973!important;
        box-shadow: 0 0 0 .25rem #e5e5e5!important
    }

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

    .opnhr {
        color: #fff;
        font-size: 22px;
        font-weight: 700
    }

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

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

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

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

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

        #hero2 h1 {
            font-size: 35px
        }

        #hero3 h1 {
            font-size: 45px;
            line-height: 50px
        }

        .breadcrumbs {
            margin-top: 0
        }

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

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

        .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: orange!important
    }

    li.dropdown ul.list-group li.list-group-item {
        border-bottom: 1px solid #f9f9f9;
        padding-top: 5px;
        padding-bottom: 5px
    }

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

    .card-header {
        font-weight: 700;
        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: 20px
        }

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

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

    .fcf {
        border: 2px solid #ff8a00
    }

    .blog__wrapper {
        padding: 10px;
        margin: 5px;
        box-shadow: rgb(100 100 111 / .2) 0 7px 29px 0
    }

    .blog__thumb img {
        background-size: cover;
        width: 100%;
        height: 100%;
        object-fit: contain
    }

    .blog__title {
        font-size: 15px;
        font-weight: 700
    }

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

    .blog__item {
        height: 100%;
        display: flex;
        flex-direction: column;
        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
    }

    ul.banner_list>li {
        color: #ff8a00!important;
        font-size: 20px
    }

    ul.banner_list>li>p>span {
        color: #ff8a00;
        font-weight: 600
    }

    form#contactForm span.d-block.text-center.text-white {
        color: #000!important
    }

    form#contactForm span.d-block.text-center.text-white span {
        font-size: 18px;
        position: relative;
        text-align: center;
        right: 0;
        left: 0
    }

    form#contactForm span.d-block.text-center.text-white span:after {
        position: absolute;
        content: "";
        width: 90px;
        height: 1px;
        background-color: #092429;
        left: 90px;
        top: 10px
    }

    form#contactForm span.d-block.text-center.text-white span:before {
        position: absolute;
        content: "";
        width: 90px;
        height: 1px;
        background-color: #092429;
        right: 90px;
        top: 10px
    }

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

    .pagination>li>a,.pagination>li>span {
        color: #253e4f
    }

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

    .page-link:hover {
        z-index: 2;
        color: #fff;
        background-color: #253e4f;
        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: #253e4f;
        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
    }

    a.page-link:focus {
        box-shadow: none
    }

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

    .phoneError {
        margin: 10px 0;
        font-size: 12px;
        color: #092429;
        font-weight: 600
    }

    .description {
        justify-content: space-between;
        align-items: center
    }

    .description img {
        width: 70%
    }

    #iframeContainer1 img,#iframeContainer2 img,#iframeContainer3 img,#iframeContainer4 img,#iframeContainer5 img ,#iframeContainer6 img,#iframeContainer7 img,#iframeContainer8 img,#iframeContainer9 img,#iframeContainer10 img,#iframeContainer11 img {
        width: 100%;
        height: 100%;
        max-width: 100%;
        cursor: pointer
    }

    #iframeContainer1 iframe,#iframeContainer2 iframe,#iframeContainer3 iframe,#iframeContainer4 iframe,#iframeContainer5 iframe ,#iframeContainer6 iframe,#iframeContainer7 iframe,#iframeContainer8 iframe,#iframeContainer9 iframe,#iframeContainer10 iframe,#iframeContainer11 iframe{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: none
    }

    .col-md-4.d-flex.flex-column.justify-content-end.d-none.d-lg-block {
        bottom: 0
    }

    div#phone-error2 {
        color: #fff;
        font-size: 15px;
        margin: 0!important;
        padding: 0
    }

    div#popup button.closeModal {
        padding: 0 10px;
        font-size: 25px;
        border: none;
        color: #183a1d;
        position: absolute;
        right: 0;
        top: 0;
        margin: 5px 5px 0 0
    }

    #popup {
        background-color: #253e4f!important;
        color: #fff!important;
        max-width: 600px;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        padding: 50px 20px 20px;
        box-shadow: 0 0 10px rgb(0 0 0 / .3);
        z-index: 1001
    }

    div#popup form.contactFormNo .form-group.ss {
        display: inline-flex;
        width: 100%
    }

    .form-group.ss input#phone2 {
        border-radius: 0;
        margin-bottom: 20px;
        height: 40px
    }

    .form-control:focus {
        border-color: none!important;
        box-shadow: none!important
    }

    form.contactFormNo button#btnSubmitNo {
        background-color: #ff8a00;
        border: 1px solid #253e4f
    }

    form.contactFormNo button#btnSubmitNo:hover {
        background-color: #11212b
    }

    div#popup form.contactFormNo span#country {
        display: inline-flex;
        padding: 6px 12px;
        font-size: 16px;
        border-radius: 2px 0 0 2px;
        height: 40px;
        width: 14%
    }

    form.contactFormNo {
        margin-top: 20px
    }

    #backdrop {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgb(0 0 0 / 65%);
        z-index: 1000
    }

    .description .col-lg-7 {
        display: inline-block;
        text-align: justify
    }

    p.Phoneheading {
        font-size: calc(1.325rem + .9vw)
    }

    button#load-more:disabled {
        cursor: no-drop
    }

    a.btn.btn-danger.btn-lg.align-middle:hover {
        background-color: #092429!important;
        color: #fff
    }

    .topbarflex {
        flex-direction: row;
        justify-content: center;
        align-items: center;
        display: flex
    }

    .topbarflex-no-column {
        display: flex;
        flex-direction: column;
        text-align: start
    }

    .blink {
        color: #000;
        animation: 1.5s linear infinite blinker;
        margin-left: 20px;
        background-color: orange;
        border-radius: 10px;
        font-weight: 900;
        text-align: center;
        padding: 4px 0
    }

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

    .blink .a-link {
        color: #000!important;
        font-size: 16px
    }

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

        50% {
            opacity: 1
        }

        100% {
            opacity: .7
        }
    }

    a.btn.btn-danger.btn-lg.align-middle {
        padding: 10px 12px;
        font-size: 15px;
        color: #000
    }

    div#counters .col-xxl-4.col-xl-4.col-lg-4.col-md-4 {
        padding: 10px
    }

    @media only screen and (max-width: 767px) {
        #hero2 h1 {
            padding-top:0
        }
    }

    section.intro.py-5.bg-grey .col-12.col-md-12.text-left.pl-5 {
        margin-top: 4%
    }

    h1.doctor,h1.doctor span {
        font-size: 40px!important;
        text-transform: capitalize!important
    }

    .row.d-flex.justify-content-around.pt-5 .col-md-4.d-flex.justify-content-center.flex-column {
        padding-top: 0!important;
        padding-bottom: 40px
    }

    h1.doctor span {
        font-size: 68px;
        text-transform: capitalize!important
    }

    @media (max-width: 576px) {
        .iner-nav li {
            font-size:12px
        }

        .iner-nav {
            justify-content: center;
            align-items: center
        }
    }

    .blog__author-info p {
        margin: 0
    }

    a.a-link {
        color: #fe8900;
        font-weight: 600
    }

    .read-more {
        font-size: 1rem
    }

    .row.description p:first-child {
        display: contents;
        margin-bottom: 20px
    }

    .row.description p:nth-child(2) {
        margin-top: 10px
    }

    @media only screen and (max-width: 600px) {
        .mbold,.mdbold,h1.doctor span {
            font-size:35px!important
        }

        #hero {
            background-image: linear-gradient(#092429,#197d89)!important;
            padding: 50px 0!important;
            margin-top: 14.5vh!important
        }

        .sdbold {
            margin: 0
        }

        .col-xs-6 {
            width: 50%
        }

        .why-choose-us {
            margin-top: 40px
        }

        .why-us .icon-boxes .icon-box {
            padding: 10px 5px 0 10px;
            width: 100%
        }

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

        .sbold {
            padding: 10px!important;
            font-size: 24px!important
        }

        h1.doctor span {
            text-transform: capitalize!important
        }

        .doctor-sp {
            padding-top: 50px
        }
    }

    @media only screen and (max-width: 375px) {
        div#login_btn {
            right:0;
            width: 50%
        }

        .faq .faq-list a {
            font-size: 15px
        }

        .btn-group-lg > .btn, .btn-lg {
            --bs-btn-font-size: 1rem;
        }

        .why-choose-us {
            margin-top: 40px
        }

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

        h1.doctor span {
            font-size: 35px!important;
            text-transform: capitalize!important
        }

        .mtt {
            margin-top: 8vh!important
        }

        .doctor-sp {
            padding-top: 50px!important
        }
    }

    @media only screen and (max-width: 320px) {
        div#login_btn {
            right:0;
            width: 50%
        }

        h2.heading-txt {
            font-size: 22px
        }

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

        .mtt {
            margin-top: 8vh!important
        }

        .doctor-sp {
            padding-top: 50px
        }
    }

    @media screen and (min-width: 992px) and (max-width:1600px) {
        div#hero2 {
            margin-top:25vh
        }

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

    @media screen and (min-width: 992px) and (max-width:1199px) {
        .col-md-4.d-flex.flex-column.justify-content-end.d-none.d-lg-block {
            bottom:-46px;
            position: relative
        }

        .all_disease {
            min-width: 14%!important
        }
    }
}

@media screen and (min-width: 992px) and (max-width:1199px) {
    .col-md-4.d-flex.flex-column.justify-content-end.d-none.d-lg-block {
        bottom:-46px;
        position: relative
    }

    .all_disease {
        min-width: 14%!important
    }
}

.form-control {
    line-height: 2.1;
    border-radius: 0 !important;
}

@media screen and (min-width: 992px) and (max-width:1600px) {
    div#hero2 {
        padding-top:10vh
    }

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

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

    .mt-20 {
        margin-top: 80px
    }
}

@media screen and (min-width: 1600px) and (max-width:1800px) {
    div#hero2 {
        padding-top:10vh
    }
}

@media screen and (min-width: 320px) and (max-width:768px) {
    .space_mt {
        margin-top:0!important
    }
}

.space_mt {
    margin-top: 50px
}

.mtt {
    margin-top: 8vh!important
}

.doctor {
    padding-top: 150px!important
}

.teacher__bio.pb-3 p img {
    width: auto!important;
    height: auto!important
}

@media screen and (min-width: 500px) and (max-width:1920px) {
    a.mobile-cta.phone-icon {
        display:none!important
    }
}

@media only screen and (max-width: 480px) {
    .back-to-top {
        display:none!important
    }
}

a.mobile-cta.phone-icon {
    position: fixed;
    opacity: 1;
    width: 60px;
    border-radius: 50%;
    transition: .4s;
    height: 60px;
    z-index: 996;
    bottom: 20px;
    right: 15px;
    background: #0b0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 39px
}

a.mobile-cta.phone-icon i {
    font-size: 30px;
    color: #fff;
    line-height: 0;
    z-index: 999
}

div#login_btn img {
    width: 200px
}

@media only screen and (max-width: 400px) {
    #topbar .contact-info a,.blink .a-link {
        font-size:13px!important
    }

    .topbarflex-no-column {
        flex-direction: row!important
    }

    #topbar .contact-info a {
        line-height: 2!important
    }

    .blink {
        padding: 5px 6px;
        border-radius: 5px
    }

    #header {
        padding: 2px 0!important;
        box-shadow: 0 2px 15px rgb(0 0 0 / 65%)!important
    }
}

.blog__title a {
    color: #092429!important
}

.blog__author-info a {
    color: #092429!important
}

section.section-bg-2 a,section.section-bg-1 a {
    font-weight: 600
}

div#loadContainer .col-md-3 {
    padding: 15px
}

.back-to-top1 {
    border-radius: 50%;
    background: #0B0;
    opacity: 1;
    visibility: visible;
    right: 15px;
    bottom: 15px;
    width: 55px;
    height: 55px;
    z-index: 999
}

.back-to-top1 i {
    font-size: 34px;
    color: #fff;
    line-height: 0;
    z-index: 999
}

@media only screen and (max-width: 600px) {
    
    
    
    section.bolg_heading h2.text-center  {
    padding: 12px 10px !important;
 }
    
    .footer-address .contact_info, .footer-address .address {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    
    .contact-info.d-flex.align-items-center .topbarflex .topbarflex-no-column span.blink {
        display: none;
    }
    .contact-info.d-flex.align-items-center .topbarflex img.ms-4 {
        display: none;
    }
    .social-link.text-start.text-md-left.pt-5.pt-md-0.d-flex{
        padding-top:0px !important;
    }
    .back-to-top1 {
        right:10px;
        bottom: 10px;
        width: 60px;
        height: 60px;
        z-index: 999;
        bottom: 100px;
    }
}

.nabh_logo > img {
    max-width: 85px;
    margin-bottom: 1rem;
    filter: brightness(0) invert(1);
}

.social-link a:hover {
    background: transparent !important;
    color: #ffa500 !important;
}

.social-link a {
    background-color: #ffffff !important;
    color: #092429 !important;
    padding: 4px 8px !important;
    border-radius: 120px !important;
    margin: 5px !important;
    transition: 600ms !important;
    font-size: 14px !important;
}

.footer-container {
    margin: 0;
    padding: 30px 0;
    background-color: #092429;
}

ul.footer_links li.d-list {
    border: none;
    text-align: left;
    list-style: none;
    background: #ff000000;
    padding: 2px 0px;
    /* min-width: 25%; */
    margin: 3px 0 !important;!i;!;
}

ul.footer_links {
    padding-left: 0;
    flex-wrap: wrap;
    display: flex;
    flex-direction: column;
}


ul.footer_links li.d-list > a {
    font-weight: 400;
    transition: 600ms;
}
h2.footer_heading {
    color: white;
    font-weight: 700;
    font-size: 1.4rem;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 1.5rem;
}

h2.footer_heading::after {
    content: '';
    background: #ffa500;
    position: absolute;
    width: 10%;
    height: 2px;
    bottom: -6px;
    left: 0;
}

ul.footer_links li.d-list > a:hover {
    color: #ffa500;
}

h2.footer_heading + form#contactForm {}

h2.footer_heading + form#contactForm input#name, h2.footer_heading + form#contactForm input#phone , h2.footer_heading + form#contactForm input#email{
    line-height: 1 !important;
    border-radius: 0 !important;
}
h2.footer_heading + form#contactForm textarea.form-control {
    line-height: .8;
}
h2.footer_heading + form#contactForm input#btnSubmit {
    /*background-color: #ffa500 !important;*/
    border: #ffffff !important;
    width: 100%;
}

h2.footer_heading + form#contactForm .text-center.p-2 {
    padding: 0 !important;
}

h2.footer_heading + form#contactForm span.d-block.text-center.text-white {
    display: none !important;
}

.footer-address .contact_info , .footer-address .address {
    display: flex;
    justify-content: space-between;
}

.footer-address .contact_info .phone , .footer-address  .address {
    display: flex;
}

.contact_info h4 {
    color: white;
    font-size: 18px;
    margin-right: 10px;
    line-height: 24px;
    margin-bottom: 0;
}

.max-w-nabh {
    max-width: 120px;
}
.info {
    display: flex;
    /* justify-content: center; */
    align-items: center;
}








@keyframes blink {
  0% { background-color: #092429; }
  50% { background-color: orange; }
  100% { background-color: #092429; }
}

#btnSubmit , a.btn.btn-danger.btn-lg.align-middle {
  animation: blink 1s infinite alternate;
  color: white; /* Adjust text color for visibility */
  padding: 10px 20px;
  border: none;
  cursor: pointer;
  font-size: 16px;
}


.form_container_404 {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: #f1f1f1;
    padding: 10px 20px;
    border: 1px solid #0924292b;
    border-radius: 6px;
}

.form_container_404 form#contactForm {
    width: 90%;
}
.form_container_404 h1.error-title {
    font-size: 1.5rem;
    margin-top: 1rem;
}
p.error-text {
    padding: 0 10px;
}
.form_container_404 form#contactForm input#btnSubmit {
    width: 100%;
}

.nav-buttons {
    width: 90%;
}

.nav-buttons button.btn.btn-outline {
    background: #dbdbdb;
    width: 100%;
    margin-top: 1rem;
}


@media (max-width:425px){
    .social-click .social-link a {
        padding: 0px !important;
        margin: 4px 3px !important;
        height:22px;
        width:22px;
        display:flex;
        justify-content:center;
        align-items:center;
    }
    .social-click .social-link a i{
        font-size:12px;
    }
}




    /* CSS (style.css) */
#custom-popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #00000094;
    padding: 20px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    text-align: center;
    z-index: 1000;
    width: 100%;
    border-radius: 8px;
    height: 100%;
    justify-content: center;
    align-items: center;
}
.popup-content {
    background: #092429;
    padding: 20px 20px 20px 20px;
    width: 400px;
    box-shadow: 1px 1px 24px 4px #0101017d;
    border-radius: 3px;
    position: relative;
    min-height: 500px;
}
.popup-content p {
    font-size: 16px;
    margin-bottom: 15px;
    color: white;
}
.popup-content a {
    display: inline-block;
    background: #d32f2f;
    color: white;
    padding: 10px 15px;
    text-decoration: none;
    border-radius: 5px;
    animation: blink 1s infinite alternate;
    margin-top: 1rem;
}
.popup-content .close-btn {
    position: absolute;
    top: -9px;
    right: 5px;
    cursor: pointer;
    font-size: 28px;
    color: white;
}
div#custom-popup span.d-block.text-center.text-white span {
    color: white;
}



div#custom-popup .form-control {
    line-height: 1.5;
    border-radius: 0;
    border: none;
}

.popup-content {
    background-image: url(https://www.karmaayurvedausa.com/assets/image/popupform.jpg);
}

div#custom-popup form#contactForm {
    position: absolute;
    bottom: 10px;
    right: 10px;
    left: 10px;
}

a.btn.btn-danger.btn-lg.mt-3.align-middle {
    max-width: fit-content;
}
span#basic-addon1 {
    border-radius: 0;
}






/* Each Swiper slide (with story) */
.swiper-slide.web-stories-item {
  height: 500px;
  background-position: center;
  background-size: cover;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: end;
  justify-content: flex-start;
  padding: 1rem;
  transition: transform 0.4s ease;
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
}


/* Overlay gradient */
.swiper-slide.web-stories-item::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgb(0 0 0 / 0%) 0%, rgb(0 0 0) 100%);
  z-index: 1;
  border-radius: 20px;
}

/* Content block stays on top */
.web-stories-content {
  position: relative;
  z-index: 2;
  background: transparent;
  border-radius: 10px;
  text-align: center;
  /* padding: 1rem; */
  color: #fff;
  width: 100%;
  text-shadow: 0 3px 8px rgba(0,0,0,0.5);
}

/* Title - bolder and larger */
.web-stories-content .title {
  font-family: 'Arial Black', sans-serif;
  text-transform: uppercase;
  font-size: 1.1rem;
  font-weight: 900;
  margin: 0 0 0.5rem;
  line-height: 1.3;
}

.web-stories-content .title a {
  color: #fff;
  text-decoration: none;
  font-size: 20px;
  line-height: 32px;
  font-weight: 700;
  color: #fff !important;
}

.web-stories-content .description {
  font-size: 0.8rem;
  line-height: 1.6;
  margin: 0.5rem 0 1rem;
}

.web-stories-content button {
  background-color: rgba(0, 0, 0, 0.1);
  color: white;
  border: 2px solid white;
  border-radius: 0.25rem;
  padding: 0.5rem 1rem;
  cursor: pointer;
}

/* Hover effect */
.swiper-slide.web-stories-item:hover {
  transform: scale(1.02);
}

/* Play button container */
.play-button {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 50px;
  height: 50px;
  z-index: 3;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: pulse 2s infinite;
  box-shadow: 0 0 0 rgba(255, 255, 255, 0.4);
  cursor: pointer;
}

/* Actual play icon */
.play-icon {
  color: white;
  font-size: 18px;
  font-weight: bold;
  z-index: 2;
}

/* Pulse animation */
@keyframes pulse {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
  }
  70% {
    transform: scale(1.2);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

.web-stories-slider {
    width: 100%;
    overflow: hidden;
}

.swiper-slide.web-stories-item {
    width: 100%;
    flex-shrink: 0;
}











    .container-fluid.horiozntalbox3 {
    background-image: url(https://www.karmaayurvedahospital.com/assets-clinics/image/bg-blog.jpg);
    padding: 20px 28px;
    width: 100%;
    margin-top: 25px;
    min-height: auto !important;
    position: relative;
    z-index: 1;
    background-repeat: no-repeat;
    border-radius: 20px;
    margin-bottom: 0;
    background-size: cover;
}

.container-fluid.horiozntalbox3.horn::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(45deg, #1c3445e3, #1c3445f2);
    top: 0;
    left: 0;
    /* border-radius: 20px; */
    z-index: -1;
}

.container-fluid.horiozntalbox3.horn .container {
    border: 1px solid #fff !important;
    padding: 15px 0;
    width: 98%;
    border-radius: 20px;
}

.exp {
    color: #fff !important;
    font-size: 29px !important;
    line-height: 35px !important;
    margin-bottom: 10px !important;
    margin-top: 0px !important;
    font-weight: 700;
    font-family: Raleway, sans-serif;
    text-align: center;
}

.container-fluid.horiozntalbox3.horn p {
    color: #fff !important;
    padding: 0 10px;
    text-align: center;
}
.teacher__bio.pb-3 p {
    font-size: 1rem;
    color: #444;
    font-family: "Open Sans", sans-serif;
    font-weight: 400 !important;
    line-height: 1.5 !important;
}
.member, .member-info, .text-center {
    text-align: center !important;
}

a.btn.btn-danger.btn-lg.align-middle {
    padding: 12px 60px;
    text-transform: capitalize;
    margin-left: auto;
    margin-right: auto;
    /* min-width: 250px; */
    max-width: 90%;
}

.bttnn a {
    color: #273e4f;
    width: auto;
    margin: 0 auto;
    padding: 8px 14px;
    font-weight: 800;
    font-family: "Open sans", sans-serif;
    letter-spacing: 0;
    border-radius: var(--bs-border-radius-pill) !important;
}

.teacher__bio a {
    display: inline-block;
    position: relative;
}