:root {
    --dark-content: #0a0b0c;
    --primary: #0d95c4;
    --secondary: #434c55;
    --danger: #F5594D;
    --primary-alfa: #e9f5ff;
    --secondary-alfa: #f8f9fa;
    --greyscale: #637381;
    --green: #53a451;
    --green-alfa: rgba(40, 157, 39, 0.75);
    --box-shadow: 0px 6px 14px -6px rgba(99, 115, 129, 0.12), 0px 10px 32px -4px rgba(99, 115, 129, 0.12);
    --gredient: linear-gradient(180deg, #0fa5ce 0%, #0d95c4 100%);
    --border-color: #919eab;
}

.text-green {
    color: #53a451 !important;
}

.text-primary {
    color: #0d95c4 !important;
}

.bg-green {
    background-color: #53a451 !important;
    color: #fff !important;
}

.bg-primary {
    background-color: #0d95c4 !important;
    color: #fff;
}

html {
    overflow-x: hidden;
}

body {
    color: var(--dark-content);
    padding: 0;
    font-family: "Poppins", sans-serif;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    overflow-x: hidden;
}

header {
    width: 100%;
}

.bg-primary-alfa {
    background-color: var(--primary-alfa);
}

.bg-secondary-alfa {
    background-color: var(--secondary-alfa);
}

a {
    color: var(--primary);
}

.link-primary,
.text-primary {
    color: var(--primary) !important
}

/* .btn-round-primary { background: var(--primary); color: #fff; border-radius: 100px; padding: 10px 26px; border: 0; white-space: nowrap;} */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    line-height: 1.3;
    margin: 0;
}

h1 {
    font-size: 36px;
}

h2,
.detailsstart h1 {
    font-size: 28px;
}

h3,
.detailsstart h2 {
    font-size: 24px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 12px;
}

.subtitle-1 {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
}

.subtitle-2 {
    font-weight: normal;
    font-size: 18px;
    line-height: 27px;
}

.subtitle-3 {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: grey;
}

.subtitle-4 {
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
}

.caption-1 {
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
}

.caption-2 {
    font-size: 12px;
    line-height: 18px;
    color: var(--greyscale);
}

.mt-10 {
    margin-top: 10px;
}

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

.mt-40 {
    margin-top: 40px;
}

.mt-60 {
    margin-top: 60px;
}

.mb-80 {
    margin-bottom: 80px;
}

z-i {
    z-index: -1;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

a {
    text-decoration: none;
}



/*extra*/
.flex-jc {
    justify-content: center;

}

.card-innerContent {
    line-height: 0px;
    margin: 32px 0px 16px 0px;

}

.card-boxShadow {
    box-shadow: 0px 4px 8px -6px rgb(0 36 62 / 12%), 0px 8px 28px -4px rgb(0 36 62 / 14%);
    border-color: snow;
    border-radius: 24px;
    min-height: 240px;

}

.mb-20 {
    margin-bottom: 20px;
}

.p-10 {
    padding: 10px;
}

.br-12 {
    border-radius: 12px;
}

.img-styles {

    border-radius: 100%;
    margin: 0;
    object-fit: fill;
    image-rendering: -webkit-optimize-contrast;
    overflow: hidden;
}

/*end of extra*/
.no-scroll,
body.no-scroll {
    overflow: hidden;
    max-height: 100vh;
}

.breadcrumb {
    margin-bottom: 0;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
select.form-select {
    border-radius: 100px;
    padding: 10px 20px;
    border: 1.5px solid var(--border-color);
}

select.form-select {
    padding-right: 34px;
}

.btn-secondary-tp,
.btn-primary-tp {
    border-radius: 100px;
    padding: 11px 28px;
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
    color: var(--dark-content) !important;
    border: 1.5px solid var(--dark-content);
    cursor: pointer;
    text-transform: capitalize;
    white-space: nowrap;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.btn-secondary-tp i,
.btn-primary-tp i {
    display: inline-block;
    font-size: 20px;
    position: relative;
    top: 2px
}

.btn-primary-tp {
    color: #fff !important;
    background: linear-gradient(180deg, #0fa5ce 0%, #0d95c4 100%);
    border: 1.5px solid var(--primary);
    transition: ease opacity 0.3s;
    opacity: 0.9;
}

.btn-round-primary,
.btn-round-primary-full,
#LeadSubmit2,
#aFQAButtonText {
    white-space: nowrap;
    border: 0;
    height: 50px;
    transition: ease opacity 0.3s;
    background: linear-gradient(180deg, #0fa5ce 0%, #0d95c4 100%);
    border-radius: 50px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    opacity: 0.9;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.btn-round-primary-full,
#LeadSubmit2 {
    width: 100%;
}

.btn-round-primary:hover,
.btn-round-primary-full:hover,
.btn-primary-tp:hover,
#LeadSubmit2:hover {
    opacity: 1;
}

.btn-round-primary .icon,
.btn-round-primary-full .icon,
#LeadSubmit2 .icon,
#aFQAButtonText .icon {
    font-size: 22px
}

#aFQAButtonText {
    padding: 10px;
    height: auto;
    width: auto;
    max-width: 200px;
    margin: 15px auto;
    font-size: 16px;
    font-weight: normal
}

.owl-carousel .owl-stage,
.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: auto;
    touch-action: auto;
}

.slick-track {
    display: flex !important;
}

.slick-slide {
    height: inherit !important;
}

.slick-next:before,
.slick-prev:before {
    color: var(--dark-content);
    font-family: "Line Awesome Free";
    font-size: 42px;
    font-weight: 600;
}

.slick-next:before {
    content: "\f138";
}

.slick-prev:before {
    content: "\f137";
}

img {
    max-width: 100%;
    max-height: 100%
}

.brand-logo img {
    max-height: 46px;
    margin: 17px 0;
    image-rendering: -webkit-optimize-contrast;
}

.mobile-navigation,
.main-nav .logo {
    display: none;
}

.section .btn-secondary-tp {
    margin: 40px auto 0;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: fit-content;
}

.link-appointment,
.link-appointment:hover {
    color: #fff;
    cursor: pointer;
}

ul.searchList {
    position: absolute;
    left: 14%;
    background: #fff;
    padding: 0;
    z-index: 10;
    top: calc(100% - 26px);
    max-height: 500px;
    overflow: auto;
    box-shadow: 0 4px 10px 2px rgba(65, 65, 65, 0.15);
}

ul.searchList a {
    color: var(--dark-content);
    display: block;
    padding: 5px 15px;
    font-size: 14px;
}

ul.searchList a:hover {
    color: var(--primary)
}

.searchList .blueBg,
.searchList .orngBg,
.searchList .redBg,
.searchList .greenBg {
    background: var(--primary-alfa);
    display: inline-block;
    font-size: 12px;
    padding: 2px 5px;
    color: var(--primary);
    border-radius: 4px;
}

.searchList .orngBg {
    background: #ffe4df;
    color: #EA755E;
}

.searchList .redBg {
    background: #DAF2F5;
    color: lightcoral;
}

.searchList .greenBg {
    background: #DAF2F5;
    color: #1B9997;
}

body:not(.modal-open) .modal-backdrop.show {
    display: none;
}

/* menu */
.navbar-nav .nav-link,
.nav>li>a {
    color: var(--dark-content);
    font-size: 14px;
    padding: 28px 20px;
    cursor: pointer;
    font-weight: 500;
    display: inline-block;
    position: relative;
    border-width: 0 0 0 1px;
    line-height: 1;
}

.nav>li .sub-menu {
    background-color: #fff;
    display: block;
    left: 0;
    list-style: none;
    opacity: 0;
    padding: 5px 0;
    position: absolute;
    visibility: hidden;
    width: 220px;
    z-index: 10;
    margin-top: 20px;
    box-shadow: 0 1px 40px 0 rgba(0, 0, 0, 0.1);
    transition: all 0.8s;
    font-weight: normal;
    border-radius: 4px;
}

.nav>li .sub-menu li>.sub-menu {
    left: 220px;
    transition: all 0.5s;
}

.nav>li:hover>.sub-menu,
.nav>li .sub-menu li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
}

.nav>li .sub-menu li:hover>.sub-menu {
    top: 0;
}

.nav>li .sub-menu li {
    position: relative;
}

.nav>li .sub-menu li a {
    color: var(--dark-content);
    display: block;
    font-size: 14px;
    padding: 5px 25px 5px 15px;
    text-transform: capitalize;
    position: relative;
    transition: all 0.15s linear;
    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    font-weight: 500;
    border-bottom: 1px solid rgba(145, 158, 171, 0.32);
}

.nav>li:last-child a,
.nav>li .sub-menu li:last-child a {
    border: 0;
}

.nav>li,
.nav>li .sub-menu li,
.dropdown-menu.show>li {
    position: relative;
}

i.menu-icon,
span.dd-trigger {
    position: absolute;
    right: 10px;
}

.navbar-nav>li>a.has-sub::after,
i.menu-icon::before,
span.dd-trigger .la-angle-down:before {
    content: '\f105';
    font-style: normal;
    opacity: 0.6;
    font-family: 'Line Awesome Free';
    font-weight: 900;
}

.navbar-nav>li>a.has-sub::after {
    position: absolute;
    right: 0;
}

.navbar-nav .nav-link,
.nav>li>a span.dd-trigger {
    right: 0
}

.navbar-nav .nav-link,
.nav>li>a span.dd-trigger .la-angle-down:before,
.navbar-nav>li>a.has-sub::after {
    content: '\f107';
    transition: ease all 0.3s;
}


.nav>li .sub-menu li:hover {
    background-color: var(--primary-alfa);
    transition: ease all 0.3s;
}

.navbar-nav .dropdown-item {
    position: relative;
}

.navbar-nav .dropdown-item:focus,
.navbar-nav .dropdown-item:hover {
    background-color: #fff;
    color: var(--primary)
}

.navbar-nav .dropdown-menu {
    min-width: 16rem;
    position: absolute;
}

.navbar-nav .dropdown-item .las {
    position: absolute;
    right: 8px;
    top: 8px;
}

.submenu.dropdown-menu.show {
    left: 15.8rem;
    top: 0
}

/* end of menu css */

.headerrow {
    padding: 0;
    background: #fff;
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
    width: 100%;
    /*    display: flex;
    align-items: center;
    position: relative;
    top: 0;
    z-index: 100;*/
}

header,
.header-navigation,
.main-nav>ul,
header .calls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

header .fa:not(.mobile-navigation) {
    display: inline-block;
    margin-right: 5px;
}

header .call-toll,
.tollLapro,
header .call-app {
    border: 1px solid var(--dark-content);
    border-radius: 100px;
    padding: 0.41rem 1.3rem;
    color: #1d1d1d;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    transition: ease all 0.3s;
    font-size: 14px;
    font-weight: 500;
}

header .call-toll i,
header .call-app i {
    font-size: 18px;
    position: relative;
    top: -1px;
}

header .tollLapro i,
header .call-app i {
    font-size: 18px;
    position: relative;
    top: -1px;
}

header .call-toll {
    background: transparent;
    border: 1px solid var(--dark-content);
}

header .tollLapro {
    background: transparent;
    border: 1px solid var(--dark-content);
}

header .call-app {
    background: var(--green);
    color: #fff;
    border: 1px solid var(--green);
}

header .call-app:hover {
    background: var(--green-alfa);
}

.header-search .searchSection {
    margin: 8px auto 24px;
    max-width: 744px;
    border: 1px solid rgba(145, 158, 171, 0.25);
    box-shadow: 2px 2px 20px rgba(99, 115, 129, 0.08), 0px 0px 10px rgba(184, 194, 204, 0.15);
}

.header-search .searchSection .search-btn {
    padding: 18px;
}

.header-search .searchSection .search-btn i.icon {
    font-weight: 900;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    margin-right: 0;
}

.header-navigation {
    flex-wrap: wrap;
}

.searchSection .searchCls::before {
    content: '';
    width: 1px;
    height: 40px;
    background: var(--dark-content);
    position: absolute;
    top: calc(50% - 20px);
    opacity: 0.24;
}

.breadcrumb a {
    font-size: 14px;
    line-height: 22px;
    color: #637381;
}

.breadcrumb-navigation {
    background: #F5F7FA;
    padding: 24px 0;
}

.search-result-title {
    margin-top: 14px;
}


/*banner-section*/

.banner-top-row {
    background: var(--gredient);
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 0;
}

.banner-slider {
    display: flex;
    position: relative;
    width: 100%;
}

.landingpage .image-banner-container {
    max-width: 1700px;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    background: var(--primary-alfa);
    animation: fadeInAnimation ease 0.5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes fadeInAnimation {
    0% {
        opacity: 0;
        transform: translateY(-72px);
    }

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

.background-slide-show {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 0;
    overflow: hidden;
}

.slide-image {
    background-size: cover;
    background-position: top center;
    width: 100%;
    height: 100%;
}

.banner-content {
    padding: 90px 30px 0px;
    align-items: center;
    align-content: center;
    display: flex;
    position: relative;
    width: 100%;
}

.banner-content .widget-area {
    max-width: 1226px;
    margin: auto;
    display: flex;
    position: relative;
    width: 100%;
}

.banner-meta {
    max-width: 744px;
}

.searchSection,
.search-tab-content {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 64px;
    margin: 30px 0;
    box-shadow: 0px 6px 14px -6px rgb(99 115 129 / 12%), 0px 10px 32px -4px rgb(99 115 129 / 12%);
    position: relative;
}

.searchSection .locationCls {
    width: 100%;
    max-width: 180px;
}

.searchSection .searchCls {
    width: 100%;
    position: relative;
}

.searchSection .search-btn,
.search-tab-content .search-btn {
    position: absolute;
    right: 10px;
    top: 8px;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px 28px;
    background: linear-gradient(180deg, #0FA5CE 0%, #0D95C4 100%);
    border-radius: 50px;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    transition: ease opacity 0.3s;
}

.searchSection .search-btn:hover,
.search-tab-content .search-btn:hover {
    opacity: 0.85;
}

.searchSection .search-btn i.icon,
.search-tab-content .search-btn i.icon {
    font-size: 25px;
    margin-right: 15px;
    font-weight: normal;
}

.searchSection select.form-select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border: 0;
    outline: none;
    box-shadow: none;
    padding: 26px 34px;
}

.searchSection input[type='text'],
.search-tab-content input[type='text'] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    width: 100%;
    border: 0;
    outline: none;
    box-shadow: none;
    padding: 26px 34px 26px 15px;
}

.searchSection .searchCls {
    margin-left: -1px;
}

.search-tab-content #inputsearch {
    width: 100%;
    position: relative;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    padding-left: 34px;
}

.search-tab-content .search-btn i.icon {
    margin-right: 0;
    font-weight: 900;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.search-tab-content .search-btn {
    padding: 18px;
}

.banner-meta .link-btn {
    font-weight: 500;
    line-height: 21px;
    font-size: 14px;
    color: var(--dark-content);
    display: block;
    margin-bottom: 50px;
    max-width: 200px;
}

.banner-meta .link-btn i {
    position: relative;
    top: 4px;
    font-size: 20px;
    max-width: 200px;
}

.switch-options {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 0;
    background: #fff;
    border-radius: 300px;
    padding: 5px;
    margin-left: 10px;
}

.switch-options .option {
    padding: 5px 20px;
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
    color: var(--dark-content);
    border: 0;
    border-radius: 50px;
    background: transparent;
    transition: ease all 0.3s;
}

.switch-options .option.active {
    background: linear-gradient(180deg, #0FA5CE 0%, #0D95C4 100%);
    color: #fff;
}

.banner-section:not(.landingpage) {
    background: var(--secondary-alfa);
}

.background-slide-show {
    display: none
}

.doctor-img {
    display: flex;
    align-items: flex-end;
    position: relative;
    width: 100%;
    max-width: 400px;
    margin-left: auto;
}

img.hero-img {
    position: absolute;
    z-index: 1;
    width: 90%;
    object-fit: fill;
}

/* surgery-section */

.surgery-section {
    background-color: var(--primary-alfa);
    padding: 100px 0 80px;
}

.surgery-section .all-surgery {
    position: relative;
    z-index: 0
}

.surgery-section .icon {
    margin: 56px auto 28px;
    width: 140px;
    height: 140px;
    border-radius: 100%;
    background: #fff;
    color: var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
}


.surgery-row-item span {
    display: block;
    text-align: center;
    color: var(--dark-content);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.surgery-section .slick-slide {
    text-align: center;
}

.surgery-section .slick-arrow,
.specialities-section .slick-arrow {
    position: absolute;
    top: -40px;
    right: 18px;
    z-index: 10;
}

.article-section .slick-arrow,
.slider-for .slick-arrow {
    position: absolute;
    top: -74px;
    right: 18px;
    z-index: 10;
}

.surgery-section .slick-prev.slick-arrow,
.article-section .slick-prev.slick-arrow,
.slider-for .slick-prev.slick-arrow {
    right: 72px;
    left: unset;
}


/* specialities-section */

.specialities-section {
    padding: 100px 0 80px;
}

.specialities-section .all-specialities {
    position: relative;
}

.specialities-section .icon {
    margin: 56px auto 28px;
    width: 140px;
    height: 140px;
    border-radius: 100%;
    background: var(--primary-alfa);
    color: var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
}

.specialities-row-item span {
    display: block;
    text-align: center;
    color: var(--dark-content);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.specialities-section .slick-slide {
    text-align: center;
}

.specialities-section .slick-prev.slick-arrow {
    right: 72px;
    left: unset;
}

.surgery-row-item .icon img,
.specialities-row-item .icon img {
    max-width: 56px;
    max-height: 56px;
    image-rendering: -webkit-optimize-contrast;
}

/* care-section */

.care-section {
    background: var(--primary-alfa);
    padding: 100px 0 100px;
}

.care-section .care-row-item {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 24px;
}

.care-section .care-row-item .block {
    margin-top: 62px;
    padding: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.care-section .icon {
    font-size: 42px;
    margin-right: 42px;
    color: var(--primary);
}


/* testimonial */

.testimonial-section h2 {
    text-align: center;
    padding: 100px 0 62px;
}

.testimonial-section .slider-nav {
    max-width: 430px;
    margin: auto;
}

.testimonial-section .author-data {
    text-align: center;
}

.testimonial-section .author-image img {
    margin: 0 auto;
    width: 95px;
    height: auto;
    border-radius: 50%;
    opacity: 0.3;
    transform: scale(0.85);
    -ms-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -webkit-transform: scale(0.85);
}

.testimonial-section .slick-current .author-image img {
    opacity: 1;
    transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    padding: 3px;
    border: 3px solid var(--primary);
}

.testimonial-section .author-meta {
    max-width: 750px;
    text-align: center;
    margin: auto;
}

.testimonial-section .author-name {
    text-align: center;
    margin: 48px 0 10px;
    line-height: 34px;
    text-transform: capitalize;
}

.testimonial-section .author-designation {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: var(--greyscale);
}

.author-text {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    margin: 20px 0 100px;
}


/* media-partner */

.section.media-partner {
    height: 160px;
    background: var(--greyscale);
}

.media-row-content {
    display: flex;
    align-items: center;
    gap: 24px;
    justify-content: center;
    height: 100%;
    color: #fff;
}


/* hospital-partner */

.hospitals-section {
    padding: 100px 0 60px;
    background-color: var(--secondary-alfa);
}

.hospitals-section h2 {
    margin-bottom: 62px;
}

.hospitals-section .partner {
    height: 195px;
}

.hospitals-section .hospital-logo {
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
    background: #ffffff;
    box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
    border-radius: 12px;
}

.hospitals-section .hospital-logo img {
    max-width: 200px;
    max-height: 80px;
}

.hospitals-section .slick-list {
    margin: 0 -24px;
}

.hospitals-section .slick-slide {
    margin: 0 24px 32px;
}

.hospitals-section .slick-arrow {
    position: absolute;
    top: -100px;
    right: 18px;
    z-index: 10;
}

.hospitals-section .slick-prev.slick-arrow {
    right: 72px;
    left: unset;
}


/* surgeons-section   */

.surgeons-section {
    padding: 100px 0 0;
    background-color: var(--primary-alfa);
}

.surgeons-section .surgeons {
    text-align: center;
    background: #ffffff;
    box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 24px -4px rgba(24, 39, 75, 0.08);
    border-radius: 12px;
    padding: 32px;
}

.surgeons-section .surgeons .surgeon-img {
    width: 124px;
    height: 124px;
    border-radius: 100%;
    margin: 30px auto;
    overflow: hidden;
}

.surgeons-section .surgeons .surgeon-img img {
    object-fit: fill;
    image-rendering: -webkit-optimize-contrast;
}


.surgeons-section .surgeons .hospital-img {
    width: 124px;
    height: 124px;

    margin: 30px auto;
    overflow: hidden;
}

.surgeons-section .surgeons .hospital-img img {
    object-fit: fill;
    image-rendering: -webkit-optimize-contrast;
}

.surgeons-section .subtitle-3 {
    margin: 6px 0 20px;
}

.rating {
    color: var(--green);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-top: 14px;
    margin-bottom: 14px;
}

.surgeons-section .slick-list {
    margin: 0 -24px;
}

.surgeons-section .slick-slide {
    margin: 62px 24px 80px;
}

.surgeons-section .slick-arrow {
    position: absolute;
    top: -40px;
    right: 18px;
    z-index: 10;
}

.surgeons-section .slick-prev.slick-arrow {
    right: 72px;
    left: unset;
}

.surgeon-meta a {
    color: var(--dark-content)
}

/* free consultation */
.free-consultation {
    background-color: var(--secondary-alfa);
    padding: 100 0;
}

.free-consultation>.container>.row {
    align-items: center;
}

.free-consultation .consultation-content {
    max-width: 520px;
}

.info-text {
    font-size: 18px;
    line-height: 30px;
    margin: 19px 0 31px;
}

.item-list li {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 18px;
}

.item-list li:last-child {
    margin-bottom: 0;
}

.item-list li .icon {
    color: var(--primary);
    font-size: 30px;
    position: relative;
    top: 5px;
}

.free-consultation .consultation-form {
    max-width: 600px;
    margin: 100px 0 100px auto;
    padding: 40px 62px;
    background: #ffffff;
    box-shadow: 0px 8px 28px -6px rgba(0, 36, 62, 0.12), 0px 18px 88px -4px rgba(0, 36, 62, 0.14);
    border-radius: 12px;
}

.free-consultation .consultation-form label {
    color: #00243e;
    font-size: 14px;
    margin: 12px 0 2px;
    font-weight: 500;
    line-height: 24px;
}

.free-consultation .btn-round-primary-full {
    margin: 36px 0 20px;
}


/* Why-Hexahealth */

.hexa-content {
    padding: 100px 0;
    max-width: 600px;
    margin-left: auto;
}

.section.why-hexahealth .image-wrapper {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: flex-end;
    position: relative;
}

.section.why-hexahealth .image-wrapper img {
    width: 100%;
}


/* success-stories */

.success-stories {
    padding: 100px 0 0;
}

.success-stories h4 {
    margin: 65px 0 25px;
}

.success-stories .slick-list {
    margin: 0 -24px;
}

.success-stories .slick-slide {
    margin: 0 24px 80px;
}

.success-stories .slick-arrow {
    position: absolute;
    top: -52px;
    right: 18px;
    z-index: 10;
}

.success-stories .slick-prev.slick-arrow {
    right: 72px;
    left: unset;
}

.v-scroll-content {
    padding: 20px;
    border-radius: 12px;
    /*    background: #fff;*/
}

.v-scroll-content .title {
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    margin-top: 12.5px;
}

.sub-text {
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
}

.v-scroll-content.active {
    background: var(--primary);
    color: #fff;
}

.video-wrapper {
    border-radius: 12px;
    overflow: hidden;
    text-align: center;
}


/* article-section */

.article-section {
    background-color: var(--secondary-alfa);
}



.article-section .section-title {
    padding: 100px 0 60px;

    font-size: 22px;
}

.hospital-list-section .section-title {

    font-size: 22px;
}

.treatment-list-section .section-title {

    font-size: 22px;
}

.article-section .nav-tabs {
    border-bottom: 1px solid rgba(10, 11, 12, 0.12);
    display: flex;
    justify-content: space-evenly;
}

.slider-nav-article .slick-slide {
    text-align: center;
    position: relative;
}

.article-section .slider-nav-article i.icon {
    display: flex;
    font-size: 44px;
    height: 100px;
    width: 100px;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background: #eee;
    margin: 0 auto;
}

.article-section .nav>li>a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    position: relative;
}

.article-section .nav>li>a>span {
    font-size: 16px;
    font-weight: 500;
    color: #637381;
    line-height: 24px;
}

.article-section .nav>li>a.active>span {
    color: var(--dark-content);
}

.article-section .tab-content {
    padding: 60px 0;
}

.slider.slider-nav-article .slick-list {
    margin: 0 80px !important;
}

.slider-nav-article .slick-arrow {
    top: 40px;
}

.slider-nav-article .slick-prev {
    left: 0;
}

.slider-nav-article .slick-next {
    right: 20px;
}

.slider-nav-article i+span {
    display: block;
    margin: 36px 0 40px;
    color: var(--greyscale);
}

.article-section .slider-nav-article .slick-current i+span {
    color: var(--dark-content);
    display: block;
}

.blog-article-list {
    display: grid !important;
    grid-gap: 24px;
    grid-template-columns: repeat(3, 1fr);
    /* need jquery to get content length and change to dynamic value currently as '3' */
    margin: 50px 0 80px;
}

.post-image {
    height: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    /*    border-radius: 5px;*/
    margin-bottom: 24px;
}

.blog-article-list img {
    width: 100%;
    border-radius: 12px;
}

.post-title {
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
}


/*Faq-Section*/

.faq-section .faq-container {
    max-width: 800px;
    margin: auto;
    margin-bottom: 50px;
}

.faq-section .section-title {
    padding: 16px 0 16px;
}

.article-section .section-title {
    padding: 100px 0 62px;
    font-size: 22px;
}

.hospital-list-section .section-title {

    font-size: 22px;
}

.treatment-list-section .section-title {

    font-size: 22px;
}

.faq-section .faq-info {
    display: none;
    padding: 0 15px 20px 20px;
    transition: ease height 0.3s;
    height: 0;
}

.faq-section .faq-info ul {
    padding-left: 15px;
    list-style: disc;
    margin-left: 15px;
}

.faq-section .faq-title {
    margin: 0;
    padding: 20px 60px 20px 5px;
    font-weight: normal;
    font-size: 18px;
    position: relative;
    cursor: pointer;
}


.faq-section .faq-title::after {
    content: "\f107";
    font-weight: 900;
    font-family: 'Line Awesome Free';
    display: flex;
    width: 100%;
    height: 20px;
    color: var(--primary);
    width: 20px;
    position: absolute;
    right: 5px;
    top: 22px;
    transition: ease transform 0.3s;
    justify-content: center;
    align-items: center;
}

.faq-section .faq-card.active .faq-title::after {
    transform: rotate(180deg);
}

.faq-section .faq-card {
    border: 1px solid rgba(145, 158, 171, 0.32);
    border-left: 0;
    border-right: 0;
    margin-bottom: -1px;
}

.faq-section .faq-card.active .faq-info {
    height: max-content;
}


/* End of Faq-section */


/*call to action footer*/

.cta-footer {
    padding: 44px 0;
    /*   margin-top: 25px;*/
}

.cta-footer .d-flex {
    height: 100%;
    gap: 24px;
    justify-content: flex-end;
}

.cta-footer .d-flex .form-control {
    max-width: 380px;
}

.cta-footer .d-flex .btn-round-primary {
    width: 300px;
}

.cta-footer .cta-text {
    line-height: 30px;
}


/*end-of call-to-action-footer*/

.footer-navigation {
    padding-top: 92px;
    padding-bottom: 20px;
    background: var(--secondary);
    color: #f2f2f2;
}

.footer-navigation h4 {
    margin-bottom: 10px;
}

.footer-copyright {
    background: var(--greyscale);
    text-align: center;
    color: #f2f2f2;
    padding: 1.6rem 0;
}

.footer-menu ul {
    margin: 0 0 1.8rem;
    padding: 0;
}

.footer-menu ul li {
    list-style: none;
    margin-top: 0px;
    margin-bottom: 5px;
    position: relative;
}

.footer-menu ul li a {
    position: relative;
    color: #f2f2f2;
    transition: ease all 0.3s;
}

.footer-menu ul li a::before {
    position: absolute;
    content: "//";
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: inherit;
    opacity: 0;
    visibility: hidden;
    margin-left: -20px;
    color: var(--primary);
}

.footer-menu ul li:hover a {
    padding-left: 20px;
    color: var(--primary);
}

.footer-menu ul li:hover a::before {
    opacity: 1;
    visibility: visible;
    margin-left: 0;
}

.footer-menu ul ul {
    margin-left: 15px;
}

.footer-menu h4 {
    font-size: 20px;
    color: #f2f2f2;
}

.footer-address {
    margin-bottom: 25px;
}

.media {
    padding: 15px;
}

.media.slick-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}

.media-logo {
    max-height: 32px;
    margin: auto;
}

.hospitals-section .btn-secondary-tp {
    margin-top: 0;
}

.why-hexahealth .btn-secondary-tp {
    margin-left: 0;
}

.testimonial-section .btn-secondary-tp,
.article-section .btn-secondary-tp {
    margin-top: 0;
    margin-bottom: 50px;
}

.surgery-section .service-switcher-tab {
    margin: 34px 0 0;
    display: none;
}

.surgery-section .switch-options {
    margin-left: 0;
}


/* search filters */

.search-filters {
    padding: 28px 0;
}

.search-filters .caption-1 {
    white-space: nowrap;
    margin: 0 10px 0 25px;
}

.search-filters .filter+.filter {
    margin-left: 20px;
}

.search-filters select.form-select {
    padding: 8px 20px;
    min-width: 150px;
}

.search-page .list-item {
    display: flex;
    gap: 40px;
    background: #FFFFFF;
    box-shadow: 0px 6px 14px -6px rgba(99, 115, 129, 0.12), 0px 10px 32px -4px rgba(99, 115, 129, 0.12);
    border-radius: 12px;
    padding: 35px;
}

.w-400 {
    width: 400px
}

.search-page .list-item+.list-item {
    margin-top: 24px;
}

.search-page .list-item .cta-block {
    margin-left: auto;
    white-space: nowrap;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.search-page .list-item .img-container {
    height: 140px;
    width: 140px;
    border-radius: 100%;
    overflow: hidden;
}

.search-page .list-item .subtitle-3 {
    color: #637381;
    margin: 6px 0 20px;
}


/* Condition Page */

.condition-info-block {
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
}

.section.condition-info-block {
    margin: 100px 0;
}

.section.condition-info-block h3 {
    margin-bottom: 16px;
}

.img-round-24 {
    border-radius: 24px;
    overflow: hidden;
}

.section.condition-info-block .img-round-24 {
    margin: 32px 0;
}

ul.list-primary-icon-round li {
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    margin-bottom: 24px;
}

ul.list-primary-icon-round .icon {
    color: var(--primary);
    background: var(--primary-alfa);
    width: 50px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    font-size: 30px;
}

.divider {
    opacity: 0.32;
    border-bottom: 1px solid #919EAB;
    height: 1px;
    overflow: hidden;
    margin: 60px 0;
}

.primary-bold-text {
    color: var(--primary);
    font-style: normal;
    font-weight: 500;
}

ul.list-with-icon .primary-bold-text {
    font-size: 22px;
    line-height: 31px;
    margin-right: 16px;
    position: relative;
    top: 2px;
}

.primary-icon-list .icon,
.primary-icon-list i {
    color: var(--primary);
}

.danger-icon-list .icon,
.danger-icon-list i {
    color: var(--danger);
}

.list-with-icon .icon,
.list-with-icon i {
    position: relative;
    top: 2px;
    margin-right: 16px;
}

.sticky-form .consultation-form {
    margin: 15px 0 0;
    position: absolute;
    z-index: 100;
}

.consultation-form.stick {
    position: fixed;
    margin: 0;
}

div#appointmodal input,
div#appointmodal select {
    margin: 15px 0;
}

button.close {
    border: 0;
    background: transparent;
    z-index: 2;
    font-size: 18px;
    position: relative;
}

/* internal - pages */
.breadcrumbcls {
    display: none;
}

.breadcrumbcls ul {
    margin: 0px;
    padding: 0;
    display: flex;
    margin-bottom: 15px;
}

.breadcrumbcls ul li {
    list-style: none;
    font-size: 14px !important;
    display: flex;
    line-height: normal;
}

.breadcrumbcls ul li a {
    color: var(--primary);
    text-decoration: none;
}

.tabsSection {
    border-bottom: 1px solid var(--primary);
    width: 100%;
    height: 40px;
    margin-top: 10px;
}

.tabsSection ul {
    margin: 0px;
    padding: 0px;
    display: flex;
}

.tabsSection ul li.active {
    border-bottom: 3px solid var(--primary);
    font-weight: 500;
}

.tabsSection ul li {
    padding: 0 20px;
    margin-top: 6px;
    height: 33px;
    list-style: none;
}

.tabsSection ul li.active a {
    color: var(--primary);
}

.tabsSectionbox {
    width: 100%;
    margin-top: 20px;
}

.tabsSectionbox .nav-tabs {
    border-bottom: 1px solid var(--primary);
    margin-bottom: 15px;
}

.tabsSectionbox ul li a {
    padding: 0 20px;
    margin-top: 6px;
    height: 33px;
    list-style: none;
}

.tabsSectionbox ul li a.active {
    border-bottom: 3px solid var(--primary);
    font-weight: 500;
}

.tabsSectionbox ul li a {
    font-size: 14px;
    text-decoration: none;
    color: var(--greyscale);
}

.tabsSection ul li a {
    font-size: 14px;
    text-decoration: none;
    color: var(--greyscale);
}

.detailsstart {
    margin-top: 25px;
}

.detailsstart h2,
.dectorabout h2 {
    font-size: 22px;
    margin-bottom: 15px;
}


.tabsSectionbox.dectorabout p,
.tabsSectionbox.dectorabout span,
.tabsSectionbox.dectorabout b,
.tabsSectionbox.dectorabout strong {
    font-size: 15px;
}


.leftCl {
    float: left;
    width: 150px;
    position: relative;
}

.leftCl span {
    width: 100px;
    display: block;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    float: left;
    position: absolute;
    height: 166px;
}

.leftCl img {
    width: 130px;
    height: 130px;
    border-radius: 150px;
    border: 1px solid #eee;
    object-fit: cover;
}

.infodoctor {
    float: left;
    width: 79%;
}

.doctosDtail {
    width: 100%;
    display: block;
    float: left;
    min-height: 185px;
}

.infodoctor h2 {
    margin-bottom: 20px;
}

.infodoctor ul li span {
    font-size: 15px;
    border: 1px solid #ccc;
    background: none;
    border-radius: 4px;
    padding: 2px 10px;
    display: inline;
    margin-right: 5px;
}

.infodoctor ul li {
    float: left;
    list-style: none;
    margin-top: 6px;
    margin-bottom: 0px;
}

.infodoctor ul {
    display: block;
    float: left;
    width: 100%;
    font-size: 14px;
    margin-bottom: 10px;
}

.infodoctor ul li:first-child {
    width: 110px;
    color: #808080;
    float: none;
    margin-top: 0px;
}

.dectorabout p {
    font-size: 15px;
}

.dectorabout {
    margin-bottom: 30px;
}

.maprow img {
    width: 100%;
}

.experisBox {
    margin-bottom: 30px;
}

.experisBox table {
    border: 1px solid #E0E0E0;
    border-radius: 5px;
    width: 100%;
    padding-bottom: 15px;
    display: block;
}

.experisBox table th {
    padding: 10px 20px;
    font-size: 14px;
    border-bottom: 1px solid #E0E0E0;
}

.experisBox tbody {
    width: 100%;
    display: inline-table;
}

.experisBox table td {
    padding: 5px 20px;
    font-size: 14px;
}

.positionCls {
    position: relative;
}

a.calenderbtn {
    position: absolute;
    right: 25px;
    top: 40px;
    padding-left: 10px;
}

.hospitalprac {
    border: 1px solid #ccc;
    padding: 20px;
    border-radius: 5px;
}

.hospitalprac h3 {
    font-size: 15px;
    font-weight: 600;
    margin-top: 18px;
}

a.askquestion,
.call-app.btn.bg-green {
    background: var(--primary);
    padding: 11px 20px;
    border-radius: 50px;
    color: #fff;
    margin-bottom: 10px;
    font-size: 16px;
    text-decoration: none;
    cursor: pointer !important;
    display: inline-block;
    margin-top: 20px;
    text-align: center;
    width: 100%;
    transition: ease opacity 0.3s;
}

.call-app.btn.bg-green {
    background: #fff;
    color: var(--green);
    border-color: var(--green);
    border-width: 2px;
}

a .askquestion:hover {
    opacity: 0.9;
    color: #fff;
}

a.callbtn {
    border: 1px solid var(--primary);
    color: var(--primary);
    padding: 13px 12px;
    border-radius: 50px;
    line-height: 18px;
    font-size: 16px;
    text-decoration: none;
    margin-top: 0;
    display: inline-block;
    vertical-align: 8px;
    width: 100%;
    margin-left: 0;
    text-align: center;
}

.getAppointment {
    border: 1px solid var(--primary);
    padding: 20px;
    padding-bottom: 30px;
    margin-top: 30px;
    border-radius: 5px;
    box-shadow: 0px 10px 20px #eee;
}

.getAppointment.hospitalprac h2 {
    font-size: 22px;
    margin-top: 3px;
    color: #3D5063;
    margin-bottom: 3px;
}

.getAppointment a.bookappoi {
    background: var(--primary);
    padding: 5px 20px;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    margin-top: 15px;
    line-height: 18px;
    width: 49%;
}

.getAppointment a.booltele {
    padding: 5px 20px;
    border-radius: 5px;
    color: var(--primary);
    border: 1px solid var(--primary);
    font-size: 14px;
    text-decoration: none;
    margin-top: 15px;
    display: inline-block;
    text-align: center;
    line-height: 18px;
    width: 49%;
    text-transform: uppercase;
}

.getAppointment a.bookappoi:hover {
    color: #fff;
    cursor: pointer;
    background: var(--primary);
}

.hospitalprac ul li:last-child {
    font-weight: 500;
    margin-top: 20px;
}

.getAppointment .hospitalprac h3 {
    font-size: 14px;
}

.getAppointment ul li:last-child {
    font-weight: 500;
    margin-top: 20px;
    font-size: 14px;
}

.getAppointment ul li:last-child span {
    font-size: 18px;
}

ul.accordion {
    margin: 0px;
    padding: 0px;
}

ul.accordion li {
    border: 1px solid #E0E0E0;
    padding: 20px 20px 20px;
    margin-top: 30px;
    border-radius: 5px;
    list-style: none;
    box-shadow: 0px 10px 20px #eee;
    font-size: 20px;
}

ul .inner {
    display: none;
}

ul li a.toggle {
    width: 100%;
    display: block;
    color: var(--greyscale);
    text-decoration: none;
    font-size: 18px;
    position: relative;
    padding-right: 30px;
}

ul.accordion li img {
    float: right;
    position: absolute;
    right: 0px;
    top: 4px;
}

.hospitalprac label {
    font-size: 12px;
    margin-left: 20px;
    padding: 0 5px;
    background: #fff;
    position: relative;
    bottom: -10px;
    z-index: 1;
}

.inner.hospitalprac {
    border: none;
    padding: 0px;
    margin-top: 10px;
}

.inner.hospitalprac label {
    font-size: 12px;
    margin-left: 20px;
    padding: 0 5px;
    background: #fff;
    position: relative;
    bottom: -13px;
    z-index: 1;
    height: 10px;
}

a.viewall i {
    display: none;
}

a.viewall {
    text-decoration: none;
    color: var(--primary);
    font-size: 14px;
    display: block;
    border: 1px solid var(--primary);
    border-radius: 5px;
    margin-top: 15px;
    text-align: center;
    line-height: 38px;
}

a.viewall:hover {
    text-decoration: none;
}

textarea.form-control {
    min-height: calc(1.5em + 0.75rem + 2px);
    border-radius: 18px !important;
    font-family: 'Poppins', sans-serif !important;
    padding: 10px 20px;
    border: 1.5px solid var(--border-color);
}

#ulHospital1Slot label {
    margin-left: 0
}

.landingpage h1,
.landingpage .service-switcher a.link-btn,
.landingpage .switch-options,
.landingpage .banner-meta .info-text,
.landingpage .service-switcher-tab>span,
.landingpage .doctor-img {
    display: none;
}

.landingpage .banner-content {
    padding: 0;
    margin: 0;
}

.landingpage .banner-meta {
    width: 100%;
    margin: auto;
    max-width: 100%;
}

.landingpage .surgerySection,
.landingpage #surgery.tab-pane,
.landingpage .tab-pane.locationCls {
    display: none !important
}

.landingpage #search.tab-pane {
    display: block !important;
    opacity: 1 !important;
}

.landingpage ul.searchList {
    top: calc(100% - 25px);
    left: 12px;
    box-shadow: 0 4px 10px 2px rgba(65, 65, 65, 0.15);
    border-radius: 4px;
    width: calc(100% - 24px)
}

.landingpage .service-switcher-tab .tab-content {
    left: 12.5px
}

.treatmentbox.orangebg {
    background: #F9FFFe;
    border: 1px solid var(--primary);
    border-radius: 5px;
    padding: 15px 10px;
    margin-bottom: 20px;
    min-height: 130px;
}

.treatmentbox h4 {
    font-size: 16px;
    margin-bottom: 10px;
}

.treatmentbox span,
.treatmentbox p {
    font-size: 12px
}

.dectorabout h1 {
    font-size: 30px;
}

.dectorabout ul {
    list-style: disc;
    padding-left: 36px;
    margin-bottom: 15px;
}

.headsab h2 {
    text-align: center;
    margin-bottom: 25px;
}

.schema-faq.wp-block-yoast-faq-block {
    padding: 15px;
    background: #fff;
    box-shadow: 0px 4px 20px #eee;
    border-radius: 5px;
    margin-top: 25px;
}

.wp-block-yoast-faq-block .schema-faq-section {
    border-bottom: 1px solid #eee;
}

.schema-faq-question {
    position: relative;
    display: block;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    padding: 8px 25px 8px 8px;
}

.schema-faq-question:after {
    position: absolute;
    content: "+";
    right: 0;
    top: 20px;
    transform: translateY(-50%);
    line-height: 1;
    border-radius: 50%;
    font-size: 25px;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #335548;
}

.schema-faq-section.active .schema-faq-question:after {
    content: "-";
    align-items: normal;
    font-size: 30px;
    line-height: 17px;
}

.schema-faq-answer {
    display: none;
    font-size: 15px;
    margin: 8px 0 0 0px;
    padding: 0 0 15px 0
}

.wp-block-yoast-faq-block .schema-faq-section:last-child {
    border-bottom: none;
}

.dectorabout.tabsSectionbox .nav-tabs a {
    border: none;
    color: var(--dark-content);
}

.dectorabout.tabsSectionbox .nav-tabs a.active {
    color: var(--primary);
    border-bottom: 3px solid var(--primary);
    font-weight: 500;
    padding-bottom: 7px;
    border-top: none;
    border-right: none;
    border-left: none;
}

.moreprocedures a#askAQuestion {
    background: var(--primary);
    color: #fff;
    text-decoration: none;
    border: 1px solid var(--primary);
    padding: 8px 25px 8px;
    border-radius: 46px;
    font-size: 15px;
    text-transform: uppercase;
    margin: 30px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 200px;
}

#bookDiseaseAppointment h2 {
    font-size: 32px;
    margin-bottom: 24px;
}

#bookDiseaseAppointment h2 strong {
    color: var(--primary);
}

#bookDiseaseAppointment .close {
    margin-left: auto;
    text-align: right;
    display: block;
}

#bookDiseaseAppointment textarea.form-control,
#bookDiseaseAppointment input[type='text'],
#bookDiseaseAppointment input[type='number'] {
    padding: 8px 24px
}

button.formbtn {
    background: var(--primary);
    padding: 10px 40px;
    border-radius: 50px;
    color: #fff;
    margin-bottom: 10px;
    font-size: 16px;
    text-decoration: none;
    display: inline-block;
    margin-top: 5px;
    border: none;
    text-transform: uppercase;
}

div#bookDiseaseAppointment label {
    font-size: 14px;
}

div#bookDiseaseAppointment .form-group {
    margin-bottom: 15px;
}

.experisBox h3 {
    font-size: 24px;
    color: #5E5E5E;
    margin-bottom: 20px
}

.experisBox h3 span {
    background: var(--primary);
    height: 3px;
    width: 50px;
    display: block;
    margin-top: 5px;
}

.hospital-facit img {
    max-height: 50px;
    margin: 5px auto;
}

td.active.crtlogos img {
    max-height: 70px;
}

.experisBox.hospital-facit table td.active i,
.fa-angle-right {
    color: #559F02;
    font-family: 'Line Awesome Free';
    font-weight: 900;
    font-size: 18px;
    display: inline-block;
    margin-right: 3px;
    position: relative;
    top: 2px;
    font-style: normal;
}

.experisBox.hospital-facit table td.active i::before {
    content: "\f00c";
}

.fa-angle-right::before {
    content: '\f105';
}

.hostpimg {
    margin-bottom: 25px;
    overflow: hidden;
}

.hostpimg img {
    width: 100%;
    border-radius: 5px;
    height: 100%;
}

.hopitalrow .browContainer {
    padding: 0;
    min-height: 200px;
}

.hopitalrow .sidemenus .nav.nav-tabs li button {
    font-size: 14px;
    padding: 7px 15px;
}

.hopitalrow .departMain {
    float: left;
    border: 1px solid #E7E7E7;
    margin-bottom: 0px;
}

.hopitalrow .sidemenus {
    margin-right: 20px;
}

.hopitalrow .departmentServList {
    float: left;
    width: 100%;
    min-height: 221px;
    border-left: none;
    background: #fff;
    padding: 15px;
}

.hopitalrow ul#myTab {
    border: none;
    margin-bottom: 0;
}

.hopitalrow .departmentServ h4 {
    font-size: 18px;
}

.sidemenus {
    float: left;
    width: 220px;
    margin-right: 25px;
    border-radius: 5px;
    border-right: none;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.sidemenus ul.nav.nav-tabs {
    display: block;
    background: #F7F7F7;
}

.departmentServList {
    float: left;
    width: 80%;
    height: 338px;
    background: #fff;
    overflow-y: scroll;
    padding: 15px;
    border-left: 1px solid #E7E7E7;
}

.departmentServList ul {
    margin: 0px;
    padding: 0px;
}

.departmentServList ul li {
    list-style: none;
    width: 50%;
    float: left;
}

.departmentServList ul li a {
    font-size: 15px;
    color: #595959;
    text-decoration: none;
    margin-bottom: 5px;
    display: block;
    text-transform: capitalize;
    cursor: pointer;
}

.departmentServList ul li a:hover {
    text-decoration: none;
    color: var(--primary);
}

div#myTabContent.departmentServ {
    float: left;
    width: calc(100% - 240px);
}

.sidemenus .nav.nav-tabs li a {
    color: #4A4A4A;
}

.sidemenus .nav-link.active {
    border: 1px solid var(--primary) !important;
    color: #fff !important;
    border-radius: 0px;
    background-color: var(--primary) !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.sidemenus .nav-link:hover {
    border: 1px solid var(--primary) !important;
    color: #fff !important;
    border-radius: 0px;
    background-color: var(--primary) !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.tierbg1 {
    background: url('https://www.hexahealth.com/images/tier1.png') no-repeat top center;
    min-height: 160px;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    padding-top: 16%;
}

.tierbg1 span {
    font-size: 20px;
    font-weight: 500;
}

.tierbg1 h5 b {
    display: block;
}

.tierbg1 h5 {
    text-transform: uppercase;
    font-size: 20px;
}

.tierbg2 {
    background: url('https://www.hexahealth.com/images/tier2.png') no-repeat top center;
    min-height: 160px;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    padding-top: 16%;
}

.tierbg2 span {
    font-size: 22px;
    font-weight: 500;
}

.tierbg2 h5 b {
    display: block;
}

.tierbg2 h5 {
    text-transform: uppercase;
    font-size: 20px;
}

.tierbg3 {
    background: url('https://www.hexahealth.com/images/tier3.png') no-repeat top center;
    min-height: 160px;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    padding-top: 16%;
}

.tierbg3 span {
    font-size: 22px;
    font-weight: 500;
}

.tierbg3 h5 b {
    display: block;
}

.tierbg3 h5 {
    text-transform: uppercase;
    font-size: 20px;
}

.tierbg3 i {
    font-style: inherit;
    margin-top: -5px;
    font-size: 12px;
    display: block;
}

.tierbg4 {
    background: url('https://www.hexahealth.com/images/duration.png') no-repeat top center;
    min-height: 160px;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    padding-top: 16%;
}

.tierbg4 span {
    font-size: 20px;
    font-weight: 500;
}

.tierbg4 h5 b {
    display: block;
}

.tierbg4 h5 {
    text-transform: uppercase;
    font-size: 20px;
}

.tierbg4 i {
    font-style: inherit;
    margin-top: -5px;
    font-size: 12px;
    display: block;
}

.blogimg img {
    width: 100%;
    border-radius: 5px;
    border: 1px solid #eee;
    margin-bottom: 25px;
}

.blogvideo {
    width: 100%;
    margin-bottom: 45px;
}

.relatedArticls {
    text-align: center;
    font-size: 15px;
    margin-bottom: 30px;
}

.relatedArticls a {
    color: #595959;
    text-decoration: none;
}

.relatedArticls img {
    margin-bottom: 5px;
    width: 100%;
}

a.locationpopup {
    color: var(--dark-content);
}

#cityhealderUlList {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    text-align: center;
    gap: 10px;
}

#cityhealderUlList a {
    padding: 15px;
    border: 1px solid #eee;
    display: block;
    color: var(--dark-content);
    font-weight: normal;
    font-size: 14px;
    cursor: pointer;
}

.activecity {
    background-color: var(--primary);
    color: var(--primary-alfa);
}

#cityhealderUlList .activecity a {
    color: var(--primary-alfa);
}

.video-container {
    position: relative;
    padding-top: 30px;
    border-radius: 4px;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.a-z {
    background: var(--secondary-alfa);
    padding: 15px;
    margin-bottom: 15px;
}

.a-z .subtitle-1 {
    margin-bottom: 3px;
}

ul.alphabet-filter {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.filter-name-index {
    display: block;
    padding: 5px 11px;
    text-align: center;
    font-size: 14px;
    line-height: 21px;
    color: var(--dark-content);
    border: 1px solid rgba(99, 115, 129, 0.68);
    background: #f5f7fa;
    border-radius: 4px;
    cursor: pointer;
}

.filter-name-index.active {
    background: var(--primary);
    color: #fff;
    border-color: transparent;
}

.filter-name-index:not(.active):hover {
    background: var(--primary-alfa);
}

.alphabet-list-group .subtitle-1 {
    background: var(--primary-alfa);
    padding: 5px 15px;
    margin-bottom: 15px;
}

.alphabet-list-group .list-group {
    margin-bottom: 15px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.alphabet-list-group .list-group .name-index {
    font-size: 14px;
    line-height: 21px;
    color: var(--primary)
}

.board-member-section {
    background: none;
    padding: 70px 0 70px;

}

.surgeons.member {
    box-shadow: none;
    display: inline-block;
    width: calc((100% - 10px)/3);
}

.surgeons-section .member .subtitle-3 {
    margin: 6px 0;
}

.section.get-free-section>.container {
    background: #006d9c;
    border-radius: 24px;
    padding: 90px 80px;
}

.section.get-free-section h2,
.section.get-free-section h3,
.section.get-free-section .info-text {
    color: #fff;
}

.section.get-free-section h2 {
    margin-bottom: 15px;
}

.section.get-free-section .cta-container {
    background: #fff;
    border-radius: 24px;
    padding: 12px;
    box-shadow: 0px 8px 28px -6px rgba(0, 36, 62, 0.12), 0px 18px 88px -4px rgba(0, 36, 62, 0.14);
    padding: 50px;
}

.section.get-free-section .cta-container h3 {
    color: var(--dark-content);
    margin-bottom: 48px;
}

.btn-round-primary-full.call-app {
    background: var(--green);
}

.btn-round-primary-full.call-app:hover,
.btn-round-primary-full:hover {
    color: #fff;
}

.location-icon,
.photo-counter {
    border: 1px solid rgba(145, 158, 171, 0.32);
    padding: 15px;
    width: 80px;
    height: 80px;
    font-size: 26px;
    color: var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #fff;
    text-align: center;
}

.info-section {
    border-bottom: 1px solid #919EAB;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.info-section h3 {
    margin-bottom: 30px;
}

.info-section .thumb-images img {
    border-radius: 8px;
    margin-right: 10px;
    width: 80px;
    height: 80px;
}

.photo-counter {
    font-size: 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
}

.section.hospital-list-section,
.py-100 {
    padding: 100px 0;
}

ul.list-left-border {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 15px;
}

ul.list-left-border li {
    padding: 2px 15px 2px 10px;
    font-size: 14px;
    line-height: 21px;
    color: var(--dark-content);
    border-left: 4px solid var(--primary);
    border-radius: 4px;
    box-shadow: 0px 6px 14px -6px rgb(99 115 129 / 12%), 0px 10px 32px -4px rgb(99 115 129 / 12%);
    background: #fff;
    transition: ease all 0.3s;
    display: flex;
    align-items: center;
    height: 100%
}

ul.list-left-border li a {
    color: var(--dark);
    transition: ease all 0.3s
}

ul.list-left-border a:hover {
    color: var(--primary)
}

.hot-spot-links {
    padding: 15px 0;
    gap: 15px;
    overflow-x: auto;
}

.hot-spot-links a {
    color: var(--dark-content);
    font-size: 14px;
    line-height: 21px;
    cursor: pointer;
    padding: 5px 20px;
    border-radius: 50px;
    transition: ease all 0.3s;
    white-space: nowrap;
}

.hot-spot-links a:hover {
    color: var(--primary)
}

.hot-spot-links a.active {
    background: linear-gradient(180deg, #0FA5CE 0%, #0D95C4 100%);
    color: #fff;
}

.sticky-form-booking {
    box-shadow: 0px 8px 28px -6px rgb(0 36 62 / 12%), 0px 18px 88px -4px rgb(0 36 62 / 14%);
    box-shadow: 0px 4px 8px -6px rgba(0, 36, 62, 0.12), 0px 8px 28px -4px rgba(0, 36, 62, 0.14);
    padding: 40px;
    border-radius: 12px;
    max-width: 450px;
}

.sticky-form-booking .form-group {
    margin-top: 15px;
}

.sticky-form-booking .btn-round-primary-full {
    margin: 20px 0
}

.sticky-form-booking.stick {
    position: fixed;
    z-index: 10;
    top: 0;
}

.disc-list {
    padding: 10px 0
}

.disc-list li {
    position: relative;
    padding: 4px 0 4px 20px;
    margin: 0 10px;
}

.disc-list li::before {
    content: "";
    width: 5px;
    height: 5px;
    background: var(--dark-content);
    border-radius: 100px;
    position: absolute;
    left: 0;
    top: 14px;
}

.primary-icon-list-round .primary-icon {
    font-size: 26px;
    color: var(--primary);
    width: 50px;
    height: 50px;
    background: var(--primary-alfa);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    margin-right: 15px;
    position: relative;
    top: 3px;
    text-align: center;
    min-width: 50px;
}

.two-column {
    display: grid;
    grid-template-columns: repeat(2, 1fr) !important;
}

.item-list.primary-icon-list-round li {
    display: flex;
    align-items: center;
}

.section.hospial-banner p {
    margin-bottom: 0
}

.section.hospial-banner .subtitle-1,
.section.hospial-banner .subtitle-1 *,
.section.hospial-banner .subtitle-2,
.section.hospial-banner .subtitle-2 *,
.section.hospial-banner .rating-review .review {
    color: var(--greyscale);
}

.hospial-banner .rating-review.mx-3 {
    border-left: 1px solid var(--border-color);
    padding-left: 15px;
}

.hospial-banner .awards-certificates li {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.hospial-banner .awards-certificates strong {
    font-size: 18px;
    line-height: 27px;
    font-weight: 500;
    margin-bottom: 10px;
    display: block;
}

.hospial-banner .awards-certificates li img {
    height: 60px !important;
    image-rendering: -webkit-optimize-contrast;
}

.exper-doctor-slider .surgeons {
    border-radius: 12px;
    padding: 15px;
    display: flex !important;
    text-align: left;
    margin: 16px 0;
    gap: 15px;
    background: #fff;
}

.exper-doctor-slider .surgeons img {
    width: 120px;
    height: 120px;
    border-radius: 100%;
    margin: 0;
    object-fit: fill;
    image-rendering: -webkit-optimize-contrast;
    overflow: hidden;
}


.exper-doctor-slider .surgeon-meta {
    width: calc(100% - 135px);
}

.hospital-slider.exper-doctor-slider .surgeons img {
    height: auto;
}

.hospial-banner .cta-section {
    max-width: 500px;
}

.hospial-banner .cta-section a+a {
    margin-left: 15px;
}

.hospial-banner .cta-section .icon {
    font-size: 24px;

    top: 3px;
}

.hospial-banner .info-text {
    font-size: 14px;
    color: var(--secondary)
}

.section.calculate-button {
    margin-top: 30px;
    border-top: 1px solid #919EAB;
    padding-top: 30px;
}

.section.calculate-button .cost-btn {
    font-size: 16px;
    line-height: 24px;
    padding: 15px 30px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--primary)
}

.cost-btn+.cost-btn {
    border-left: 1px solid #eee;
}

.cost-btn .icon {
    font-size: 36px;
}

.left-detail-section {
    padding-right: 50px
}

.colapsable-card:not(.d-block) .colapsable-card-title i.icon {
    transform: translateY(-50%) rotate(180deg) !important;
    transition: ease all 0.3s
}

.colapsable-card-title i.icon {
    transition: ease all 0.3s
}

.exper-doctor-slider .surgeon-img {
    width: 120px;
}

.exper-doctor-slider .card-block-buttons a {
    font-size: 12px;
    border-radius: 64px;
    FONT-WEIGHT: 100;
    margin-bottom: 15px;
}

ul.sorting-tags li,
ul.sorting-tags li a {
    display: block;
    cursor: pointer;
}

ul.sorting-tags li a {
    background: var(--primary-alfa);
    padding: 5px 10px;
    border-radius: 4px;
    transition: ease all 0.3s;
    margin: 0 5px;
    font-size: 12px;
    white-space: nowrap;
}

ul.sorting-tags li a.active,
ul.sorting-tags li a:hover {
    background: var(--primary);
    color: #fff;
}

#section-sticky-top {
    left: 0;
    right: 0;
    z-index: 15;
    width: 100%;
}

#section-sticky-top.stuck {
    position: fixed;
    top: 0;
    z-index: 15;
    box-shadow: 0 0 5px 0px rgb(94 94 94 / 50%);
}

.col-5 img.img-circle {
    max-height: 225px;
    max-width: fit-content;
    margin-left: auto;
}

.sorting-tags-slider .slick-arrow {
    position: absolute;
    right: 0 !important;
    left: calc(100% - 40px) !important;
    top: -50px;
}

.sorting-tags-slider .slick-arrow.slick-prev {
    left: calc(100% - 90px) !important;
}

.section.hot-link-section {
    box-shadow: 0 0 8px 2px rgba(205, 205, 205, 0.15);
}

img.img-circle {
    border-radius: 100%;
    border: 1.5px solid #eee;
}

.time-cost-block {
    background: #fff;
    border-radius: 12px;
    padding: 25px 0;
    margin-bottom: 15px;
    max-width: 392px;
}

.time-cost-block .icon {
    font-size: 36px !important;
    color: #637381;
}

.time-cost-block .text-primary {
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
}

ul.success-list>li::before,
ul.danger-list>li::before {
    color: var(--green);
    font-size: 24px;
    position: relative;
    display: inline-block;
    line-height: 24px;
    top: 3px;
    margin-right: 10px;
    font-family: 'Line Awesome Free';
    font-weight: 900;
    content: "\f058";
}

ul.danger-list>li::before {
    content: "\f06a";
    color: #F5594D;
}

.number-list-primary ::marker {
    color: var(--primary);
    font-weight: 500;
    display: inline-block;
}

.bt-0 {
    border-top: 0 !important
}

.bb-0 {
    border-bottom: 0 !important
}

.why-hexahealth .specialities-section .icon {
    font-size: 44px;
}

a#hospitals+.info-section .surgeons img.d-block {
    height: 50px !important;
    width: 50px !important;
}

a#hospitals+.info-section .surgeons img {
    max-height: unset !important;
    height: unset !important;
}

.campaigns.banner-bg-img {
    background-size: contain;
    background-position: center right;
    background-repeat: no-repeat;
}

.colapsable-card .colapsable-card-title {
    cursor: pointer;
}

.banner-title-block h1.banner-title.mb-3 {
    max-width: 641px;
}

.surgeons-section.leaders .our-leaders {
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
    margin: 40px 0 80px;
}

.surgeons.leader {
    max-width: calc((100% - 50px)/3);
}

.column-gallery-block {
    display: flex;
    flex-wrap: wrap;
    padding: 0 8px;
    margin: 0 -16px;
}

.column-gallery {
    flex: 50%;
    max-width: 50%;
    padding: 0 8px;
}

.column-gallery img {
    margin-top: 16px;
    vertical-align: middle;
    width: 100%;
    border-radius: 4px;
}

.bs-gallery-column img {
    margin: 8px 0;
    border-radius: 4px;
}

.team-moments h2 {
    padding: 100px 0 62px;
}

.about-banner-data * {
    color: #fff;
}


.hospial-banner.campaigns .service-features h4 {
    line-height: 14px;
}

.hospial-banner.campaigns .service-features .icon {
    margin-bottom: 10px;
    margin-right: 10px !important;
}

.sticky-form-booking.inserted.stick {
    box-shadow: none;
    top: 0 !important;
    margin-bottom: 25px;
    border-bottom: 1px solid #999;
    border-radius: 0;
    padding: 0 0 25px;
}

.dash-divider {

    min-width: 60px;
    color: #C4CACF;
    font-size: 8px;
    font-weight: 600;
    margin-bottom: 3px;
}

.dash-style {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.dash-divider span::before,
.dash-divider span::after {
    content: "";
    border: 1px dashed #C4CACF;
    height: 0;
    width: 35%;
    display: block;

    top: 50%;
    left: 0;
}

.dash-divider span::after {
    left: unset;
    right: 0;
}

.clinic-hospital-info h5 {
    font-size: 16px;
    line-height: 24px;
}

.clinic-hospital-info h5+.subtitle-3.my-3 {
    color: #637381;
}

.clinic-hospital-info .subtitle-4 {
    margin-bottom: 5px;
}

.clinic-hospital-info ul.d-flex li {
    font-size: 12px;
    line-height: 18px;
}

.clinic-hospital-info .img-logo+.rating-review.mx-3 {
    margin: 0 !important;
}

.clinic-hospital-info .col-5.text-end {
    position: relative;
}

.clinic-hospital-info .card-block-buttons.mt-5 {
    position: absolute;
    bottom: 15px;
    right: 15px;
}

.section.hospial-banner.mt-5 .col-5.text-end {
    text-align: center !important;
}

.section.hospial-banner.mt-5 .col-5 img {
    border-radius: 100%;
}

.section.procedure-banner {
    padding: 15px 0;
}

.hospial-banner.procedure-banner .col-5 img {
    max-height: 250px;
}

/*body.large-device .procedure-banner > .container > .row.align-items-center > .col-5 {
    position: relative;
}*/

body.large-device .procedure-banner>.container>.row.align-items-center>.col-5 .procedure-img-wrapper {

    right: 200px;
    max-width: 330px;
}


span.price-from {
    display: inline-block;
    margin-left: auto;
}

.searchSection input:focus .procedure-img-wrapper {
    display: none
}

.colapsable-card-title.subtitle-1.position-relative.two-columns {
    display: flex;
    justify-content: space-between;
    padding-right: 40px;
    align-items: center;
}

.colapsable-card-title.subtitle-1.position-relative.two-columns .price-from {
    font-size: 12px;
    font-weight: normal;
    padding-left: 25px;
    white-space: nowrap;
}

.colapsable-card-title.subtitle-1.position-relative.two-columns .price-from .price {
    display: block;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    background: var(--primary-alfa);
    border-radius: 4px;
    padding: 2px;
}

/*.section.doctor-banner .col-5 .doctor-image-wrapper {
    width: 420px;
    margin: auto;
    height: 420px;
    position: relative;
}

    .section.doctor-banner .col-5 .doctor-image-wrapper img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }*/

.hospial-banner.doctor-banner .call-app,
.procedure-banner .call-app {
    background: transparent !important;
    color: var(--green) !important;
}

.hospial-banner.doctor-banner .cta-section .icon,
.procedure-banner .cta-section .icon {
    font-size: 28px;
    top: 0;
}

.hospial-banner.doctor-banner .cta-section a,
.procedure-banner .cta-section a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.hospial-banner.doctor-banner .education-block {
    display: none;
}

.patients-counters-block .info-text {
    border-radius: 4px;
}

.exper-doctor-slider .surgeon-meta h4 {
    font-size: 18px;
    margin-bottom: 8px;
}

.doctor-image-wrapper.hexa-partner::before {
    position: absolute;
    right: 48px;
    bottom: 48px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--green);
    font-family: 'Line Awesome Free';
    content: '\f00c';
    color: #fff;
    font-weight: 900;
    padding: 5px;
    font-size: 16px;
}

.hexa-partner span.hexa-partner-label {
    background: var(--primary-alfa);
    display: inline-block;
    border-radius: 6px;
    font-size: 14px;
    line-height: 21px;
    padding: 3px 8px;
    margin-top: 5px;
}

.doctor-image-wrapper:not(.hexa-partner) .hexa-partner-label {
    display: none;
}

.surgeons-section.leaders.bg-primary-alfa+.surgeons-section.leaders.bg-primary-alfa {
    padding-top: 0;
}

.info-section.clinic-hospital-detail .clinic-hospital-info .col-5.text-end {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.info-section.clinic-hospital-detail .card-block-buttons {
    max-width: 200px;
    margin-left: auto;
    position: relative;
    margin-bottom: 15px;
    margin-top: 15px;
}


@media (min-width: 1400px) {
    .banner-bg-img {
        background-image: url("https://cdn.hexahealth.com/Image/marketing/banner/ltp-new-banner-large.webp");
        height: 700px;
        width: 100%;
        background-size: contain;
        background-repeat: no-repeat
    }

    .layouttrial {
        display: grid;
        width: 100%
    }

    .layouttrial-box2 {
        width: 100%
    }

    .mtn-15 {
        margin-top: -15%
    }

    .procedure-img-wrapper {
        margin-left: auto;
    }


    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1248px;
    }

    .error-content {
        max-width: 1248px;
        margin: 50px auto;
    }

    .section.doctor-banner .col-5 .doctor-image-wrapper {
        width: 420px;
        margin: auto;
        height: 420px;
        position: relative;
    }

    .section.doctor-banner .col-5 .doctor-image-wrapper img {
        width: 420px;
        height: 420px;
        object-fit: cover;
    }

    .w-400 {
        width: 391.987px;
    }

    .mw-300 {
        max-width: 300px;
    }

    .w-180 {
        width: 180%
    }
}


@media (min-width: 992px) {
    .banner-bg-img {
        background-image: url("https://cdn.hexahealth.com/Image/marketing/banner/ltp-new-banner-large.webp");
        background-size: contain;
        height: 500px;
        width: 100%;
        background-repeat: no-repeat
    }

    .navbar-nav {
        flex-direction: row;
    }

    nav.main-nav {
        margin-right: 3rem;
    }

    .mobile-navigation,
    header .locationpopup,
    .mobile-content {
        display: none;
    }

    .mobile-row {
        display: none;
    }

    .testimoni .owl-dots {
        display: none;
    }

    .slider-nav-article::after {
        position: absolute;
        content: '';
        height: 1px;
        width: 100%;
        background: #0a0b0c;
        bottom: 2px;
        opacity: 0.12;
    }

    .article-section .slider-nav-article .slick-current::after {
        content: "";
        position: absolute;
        bottom: 0px;
        height: 5px;
        width: 100%;
        background-color: transparent;
        border-radius: 50px;
        transform: scaleX(0);
        left: 0;
        transform-origin: bottom right;
        transition: all 0.25s ease-out;
    }

    .article-section .slider-nav-article .slick-current::after {
        transform: scaleX(1);
        transform-origin: bottom left;
        background-color: var(--primary);
    }

    .blog-post .post-title {
        color: #637381;
        text-align: center;
    }

    .section.doctor-banner .col-5 .doctor-image-wrapper {
        width: 420px;
        margin: auto;
        height: 420px;
        position: relative;
        z-index: -1;
    }

    .section.doctor-banner .col-5 .doctor-image-wrapper img {
        width: 420px;
        height: 420px;
        object-fit: cover;
    }
}

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

    header .call-app,
    header .call-toll {
        border: 0;
        padding: 0;
        background: transparent;
        color: #1d1d1d;
        text-align: center;
        font-size: 1.2rem;
    }

    header .tollLapro {
        border: 0;
        padding: 0;
        background: transparent;
        color: #1d1d1d;
        text-align: center;
        font-size: 1.2rem;
    }

    header .toll1Urology {
        border: 0;
        padding: 0;
        background: transparent;
        color: #1d1d1d;
        text-align: center;
        font-size: 1.2rem;
    }

    header .call-app {
        color: var(--green);
    }

    header .call-app span,
    header .call-toll span {
        display: none;
    }

    header .calls i {
        font-size: 1.2rem;
        margin-right: 0 !important;
    }

    header .calls,
    .header-navigation {
        gap: 10px;
    }

    header .calls i {
        font-size: 1.2rem;
        margin-right: 0 !important;
        width: 24px;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .sticky-form-booking.stick,
    .sticky-form-booking {
        position: relative;
        z-index: auto;
        top: 0 !important;
        margin-left: 0;
    }

    .section.doctor-banner .col-5 .doctor-image-wrapper {
        width: 420px;
        margin: auto;
        height: 420px;
        position: relative;
    }

    .section.doctor-banner .col-5 .doctor-image-wrapper img {
        width: 420px;
        height: 420px;
        object-fit: cover;
    }

    .w-180 {
        width: 180%
    }
}

@media (max-width: 991px) {

    .container,
    .container-md,
    .container-sm {
        max-width: 100%;
    }

    .media-row-content {
        display: flex;
        align-items: center;
        gap: 1px;
        justify-content: center;
        height: 100%;
        color: #fff;
    }

    .submenu.dropdown-menu.show {
        left: 0
    }

    .navbar-nav .dropdown-item {
        white-space: normal
    }

    .m-order-first {
        order: -1 !important;
    }

    .footer-navigation .container {
        padding: 0 15px;
    }

    .mobile-navigation {
        display: block;
        padding: 5px 6px;
    }

    header .call-app,
    header .call-toll {
        border: 0;
        padding: 0;
        background: transparent;
        color: #1d1d1d;
        text-align: center;
        font-size: 1.2rem;
    }

    header .tollLapro {
        border: 0;
        padding: 0;
        background: transparent;
        color: #1d1d1d;
        text-align: center;
        font-size: 1.2rem;
    }

    header .call-app {
        color: var(--green);
    }

    header .call-app span,
    header .call-toll span {
        display: none;
    }

    nav.main-nav {
        background: #fff;
        z-index: 100;
        position: fixed;
        width: 100%;
        height: 100vh;
        overflow: hidden;
        right: -100%;
        top: 0;
        transition: ease right 0.3s;
    }

    nav.main-nav.opened {
        right: 0;
    }

    .navbar-nav {
        max-height: calc(100vh - 78px);
        overflow-y: auto;
        overflow-x: hidden;
        padding-bottom: 25px;
        height: 100%;
    }

    .main-nav>ul,
    .nav>li>a {
        display: block;
    }

    .nav>li>a {
        padding: 8px 25px 8px 16px;
    }

    .navbar-nav>li>a>span.dd-trigger {
        right: 10px;
    }

    .nav>li .sub-menu {
        display: block;
        position: relative;
        top: 0;
        margin: 0;
        width: 100%;
        opacity: 1;
        visibility: visible;
        overflow: hidden;
        box-shadow: none;
        padding: 0;
        height: auto;
        max-height: 0;
        transition: ease max-height 0.3s;
    }

    .nav>li .sub-menu li>.sub-menu {
        left: 0;
        box-shadow: none;
        background: var(--secondary-alfa)
    }

    .nav li.has-submenu::after {
        right: 10px;
        top: 7px;
    }

    nav.main-nav.opened .logo {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        padding: 0 0 15px 15px;
    }

    nav.main-nav.opened .close {
        padding: 24px 10px 3px 3px;
    }

    .navbar-nav .nav-link {
        padding: 12px 40px 12px 20px;
        display: block;
        border: 1px solid #eee;
        margin: -1px 0;
        border-left: 0;
        border-right: 0;
        position: relative;
    }

    a.nav-link.dropdown-toggle.show {
        background: #eee;
    }

    .navbar-nav .dropdown-toggle::after {
        position: absolute;
        right: 15px;
        top: 18px;
    }

    .navbar-nav .dropdown-menu {
        position: relative !important;
        top: 0 !important;
        transform: none !important;
        border: 0;
        border-bottom: 1px solid #eee;
        padding: 0 0 20px 20px;
        transition: ease height 0.3s;
    }

    .navbar-nav .dropdown-menu.show {
        height: auto;
    }

    .navbar-nav.navigation a.menu-item.has-sub {
        padding-left: 30px;
    }

    .navbar-nav.navigation a.menu-item.has-sub+.sub-menu a {
        padding-left: 45px;
        font-weight: normal;
    }

    header .mobile-navigation,
    header .calls i {
        font-size: 1.2rem;
        margin-right: 0 !important;
    }

    header .calls,
    .header-navigation {
        gap: 10px;
    }

    header .calls i {
        font-size: 1.2rem;
        margin-right: 0 !important;
        width: 24px;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .headerrow .brand-logo img {
        max-width: 127px;
    }

    ul.searchList {
        top: calc(100% - -118px);
        left: 0;
        width: calc(100vw - 20px);
        box-shadow: 0 4px 10px 2px rgba(65, 65, 65, 0.15);
    }

    .banner-top-row {
        font-size: 10px;
        padding: 6.5px 0;
    }

    .banner-content {
        align-items: flex-start;
    }

    .banner-content .widget-area {
        margin: 0 auto;
    }

    .landingpage .image-banner-container {
        min-height: 80px;
        height: auto !important;
    }

    .switch-options,
    .service-switcher a.link-btn {
        display: none
    }

    .service-switcher-tab {
        position: relative;
    }

    .service-switcher-tab .tab-content {
        position: absolute;
        width: calc(100vw - 25px);
    }

    .service-switcher-tab .tab-content>.tab-pane {
        display: block;
        opacity: 1;
    }

    .service-switcher-tab .searchSection {
        margin: 15px 0
    }

    .service-switcher-tab .searchSection .locationCls {
        display: none;
    }

    /*    h2 {
        font-weight: 600;
        font-size: 24px;
        line-height: 34px;
    }*/

    .section.media-partner {
        height: 80px;
    }

    .slick-next:before,
    .slick-prev:before {
        font-size: 32px;
    }

    .slick-next {
        right: 9px !important;
    }

    .surgery-section .slick-prev.slick-arrow,
    .specialities-section .slick-prev.slick-arrow,
    .hospitals-section .slick-prev.slick-arrow,
    .surgeons-section .slick-prev.slick-arrow,
    .article-section .slick-prev.slick-arrow,
    .slider-for .slick-prev.slick-arrow {
        right: 47px;
    }

    .surgery-section,
    .specialities-section,
    .surgeons-section,
    article-section {
        padding: 40px 0 62px;
    }

    .surgery-section .slick-arrow,
    .specialities-section .slick-arrow {
        top: -22px;
    }


    .article-section .slick-arrow,
    .slider-for .slick-arrow {
        top: -52px;
    }

    .surgery-section .icon,
    .specialities-section .icon {
        width: 72px;
        height: 72px;
        margin: 24px auto 9px;
    }

    .surgery-section .icon img,
    .specialities-section .icon img {
        max-width: 28px;
        max-height: 28px;
        image-rendering: -webkit-optimize-contrast;
    }

    .surgery-row-item span,
    .specialities-row-item span {
        font-size: 12px;
        line-height: 16px;
    }

    .care-section,
    .hospitals-section,
    .success-stories {
        padding: 40px 0 60px;
    }

    .care-section .care-row-item {
        margin-top: 32px;
        display: flex;
        align-items: center;
        gap: 0;
        flex-direction: row;
        background: #FFFFFF;
        box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
        border-radius: 12px;
    }

    .care-section .care-row-item .block {
        margin-top: 0;
        display: block;
        text-align: center;
        box-shadow: none;
        border-radius: 0;
        padding: 20px;
        background: transparent;
    }

    .care-section .icon {
        font-size: 40px;
        margin: auto;
    }

    .care-section .care-meta h2 {
        font-size: 16px;
        line-height: 24px;
    }

    .care-section .care-meta .subtitle-3 {
        font-size: 12px;
        line-height: 18px;
    }

    .hospitals-section .hospital-logo {
        height: 64px;
        padding: 4px;
        border-radius: 6px;
        box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
    }

    .hospitals-section .hospital-logo img {

        max-height: 60px;
        max-width: 100%;


    }

    .hospitals-section .partner {
        height: 86px;
    }

    .hospitals-section .slick-arrow {
        top: -46px
    }

    .surgeons-section .slick-slide {
        margin: 16px 24px 24px;
    }

    .surgeons-section .surgeons {
        box-shadow: 0px 6px 12px -6px rgb(24 39 75 / 12%), 0px 8px 24px -4px rgb(24 39 75 / 8%);
        border-radius: 12px;
        padding: 15px;
        display: flex !important;
        text-align: left;
        margin: 8px 0;
        gap: 15px;
    }

    .surgeons-section .surgeons .surgeon-img {
        width: 70px;
        height: 70px;
        margin: 0
    }

    .surgeons-section .surgeons .hospital-img {
        width: 70px;
        height: 70px;
        margin: 0;
        border-radius: 10%;
    }



    .surgeons-section .surgeons img {
        width: 70px;
        height: 70px;
        border-radius: 100%;
        margin: 0;
    }

    .surgeons-section .surgeons .hospital-img img {
        width: 70px;
        height: 70px;
        margin: 0;
        border-radius: 10%;
    }

    .surgeons-section .surgeon-meta {
        width: calc(100% - 85px);
    }

    .surgeons-section .slick-arrow {
        top: -22px;
    }

    .surgeons-section .surgeon-meta .name,
    .testimonial-section .author-name {
        font-size: 14px;
        line-height: 21px;
    }

    .surgeons-section .subtitle-3 {
        font-weight: 500;
        font-size: 12px;
        line-height: 16px;
        color: #637381;
        margin: 4px 0 11px;
    }

    .surgeons-section .place {
        font-size: 12px;
        font-weight: normal;
        line-height: 18px;
        color: #637381;
    }

    .surgeons-section.leaders .our-leaders {
        margin: 20px 0 40px
    }

    .rating {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        margin-top: 14px;
        margin-bottom: 14px;
    }

    .success-stories .subtitle-3,
    .testimonial-section .author-designation {
        font-size: 12px;
        font-weight: 500;
        line-height: 16px;
        margin-top: 7px;
    }

    .free-consultation .consultation-form {
        margin: 40px 0 60px;
        padding: 24px 20px;
    }

    .consultation-form h3 {
        font-size: 24px;
        font-weight: 600;
        line-height: 34px;
    }

    .free-consultation .consultation-form label {
        color: #00243e;
        font-size: 12px;
        margin: 16px 0 7px;
        font-weight: 500;
        line-height: 16px;
    }

    input[type="text"],
    input[type="password"],
    input[type="email"],
    input[type="number"],
    select.form-select,
    textarea.form-control {
        padding: 12px 15px;
        font-size: 14px;
        font-weight: 500;
        line-height: 24px;
    }

    .btn-round-primary,
    .btn-round-primary-full {
        height: 42px;
        font-size: 14px;
        line-height: 21px;
        font-weight: 600;
        padding: 10px 24px;
    }

    .free-consultation .btn-round-primary-full {
        margin: 24px auto;
    }

    .hexa-content {
        padding: 40px 0 27px;
    }

    .info-text,
    .item-list li,
    .author-text {
        font-size: 14px;
        line-height: 22px;
        font-weight: normal;
    }

    .info-text {
        margin: 14px 0;
    }

    .item-list li {
        margin: 12px 0;
    }

    .item-list li .icon {
        font-size: 26px;
    }

    .success-stories h4 {
        margin: 24px 0 4px;
        font-size: 14px;
        font-weight: 600;
        line-height: 21px;
    }

    .success-stories .slick-list {
        margin: 0 -8px;
    }

    .success-stories .slick-slide {
        margin: 0 8px 15px;
        padding: 4px;
        overflow: hidden;
        border-radius: 4px;
    }

    .success-stories .slick-slide img {
        border-radius: 3px;
    }

    .success-stories .v-scroll-content .title,
    .success-stories .v-scroll-content .sub-text {
        display: none;
    }

    .success-stories .v-scroll h4 {
        margin: 37px 0 28px;
    }

    .success-stories .slick-arrow {
        top: -44px
    }

    .success-stories .slick-prev.slick-arrow {
        right: 52px;
    }

    .testimonial-section h2 {
        padding: 40px 0 32px;
    }


    .article-section .section-title {
        padding: 40px 0 32px;
        font-size: 22px;
    }


    .hospital-list-section .section-title {
        padding: 40px 0 32px;
        font-size: 22px;
    }

    .treatment-list-section .section-title {
        padding: 40px 0 32px;
        font-size: 22px;
    }

    .testimonial-section .author-image img {
        width: 80px;
        height: 80px;
        transform: scale(0.76);
    }

    .testimonial-section .slider-nav {
        max-width: 380px;
    }

    /*    .slider-for .slick-arrow {
        position: absolute;
        bottom: 30px;
        top: unset;
        z-index: 10;
    }

    .slider-for .slick-prev {
        left: calc(50% - 32px)
    }

    .slider-for .slick-next {
        right: calc(50% - 32px) !important
    }*/

    .testimonial-section .author-name {
        margin: 24px 0 0;
    }

    .blog-article-list {
        overflow-x: auto;
    }

    .blog-post {
        width: 260px;
    }

    .blog-post .post-title {
        text-align: center;
        color: #637381;
    }

    .slider.slider-nav-article .slick-list {
        margin: 0 40px !important;
    }

    .slider-nav-article i+span {
        display: none;
    }

    body,
    html {
        overflow-x: hidden;
    }

    .article-section .slider-nav-article .slick-current i+span {
        font-size: 12px;
        line-height: 16px;
        margin: 20px 0 0;
    }

    .article-section .slider-nav-article i.icon {
        height: 60px;
        width: 60px;
        font-size: 36px
    }

    .post-image {
        margin-bottom: 14px;
        height: auto;
    }

    .post-title {
        font-size: 12px;
        font-weight: 500;
        line-height: 16px;
        padding-bottom: 20px;
    }

    .blog-article-list {
        margin: 30px 0 40px;
    }

    .slider-nav-article .slick-arrow {
        top: 25px
    }

    .faq-section .section-title {
        padding: 40px 0 36px;
        text-align: left !important;
    }

    .faq-section .faq-title {
        font-weight: normal;
        font-size: 14px;
        line-height: 22px;
    }

    .cta-footer {
        padding: 40px 0 60px;
        /*        margin-top: 50px;*/
    }

    .cta-footer .cta-text {
        line-height: 22px;
        font-size: 14px;
        margin: 12px 0 24px;
    }

    .cta-footer .d-flex {
        flex-direction: column;
    }

    .cta-footer .d-flex .form-control,
    .cta-footer .d-flex .btn-round-primary {
        max-width: 100%;
        width: 100%;
    }

    .footer-navigation {
        padding-top: 40px;
    }

    .footer-menu h4 {
        font-size: 16px;
        color: #f2f2f2;
        margin-bottom: 12px;
    }

    .footer-menu ul li,
    .footer-address div,
    .copyright {
        margin-bottom: 5px;
        font-size: 12px;
    }

    .banner-meta h1 {
        font-size: 32px;
        line-height: 40px;
    }

    .banner-meta {
        max-width: 55%;
    }

    .banner-content {
        padding: 30px 12px 0;
    }

    .search-btn .text {
        display: none;
    }

    .searchSection .search-btn i.icon {
        margin-right: 0;
    }

    .searchSection select.form-select {
        padding: 15px 20px;
    }

    .searchSection .searchCls::before {
        display: none;
    }

    .searchSection input[type='text'] {
        padding: 15px 47px 15px 18px;
        border-radius: 100px;
    }

    #search .searchSection input[type='text'] {
        padding: 15px 15px 15px 35px;
        border-radius: 100px;
    }

    .searchSection .search-btn,
    .header-search .searchSection .search-btn {
        padding: 7px;
        right: 5px;
        top: 4px;
    }

    .searchSection .locationCls {
        max-width: 120px;
    }

    .banner-meta .link-btn {
        margin-bottom: 40px;
        max-width: 200px;
    }

    .btn-secondary-tp,
    .btn-primary-tp {
        font-size: 12px;
        line-height: 18px;
        padding: 11px 24px;
    }

    .btn-secondary-tp i,
    .btn-primary-tp i {
        top: 1px;
        font-size: 18px;
    }

    .search-result-title h4 {
        font-size: 15px;
    }

    .search-filters,
    .filters {
        padding: 12px 0;
        display: block !important;
    }

    .filters .d-flex {
        display: block !important;
    }

    .search-filters .filter+.filter,
    .search-filters .caption-1 {
        margin-left: 0;
        margin-top: 8px;
    }

    .search-page .list-item {
        display: flex;
        gap: 15px;
        padding: 15px;
        flex-wrap: wrap;
    }

    .search-page .list-item .img-container {
        width: 60px;
        height: 60px;
    }

    .search-page .list-item .surgeon-meta {
        max-width: calc(100% - 75px);
        width: 100%;
    }

    .search-page .list-item .cta-block {
        flex-direction: row;
        gap: 5px;
        justify-content: space-between;
        width: 100%;
    }

    .search-page .list-item .cta-block .btn-secondary-tp,
    .search-page .list-item .cta-block .btn-primary-tp {
        padding: 11px 12px;
        width: 100%;
    }

    .sticky-form .consultation-form {
        position: relative;
        margin: 40px 0;
        top: 0 !important;
    }

    .section.condition-info-block {
        margin: 40px 0;
        font-size: 14px;
        line-height: 22px;
    }

    .condition-info-block h3 {
        font-size: 24px;
        line-height: 34px;
    }

    ul.list-primary-icon-round li {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 12px;
    }

    ul.list-primary-icon-round .icon {
        font-size: 18px;
        width: 32px;
        height: 32px;
    }

    .list-with-icon .icon,
    .list-with-icon i {
        margin-right: 10px;
    }

    .divider {
        margin: 40px 0;
    }

    .section.condition-info-block .img-round-24 {
        margin: 14px 0;
    }

    ul.list-with-icon .primary-bold-text {
        font-size: 14px;
        line-height: 22px;
        margin-right: 10px;
        position: relative;
        top: 0px;
    }

    ul.list-with-icon li {
        margin-bottom: 12px;
        position: relative;
    }

    .infodoctor {
        width: 100%;
    }

    .detailsstart h2 {
        font-size: 20px;
        margin-bottom: 5px;
    }

    a.calenderbtn {
        right: 20px;
        top: 33px;
    }

    .maprow {
        margin-top: 25px;
    }

    .accordingRow {
        margin-bottom: 25px;
    }

    .landingpage .searchSection input[type='text'] {
        padding: 15px 15px 15px 40px;
        border-radius: 50px;
    }

    .dectorabout.tabsSectionbox .nav-tabs a {
        font-size: 13px;
    }

    .searchSection .searchCls::before {
        display: none
    }

    #search .searchSection .searchCls {
        position: relative
    }

    #search .searchSection .searchCls::after {
        content: "\f002";
        width: auto;
        height: auto;
        position: absolute;
        font-family: 'Line Awesome Free';
        transform: translateY(60%) translateX(80%) scaleX(-1);
        font-weight: 900;
        color: var(--greyscale);
        opacity: 1;
        background: transparent;
        left: 0;
        font-size: 18px
    }

    .hospitals-section h2 {
        margin-bottom: 24px;
    }

    .hospitals-section .slick-list {
        margin: 0 -14px;
    }

    .hospitals-section .slick-slide {
        margin: 0 14px 22px;
    }

    .landingpage ul.searchList {
        top: calc(100% - -68px);
        box-shadow: 0 4px 10px 2px rgba(65, 65, 65, 0.15);
    }

    .hospital-facit img {
        max-height: 50px;
        margin: 5px 0;
        display: block;
    }

    .service-switcher-tab>span {
        display: none;
        max-width: 200px;
    }

    .image-banner-container {
        height: 300px
    }

    .doctor-img {
        display: flex;
        align-items: flex-end;
        position: absolute;
        width: 100%;
        max-width: 400px;
        margin-left: auto;
        z-index: 1;
        height: 220px;
        right: -50px;
        top: -30px;
    }

    img.hero-img {
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .service-switcher-tab .tab-content {
        position: absolute;
        width: 100vw;
        padding: 0 12px 15px;
        background: var(--secondary-alfa);
        left: -12px;
        z-index: 1;
        height: 160px;
    }

    .surgery-section {
        margin-top: 60px
    }

    .landingpage .service-switcher-tab .tab-content {
        background: transparent;
        height: auto;
        padding: 0;
        width: calc(100vw - 25px);
    }

    .navbar-nav>li>a.nav-link {
        font-size: 16px;
    }

    .navbar-nav>li>a.has-sub::after {
        right: 10px;
    }

    .navbar-nav * {
        transition: ease all 0.3s;
    }

    .nav>li .sub-menu li a {
        font-weight: normal;
    }

    .nav>li .sub-menu li.active a {
        font-weight: 500;
    }

    .nav>li .sub-menu li a {
        padding: 5px 35px 5px 15px;
    }

    .sub-menu.sub-menu-opened.show,
    .sub-menu.sub-menu-opened,
    .nav>li .sub-menu.sub-menu-opened {
        max-height: 3500px;
    }

    .navbar-nav a:focus,
    .navbar-nav:hover,
    .nav>li .sub-menu li:hover {
        background: #fff;
    }

    .navbar-nav>li.active>a.has-sub.active {
        background: var(--primary-alfa);
    }

    .navbar-nav .sub-menu.sub-menu-opened>li.active>a.has-sub {
        background: #eee;
        border-top: 2px solid var(--primary)
    }

    .navbar-nav i.menu-icon::before {
        content: '\f107'
    }

    .navbar-nav>li.active>a.has-sub::after,
    .sub-menu.sub-menu-opened li.active .menu-icon {
        transform: rotate(180deg);
    }

    .section.get-free-section>.container {
        border-radius: 0px;
        padding: 40px 20px;
    }

    .brand-video-section.my-5 {
        margin: 0 !important
    }

    .section.get-free-section .cta-container {
        border-radius: 10px;
        padding: 24px;
    }

    .section.get-free-section .cta-container h3 {
        margin-bottom: 24px;
        font-size: 22px;
    }

    .board-member-section .surgeons.member {
        width: 100%;
        box-shadow: none
    }

    .la-whatsapp {
        font-weight: normal;
    }

    ul .list-left-border {
        grid-template-columns: repeat(2, 1fr);
    }

    .sticky-form-booking.stick,
    .sticky-form-booking {
        position: relative;
        z-index: auto;
        top: 0 !important;
        margin-left: 0;
    }

    .hospial-banner.campaigns .col-7,
    .hospial-banner.campaigns .col-5 {
        width: 100%;
    }

    .hospial-banner .cta-section .service-features.d-flex {
        display: flex !important;
        justify-content: space-between;
        padding: 30px;
    }

    .hospial-banner.campaigns .col-5.text-end {
        text-align: center !important;
    }

    .hospial-banner.campaigns .success-list {
        font-size: 14px;
        font-weight: 600;
    }

    .campaigns.banner-bg-img[style] {
        background-image: none !important;
    }

    .hospial-banner .col-5 img.img-circle {
        max-height: 125px;
    }

    .surgeons.leader {
        max-width: 100%;
    }

    .surgeons-section.leaders .our-leaders {
        gap: 0;
    }

    .column-gallery-block {
        padding: 0;
        margin: 0
    }

    .column-gallery {
        flex: 100%;
        max-width: 100%;
        padding: 0;
    }

    .order-md-1 {
        order: 1;
    }

    .order-md-2 {
        order: 2;
    }


    .clinic-hospital-info h5,
    .clinic-hospital-info p,
    .clinic-hospital-info .subtitle-3 {
        font-size: 14px;
        line-height: 21px;
    }

    .clinic-hospital-info .review {
        font-size: 12px;
    }

    .clinic-hospital-info .card-block-buttons .call-toll span {
        text-indent: -9999px;
        position: relative;
        min-width: 70px;
        font-size: 14px;
    }

    .clinic-hospital-info .card-block-buttons .call-toll span::after {
        content: 'Book Now';
        position: absolute;
        right: 0;
        text-indent: 0;
    }

    .section.hospial-banner.mt-5 {
        margin-top: 15px !important;
    }

    /* .section.hospial-banner.mt-5 > .container > .row > .col-7 {
            order: 1;
            width: 100% !important;
        }

        .section.hospial-banner.mt-5 > .container > .row > .col-5 {
            order: 0;
            max-width: 150px;
        }

        .section.hospial-banner.mt-5 > .container > .row > .col-12 {
            order: 3
        }

        .section.hospial-banner.mt-5 .col-7 h1, .section.hospial-banner.mt-5 .col-7 h1 + .subtitle-1, .section.hospial-banner.mt-5 .col-7 h1 + .subtitle-1 + .info-ratting {
            padding-left: 150px !important;
        }

        .section.hospial-banner.mt-5 .col-5.text-end {
            position: absolute;
            left: 0;
        }

            .section.hospial-banner.mt-5 .col-5.text-end img {
                max-height: 200px !important;
                border-radius: 100%;
            }

        .section.hospial-banner.mt-5 .info-ratting + .my-4 {
            margin: 0 !important
        }

        .section.hospial-banner.mt-5 .my-3 {
            margin: 8px 0 !important
        }*/

    .section.doctor-banner>.container {
        position: relative;
    }

    .section.doctor-banner>.container>.row>.col-7 {
        width: 100%;
        z-index: -1;
    }

    .section.doctor-banner>.container>.row>.col-5 {
        position: absolute;
        z-index: -1;
        right: 0;
    }

    .section.doctor-banner .col-5 .doctor-image-wrapper {
        width: 130px;
        margin-left: auto;
        height: 130px;
        position: relative;
    }

    .section.doctor-banner .col-5 .doctor-image-wrapper img {
        width: 130px;
        height: 130px;
        object-fit: cover;
    }


    .section.doctor-banner>.container>.row>.col-7>h1,
    .section.doctor-banner>.container>.row>.col-7>h1+.subtitle-1 {
        max-width: calc(100% - 155px);
    }

    .subtitle-1.my-3.education-block {
        display: none;
    }

    .patients-counters-block {
        margin: 0 !important;
    }

    .testimonial-section h2,
    .testimonial-section .author-meta,
    .testimonial-section .author-name,
    .testimonial-section .author-text {
        text-align: left !important;
    }

    .doctor-image-wrapper.hexa-partner::before {
        width: 24px;
        height: 24px;
        right: 15px;
    }

    .hexa-partner span.hexa-partner-label {
        font-size: 12px;
    }

    .card-block-buttons .call-toll .icon {
        position: relative;
        top: 3px;
        font-size: 18px;
    }

    .card-block-buttons .call-app .icon {
        font-size: 20px;
    }

}

@media (max-width: 767px) {
    .campaigns-img {
        width: 100%;

    }

    .banner-bg-img {
        background-image: url("https://cdn.hexahealth.com/Image/marketing/banner/ltp-new-banner-mobile.webp");
        height: 230px;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .m-hide {
        display: none;
    }

    .dectorabout {
        margin-top: 20px;
    }

    .experisBox h3 {
        margin-top: 30px;
    }

    .experisBox.hospital-facit.insurancelist td,
    .sidemenus,
    div#myTabContent.departmentServ,
    .departmentServList ul li {
        width: 100%;
        display: block;
    }

    .banner-section:not(.landingpage) #search .searchSection input[type='text'] {
        padding: 15px 15px 15px 35px;
        border-radius: 100px;
        box-shadow: none;
        opacity: 1;
        background: #f8f9fa;
        border: 1.2px solid #637381;
    }


    .doctor-img {
        display: flex;
        align-items: flex-end;
        position: absolute;
        width: 60%;
        max-width: 400px;
        margin-left: auto;
        height: 270px;
        right: -40px;
        top: -20px;
        z-index: 0;
    }

    .banner-meta {
        position: relative;
        z-index: 1;
    }

    .surgeons-section,
    .hospitals-section {
        padding: 40px 0 10px;
    }

    .fixed-cta-buttons {
        position: fixed;
        bottom: 0;
        z-index: 99;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 15px;
        width: 100%;
        box-shadow: 0 0 10px rgba(65, 65, 65, 0.2);
        background: #fff;
        padding: 5px 12px;
    }

    .fixed-cta-buttons .cta-btn {
        width: 100%;
        border: 1.5px solid #0FB9DF !Important;
        display: flex !important;
        border-radius: 24px;
        margin: 5px auto;
        max-width: 100%;
        align-items: center;
        justify-content: center;
        height: 44px;
        font-weight: normal;
        gap: 5px;
        font-size: 15px;
        font-weight: 600;

    }

    .fixed-cta-buttons .call-app {
        border-color: #53A451 !important;
        color: #53A451
    }

    .fixed-cta-buttons .call-app i {

        color: var(--green)
    }

    .fixed-cta-buttons .cta-btn i {
        font-size: 24px;
    }

    .fixed-cta-buttons .call-toll {
        background: var(--primary);
        color: #fff !important;
    }

    .fixed-cta-buttons .call-toll i {
        font-size: 20px !Important;
        font-weight: 900;
        padding: 0;
        margin-right: 5px;
    }

    .image-banner-container {
        height: 300px
    }

    .doctor-img {
        display: flex;
        align-items: flex-end;
        position: absolute;
        width: 100%;
        max-width: 400px;
        margin-left: auto;
        z-index: 0;
        height: 220px;
        right: -50px;
        top: -30px;
    }

    img.hero-img {
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    #surgery .searchSection {
        margin-top: 0;
    }

    ul.list-left-border {
        grid-template-columns: repeat(1, 1fr);
    }

    .two-column {
        display: block;
    }

    .primary-icon-list-round .primary-icon {
        font-size: 18px;
        min-width: 32px;
        width: 32px;
        height: 32px;
        top: 0px;
    }

    .primary-icon-small {
        color: var(--primary);
        font-size: 12px;
        min-width: 20px;
        width: 20px;
        height: 20px;
        top: 0px;
    }

    .section.hospital-list-section,
    .py-100 {
        padding: 40px 0;
    }

    .sticky-form-booking {
        padding: 20px;
        border-radius: 12px;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px;
    }

    .info-section .thumb-images img {
        width: 60px;
        height: 60px;
    }

    .thumb-images a:nth-of-type(1n+5) {
        display: none;
    }

    .thumb-images a.photo-counter,
    .location-icon {
        display: flex;
        width: 60px;
        height: 60px;
        font-size: 12px;
    }

    .location-icon {
        font-size: 24px;
    }

    .hospial-banner h1 {
        font-size: 24px
    }

    .hospial-banner:not(.procedure-banner) .row.align-items-center {
        align-items: flex-start !important;
    }

    .d-flex.align-items-center.info-ratting {
        display: block !important;
        font-size: 14px;
    }

    .info-ratting .subtitle-2 {
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
    }

    .info-ratting .rating-review.mx-3 {
        margin-left: 0 !important;
        margin-top: 10px;
        border-left: 0;
        padding-left: 0;
    }

    .hospial-banner .cta-section>.d-flex {
        display: block !important;
        margin: 0 !important;
    }

    .hospial-banner .cta-section {
        max-width: 100%;
    }

    .hospial-banner .cta-section a+a {
        margin-left: 0;
        margin-top: 0 !important;
    }

    .section.calculate-button .cost-btn {
        font-size: 14px;
        line-height: 18px;
        padding: 0px 10px;
    }

    .section.hospial-banner .subtitle-1 {
        font-size: 14px;
        line-height: 20px;
    }

    .exper-doctor-slider .surgeons {
        flex-wrap: wrap;
        padding: 0
    }

    .left-detail-section {
        padding-right: 0;
    }

    .exper-doctor-slider .card-block-buttons {
        display: flex;
        justify-content: space-between;
        gap: 15px;
        flex: auto;
    }

    .exper-doctor-slider .card-block-buttons a {
        display: flex;
        width: 100%;
    }


}

@media (min-width: 888px) and (max-width: 991px) {

    .banner-meta .info-text {
        height: 110px;
    }

    .mw-80 {
        width: 80%
    }

    .mtn-110 {
        margin-top: -110px
    }
}

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

    .banner-bg-img {
        background-image: url("https://cdn.hexahealth.com/Image/marketing/banner/ltp-new-banner-mobile.webp");
        height: 500px;
        width: 100%;
        background-size: contain;
        background-repeat: no-repeat
    }

    .mw-80 {
        width: 80%
    }

    .mtn-110 {
        margin-top: -110px
    }
}


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

    .banner-meta .info-text {
        height: 65px;
    }

}

@media (min-width: 550px) and (max-width: 660px) {
    .margin-auto {
        margin: auto;
        font-weight: 600;
        text-align: center;
    }

    .banner-meta .info-text {
        height: 90px;
    }

    .doctor-img {
        top: -8px
    }
}

@media (min-width: 481px) and (max-width: 550px) {
    .margin-auto {
        margin: auto;
        font-weight: 600;
        text-align: center;
    }

    .banner-meta {
        max-width: 75%;
    }

    .banner-meta .info-text {
        height: 90px;
    }

    .doctor-img {
        display: flex;
        align-items: flex-end;
        position: absolute;
        width: 100%;
        max-width: 220px;
        margin-left: auto;
        z-index: 0;
        height: 220px;
        right: -50px;
        top: -8px;
    }
}

@media (min-width: 426px) and (max-width: 479px) {
    .margin-auto {
        margin: auto;
        font-weight: 600;
        text-align: center;
    }

    .image-banner-container {
        height: 340px;
    }

    .banner-meta {
        max-width: 72%;
    }

    .banner-meta .info-text {
        height: 115px;
        margin-bottom: 0;
    }

    .landingpage .banner-meta {
        max-width: 100%;
    }

    .doctor-img {
        display: flex;
        align-items: flex-end;
        position: absolute;
        width: 100%;
        max-width: 290px;
        margin-left: auto;
        z-index: 0;
        height: 220px;
        right: -87px;
        top: -8px;
    }
}

@media (max-width: 420px) {
    .margin-auto {
        margin: auto;
        font-weight: 600;
        text-align: center;
    }

    .image-banner-container {
        height: 360px;
    }

    .banner-meta {
        max-width: 72%;
    }

    .banner-meta .info-text {
        height: 115px;
        margin-bottom: 0;
    }

    .landingpage .banner-meta {
        max-width: 100%;
    }

    .doctor-img {
        display: flex;
        align-items: flex-end;
        position: absolute;
        width: 100%;
        max-width: 290px;
        margin-left: auto;
        z-index: 0;
        height: 260px;
        right: -87px;
        top: -8px;
    }
}

@media (max-width: 1023) {
    .alphabet-list-group .list-group {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 767) {
    .alphabet-list-group .list-group {
        grid-template-columns: repeat(2, 1fr);
    }

    .surgeons.member {
        width: calc((100% - 10px)/2);
    }

}

@media (max-width: 479) {
    .alphabet-list-group .list-group {
        grid-template-columns: repeat(1, 1fr);
    }

    .surgeons.member {
        width: 100%;
    }

    .margin-auto {
        margin: auto;
        font-weight: 600;
        text-align: center;
    }
}

.card-block-buttons .call-toll {
    border: 1px solid var(--primary);
    background: var(--primary);
    border-radius: 4px;
    padding: 6px 14px;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: center;
    transition: ease all 0.3s;
}

.calls .call-toll:hover,
.card-block-buttons .call-toll:hover {
    background: var(--primary);
    color: #fff;
    border-color: var(--primar)
}


.card-block-buttons .call-app {
    border-radius: 4px;
    padding: 6px 14px;
    background: transparent;
    color: #404040;
    border: 1px solid var(--green);
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: center;
    transition: ease all 0.3s;
    width: 186px;
    margin-bottom: 5px;
}

.card-block-buttons .call-app .icon {
    color: var(--green);
    font-size: 22px;
    font-weight: normal;
}

.card-block-buttons .call-toll .icon {
    position: relative;
    top: 3px;
    font-size: 22px;
}

.card-block-buttons a {
    margin: 0;
    display: block;
    width: 100%;
    text-align: center;
}

.calls .call-app:hover .card-block-buttons .call-app:hover {
    background: var(--green-alfa)
}

.ulprocedure {
    list-style-type: disc !important;
    padding: 15px 0 0 30px;
}

.activedoc {
    background-color: #0E99C5 !important;
    display: block !important;
    color: #fff !important;
}


/* blogs page*/

.blog-categories-links {
    display: flex;
    align-items: center;
    overflow-x: auto;
    margin: 15px auto;
    padding: 0 10px;
    box-shadow: 0px 8px 28px -6px rgba(0, 36, 62, 0.12), 0px 18px 88px -4px rgba(0, 36, 62, 0.14);
    white-space: nowrap;
    border-radius: 12px;
}

.blog-categories-links a {
    display: block;
    padding: 5px 12px;
    color: var(--dark);
    margin: 5px;
    border-radius: 20px;
    transition: ease all 0.3s;
}

.blog-categories-links a:hover {
    color: var(--primary)
}

.blog-categories-links a.active {
    background: var(--primary);
    color: #fff;
}

.article-link {
    text-decoration: none;
}


ul.article-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 24px;
}

.item.blog-article {
    background: #fff;
    border-radius: 12px;
    padding: 12px;
    box-shadow: 0px 6px 12px -6px rgb(24 39 75 / 12%), 0px 8px 24px -4px rgb(24 39 75 / 8%);

}

.blogShadow {
    box-shadow: 0px 8px 28px -6px rgba(0, 36, 62, 0.12), 0px 18px 88px -4px rgba(0, 36, 62, 0.14);
}

.left-blog-section ul.article-list li.item .post-photo,
.article-list-detail .post-image-wrapper {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjVweCIgaGVpZ2h0PSI1cHgiIHZpZXdCb3g9IjAgMCAyNSA1IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0MS4yICgzNTM5NykgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+R3JvdXAgMzQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0ibGlnaHQiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJHcm91cC0zNCIgZmlsbD0iI0Q4RDhEOCI+CiAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwiIGN4PSIyLjUiIGN5PSIyLjUiIHI9IjIuNSI+PC9jaXJjbGU+CiAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwiIGN4PSIxMi41IiBjeT0iMi41IiByPSIyLjUiPjwvY2lyY2xlPgogICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsIiBjeD0iMjIuNSIgY3k9IjIuNSIgcj0iMi41Ij48L2NpcmNsZT4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px;
    background-color: transparent;
    position: relative;
    top: 0;
}

.left-blog-section ul.article-list li.item .post-photo:before {
    content: '';
    display: block;
    padding-top: 55%;
}

.left-blog-section ul.article-list li.item .post-photo img,
.article-list-detail .post-image-wrapper img {
    max-height: 100%;
    max-width: 100%;
    object-position: center;
    /*        object-fit: cover;*/
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    /*        border-radius: 12px;*/
}

.left-blog-section ul.article-list li.item .post-info {
    padding: 12px;
}

.left-blog-section ul.article-list li.item .post-meta {
    font-size: 10px;
}

ul.article-list>li:first-child {
    grid-column: 1 / -1;
}

ul.article-list>li:first-child .article-link {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

ul.article-list>li .short-description {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: var(--dark);
    height: 88px;
    overflow: hidden;
    margin-bottom: 15px;
}

ul.article-list>li:first-child .short-description {
    display: block;
}

ul.article-list>li .title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.article-list-detail .item.blog-article {
    padding: 24px;
}

.article-list-detail .post-header {
    display: flex;
    justify-content: space-between;
}

.article-list-detail .post-header .post-header-meta {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-direction: column;
    min-width: 180px;
}

.article-list-detail .post-header .post-header-meta .team,
.article-list-detail .post-header .post-header-meta .up-date {
    font-size: 12px;
    color: var(--secondary)
}

.article-list-detail .post-image-wrapper:before {
    content: '';
    display: block;
    padding-top: 35%;
}

.article-list-detail .post-info {
    padding-top: 24px
}

.shadow-block {
    box-shadow: 0px 8px 28px -6px rgb(0 36 62 / 12%), 0px 18px 88px -4px rgb(0 36 62 / 14%);
    padding: 32px;
    border-radius: 12px;
    max-width: 450px;
}

.shadow-block.contact-form .form-group {
    margin-bottom: 15px;
}

.page-item .page-link {
    color: #555;
}

.page-item .page-link.active {
    color: #fff;
}

ul.article-list>li:first-child .short-description {
    height: 49px;
}

.left-blog-section h1 {
    margin-bottom: 15px;
}

.left-blog-section a.article-link p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.aside-article-list .list-item {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 15px;

}


.aside-article-list .aside-post-info h6,
.aside-article-list .aside-post-info .short-description {
    font-size: 14px;
    line-height: 22px;


    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.aside-article-list .aside-post-info h6 {

    margin-bottom: 0 !important;
    line-height: normal;

}

.aside-article-list .aside-post-image {
    max-width: 100px;
}


@media (max-width: 991px) {

    ul.article-list,
    .article-list-detail .post-header {
        display: block;
    }

    .article-list-detail .post-header .post-header-meta {
        flex-direction: row
    }

    ul.article-list>li {
        margin-bottom: 24px;
    }

    ul.article-list>li:first-child .article-link {
        display: block;
    }

    ul.article-list>li .short-description {
        display: block;
    }

    .article-list-detail h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .article-list-detail .category {
        font-size: 16px;
        margin-bottom: 5px;
        line-height: 22px;
    }
}

.article-categories {
    background: #fff;
    box-shadow: 0px 8px 28px -6px rgb(0 36 62 / 12%);
    border-radius: 12px;
}

.article-categories ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
}

.article-categories ul li:hover {
    cursor: pointer
}

.show-on-mobile {
    display: none
}

@media (max-width: 991px) {
    .article-categories ul.navbar-nav {
        display: none;
        max-height: calc(100vh - 47px);
    }

    .section.my-5.blog-list-container {
        margin-top: 30px !important;
    }

    .article-categories .navbar-nav.navigation a.menu-item.has-sub {
        padding-left: 20px;
    }

    .article-categories .show-on-mobile {
        padding: 15px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
    }

    .article-categories #blogsNav {
        position: fixed;
        top: 0;
        width: 100%;
        right: -100%;
        background: #fff;
        height: 100vh;
        overflow: hidden;
        z-index: 10;
        transition: ease right 0.3s;
    }

    .article-categories.active #blogsNav {
        right: 0;
    }

    .article-categories.active #blogsNav ul.navbar-nav {
        display: block;
    }

    .mobile-row:not([style]) .fixed-cta-buttons {
        display: none;
    }

    .show-on-mobile.close.close-navigation {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

}

@media(max-width: 991px) {
    [data-value="Partner-Truworth"]+.banner-section .banner-meta {
        margin: 0 !important;
        padding: 0 !important;
    }
}



a.tgme_action_button,
a.mb_action_button {
    font-size: 14px;
    line-height: 17px;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    color: #FFF;
    background: #5dc390;
    border-radius: 22px;
    overflow: hidden;
    display: inline-block;
    padding: 13px 24px;
    height: 42px;
    text-transform: uppercase;
    vertical-align: top;
}

a.tgme_action_button:hover,
a.tgme_action_button:active,
a.mb_action_button:hover,
a.mb_action_button:active {
    color: #FFF;
    background: #4bbc87;
    text-decoration: none;
}

a.mb_action_button {
    background-color: var(--accent-btn-color);
}

a.mb_action_button.shine {
    background-image: linear-gradient(270deg, rgba(100, 181, 239, 0) 48.44%, #64b5ef 75.52%, rgba(100, 181, 239, 0) 100%);
    background-repeat: no-repeat;
    animation: bg-move linear 5s infinite;
}

a.mb_action_button:hover,
a.mb_action_button:active {
    background-color: var(--accent-color-hover);
}

@-webkit-keyframes bg-move {
    0% {
        background-position: -500px 0;
    }

    100% {
        background-position: 1000px 0;
    }
}

@keyframes bg-move {
    0% {
        background-position: -500px 0;
    }

    100% {
        background-position: 1000px 0;
    }
}

.blog-article.slick-slide .post-meta .d-flex {
    font-size: 11px;
}

.left-detail-section table td {
    border: 1px solid #999;
    padding: 15px;
    text-align: left;
}

.left-detail-section table th {
    border: 1px solid #999;
    padding: 15px;
    text-align: left;
}

.left-detail-section table {
    width: 100% !important;
    border: 1px solid #999;
    margin-bottom: 15px;
}

.whatsapp-sticky {
    position: fixed;
    z-index: 100;
    right: 30px;
    bottom: 30px;
}


.whatsapp-sticky i {
    font-size: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 4px 4px 6px #999;
    background: var(--green);
    border-radius: 100%;
    width: 60px;
    height: 60px;
    color: #fff;
}

.whatsapp-sticky a::after {
    content: 'Need Help?';
    font-size: 12px;
    background: rgba(255, 255, 255, 0.5);
    padding: 1px 5px;
    border-radius: 3px;
    color: #1d1d1d;
    margin-top: 2px;
    text-decoration: none;
}

.whatsapp-sticky a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-decoration: none;
}


.chatbubble-sticky {
    position: fixed;
    z-index: 100;
    right: 30px;
    bottom: 124px;
    overflow: hidden;
}


.chatbubble-sticky i {
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 4px 4px 6px #999;
    background: var(--primary);
    border-radius: 100%;
    width: 60px;
    height: 60px;
    color: #fff;
}

.chatbubble-sticky img {
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 4px;
    max-width: 48px;
    color: var(--primary);
}

.chatbubble-sticky a::after {
    content: 'Chat with us';
    font-size: 14px;
    background: var(--primary);
    padding: 2px 10px;
    border-radius: 8px;
    color: #fff;
    margin-top: 4px;
    text-decoration: none;
}

.chatbubble-sticky a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-decoration: none;
}


/*
    .chatbubble-sticky:after {

        opacity: 0.5;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        content: '';
        height: 100%;
        width: 100%;
        border: 12px solid rgba(0,0,0,0.6);
        border-radius: 100%;
    }*/


@keyframes scaleupdown {
    0% {

        transform: rotate(-7deg);
    }

    100% {

        transform: rotate(+7deg);
    }
}

.chatbubble-sticky {
    animation: scaleupdown 2s linear 0s infinite alternate-reverse;
    animation-delay: 0.1s;
}

.form-border {
    border-radius: 2.25rem;
    padding: 0.7rem 1.0rem;
    border: 1.5px solid var(--border-color);
}

.lead-form-body .form-group {
    margin-top: 15px;
}

.lead-form-body .btn-round-primary-full {
    margin: 20px 0px
}


#youtube_video {
    height: 300px;
    width: 100%;
}

#contain {
    width: 100%;
    padding: 50px 0;
    background-color: var(--secondary-alfa);
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.why-hexahealth .reverse {
    flex-direction: row-reverse;
    align-items: center;
}

#contain img {
    width: 100%;
    display: block;
    margin: auto;
}

.bannerDiv {
    padding: 0 8%;
    background-color: var(--secondary-alfa);
}

#banner {
    object-fit: cover;
    height: 600px;
    width: 100%;
}

.emi-section {
    text-align: center;
}

.emi-section .block,
.emi-section .stack {
    flex-direction: column;
    gap: 10px;
}

.bgWhite {
    background-color: white;
    padding-top: 30px;
}

.bgPrimary {
    background: var(--primary-alfa) !important;
}

.bgGrey {
    background: var(--secondary-alfa);
}

#grids {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.iconStyle {
    width: 100px;
    height: 100px;
}

#grids>div {
    width: 100% !important;
}

.slick-slide .sub-text,
.quote {
    position: relative;
    margin: 10px 0;
    padding: 0 30px;
    font-size: 1rem;
}

.closeInvertedComma,
.openInvertedComma {
    position: absolute;
    font-size: 2.5rem;
    opacity: 0.5;
    height: fit-content;
    width: fit-content;
    font-family: 'Proza Libre', sans-serif;
}

.openInvertedComma {
    top: 0;
    left: 0;
    transform: scale(-1, 1);
}

.quote .closeInvertedComma {
    right: 50px;
}

.closeInvertedComma {
    bottom: -20px;
    right: 5px;
}

.flexing {
    width: fit-content;
    margin: auto;
    padding: 0 30px;
}

.hospitals-section {
    text-align: center;
    padding: 30px 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    background-color: white !important;
}

.cols-3 {
    width: 75%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.py-2{
    padding: 30px 0 !important;
}

.py-0{
    padding: 0 !important;
}

.align-center{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

@media (max-width: 780px) {
    .approach-section .care-row-item {
        flex-direction: column;
    }

    #banner {
        object-fit: contain;
        height: fit-content;
    }

    .bannerDiv {
        padding: 0;
    }

    #contain {
        padding: 30px 0px;
    }

    .hospitals-section h1{
        font-size: 1.8rem;
    }
    .cols-3{
        width: 100%;
        padding: 12px;
        align-items: center;
        grid-template-columns: repeat(3,1fr);
    }

    .cols-3 img{
        width: 100%;
    }
}