:root {
    --whiteBg: #fff;
    --whiteColor: #fff;
    --whiteBorder: #fff;

    --blackColor: #2F2F2F;
    --blackBg: #2F2F2F;
    --blackborder: #2F2F2F;

    --brandColor: #047C9E;
    --brandBg: #047C9E;
    --brandborder: #047C9E;

    --greyBg: #F5F5F7;
    --greyBorder: #F5F5F7;
    --greyColor: #F5F5F7;

    --light_pinkBg: #FFF4F4;
    --light_pinkBorder: #FFF4F4;
    --light_pinkColor: #FFF4F4;


}



.ubuntu_font {
    font-family: "Ubuntu", sans-serif;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

html,
body {
    color: #4A4A4A;
    background-color: var(--whiteBg);
    position: relative;
    font-family: "Helvetica Neue", sans-serif;
    font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
li {
    margin: 0px;
    padding: 0px;
}

p {
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 23px;
    color: #4A4A4A;
}

label {
    display: block;
    font-weight: 500;
    margin-bottom: 0;
}

img {
    max-width: 100%;
    height: initial;
    display: inline-block;
    line-height: 0px;
}

a {
    text-decoration: none;
    display: inline-block;
}

a:focus {
    text-decoration: none;
    outline: none;
}

a:hover {
    text-decoration: none;
}

button {
    background: none;
    border: none;
    font-family: "Helvetica Neue", sans-serif;
}

button:focus {
    outline: none;
}

picture {
    display: block;
    line-height: 0px;
}

textarea {
    resize: none;
    display: block;
    padding: 15px;
    width: 100%;
    font-family: "Helvetica Neue", sans-serif;
}

input:focus,
button,
input[type="submit"],
input {
    outline: none;
    font-family: "Helvetica Neue", sans-serif;
}

select {
    display: block;
    width: 100%;
    font-family: "Helvetica Neue", sans-serif;
}

input {
    display: block;
    padding: 12px 15px;
    width: 100%;
}

input::placeholder {
    font-size: 14px;
    font-family: "Helvetica Neue", sans-serif;
}

input::-ms-input-placeholder {
    font-size: 14px;
    font-family: "Helvetica Neue", sans-serif;
}

input::-ms-input-placeholder {
    font-size: 14px;
    font-family: "Helvetica Neue", sans-serif;
}

textarea::placeholder {
    font-size: 14px;
    font-family: "Helvetica Neue", sans-serif;
}

select:focus {
    outline: none;
}

textarea:focus {
    outline: none;
}

.w-100 {
    width: 100% !important;
    display: block;
}

.text-center {
    text-align: center;
}

.row {
    display: flex;
    margin: 0px -15px;
    flex-wrap: wrap;
}

.col-sm-2 {
    width: 16.66666667%;
    padding: 0px 15px;
}

.col-sm-3 {
    width: 25%;
    padding: 0px 15px;
}

.col-sm-4 {
    width: 33.33333333%;
    padding: 0px 15px;
}

.col-sm-5 {
    width: 41.66666667%;
    padding: 0px 15px;
}

.col-sm-6 {
    width: 50%;
    padding: 0px 15px;
}

.col-sm-7 {
    width: 58.33333333%;
    padding: 0px 15px;
}

.col-sm-8 {
    width: 66.666667%;
    padding: 0px 15px;
}

.col-sm-9 {
    width: 75%;
    padding: 0px 15px;
}

.col-sm-10 {
    width: 83.33333333%;
    padding: 0px 15px;
}

.col-sm-11 {
    width: 91.66666667%;
    padding: 0px 15px;
}

.col-sm-12 {
    width: 100%;
    padding: 0px 15px;
}

.container_apollo {
    max-width: 1920px;
    margin: 0px auto;
    padding: 0px 60px;
}

.overflow_hidden {
    overflow: hidden;
}

.section-padding-top {
    padding-top: 60px;
}

.section-padding-bottom {
    padding-bottom: 60px;
}

.section-padding {
    padding: 60px 0px;
}

.mr_top_box {
    margin-top: 32px;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

.common_gap {
    padding: 60px 0px;
}

.section_title {
    font-size: 32px;
    line-height: 1.2;
    font-weight: 300;
    text-transform: capitalize;
    color: #2F2F2F;
}

.section_title span {
    font-weight: 700;
    font-style: italic;
    color: #2f2f2f;
    font-family: "Ubuntu", sans-serif;
}

.section_common_description {
    font-size: 14px;
    line-height: 22px;
    color: #747474;
    font-weight: 400;
}

.section_common_description strong {
    font-weight: 600;
}

.title_lg {
    font-size: 16px;
    font-weight: 500;
    color: #2F2F2F;
    line-height: 24px;
    text-transform: capitalize;
}

.btn_link {
    color: var(--brandColor);
    display: inline-flex;
    align-items: center;
    transition: all 0.3s;
    font-size: 14px;
}

.btn_link svg {
    margin-left: 10px;
}

.white_btn {
    color: #fff;
}

.btn_rounded {
    border-radius: 30px;
    padding: 15px 32px;
    border: 1px solid var(--brandborder);
    background: var(--brandBg);
    color: #fff;
    font-size: 14px;
    transition: all 0.3s;
}

.text_white {
    color: #fff;
}




.slider_arrow_with_dot {
    display: flex;
    justify-content: center;
    align-items: center;
}

.custom-swiper-pagination {
    display: inline-flex;
    width: auto !important;
    max-width: calc(100% - 75px);
    padding: 0px 20px;
    min-width: 30px;
    margin-top: 25px;
}

.custom-swiper-button-prev,
.custom-swiper-button-next {
    width: 36px;
    line-height: 0px;
    cursor: pointer;
}

.custom-swiper-button-prev.swiper-button-disabled,
.custom-swiper-button-next.swiper-button-disabled {
    pointer-events: none;
    opacity: 0.8;
}

.custom-swiper-button-prev svg,
.custom-swiper-button-next svg {
    width: 100%;
    height: initial;
}

.custom-swiper-button-prev:hover svg rect,
.custom-swiper-button-next:hover svg rect {
    fill: var(--brandBg);
    stroke: var(--brandBg);
}

.custom-swiper-button-prev:hover svg path,
.custom-swiper-button-next:hover svg path {
    stroke: #fff;
}

.custom-swiper-pagination .swiper-pagination-bullet {
    width: 9px;
    height: 9px;
    opacity: 1;
    border: 1px solid #007c9d;
    background: none;
}

.custom-swiper-pagination .swiper-pagination-bullet-active {
    background: #007c9d;
}

.swiper-pagination-lock {
    margin-top: 0px;
}

.custom-swiper-button-next,
.custom-swiper-button-prev {
    width: 44px;
    height: 44px;
    border-radius: 30px;
    border: 1.5px solid #E4E4E4;
    position: relative;
    background: #fff;
}

.custom-swiper-button-next:after,
.custom-swiper-button-prev:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 47%;
    width: 6px;
    height: 6px;
    border-right: 2px solid rgb(76 76 76 / 77%);
    border-bottom: 2px solid rgb(76 76 76 / 77%);
    transform: translate(-50%, -50%) rotate(310deg);
}

.custom-swiper-button-prev:after {
    transform: translate(-50%, -50%) rotate(132deg);
    left: 53%;
}

.slider_arrow .custom-swiper-button-prev {
    margin-right: 5px;
}

.slider_arrow .custom-swiper-button-next {
    margin-left: 5px;
}

.slider_border_line .custom-swiper-button-next:before,
.slider_border_line .custom-swiper-button-prev:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    border: 1px solid #047C9E;
    border-radius: 30px;
    clip-path: polygon(50% 0%, 100% 0%, 100% 50%, 50% 50%);
    transform: rotate(-90deg);
    transition: all 0.3s;
}

.slider_border_line .custom-swiper-button-next:hover:before,
.slider_border_line .custom-swiper-button-prev:hover:before {
    clip-path: inset(0);
}

.slider_border_line .swiper-button-disabled:before {
    display: none;
}


.title_row {
    display: flex;
    flex-wrap: wrap;
}

.title_desc_colm {
    padding-left: 30px;
}

.m_top_common {
    margin-top: 40px;
}

.card_common_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    background: linear-gradient(93.34deg, #057B9D 47.24%, #0A2542 129.65%);
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

.card_common_btn span {
    display: inline-block;
    width: 9px;
    margin-left: 8px;
    transition: all 0.3s;
}

.card_common_btn span img {
    display: block;
    width: 100%;
    height: initial;
}

.call_now_btn_common {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #047C9E;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 5px;
    transition: all 0.3s;
    background: #fff;
    border: 1px solid #047C9E;
}

.call_now_btn_common span {
    display: inline-block;
    width: 14px;
    margin-right: 4px;
    transition: all 0.3s;
    position: relative;
    top: 1px;
}

.call_now_btn_common span img {
    display: block;
    width: 100%;
    height: initial;
}

.call_now_btn_common span img:nth-of-type(2) {
    display: none;
}

.card_common_btn_yellow {
    background: linear-gradient(172.94deg, #E2A20A -27.62%, #F9CB61 50.54%);
}

.card_common_btn_yellow div {
    display: inline-block;
    background: linear-gradient(90deg, #057395 0%, #0B2745 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    transition: all 0.3s;
}

.common_btn {
    background: var(--brandBg);
    border-radius: 30px;
    display: inline-flex;
    font-size: 16px;
    color: #fff;
    padding: 16px 30px;
    text-decoration: none;
    font-weight: 400;
}

.common_btn span {
    width: 9px;
    height: initial;
    margin-left: 8px;
    transition: all 0.3s;
}

.common_btn_box {
    position: absolute;
    top: 0px;
    right: 120px;
    z-index: 6;
}

.common_btn_yellow {
    background: linear-gradient(180deg, #E2A20A -0.22%, #FFD677 90.51%);
}

.common_btn_yellow div {
    display: inline-block;
    background: linear-gradient(90deg, #057395 0%, #0B2745 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    transition: all 0.3s;
}

/*---video---poup---start---here---*/
.custom_video_popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 99999;
    backdrop-filter: blur(5px);
}

.custom_popup_inner {
    position: relative;
    width: 80%;
    max-width: 900px;
    animation: fadeIn 0.3s ease-in-out;
    z-index: 888;
}

.custom_popup_inner iframe {
    width: 100%;
    height: 500px;
    border-radius: 10px;
}

.close_popup {
    position: absolute;
    top: -20px;
    right: -20px;
    background: #fff;
    color: #000;
    font-size: 25px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 40px;
    border-radius: 50%;
    cursor: pointer;
    font-weight: 500;
}

.close_layer_video {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    z-index: 77;
    cursor: pointer;
}

@keyframes fadeIn {
    from {
        transform: scale(0.8);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

/*---video---poup---end---here---*/

.card_common_btn_white span img:nth-of-type(2) {
    display: none;
}

.card_common_btn_white {
    background: #fff;
    color: #047C9E;
    border: 1px solid #007c9d;
    border-bottom-right-radius: 17px;
}

.call_btn_common span {
    width: 14px;
    margin-right: 3px;
}

.call_btn_common span img:nth-of-type(2) {
    display: none;
}

.call_btn_common:hover span {
    transform: none !important;
}


@media only screen and (min-width: 1025px) {
    .btn_link:hover svg rect {
        fill: var(--brandBg);
        stroke: var(--brandColor);
    }

    .btn_link:hover svg path {
        stroke: #fff;
    }

    .white_btn:hover svg rect {
        fill: var(--brandBg);
        stroke: var(--brandColor);
    }

    .white_btn:hover svg path {
        stroke: #fff;
    }

    .btn_rounded:hover {
        background: var(--light_pinkBg);
        color: var(--brandColor);
    }

    .common_btn:hover span {
        transform: rotate(47deg);
    }

    .card_common_btn_yellow:hover {
        background: linear-gradient(131.94deg, #F9CB61 -27.62%, #E2A20A 171.54%);
    }

    .call_now_btn_common:hover span img:nth-of-type(1) {
        display: none;
    }

    .call_now_btn_common:hover span img:nth-of-type(2) {
        display: block;
    }

    .common_btn_yellow:hover {
        background: linear-gradient(262deg, #E2A20A -0.22%, #FFD677 90.51%);
    }

    .card_common_btn_white:hover {
        background: #007c9d;
        color: #fff;
    }

    .call_btn_common:hover span img:nth-of-type(1) {
        display: none;
    }

    .call_btn_common:hover span img:nth-of-type(2) {
        display: block;
    }

    .card_common_btn_white:hover span img:nth-of-type(1) {
        display: none;
    }

    .card_common_btn_white:hover span img:nth-of-type(2) {
        display: block;
    }

    .card_common_btn:hover span {
        transform: rotate(47deg);
    }
}

@media only screen and (max-width: 1400px) {
    .common_gap {
        padding: 55px 0px;
    }

    .title_small_italic {
        font-size: 20px;
    }

    .custom-swiper-button-prev,
    .custom-swiper-button-next {
        width: 40px;
        height: 40px;
    }

    .custom-swiper-pagination {
        padding: 0px 15px;
    }

    .custom-swiper-button-next:after,
    .custom-swiper-button-prev:after {
        border-right: 1.5px solid rgb(76 76 76);
        border-bottom: 1.5px solid rgb(76 76 76);
    }

    .custom-swiper-button-prev,
    .custom-swiper-button-next {
        width: 36px;
        height: 36px;
    }

    .call_now_btn_common {
        font-size: 14px;
    }

    .card_common_btn {
        font-size: 14px;
    }

    .common_btn {
        padding: 11px 30px;
        font-size: 14px;
    }

    .common_btn_box {
        right: 100px;
    }
}

@media only screen and (max-width: 1199px) {
    .container_apollo {
        padding: 0px 30px;
    }

    .title_desc_colm {
        padding-left: 20px;
    }

}

@media only screen and (max-width: 991px) {
    .title_row {
        display: block;
        width: 100% !important;
    }

    .title_desc_colm {
        padding-left: 0px;
    }

    .title_wraper {
        margin-bottom: 15px;
    }

    .title_desc_colm,
    .title_wraper {
        width: 100% !important;
    }

    .section_title br {
        display: none;
    }

    .common_btn_box {
        position: static;
        margin-top: 20px;
        text-align: center;
    }

    .common_gap {
        padding: 30px 0;
    }
}

@media only screen and (max-width: 767px) {

    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        width: 100%;
    }

    .container_apollo {
        padding: 0px 15px;
    }

    .common_gap {
        padding: 27px 0;
    }

    .common_gap.footer_area {
        padding: 40px 0px;
    }

    .section_title {
        font-size: 24px;
        line-height: 31px;
    }

    .slider_arrow_box {
        width: 76px;
        right: 15px;
    }

    .custom-swiper-button-prev,
    .custom-swiper-button-next {
        width: 34px;
        height: 34px;
    }

    .custom-swiper-button-next:after,
    .custom-swiper-button-prev:after {
        left: 43%;
    }

    .custom-swiper-button-prev:after {
        left: 57%;
    }

    .section_common_description {
        font-size: 15px;
    }

    .common_btn {
        padding: 15px 30px;
    }

    .m_top_common {
        margin-top: 20px;
    }

    .custom-swiper-button-prev,
    .custom-swiper-button-next {
        width: 34px;
        height: 34px;
    }



}


/*---header---start---here---*/
header {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 9999;
    background-color: #ffffff;
    padding: 15px 0;
}

.header_row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.header_left_box {
    width: 80px;
}

.header_right_box {
    width: 205px;
}

.header_center_box {
    width: calc(100% - 285px);
    padding: 0px 15px;
}

.brand_link {
    display: block;
    width: 108px;
}

.brand_link img {
    width: 100%;
    height: initial;
    display: block;
}

.nav_list {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 36px;
}

.nav_item {
    list-style: none;
    margin: 0px;
    display: inline-block;
    display: inline-flex;
    align-items: center;
    position: relative;
}

.nav_link {
    display: inline-block;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    color: #4C4C4C;
    transition: all 0.3s;
    ;
}

.header_right_list {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.header_right_item {
    list-style: none;
    display: inline-block;
}

.header_call_link {
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    background: #047C9E;
    margin-right: 20px;
    padding: 23px 0px;
}

.header_call_link img {
    width: 21px;
    height: initial;
}

.common-btn-nav {
    width: 160px;
    height: 40px;
    background-color: #FBBB1A;
    color: #4C4C4C;
    border-radius: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-decoration: none;
    font-family: inherit;
    font-size: 12px;
    font-weight: 500;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

.common-btn-nav svg {
    flex-shrink: 0;
}

.common-btn-nav:hover {
    transform: translateY(-1px);
}

.dropdowen_icon {
    width: 10px;
    margin-left: 5px;
    display: flex;
    align-items: center;
}

.dropdowen_icon img {
    width: 100%;
    height: initial;
    line-height: 0px;
}

.blue_icon_nav_link {
    display: none;
}

.gray_icon_nav_link,
.blue_icon_nav_link {
    position: relative;
    width: 100%;
}

.dropdowen_wrapper {
    position: absolute;
    top: 99%;
    width: 200px;
    padding-top: 10px;
    display: none;
}

.dropdowen_wrapper_inner {
    padding: 15px;
    background: #fff;
    box-shadow: 0px 0px 28px rgb(0 0 0 / 9%);
    border-radius: 14px;
}

.dropdowen_item {
    list-style: none;
}

.dropdowen_item {
    padding: 4px 0px;
}

.dropdowen_link {
    color: #4C4C4C;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s;
}

.toggle_btn {
    display: none;
}

.header_bg_layer {
    display: none;
}

.like_to_expolore_image_box a {
    display: block;
    height: 100%;
}

.only-call-icon {
    display: none;
}

@media only screen and (max-width: 1400px) {}

@media only screen and (max-width: 1350px) {
    .nav_list {
        gap: 6px;
    }

    .nav_item {
        margin: 0px 10px;
    }

    .header_right_box {
        width: 160px;
    }

    .nav_link {
        font-size: 12px;
    }
}

@media only screen and (max-width: 1200px) {
    .nav_list {
        padding-right: 0px;
    }

    .dropdowen_icon {
        margin-left: 3px;
    }

    .nav_link {
        font-size: 14px;
    }

    .nav_item {
        margin: 0px 5px;
    }

    .header_center_box {
        width: calc(100% - 245px);
    }

    .nav_link {
        font-size: 12px;
    }
}


@media only screen and (min-width: 1025px) {

    .header_ask_a_question_link:hover,
    .header_call_link:hover {
        opacity: 0.9;
    }

    .nav_item:hover .nav_link {
        color: #047C9E;
    }

    .nav_item:hover .dropdowen_icon .blue_icon_nav_link {
        display: block;
        top: 1px;
    }

    .nav_item:hover .dropdowen_icon .gray_icon_nav_link {
        display: none;
    }

    .dropdowen_link:hover {
        color: #047C9E;
    }

    .nav_item:first-child {
        margin-left: 0px;
    }

    .nav_item:last-child {
        margin-right: 0px;
    }

    .dropdowen_list {
        max-height: 400px;
        overflow: auto;
    }

    .dropdowen_list::-webkit-scrollbar {
        width: 5px;
    }

    .dropdowen_list::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 30px;
    }

    .dropdowen_list::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 30px;
    }

    .dropdowen_list::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

    .nav_item:hover .dropdowen_wrapper {
        display: block;
    }

}

@media only screen and (max-width: 1024px) {
    .header_center_box {
        width: 50%;
        position: fixed;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        height: 100%;
        z-index: 99999;
        background: #fff;
        padding: 50px 14px 50px 20px;
        height: 100vh;
        display: none;
    }

    .toggle_btn {
        display: block;
        width: 18px;
        margin-right: 30px;
        cursor: pointer;
    }

    .toggle_btn img {
        width: 100%;
        height: initial;
        display: block;
    }

    .header_row {
        justify-content: flex-start;
    }

    .header_right_box {
        width: calc(100% - 140px);
    }

    .nav_list {
        display: block;
    }

    .nav_item {
        width: 100%;
        padding: 15px 0px;
        border-bottom: 1px solid #dcdcdc;
        margin: 0px;
        display: block;
    }

    .nav_link {
        padding-right: 20px;
    }

    .nav_item:first-child {
        border-top: 1px solid #dcdcdc;
    }

    .dropdowen_icon {
        position: absolute;
        top: 15px;
        right: 0px;
        width: 15px;
        top: 20px;
    }

    .nav_link {
        font-size: 14px;
    }

    .dropdowen_wrapper {
        position: static;
        width: 100%;
        padding: 0px;
        background: #fff;
    }

    .dropdowen_wrapper_inner {
        box-shadow: none;
        border-radius: 0px;
        padding: 0px;
        border-top: 1px solid #dcdcdc;
        margin-top: 15px;
    }

    .nav_item.active {
        padding-bottom: 0px;
    }

    .dropdowen_item {
        padding: 15px 0px;
        border-bottom: 1px solid #dcdcdc;
        margin: 0px;
        padding-left: 10px;
    }

    .dropdowen_item:last-child {
        border-bottom: none;
    }

    .nav_item.active .gray_icon_nav_link {
        display: none;
    }

    .nav_item.active .blue_icon_nav_link {
        display: block;
    }

    .header_bg_layer {
        display: block;
        position: fixed;
        top: 0px;
        left: 0px;
        right: 0px;
        top: 0px;
        bottom: 0px;
        width: 100%;
        height: 100vh;
        background: rgb(0 0 0 / 61%);
        z-index: 9999;
        display: none;
    }

    .nav_list {
        height: 100%;
        overflow: auto;
        padding-right: 6px;
    }

    .header_bg_layer.show,
    .header_center_box.show {
        display: block;
    }

    .cancel_btn {
        width: 35px;
        position: absolute;
        top: 20px;
        right: 20px;
        cursor: pointer;
        background: #047C9E;
        padding: 10px;
        height: 35px;
        border-radius: 30px;
    }

    .cancel_btn img {
        width: 100%;
        height: initial;
        display: block;
    }

    .only-call-icon {
        display: block;
    }

    .header_right_item {
        line-height: 0;
    }

    .common-btn-nav {
        display: none;
    }


}

@media only screen and (max-width: 767px) {
    header .container_apollo {
        padding: 0px 20px;
    }

    .toggle_btn {
        margin-right: 15px;
    }

    .brand_link {
        width: 100%;
    }

    .header_left_box {
        width: 74px;
    }

    .header_right_box {
        width: calc(100% - 110px);
    }

    .header_call_link {
        margin-right: 10px;
        padding: 22px 0px;
        width: 62px;
    }

    .header_call_link img {
        width: 15px;
    }

    .header_center_box {
        padding: 15px 9px 15px 15px;
    }

    .header_center_box {
        width: calc(100% - 100px);
    }

    .dropdowen_item {
        padding-left: 5px;
    }

}

@media only screen and (max-width: 376px) {
    .header_center_box {
        width: calc(100% - 75px);
    }

    .cancel_btn {
        width: 32px;
        height: 32px;
    }

    .dropdowen_icon {
        width: 13px;
    }

    .nav_link,
    .dropdowen_link {
        font-size: 13px;
    }
}

@media only screen and (max-width: 366px) {
    .header_left_box {
        width: 52px;
    }

    .header_ask_a_qution_title {
        font-size: 12px;
    }

    .header_right_box {
        width: calc(100% - 97px);
    }

    .header_call_link {
        width: 45px;
        padding: 17px 0px;
    }
}

/*---header---end---here---*/

/*--banner---start---here---*/
.banner_section {
    position: relative;
    min-height: 680px;
    display: flex;
    align-items: center;
    margin-top: 82px;
    overflow: hidden;
}

.banner_section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.15) 100%);
    z-index: 1;
}

.banner_section picture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.banner_section picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    aspect-ratio: 1440 / 603;
}

.banner_content_wrapper {
    width: 100%;
    position: relative;
    z-index: 2;
}

.banner_content_box {
    width: 650px;
    margin-left: 0;
    text-align: left;
    padding-right: 0;
}

.banner_title {
    font-size: 40px;
    font-weight: 300;
    line-height: 1.25;
    color: #ffffff;
    margin-bottom: 30px;
}

.banner_title span {
    font-weight: 700;
    font-style: italic;
}

/* Search input bar styles */
.search_box_wrapper {
    position: relative;
    width: 487px;
    height: 54px;
    max-width: 100%;
}

.search_input {
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    border: none;
    border-radius: 8px;
    padding: 20px 60px 20px 18px;
    font-size: 14px;
    color: #2F2F2F;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08);
}

.search_placeholder {
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: #747474;
    pointer-events: none;
    display: inline-flex;
    gap: 3px;
}

.search_placeholder span {
    font-weight: 700;
    color: #2F2F2F;
}

/* Hide placeholder when input is focused or not empty */
.search_input:focus~.search_placeholder,
.search_input:not(:placeholder-shown)~.search_placeholder {
    display: none;
}

.search_btn {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.search_btn svg {
    display: block;
    width: 35px;
    height: 35px;
}

@media only screen and (max-width: 991px) {
    .banner_section {
        min-height: 520px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 64px;
    }

    .banner_section::before {
        background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
    }

    .banner_section picture img {
        aspect-ratio: 414 / 386;
    }

    .banner_content_box {
        width: 100%;
        margin: 0 auto;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .banner_title {
        font-size: 28px;
        text-align: center;
        margin-bottom: 40px;
    }

    .search_box_wrapper {
        width: 373px;
        height: 54px;
        margin: 0 auto;
    }
}

/*--banner---end---here---*/



/*---footer---start---here---*/
footer {
    padding: 50px 0px;
    background: #F6F6F6;
}

.footer_row {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -15px;
}

.footer_colm:first-child {
    width: 34%;
}

.footer_colm {
    width: 22%;
    padding: 0px 15px;
}

.footer_logo {
    width: 75px;
    display: block;
    margin-bottom: 30px;
}

.footer_logo img {
    width: 100%;
    height: initial;
    display: block;
}

.footer_desc {
    font-size: 14px;
    line-height: 1.4;
    color: #747474;
    padding-right: 30%;
}

.footer_title {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3;
    color: #4C4C4C;
    margin-bottom: 25px;
}

.footer_item {
    list-style: none;
    margin-bottom: 15px;
}

.footer_item:last-child {
    margin-bottom: 0px;
}

.footer_link {
    display: inline-block;
    color: #747474;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    transition: all 0.3s;
}

.footer_link:hover {
    color: #047C9E;
}

.address_titel_f {
    font-size: 14px;
    font-weight: 500;
    color: #4C4C4C;
    line-height: 1.3;
    margin-bottom: 10px;
}

.addres_detail_f {
    font-size: 14px;
    line-height: 1.4;
    color: #4C4C4C;
    margin-bottom: 15px;
}

.comntact_footer {
    margin-bottom: 5px;
}

.comntact_footer a {
    font-size: 16px;
    font-weight: 500;
    color: #4C4C4C;
    text-decoration: none;
    transition: all 0.3s;
}

.comntact_footer a:hover {
    color: #047C9E;
}

.footer_wrapper {
    padding-bottom: 50px;
    border-bottom: 1px solid #E2E2E2;
}

.footer_bottom_wrapper {
    margin-top: 30px;
    padding-left: 50px;
    position: relative;
}

.footer_small_logo {
    width: 30px;
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    height: initial;
}

.footer_bottom_item {
    display: inline-block;
    padding: 0px 10px;
    list-style: none;
    position: relative;
}

.footer_bottom_item:last-child {
    margin-right: 0px;
}

.footer_bottom_link {
    color: #4C4C4C;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s;
    position: relative;
}

.footer_bottom_item:after {
    content: '';
    position: absolute;
    top: 4px;
    left: -3px;
    width: 6px;
    height: 6px;
    background-color: #DEDEDE;
    border-radius: 30px;
}

.footer_bottom_item:first-child:after {
    display: none;
}

.footer_bottom_item:first-child {
    padding-left: 0px;
}

.footer_bottom_link:hover {
    color: #047C9E;
}

.footer_bottom_link {
    margin-bottom: 5px;
}

.footer_copyright {
    color: #747474;
    font-size: 12px;
    line-height: 1.3;
}

.chat_icon_bottom {
    position: fixed;
    bottom: 30px;
    right: 50px;
    width: 60px;
    cursor: pointer;
    z-index: 999;
}

.chat_icon_bottom img {
    width: 100%;
    height: initial;
    display: block;
    ;
}

.bottom_fixed_nav {
    position: fixed;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%, 0px);
    background: linear-gradient(180deg, #FCB817 0%, #FFDF94 100%);
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    width: 360px;
    z-index: 99;
    padding: 18px 0px;
    padding-left: 46px;
}

.row_bottom_nav {
    display: flex;
}

.colm_bottom_nav {
    width: 50%;
}

.link_bottom_nav {
    text-decoration: none;
    display: flex;
    align-items: center;
}

.icon_box_bottom_nav {
    width: 26px;
    margin-right: 8px;
}

.icon_box_bottom_nav img {
    width: 100%;
    height: initial;
    display: block;
}

.title_bottom_nav {
    font-size: 15px;
    font-weight: 500;
    color: #075D7D;
}

.bottom_fixed_nav:after {
    content: '';
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 46%;
    transform: translate(-50%, 0px);
    border-right: 1px solid #ECAF21;
}

@media only screen and (max-width: 1350px) {

    .footer_colm:first-child,
    .footer_colm {
        width: 25%;
    }

    .footer_desc {
        padding-right: 0px;
    }
}

@media only screen and (max-width: 1199px) {
    .comntact_footer a {
        font-size: 13px;
    }
}

@media only screen and (max-width: 991px) {
    .footer_colm {
        width: 33.333%;
    }

    .footer_colm:first-child {
        width: 100%;
        margin-bottom: 30px;
        padding-bottom: 30px;
        border-bottom: 1px solid #E2E2E2;
    }

    .footer_desc {
        padding-right: 0px;
    }

    .footer_wrapper {
        padding-bottom: 30px;
    }

    footer {
        padding-bottom: 65px;
    }
}

@media only screen and (max-width: 767px) {
    .footer_colm {
        width: 100%;
    }

    .footer_title {
        margin-bottom: 8px;
    }

    .footer_item {
        margin-bottom: 8px;
    }

    .footer_inner_box {
        margin-bottom: 20px;
    }

    footer {
        padding: 30px 0px 100px 0px;
    }

    .footer_wrapper {
        padding-bottom: 15px;
    }

    .chat_icon_bottom {
        bottom: 41px;
        right: 15px;
        width: 50px;
    }

    .bottom_fixed_nav {
        width: 95%;
        padding-left: 10%;
    }

    .bottom_fixed_nav:after {
        left: 45%;
    }
}

/*---footer---end---here---*/


/*---counter---start---here---*/
.counter_section {
    padding: 40px 0px;
}

.counter_row {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -30px;
}

.counter_colm {
    width: 33.333%;
    padding: 0px 30px;
}

.counter_box {
    height: 100%;
    display: flex;
    align-items: center;
    border-left: none;
    border-right: none;
    position: relative;
    padding: 0px;
}

.counter_icon_box {
    width: 50px;
}

.counter_icon_box img {
    width: 100%;
    height: initial;
}

.counter_text_box {
    width: calc(100% - 50px);
    padding-left: 25px;
}

.counter_colm:first-child .counter_icon_box {
    width: 80px;
}

.counter_colm:first-child .counter_text_box {
    width: calc(100% - 50px);
}

.counter_title {
    font-size: 40px;
    font-weight: 500;
    color: #4C4C4C;
    line-height: 1.3;
}

.counter_desc {
    font-size: 14px;
    line-height: 1.3;
    color: #747474;
}

@media only screen and (max-width: 1400px) {
    .counter_row {
        margin: 0px -15px;
    }

    .counter_colm {
        padding: 0px 15px;
    }
}

@media only screen and (max-width: 991px) {
    .counter_box {
        align-items: flex-start;
    }

    .counter_icon_box {
        width: 40px;
        position: relative;
        top: 10px;
    }

    .counter_text_box {
        width: calc(100% - 40px);
    }

    .counter_colm:first-child .counter_icon_box {
        width: 60px;
    }

    .counter_colm:first-child .counter_text_box {
        width: calc(100% - 60px);
    }

    .counter_box {
        padding: 15px 0px;
    }
}

@media only screen and (max-width: 767px) {
    .counter_colm {
        width: 100%;
    }

    .counter_colm .counter_box::before {
        display: none;
    }

    .counter_colm:first-child .counter_box:before {
        display: block;
    }

    .counter_icon_box {
        width: 40px !important;
    }

    .counter_text_box {
        width: calc(100% - 40px) !important;
    }

    .counter_title {
        font-size: 28px;
    }

    .counter_icon_box {
        top: 4px;
    }
}





/* ---process-section---start--- */
.process-section {
    background: #F7F7F7;
}

.process_title_row {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    align-items: flex-start;
    margin-bottom: 50px;
}


/* Timeline container */
.process_timeline {
    position: relative;
    list-style: none;
}

/* Vertical centre line */
.process_timeline::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 1px;
    height: 100%;
    background-color: #DFDFE3;
    z-index: 0;
}

/* Individual card */
.process_card {
    position: relative;
    width: 44%;
    background: #fff;
    border: 1px solid #EBEBEB;
    border-radius: 14px;
    margin-bottom: 40px;
    transition: box-shadow 0.3s, border-color 0.3s;
}

/* Even cards go right */
.process_card:nth-child(even) {
    margin-left: auto;
}

.process_card:hover {
    box-shadow: 0 6px 24px rgba(4, 124, 158, 0.10);
}

/* Arrow pointer toward centre line */
.process_card::after {
    content: "";
    width: 14px;
    height: 14px;
    background: #fff;
    border-right: 1px solid #EBEBEB;
    border-top: 1px solid #EBEBEB;
    position: absolute;
    top: 50%;
    right: -8px;
    transform: translateY(-50%) rotate(45deg);
    z-index: 1;
}

.process_card:nth-child(even)::after {
    left: -8px;
    right: auto;
    border-right: none;
    border-top: none;
    border-left: 1px solid #EBEBEB;
    border-bottom: 1px solid #EBEBEB;
}

/* Dot on the centre line */
.process_card::before {
    content: "";
    width: 11px;
    height: 11px;
    background: #fff;
    border: 1.5px solid #B5B5B9;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: -15%;
    transform: translateY(-50%);
    z-index: 2;
    transition: background 0.3s, border-color 0.3s;
}

.process_card:nth-child(even)::before {
    left: -15%;
    right: auto;
}

/* Active dot — teal filled */
.process_card.active::before {
    background: #047C9E;
    border-color: #047C9E;
    width: 13px;
    height: 13px;
}

/* Card inner layout */
.process_card_wrapper {
    display: flex;
    align-items: center;
    position: relative;
}

.process_card_text {
    padding: 30px;
    border-left: 1px solid #E7E7EA;
}

/* Step number top-right */
.process_card_number {
    position: absolute;
    top: 12px;
    right: 14px;
    font-size: 14px;
    font-weight: 600;
    color: #047C9E;
}

/* Icon box */
.process_card_icon {
    padding: 44px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.process_card_icon img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
}


/* Text */

.process_card_title {
    font-size: 18px;
    font-weight: 500;
    color: #4C4C4C;
    line-height: 1.3;
    margin-bottom: 8px;
}

.process_card_desc {
    font-size: 14px;
    line-height: 1.55;
    color: #747474;

    font-weight: 400;
}

/* Responsive */
@media only screen and (max-width: 1199px) {
    .process_title_wraper {
        width: 45%;
    }

    .process_desc_colm {
        width: 55%;
    }
}

@media only screen and (max-width: 991px) {
    .process_title_row {
        display: block;
    }

    .process_title_wraper,
    .process_desc_colm {
        width: 100%;
        padding-left: 0;
    }

    .process_desc_colm {
        margin-top: 10px;
        margin-bottom: 30px;
    }

    /* Stack all cards full-width, single column with left line */
    .process_timeline::after {
        left: 0px;
        transform: none;
    }

    .process_card,
    .process_card:nth-child(even) {
        width: calc(100% - 25px);
        margin-left: 25px;
        margin-bottom: 20px;
    }

    .process_card::before,
    .process_card:nth-child(even)::before {
        left: -33px;
        right: auto;
        top: 24px;
        transform: none;
    }

    .process_card::after,
    .process_card:nth-child(even)::after {
        left: -8px;
        right: auto;
        top: 20px;
        transform: rotate(45deg) translateY(0);
        border-right: none;
        border-top: none;
        border-left: 1px solid #EBEBEB;
        border-bottom: 1px solid #EBEBEB;
    }

    .process_timeline_box {
        padding: 0 0 0 10px;
    }
}

@media only screen and (max-width: 767px) {

    .process_card_title {
        font-size: 14px;
    }
}

@media only screen and (max-width: 480px) {
    .process_card_icon {
        padding: 20px;
    }

    .process_card_wrapper {
        flex-direction: column;
    }

    .process_card_text {
        border-left: none;
        border-top: 1px solid #E7E7EA;
    }
}

/* ---process-section---end--- */







/* ---condition-section---start--- */
.condition_section {
    overflow: hidden;
}

.condition_layout {
    display: flex;
    overflow: hidden;
}

.condition_desc {}

/* LEFT: Text content (default) */
.condition_text_col {
    width: 50%;
    flex-shrink: 0;
    padding: 0 74px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.condition_desc {
    margin-top: 10px;
    max-width: 460px;
}

.condition_img_col {
    width: 50%;
    flex-shrink: 0;
    overflow: hidden;
}

.condition_img_col img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s;
}

.condition_img_col:hover img {
    transform: scale(1.03);
}

.condition_layout.condition_reversed {
    flex-direction: row-reverse;
}

.condition_layout.condition_reversed .condition_desc {
    max-width: 100%;
}

@media only screen and (max-width: 1400px) {
    .condition_text_col {
        padding: 0 40px;
    }

    .condition_title {
        font-size: 28px;
    }
}

@media only screen and (max-width: 991px) {

    .condition_layout,
    .condition_layout.condition_reversed {
        flex-direction: column;
        min-height: auto;
        border-radius: 0;
    }

    .condition_img_col {
        width: 100%;
    }

    .condition_text_col,
    .condition_layout.condition_reversed .condition_text_col {
        width: 100%;

    }

    .condition_desc {
        max-width: 100%;
    }

    .condition_text_col {
        padding: 30px;
    }
}

@media (max-width: 767px) {
    .condition_img_col {
        height: 240px;
    }

    .condition_title {
        font-size: 24px;
    }

    .condition_text_col {
        padding: 30px 15px;
    }

}

/* ---condition-section---end--- */



/* ---donation-section---start--- */

.donation_section_wrap {
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    box-shadow: 0px 4px 40px 0px rgb(0 0 0 / 8%);
}

/* ---- LEFT: Teal donation panel ---- */
.donation_left {
    width: 48%;
    background: linear-gradient(105.21deg, #057B9D 39.31%, #0A2542 143.51%);
    padding: 43px 58px;
    position: relative;
    overflow: hidden;
}

.dona_box {
    border-radius: 16px;
    overflow: hidden;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
}

.bg_image_impact {
    position: absolute;
    top: 35%;
    left: 0px;
    width: 100%;
    right: 0px;
    transform: translate(0px, -50%);
    height: initial;
}


.donation_secure_label {
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
    margin-bottom: 46px;
}

/* Platform cards grid */
.donation_platforms_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 34px 18px;
    padding: 31px;
    border-radius: 16px;
    position: relative;
    z-index: 1;
    background: #047c9eb8;
    box-shadow: inset 0px 0px 5px #ffffff33;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border: 1px solid #5ebfd9;
}

.donation_platform_card {
    background: #FFFFFF33;
    border-radius: 16px;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: flex-start;

}


.donation_platform_logo {
    padding: 11px 22px;
    border-radius: 16px;
    width: 100%;
    background-color: #FFFFFFB2;
}

.donation_platform_logo img {
    width: auto;
    height: 42px;
    object-fit: contain;
    display: block;

}

.donation_platform_link_text {
    font-size: 14px;
    display: block;
    padding: 10px 22px;
    color: #FFFFFF;
    font-weight: 400;
}

.donation_whatsapp_note {
    padding-top: 28px;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
    line-height: 1.6;
    position: relative;
    z-index: 1;
}

.donation_right {
    flex: 1;
    background: #ffffff;
    padding: 40px 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.donation_impact_title {
    margin-bottom: 10px;
}

.donation_impact_desc {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #747474;
    margin-bottom: 28px;
    max-width: 480px;
}

/* Impact rows */
.donation_impact_list {
    list-style: none;
}

.donation_impact_item {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px 0;
    border-bottom: 1px solid #E2E2E2;
}

.donation_impact_item:first-child {
    padding-top: 0px;
}

.donation_impact_item:last-child {
    border-bottom: none;
}

.donation_impact_badge {
    flex-shrink: 0;
    background: #047C9E;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    padding: 13px 23px;
    border-radius: 16px;
    min-width: 100px;
    text-align: center;
}

.donation_impact_text {
    font-size: 14px;
    font-weight: 400;
    color: #747474;
    line-height: 1.4;
}

/* Bottom info note */
.donation_info_note {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 20px;
}

.donation_info_icon {
    flex-shrink: 0;
    width: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 3px;
}

.donation_info_note_text {
    font-size: 14px;
    color: #747474;
    font-weight: 400;
    line-height: 1.6;
}

.secure_donation_box {
    position: relative;
    z-index: 1;
}

@media only screen and (max-width: 991px) {
    .donation_section_wrap {
        flex-direction: column;
    }

    .donation_left {
        width: 100%;
    }

    .donation_right {
        padding: 30px 0;
    }

    .donation_impact_desc {
        max-width: 100%;
    }

    .donation_right {
        padding: 30px 15px;
    }
}

@media only screen and (max-width: 767px) {
    .donation_platforms_grid {
        gap: 10px;
        grid-template-columns: 1fr;
    }

    .donation_platform_card {
        padding: 14px;
    }

    .donation_impact_badge {
        min-width: 66px;
        font-size: 11px;
    }

    .donation_left {
        padding: 15px;
    }

    .donation_secure_label {
        margin-bottom: 15px;
    }

    .donation_platforms_grid {
        padding: 15px;
    }

    .donation_platform_link_text {
        padding-left: 0px;
        padding-right: 0px;
    }

}

/* ---donation-section---end--- */





/* ---appointment-section---start--- */

.appt_layout {
    display: flex;
    gap: 40px;
    align-items: flex-start;
}

.appt_left {
    flex: 1;
}


.appt_title span {
    font-weight: 700;
    font-style: italic;
    font-family: "Ubuntu", sans-serif;
    color: #4C4C4C;
}

.appt_desc {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #747474;
    margin-top: 10px;
    margin-bottom: 22px;
    max-width: 380px;
}


.appt_contact_cards {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-bottom: 32px;
}

.appt_contact_card {
    display: flex;
    align-items: center;
    gap: 16px;
    border: 1px solid #E0E0E0;
    border-radius: 12px;
    padding: 16px;
    text-decoration: none;
    transition: border-color 0.25s;
}

.appt_contact_card:hover {
    border-color: #047C9E;

}

.appt_contact_icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1.5px solid #E0E0E0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: border-color 0.25s;
}

.appt_contact_icon img {
    width: 18px;
    height: auto;
    display: block;
}

.appt_contact_card:hover .appt_contact_icon {
    border-color: #047C9E;
}

.appt_contact_icon svg {
    width: 18px;
    height: 18px;
}

.appt_contact_text_small {
    font-size: 12px;
    color: #707070;
    font-weight: 400;
    margin-bottom: 3px;
}

.appt_contact_text_main {
    font-size: 20px;
    font-weight: 500;
    color: #404040;
}

.appt_bottom_row {
    display: flex;
    gap: 20px;
}

.appt_info_list {
    flex: 1;
    display: flex;
    flex-direction: column;
    width: 50%;
    align-items: start;
    justify-content: center;
    gap: 15px;
}

.appt_info_item {
    display: flex;
    position: relative;
    gap: 10px;
    width: 100%;
    padding-bottom: 15px;
    border-bottom: 1px solid #E0E0E0;
}

.appt_info_item:last-child {
    border: none;
    padding: 0;
}

.appt_info_item::after {
    content: "";
    position: absolute;
    bottom: -1px;
    height: 1px;
    width: 60px;
    background-color: #047C9E;
}

.appt_info_item:last-child::after {
    content: none;
}

.appt_info_icon {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    margin-top: 1px;
    color: #047C9E;
}

.appt_info_icon img {
    width: 18px;
    height: auto;
    display: block;
    flex-shrink: 0;
}

.appt_info_icon svg {
    width: 18px;
    height: 18px;
}

.appt_info_text {
    font-size: 14px;
    font-weight: 400;
    color: #747474;
    line-height: 1.5;
}


.appt_map_box {
    width: 50%;
    flex-shrink: 0;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}

.appt_map_box iframe {
    width: 100%;
    min-height: 300px;
    display: block;
    border: none;
}

.appt_map_open_link {
    position: absolute;
    top: 8px;
    right: 8px;
    background: #fff;
    border-radius: 6px;
    padding: 4px 8px;
    font-size: 11px;
    font-weight: 500;
    color: #047C9E;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 3px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    transition: background 0.2s;
}

.appt_map_open_link:hover {
    background: #f0f9fb;
    color: #047C9E;
}

.appt_map_open_link svg {
    width: 10px;
    height: 10px;
}

.appt_right {
    width: 46%;
    flex-shrink: 0;
}

.enquiry_card {
    background: linear-gradient(105.21deg, #057B9D 39.31%, #0A2542 86.51%);
    border-radius: 16px;
    padding: 50px 40px;
    position: relative;
    overflow: hidden;
}

.enquiry_title {
    font-size: 24px;
    font-weight: 500;
    color: #FFFFFF;
    margin-bottom: 6px;
    position: relative;
    z-index: 1;
}

.enquiry_subtitle {
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    margin-bottom: 28px;
    position: relative;
    z-index: 1;
}

.enquiry_form {
    position: relative;
    z-index: 1;
}

.enquiry_field {
    margin-bottom: 16px;
}

.enquiry_label {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    margin-bottom: 7px;
}

.enquiry_input,
.enquiry_textarea {
    display: block;
    width: 100%;
    background-color: transparent;
    border: 1px solid #FFFFFF80;
    border-radius: 8px;
    padding: 16px;
    outline: none;
    font-size: 12px;
    font-weight: 300;
    color: #FFFFFF80;
    font-family: "Helvetica Neue", sans-serif;
    transition: border-color 0.25s, background 0.25s;
    outline: none;
}

.enquiry_input::placeholder,
.enquiry_textarea::placeholder {
    color: #FFFFFF80;
    font-size: 12px;
    font-weight: 300;
}

.enquiry_textarea {
    resize: none;
    height: 100px;
}

/* Submit button */
.enquiry_submit_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    max-width: 260px;
    padding: 14px 20px;
    background: #ffffff;
    color: #047C9E;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    margin-top: 6px;
    transition: background 0.25s, color 0.25s;
}

.enquiry_submit_btn:hover {
    background: #f0f9fb;
}

.enquiry_submit_btn:hover img {
    transform: rotate(45deg);

}

.enquiry_submit_btn img {
    width: 10px;
    transition: all 0.25s ease;
}

/* Responsive */
@media only screen and (max-width: 1199px) {
    .appt_right {
        width: 48%;
    }
}

@media only screen and (max-width: 991px) {
    .appt_layout {
        flex-direction: column;
        gap: 30px;
    }

    .appt_right {
        width: 100%;
    }

    .appt_desc {
        max-width: 100%;
    }

    .appt_left,
    .appt_info_list {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .appt_bottom_row {
        flex-direction: column;
    }

    .appt_map_box {
        width: 100%;
    }
}

/* ---appointment-section---end--- */




/*---about---your---liver---start---here---*/

.caculater_h_b_card {
    border: 1px solid #E8E8E8;
    border-radius: 16px;
    overflow: hidden;
    height: 100%;
    background: #fff;
}

.header_caculater_card {
    background: #F7F7F7;
    border-bottom: 1px solid #E8E8E8;
    display: flex;
    align-items: center;
    padding: 10px;
}

.icon_caculater_card {
    background: #fff;
    border: 1px solid #E8E8E8;
    box-shadow: 0px 4px 30px 0px #00000012;
    border-radius: 50%;
    width: 56px;
    height: 56px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.icon_caculater_card img {
    max-width: 50%;
    max-height: 70%;
    object-fit: contain;
}

.caculater_card_header_title {
    width: calc(100% - 56px);
    padding-left: 25px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3;
    color: #4A4A4A;
}

.content_caculater_card {
    padding: 20px;
}

.caculater_card_desc {
    font-size: 14px;
    line-height: 21px;
    color: #747474;
}

.link_btn_caculater {
    display: inline-flex;
    align-items: center;
    color: #047C9E;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
}

.link_btn_caculater img {
    display: inline-block;
    width: 9px;
    margin-left: 5px;
    transition: all 0.3s;
}

.link_btn_caculater:hover img {
    transform: rotate(45deg);
}

.fitness-body {
    background: #F7F7F7;
}

.about_liver_relative {
    position: relative;
}

.about_liver_slider {
    overflow: hidden;
}

.about_liver_wrapper .slider_arrow {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 6;
}

.about_liver_slider .swiper-slide {
    height: initial;
}

.about_liver_section .title_row {
    width: 550px;
}

.about_liver_section .title_wraper {
    width: 170px;
}

.about_liver_section .title_desc_colm {
    width: calc(100% - 170px);
}

.about_liver_section {
    background-color: #F7F7F7;
}



@media only screen and (max-width: 991px) {
    .about_liver_wrapper {
        position: relative;
    }

    .about_liver_wrapper .slider_arrow {
        top: 50%;
        left: -15px;
        right: -15px;
        justify-content: space-between;
        transform: translate(0px, -50%);
    }
}

@media only screen and (max-width: 767px) {
    .about_liver_wrapper .slider_arrow {
        left: -12px;
        right: -12px;
    }
}

/*---about---your---liver---end---here---*/



/*---like--to--explore---start---here---*/
.like_to_explore_section_relative {
    position: relative;
}

.like_to_explore_section .title_row {
    width: 630px;
}

.like_to_explore_section .title_wraper {
    width: 240px;
}

.like_to_explore_section .title_desc_colm {
    width: calc(100% - 240px);
}

.like_to_expolre_slider {
    overflow: hidden;
    border-radius: 16px;
}

.like_to_expolre_card {
    height: 100%;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid #DDDDDD;
    padding-bottom: 50px;
}

.like_to_expolore_image_box {
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    overflow: hidden;
}

.like_to_expolore_image_box img {
    width: 100%;
    height: initial;
    display: block;
    transition: all 0.3s;
    aspect-ratio: 475/345;
    object-fit: cover;
}

.like_to_expolre_card:hover .like_to_expolore_image_box img {
    transform: scale(1.1);
}

.like_to_explore_content_box {
    padding: 20px;
}

.like_to_explore_title {
    font-size: 18px;
    font-weight: 500;
    color: #4C4C4C;
    line-height: 1.3;
    margin-bottom: 8px;
}

.like_to_explore_desc {
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    color: #747474;
}

.like_to_expolore_btn_box {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 1;
}

.like_to_expolre_slider .swiper-slide {
    height: initial;
}

.like_to_explore_section_relative .slider_arrow {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 3;
    pointer-events: none;
}

.like_to_expolre_back,
.like_to_expolre_next {
    pointer-events: initial;
}

@media only screen and (max-width: 991px) {
    .like_to_explore_section_relative .slider_arrow {
        top: 27%;
        left: -18px;
        right: 15px;
        justify-content: space-between;
        transform: translate(0px, -50%);
    }

    .like_to_explore_wrapper {
        position: relative;
        margin-right: -30px;
    }

    .like_to_expolre_slider {
        border-radius: 0px;
        padding-right: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .like_to_explore_wrapper {
        margin-right: -15px;
    }

    .like_to_expolre_slider {
        padding-right: 15px;
    }

    .like_to_explore_section_relative .slider_arrow {
        left: -11px;
        right: 5px;
        top: 26%;
    }
}

@media only screen and (max-width: 360px) {
    .like_to_explore_section_relative .slider_arrow {
        top: 22%;
    }
}

/*---like--to--explore---end---here---*/

.condition_section {
    max-width: 1920px;
    margin: 0px auto;
}


/*---health----blog---start---here---*/
.health_blog {
    background: #f4f4f4;
}

.relative_health_blog {
    position: relative;
}

.relative_health_blog .title_wraper {
    width: 100%;
}

.relative_health_blog .title_row {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.relative_health_blog .slider_arrow {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 4;
}

.health_blog_slider {
    overflow: hidden;
}

.health_blog_slider .swiper-slide {
    height: initial;
}

.health_blog_slider .health_blog_card {
    height: 100%;
    border: 1px solid #E8E8E8;
    border-radius: 16px;
    overflow: hidden;
    padding-bottom: 65px;
    position: relative;
    background: #FFFFFF;
}

.health_blog_image img {
    width: 100%;
    height: initial;
    line-height: 0px;
    transition: all 0.3s;
    border-radius: 0 0 16px 16px;
}

.health_blog_image {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    overflow: hidden;
    position: relative;
    line-height: 0px;
    display: block;
    width: 100%;
    text-decoration: none;
}

.health_blog_content_box {
    padding: 32px 24px 0;
}

.health_blog_title {
    font-size: 18px;
    line-height: 1.3;
    font-weight: 500;
    color: #4C4C4C;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.health_blog_desc {
    color: #747474;
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 0px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.health_blog_btn {
    position: absolute;
    bottom: 25px;
    left: 25px;
    right: 25px;
    width: auto;
    z-index: 3;
    display: flex;
    justify-content: flex-start;
}

@media only screen and (max-width: 1024px) {
    .health_blog_content_box {
        padding: 15px;
    }
}

@media only screen and (max-width: 991px) {
    .health_blog_wrapper {
        margin-right: -30px;
        position: relative;
    }

    .health_blog_slider {
        padding-right: 30px;
    }

    .health_blog_wrapper .slider_arrow {
        top: 50%;
        left: -20px;
        right: 20px;
        justify-content: space-between;
        transform: translate(0px, -50%);
        pointer-events: none;
    }

    .health_blog_wrapper .slider_arrow .custom-swiper-button-next,
    .health_blog_wrapper .custom-swiper-button-prev {
        pointer-events: initial;
    }
}

@media only screen and (max-width: 768px) {
    .health_blog_wrapper {
        margin-right: -15px;
        position: relative;
    }

    .health_blog_slider {
        padding-right: 15px;
    }

    .health_blog_wrapper .slider_arrow {
        left: -11px;
        right: 11px;
    }

    .health_blog_wrapper .slider_arrow {
        top: 27%;
    }

    .health_blog_title {
        font-size: 17px;
    }

    .health_blog_wrapper .common_btn_box .common_btn {
        display: flex;
        justify-content: center;
        width: calc(100% - 15px);
    }

    .health_blog_slider .health_blog_card {
        padding-bottom: 40px;
    }

    .health_blog_btn {
        left: 16px;
    }

    .health_blog_btn .cancer_card_link {
        font-size: 14px;
        font-weight: 500;
    }

    .health_blog_wrapper .slider_arrow {
        top: 50%;
    }
}


/*---our--milestone----start---here---*/
.our_milstone_section .section_title {
    text-align: center;
}

.our_milstone_section {
    background: #F7F7F7;
}

.our_milstone_section .title_wraper {
    width: 260px;
}

.our_milstone_section .title_desc_colm {
    width: calc(100% - 260px);
}

.our_milstone_section .title_row {
    width: 700px;
}

.our_milstone_slider {
    overflow: hidden;
    height: 100%;
    border-radius: 15px;
}

.our_milstone_card_row {
    display: flex;
    flex-wrap: wrap;
    border-radius: 16px;
    overflow: hidden;
    height: 100%;
    background: #fff;
}

.our_milstone__img_box {
    width: 50%;
    height: 100%;
}

.our_milstone__img_box img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: all 0.4s;
}

.our_milstone_content_card {
    display: flex;
    align-items: center;
    padding: 5px 26px;
    width: 50%;
}

.our_milstone_inner_content_card {
    width: 100%;
}

.our_milstone_card_title {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 500;
    margin-bottom: 5px;
}

.our_milstone_card_desc {
    font-size: 14px;
    line-height: 21px;
    color: #747474;
}

.our_milstone_relative {
    position: relative;
}

.our_milstone_relative .slider_arrow {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 4;
}

.our_milstone__img_box {
    overflow: hidden;
}

.our_milstone_card_row:hover .our_milstone__img_box img {
    transform: scale(1.1);
}





@media only screen and (max-width: 767px) {
    .our_milstone_section .section_title {
        text-align: left;
    }

    .our_milstone_content_card {
        order: 2;
    }

    .our_milstone__img_box {
        order: 1;
    }

    .our_milstone_card_row {
        border-radius: 16px;
        overflow: hidden;
    }

    .our_milstone__img_box {
        width: 100%;
        border-bottom: 16px;
        border-bottom-right-radius: 16px;
        overflow: hidden;
        height: initial;
    }

    .our_milstone_content_card {
        width: 100%;
    }

    .our_milstone_content_card {
        padding: 20px 15px;
    }

    .our_milstone_slider .swiper-slide {
        height: initial;
    }

    .milestone_wrapper_inner {
        margin-right: -15px;
    }

    .milestone_wrapper {
        position: relative;
    }

    .our_milstone_relative .slider_arrow {
        top: 32%;
        left: -11px;
        right: -11px;
        justify-content: space-between;
        transform: translate(0px, -50%);
        pointer-events: none;
    }

    .our_milstone_relative .slider_arrow .custom-swiper-button-next,
    .our_milstone_relative .custom-swiper-button-prev {
        pointer-events: initial;
    }

    .our_milstone_slider {
        padding-right: 15px;
    }

    .our_milstone__img_box {
        border-bottom-left-radius: 16px;
    }

    .our_milstone_slider {
        border-bottom-right-radius: 0px;
        border-top-right-radius: 0px;
    }
}

@media only screen and (max-width: 365px) {
    .our_milstone_relative .slider_arrow {
        top: 29%;
    }
}

@media only screen and (max-width: 340px) {
    .our_milstone_relative .slider_arrow {
        top: 27%;
    }
}

/*---our--milestone----end---here---*/



/*---expert---care---start---here---*/
.expert_section {
    background: #F7F7F7;
}

.expert_section .title_wraper {
    width: 265px;
}

.expert_section .title_desc_colm {
    width: calc(100% - 265px);
}

.expert_section .title_row {
    width: 660px;
}

.expert_care_slider {
    overflow: hidden;
    padding-right: 60px;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
}

.expert_care_slider .swiper-wrapper {
    flex-direction: row;
}

.expert_care_slider .swiper-wrapper .swiper-slide {
    margin-top: 0px !important;
    height: initial !important;
}

.expert_inner_card {
    display: flex;
    height: 100%;
}

.expert_image_box {
    width: 47%;
    position: relative;
}

.expert_image {
    width: 100%;
    display: block;
    height: 100%;
    object-fit: cover;
}

.expert_care_content_colm {
    width: 53%;
    padding: 15px;
}

.expert_item {
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 4%);
    height: 100%;
    position: relative;
    padding-bottom: 48px;
}

.expert_care_slider .swiper-slide {
    padding: 10px 0px;
}

.expert_doctor_name {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.3;
    padding-right: 25px;
    position: relative;
}

.expert_care_doctor_desc {
    margin-top: 3px;
    font-size: 14px;
    line-height: 19px;
    color: #747474;
}

.expert_care_doctor_experience {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    padding: 10px 0px 15px 0px;
    border-bottom: 1px solid #E7E7E7;
    position: relative;
}

.expert_care_doctor_experience:after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0px;
    border-bottom: 2px solid #047C9E;
    width: 40px;
}

.expert_care_location {
    padding-top: 12px;
}

.expert_care_location_title {
    position: relative;
    padding-left: 20px;
    font-size: 14px;
    color: #747474;
    margin-top: 5px;
}

.expert_care_location label input {
    display: none;
}

.expert_care_location_title:after {
    content: '';
    position: absolute;
    top: 2px;
    left: 0px;
    width: 13px;
    height: 13px;
    border: 1px solid #047C9E;
    border-radius: 30px;
}

.expert_care_location_title:before {
    content: '';
    position: absolute;
    top: 6px;
    left: 4px;
    width: 5px;
    height: 5px;
    border: 1px solid #047C9E;
    border-radius: 30px;
    background: #047C9E;
    display: none;
}

.expert_care_location label input[type="radio"]:checked+.expert_care_location_title::before {
    display: block;
}

.expert_care_location label {
    font-weight: 400;
    cursor: pointer;
}

.expert_wrapper {
    margin-right: -60px;
}

.expert_care_bottom_btn_row {
    display: flex;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

.expert_care_colm_btn {
    width: 47%;
}

.expert_care_colm_btn:nth-of-type(2) {
    width: 53%;
}

.expert_care_colm_btn2 .call_now_btn_common {
    padding: 15px 5px;
    border-bottom-right-radius: 17px;
    overflow: hidden;
}

.play_btn_expert {
    width: 21px;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
}

.play_btn_expert img {
    width: 100%;
    height: initial;
}

.share_icon_expert {
    width: 18px;
    position: absolute;
    right: 0px;
    top: 0px;
    line-height: 0px;
    cursor: pointer;
    z-index: 4;
}

.share_icon_expert img {
    width: 100%;
    height: initial;
}

.share_list_wrapper {
    position: absolute;
    top: 96%;
    right: -5px;
    padding-top: 5px;
}

.share_social_list {
    border-radius: 6px;
    background: #057b9d;
    padding: 5px 6px;
}

.share_social_list li {
    display: block;
    list-style: none;
    padding: 0px;
    margin: 5px auto;
    width: 24px;
}

.share_social_list a {
    display: block;
}

.share_social_list a img {
    width: 100%;
    height: initial;
}

.share_list_wrapper {
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s;
}

.expert_section {
    position: relative;
}

.expert_section .slider_arrow {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 6;
}

.expert_care_colm_btn:first-child .card_common_btn {
    padding: 16px 5px;
}

@media only screen and (min-width: 1025px) {
    .share_icon_expert:hover .share_list_wrapper {
        display: block;
        pointer-events: initial;
        opacity: 1;
    }
}

@media only screen and (max-width: 1400px) {
    .expert_care_doctor_desc br {
        display: none;
    }

    .expert_care_doctor_desc {
        font-size: 13px;
    }

    .expert_doctor_name {
        font-size: 14px;
    }

    .expert_care_doctor_experience {
        font-size: 13px;
        padding: 7px;
    }

    .expert_care_location_title {
        font-size: 13px;
    }
}

@media only screen and (max-width: 1300px) {
    .expert_care_colm_btn2 .call_now_btn_common {
        padding: 14.5px 5px;
    }

    .expert_care_colm_btn:first-child .card_common_btn {
        padding: 14px 5px;
        height: 100%;
    }

    .expert_item {
        padding-bottom: 47px;
    }
}

@media only screen and (max-width: 1199px) {
    .expert_wrapper {
        margin-right: -30px;
    }

    .expert_care_slider {
        padding-right: 30px;
    }
}

@media only screen and (max-width: 1024px) {
    .share_icon_expert.active .share_list_wrapper {
        opacity: 1;
        pointer-events: initial;
    }
}

@media only screen and (max-width: 991px) {
    .expert_section .slider_arrow {
        top: 45%;
        left: -18px;
        right: 15px;
        justify-content: space-between;
        transform: translate(0px, -50%);
        pointer-events: none;
    }

    .expert_wrapper {
        position: relative;
    }

    .custom-swiper-button-prev,
    .custom-swiper-button-next {
        background: #fff;
        pointer-events: initial;
    }
}


@media only screen and (max-width: 767px) {
    .expert_wrapper {
        margin-right: -15px;
    }

    .expert_care_slider {
        padding-right: 15px;
    }

    .expert_section .section_title br {
        display: block;
    }

    .expert_doctor_name br,
    .expert_care_doctor_desc br {
        display: none;
    }

    .expert_care_slider .swiper-slide {
        height: initial;
    }

    .expert_item {
        height: 100%;
    }

    .expert_section .slider_arrow {
        left: -11px;
    }

    .expert_section .common_btn {
        width: 100%;
        justify-content: center;
    }

    .expert_care_colm_btn2 .call_now_btn_common {
        padding: 14px 5px;
    }

    .custom_popup_inner iframe {
        height: 400px;
    }

    .expert_item {
        padding-bottom: 46px;
    }

    .expert_image {
        height: 101%;
    }

}

@media only screen and (max-width: 390px) {

    .expert_wrapper .card_common_btn,
    .expert_care_colm_btn2 .call_now_btn_common {
        font-size: 12px;
    }

    .expert_wrapper .card_common_btn span {
        width: 7px;
    }

    .expert_section .slider_arrow {
        right: 5px;
    }
}


.slider_border_line .custom-swiper-button-next:before,
.slider_border_line .custom-swiper-button-prev:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    border: 1px solid #047C9E;
    border-radius: 30px;
    clip-path: polygon(50% 0%, 100% 0%, 100% 50%, 50% 50%);
    transform: rotate(-90deg);
    transition: all 0.3s;
}

.slider_border_line .custom-swiper-button-next:hover:before,
.slider_border_line .custom-swiper-button-prev:hover:before {
    clip-path: inset(0);
}

.slider_border_line .swiper-button-disabled:before {
    display: none;
}

.title_link_d {
    color: #4A4A4A;
    transition: all 0.3s;
}

.title_link_d:hover {
    color: #007c9d;
}

.spcilaity {
    color: #047C9E;
}

.expert_care_doctor_experience {
    color: #747474;
}

@media only screen and (min-width: 1025px) {
    .call_now_btn_common:hover {
        background: #047C9E;
        color: #fff;
    }
}

/*---expert---care---end---here---*/

/*---leading---cancer---start---here---*/
.Leading-Cancer {
    background-color: #F8F9FA;
}

.Leading-Cancer .counter_row {
    display: flex;
    flex-wrap: wrap;
    margin: 32px -15px 0 -15px;
}

.Leading-Cancer .counter_colm {
    width: 16.6666%;
    padding: 0 15px;
}

.Leading-Cancer .counter_box {
    width: 100%;
    flex-direction: column;
    justify-content: left;
    align-items: flex-start;
}

.Leading-Cancer .counter_title {
    font-size: 36px;
    font-weight: 500;
    color: #047C9E;
    line-height: 1.1;
    font-family: "Helvetica Neue", sans-serif;
}

.Leading-Cancer .counter_line {
    width: 100%;
    height: 1px;
    background: #E4E4E4;
    position: relative;
    margin: 11px 0 11px 0;
}

.Leading-Cancer .counter_line span {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: #047C9E;
}

.Leading-Cancer .counter_desc {
    font-size: 14px;
    color: #747474;
    line-height: 1.4;
    font-weight: 400;
}

.Leading-Cancer .transforming_title_row {
    display: flex;
    width: 660px;
    justify-content: space-between;
}

.transforming_title_row {
    width: 265px;
}

.transforming_desc_colm {
    width: calc(100% - 265px);
    margin-top: 7px;
    padding-left: 30px;
}

@media only screen and (max-width: 991px) {
    .Leading-Cancer .counter_row {
        margin-top: 30px;
    }

    .Leading-Cancer .counter_colm {
        width: 50%;
        margin-bottom: 0;
    }

    .Leading-Cancer .counter_title {
        font-size: 36px;
    }

}

@media only screen and (max-width: 768px) {

    .Leading-Cancer .transforming_title_row {
        display: block;
        width: 100%;
    }

    .transforming_desc_colm {
        width: 100%;
        padding-left: 0;
        margin-top: 9px;
    }

    .Leading-Cancer .counter_title {
        font-size: 30px;
    }
}

/*---leading---cancer---end---here---*/

/*---why---choose---apollo---start---here---*/
.why_choose_apollo {
    background: linear-gradient(90deg, #047C9E 0%, #0B203D 100%);
    padding: 60px 0;
    color: #ffffff;
    overflow: hidden;
}

.why_choose_header {
    margin-bottom: 60px;
}

.why_choose_header .section_title {
    color: #ffffff;
}

.why_choose_header .section_title span {
    color: #ffffff;
    font-weight: 700;
    font-style: italic;
}

.choose_layout {
    display: grid;
    grid-template-columns: 1fr 534px 1fr;
    grid-template-rows: auto auto;
    gap: 20px;
    align-items: center;
}

.choose_center_col {
    grid-column: 2;
    grid-row: 1 / span 2;
    display: flex;
    justify-content: center;
    align-items: center;
}

.circle_img_wrapper {
    width: 534px;
    height: 534px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #047C9E;
    display: flex;
    align-items: center;
    justify-content: center;
}

.center_circle_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.desktop_circle {
    display: block;
}

.mobile_circle {
    display: none;
}

.top_left_feature {
    grid-column: 1;
    grid-row: 1;
}

.bottom_left_feature {
    grid-column: 1;
    grid-row: 2;
}

.top_right_feature {
    grid-column: 3;
    grid-row: 1;
}

.bottom_right_feature {
    grid-column: 3;
    grid-row: 2;
}

/* Feature Points styling */
.choose_feature {
    position: relative;
    display: flex;
    gap: 25px;
    align-items: center;
}


.choose_right_col_item {
    text-align: left;
    flex-direction: row;
}

.feature_icon {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background: url('../images/icon/bag-withicon.png') no-repeat center;
    background-size: contain;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.feature_icon svg {
    display: block;
}

.feature_content {
    width: 100%;
}

.choose_feature h3 {
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    margin-bottom: 8px;
    line-height: 1.3;
}

.choose_feature p {
    font-size: 14px;
    font-weight: 400;
    color: #D1E2EC;
    line-height: 1.45;
    opacity: .6;
    margin-bottom: 0;
}

.choose_center_col {
    position: relative;
}

/* Connecting Line Images positioning */
.connect_line {
    position: absolute;
    pointer-events: none;
    z-index: 1;
    width: 490px;
}

.choose_center_col .line_top_left {
    top: calc(50% - 280px);
    right: 72%;
    left: auto;
}

.choose_center_col .line_bottom_left {
    bottom: calc(50% - 280px);
    right: 72%;
    left: auto;
}

.choose_center_col .line_top_right {
    top: calc(50% - 280px);
    left: 72%;
    right: auto;
}

.choose_center_col .line_bottom_right {
    bottom: calc(50% - 280px);
    left: 72%;
    right: auto;
}

/* Adjust connecting line widths for smaller desktop screens (1440px and below) */
@media only screen and (max-width: 1680px) {

    .choose_center_col .line_top_left,
    .choose_center_col .line_bottom_left {
        width: 430px;
    }

    .choose_center_col .line_top_right,
    .choose_center_col .line_bottom_right {
        width: 430px;
    }
}

@media only screen and (max-width: 1440px) {
    .choose_layout {
        grid-template-columns: 1fr 460px 1fr;
    }

    .circle_img_wrapper {
        width: 460px;
        height: 460px;
    }

    .choose_center_col .line_top_left,
    .choose_center_col .line_top_right {
        top: calc(50% - 240px);
    }

    .choose_center_col .line_bottom_left,
    .choose_center_col .line_bottom_right {
        bottom: calc(50% - 240px);
    }

    .choose_center_col .line_top_left,
    .choose_center_col .line_bottom_left {
        right: 72%;
        left: auto;
        width: 380px;
    }

    .choose_center_col .line_top_right,
    .choose_center_col .line_bottom_right {
        left: 72%;
        right: auto;
        width: 380px;
    }
}

/* Adjust connecting line widths for medium desktop screens (1366px and below) */
@media only screen and (max-width: 1359px) {
    .choose_layout {
        grid-template-columns: 1fr 380px 1fr;
    }

    .circle_img_wrapper {
        width: 380px;
        height: 380px;
    }

    .choose_center_col .line_top_left,
    .choose_center_col .line_top_right {
        top: calc(50% - 196px);
    }

    .choose_center_col .line_bottom_left,
    .choose_center_col .line_bottom_right {
        bottom: calc(50% - 196px);
    }

    .choose_center_col .line_top_left,
    .choose_center_col .line_bottom_left {
        right: 72%;
        left: auto;
        width: 300px;
    }

    .choose_center_col .line_top_right,
    .choose_center_col .line_bottom_right {
        left: 72%;
        right: auto;
        width: 300px;
    }
}

/* Hide connecting lines on smaller screens to prevent overlap */
@media only screen and (max-width: 1199px) {
    .connect_line {
        display: none !important;
    }

    .why_choose_apollo {
        padding: 50px 0;
    }

    .why_choose_header {
        margin-bottom: 40px;
    }

    .choose_layout {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0;
    }

    .choose_center_col {
        order: 1;
        margin-bottom: 30px;
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .circle_img_wrapper {
        width: 361px;
        height: 361px;
        border-width: 1px;
    }

    .desktop_circle {
        display: none;
    }

    .mobile_circle {
        display: block;
    }

    .top_left_feature {
        order: 2;
    }

    .top_right_feature {
        order: 3;
    }

    .bottom_left_feature {
        order: 4;
    }

    .bottom_right_feature {
        order: 5;
    }

    .choose_feature {
        border-bottom: 1px solid #047C9E;
        padding: 16px 0;
        width: 100%;
        display: flex;
        flex-direction: row-reverse;
        text-align: left !important;
        justify-content: space-between;
        align-items: center;
        gap: 15px;
    }

    .bottom_right_feature {
        border-bottom: none;
    }

    .feature_icon {
        width: 48px;
        height: 48px;
    }

    .feature_icon svg {
        width: 20px;
        height: 20px;
    }

    .choose_feature p {
        font-size: 16px;
    }
}

@media only screen and (max-width: 479px) {
    .choose_feature h3 {
        font-size: 14px;
    }

    .choose_feature p {
        font-size: 14px;
    }

    .choose_feature {
        padding: 14px 0;
    }

}

/*---why---choose---apollo---end---here---*/
/*---leading---cancer---end---here---*/

/*---cancers---we---treat---start---here---*/
.cancers_section {
    background-color: #ffffff;
}

.cancers_title_row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

/* View All Pill Button */
.view_all_btn {
    background: #FBBB1A;
    color: #2F2F2F;
    font-size: 15px;
    font-weight: 500;
    padding: 12px 28px;
    border-radius: 30px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    width: 100%;
    justify-content: center;
}

.view_all_btn.desktop_view_all {
    width: auto;
}


.view_all_btn svg {
    transition: transform 0.3s ease;
}

.view_all_btn:hover {
    background: #e5a713;
    color: #2F2F2F;
}

.view_all_btn:hover svg {
    transform: translate(2px, -2px);
}

.desktop_view_all {
    display: inline-flex;
}

.mobile_view_all_wrapper {
    display: none;
    text-align: center;
    margin-top: 30px;
}

/* Desktop Grid layout */
.cancers_grid_wrapper {
    display: block;
}

.cancers_grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

/* Cancers Swiper wrapper hidden on desktop */
.cancers_slider_wrapper {
    display: none;
}

/* Cancer Card styling */
.cancer_card {
    background: #F5F5F7;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    overflow: hidden;
}

.cancer_card_body {
    padding: 30px 20px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.cancer_card_icon {
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cancer_card_icon svg {
    display: block;
}

.cancer_card_details {
    display: flex;
    flex-direction: column;
}

.cancer_card_name {
    font-size: 22px;
    font-weight: 400;
    color: #4C4C4C;
    margin-bottom: 9px;
    line-height: 1.3;
}

.cancer_card_desc {
    font-size: 14px;
    font-weight: 400;
    color: #747474;
    line-height: 1.5;
    margin: 0;
}

/* Card footer border-top - left to right, end to end */
.cancer_card_footer {
    border-top: 1px solid #DDDDDD;
    padding: 18px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cancer_card_link {
    font-size: 14px;
    font-weight: 500;
    color: #007C9D;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
}

.cancer_card_link svg circle,
.cancer_card_link svg path {
    transition: stroke 0.3s ease;
}

.cancer_card_link:hover {
    color: #0B203D;
}

.cancer_card_link:hover svg circle,
.cancer_card_link:hover svg path {
    stroke: #0B203D;
}

.cancers_swiper .swiper-slide {
    height: auto;
}

/* Cancers Slider Swiper Pagination styling */
.cancers_swiper_pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 25px;
    gap: 8px;
    display: none;
}

.cancers_swiper_pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    opacity: 1;
    border: 1px solid #007C9D;
    background: transparent;
    cursor: pointer;
    transition: all 0.3s ease;
}

.cancers_swiper_pagination .swiper-pagination-bullet-active {
    background: #007C9D;
    width: 24px;
    border-radius: 4px;
}

/* Tablet & Mobile layout breakpoint */
@media only screen and (max-width: 1023px) {
    .cancers_grid_wrapper {
        display: none;
    }

    .cancers_slider_wrapper {
        display: block;
        overflow: hidden;
        margin-right: -15px;
    }

    .desktop_view_all {
        display: none;
    }

    .mobile_view_all_wrapper {
        display: block;
    }

    .cancers_title_row {
        justify-content: center;
        text-align: center;
        margin-bottom: 30px;
    }

    /* On cancer.html (cancers_section), hide the slider and show the grid in 2 columns */
    .cancers_section .cancers_grid_wrapper {
        display: block;
    }

    .cancers_section .cancers_slider_wrapper {
        display: none;
    }

    .cancers_section .cancers_grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width: 640px) {
    .cancers_section .cancers_grid {
        grid-template-columns: 1fr;
    }
}

/* 480px and below card padding and responsiveness */
@media only screen and (max-width: 480px) {
    .cancer_card_body {
        padding: 15px 15px;
    }

    .cancer_card_footer {
        padding: 12px 15px;
    }

    .cancer_card_icon {
        margin-bottom: 20px;
    }

    .cancer_card_name {
        font-size: 18px;
    }

    .cancer_card_desc {
        font-size: 14px;
    }
}

/*---cancers---we---treat---end---here---*/


/*---supporting---step---start---here---*/
.supporting_step_section {
    background-color: #ffffff;
}

.relative_supporting_step {
    position: relative;
}

.supporting_step_swiper {
    overflow: hidden;
    padding-bottom: 25px;
    /* space for pagination on mobile */
}

.supporting_step_swiper .swiper-slide {
    height: auto;
}

@media only screen and (min-width: 1440px) {
    .supporting_step_swiper {
        padding-bottom: 0px;
    }
}

/* Supporting Card styles */
.supporting_card {
    position: relative;
    background: #F5F5F7;
    border-radius: 16px;
    padding: 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.supporting_card_header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 16px;
    padding-right: 30px;
    /* Leave space for absolute top-right number */
}

.supporting_card_icon {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.supporting_card_icon svg {
    display: block;
}

.supporting_card_title {
    font-size: 18px;
    font-weight: 500;
    color: #4C4C4C;
    line-height: 1.3;
    margin: 0;
}

.supporting_card_number {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 12px;
    font-weight: 400;
    color: #4A4A4A;
}

.supporting_card_desc {
    font-size: 14px;
    font-weight: 400;
    color: #747474;
    line-height: 1.5;
    margin: 0;
}

/* Swiper Pagination styling for supporting step */
.supporting_step_swiper_pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 25px;
    gap: 8px;
}

.supporting_step_swiper_pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    opacity: 1;
    border: 1px solid #007C9D;
    background: transparent;
    cursor: pointer;
    transition: all 0.3s ease;
}

.supporting_step_swiper_pagination .swiper-pagination-bullet-active {
    background: #007C9D;
    width: 24px;
    border-radius: 4px;
}

@media only screen and (min-width: 1440px) {
    .supporting_step_swiper_pagination {
        display: none !important;
    }
}

@media only screen and (max-width: 991px) {
    .supporting_step_swiper_pagination {
        display: none !important;
    }

    .supporting_step_wrapper {
        margin-right: -15px;
    }
}

/*---supporting---step---end---here---*/

/*---voices---courage---start---here---*/
.voices_courage_section {
    background-color: #f4f4f4;
}

.relative_voices_courage {
    position: relative;
}

.voices_courage_title_row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
    width: 100%;
}

.voices_courage_swiper {
    overflow: hidden;
}

.testimonial_item {
    display: flex;
    gap: 16px;
    align-items: stretch;
    height: 100%;
    width: 100%;
}

.testimonial_image_box {
    width: 37%;
    flex-shrink: 0;
    border-radius: 17px;
    overflow: hidden;
}

.testimonial_image_box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 17px;
}

.testimonial_content_card {
    width: 63%;
    background: #ffffff;
    border-radius: 17px;
    padding: 29px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 280px;
}

.testimonial_quote_icon {
    margin-bottom: 20px;
}

.testimonial_quote_icon svg {
    display: block;
}

.testimonial_text {
    font-size: 16px;
    font-weight: 400;
    color: #747474;
    line-height: 20px;
    margin: 0 0 77px 0;
}

.testimonial_footer {
    display: flex;
    gap: 7px;
    flex-direction: column;
    margin-top: auto;
}

.testimonial_author {
    font-size: 11px;
    font-weight: 700;
    color: #4C4C4C;
}

.testimonial_stars {
    display: flex;
    gap: 3px;
    align-items: center;
}

.testimonial_stars svg {
    width: 14px;
    height: 14px;
    display: block;
}

@media only screen and (max-width: 991px) {
    .voices_courage_title_row {
        margin-bottom: 30px;
    }

    .testimonial_item {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }

    .testimonial_image_box {
        width: 100%;
        height: 280px;
    }

    .testimonial_content_card {
        width: 100%;
        min-height: auto;
        padding: 25px 20px;
    }

    .testimonial_text {
        margin: 0 0 42px 0;
    }

    .voices_courage_wrapper {
        margin-right: -15px;
    }
}

@media only screen and (max-width: 480px) {
    .testimonial_image_box {
        height: 220px;
    }

    .testimonial_content_card {
        padding: 20px 15px;
    }
}

/* Prevent Swiper from hiding the navigation buttons when slide count is <= slidesPerView */
.voices_courage_section .custom-swiper-button-prev.swiper-button-lock,
.voices_courage_section .custom-swiper-button-next.swiper-button-lock {
    display: flex !important;
}

/* Ensure the navigation buttons always look active and have hover animations, even if disabled by Swiper on desktop */
.voices_courage_section .custom-swiper-button-prev.swiper-button-disabled,
.voices_courage_section .custom-swiper-button-next.swiper-button-disabled {
    pointer-events: auto !important;
    opacity: 1 !important;
}

.voices_courage_section .slider_border_line .custom-swiper-button-prev.swiper-button-disabled:before,
.voices_courage_section .slider_border_line .custom-swiper-button-next.swiper-button-disabled:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    border: 1px solid #047C9E;
    border-radius: 30px;
    clip-path: polygon(50% 0%, 100% 0%, 100% 50%, 50% 50%);
    transform: rotate(-90deg);
    transition: all 0.3s;
    display: block !important;
}

.voices_courage_section .slider_border_line .custom-swiper-button-prev.swiper-button-disabled:hover:before,
.voices_courage_section .slider_border_line .custom-swiper-button-next.swiper-button-disabled:hover:before {
    clip-path: inset(0) !important;
}

/*---voices---courage---end---here---*/

/*---cancers---we---treat---end---here---*/



/*---OUR DOCTOR--STRAT HERE--*/
.enterprise-leader-section {
    background-color: #FFFFFF;
}

.doctors_section_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
    gap: 20px;
    flex-wrap: wrap;
}

.doctors_filter_wrapper {
    display: flex;
    align-items: center;
    gap: 30px;
}

.doctor_select_box {
    position: relative;
    width: 180px;
}

.doctor_select_box select {
    width: 100%;
    border: none;
    border-bottom: 1px solid #DDDDDD;
    padding: 8px 24px 8px 0;
    font-size: 14px;
    font-weight: 400;
    color: #4C4C4C;
    background: transparent;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    font-family: "Helvetica Neue", sans-serif;
    outline: none;
    transition: border-bottom-color 0.25s ease;
}

.doctor_select_box select:focus {
    border-bottom-color: var(--brandColor);
}

.select_arrow {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    display: flex;
    align-items: center;
}

.select_arrow svg {
    display: block;
}

/* Doctor Slider & Cards */
.doctors_swiper_container {
    width: 100%;
    /* for any small shadows */
}

.doctors_swiper_container .swiper-slide {
    height: auto;
    display: flex;
    flex-direction: column;
}

.doctor_card {
    background: #FFFFFF;
    border: 1px solid #EDEDED;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    flex-grow: 1;
}

.doctor_circle_wrapper {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: #F9F9F9;
    overflow: hidden;
    margin: 43px auto 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.doctor_circle_wrapper img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    object-position: bottom;
    margin-top: 40px;
}

.doctor_info {
    text-align: left;
    padding: 0 20px 30px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.doctor_name {
    font-size: 18px;
    font-weight: 500;
    color: #292929;
    margin-bottom: 4px;
    line-height: 1.3;
}

.doctor_designation {
    font-size: 14px;
    font-weight: 400;
    color: #747474;
    line-height: 1.4;
    margin: 0;
}

.doctor_card_footer {
    background-color: #FBBB1A;
    color: #4c4c4c;
    width: 100%;
    padding: 20px 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 0 0 20px 20px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    transition: background-color 0.25s ease;
    margin-top: auto;
}

.doctor_card_footer svg circle {
    stroke: #4c4c4c;
}

.doctor_card_footer svg path {
    stroke: #4c4c4c;
}

.doctor_card_footer svg {
    display: block;
    flex-shrink: 0;
}

/* Responsiveness */
@media only screen and (max-width: 991px) {
    .doctors_section_header {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .doctors_filter_wrapper {
        width: 100%;
        gap: 20px;
    }

    .doctor_select_box {
        flex: 1;
        width: auto;
    }

    .view_all_btn.desktop_view_all {
        display: none;
    }

    .doctors_swiper_container {
        margin-right: -15px;
    }
}

@media only screen and (max-width: 767px) {
    .doctor_circle_wrapper {
        margin-top: 43px;
        margin-bottom: 30px;
    }

    .doctor_name {
        font-size: 16px;
    }

    .doctor_designation {
        font-size: 13px;
    }

    .doctor_info {
        padding: 0 20px 29px;
    }

    .doctors_section_header {
        margin-bottom: 0;
    }

    .doctor_card_footer {
        background: #047C9E;
        color: #ffffff;

    }

    .doctor_card_footer svg circle {
        stroke: #ffffff;
    }

    .doctor_card_footer svg path {
        stroke: #ffffff;
    }

    .enterprise-leader-section .mobile_view_all_wrapper .view_all_btn {
        background: #047C9E;
        color: #ffffff;

    }
}

/*---OUR DOCTOR---END HERE--*/

/*---asked---question---start---here---*/
.asked_question_section {
    background: #f4f4f4;
}

.asked_question_section .title_wraper {
    width: 265px;
}

.asked_question_section .title_desc_colm {
    width: calc(100% - 265px);
}

.asked_question_section .title_row {
    width: 660px;
}

.asked_question_row {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -30px;
}

.asked_question_colm {
    width: 50%;
    padding: 0px 30px;
    width: 50%;
}

.asked_question_detail {
    display: none;
}

.asked_question_title {
    position: relative;
    padding: 20px 0px;
    padding-left: 45px;
    cursor: pointer;
    font-size: 15px;
    line-height: 21px;
    color: #4C4C4C;
    padding-right: 20px;
}

.asked_question_box.active .asked_question_title {
    font-weight: 500;
}

.asked_question_box {
    border-top: 1px solid #E4E4E4;
    position: relative;
}

.asked_question_box:last-child {
    border-bottom: 1px solid #E4E4E4;
}

.asked_question_box:after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    border-bottom: 1px solid #047C9E;
    width: 120px;
    transition: all 0.5s;
}

.asked_question_box:last-child:before {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    border-bottom: 1px solid #047C9E;
    width: 120px;
    transition: all 0.5s;
}

.asked_question_count {
    position: absolute;
    top: 17px;
    width: 26px;
    height: 26px;
    font-size: 12px;
    font-weight: 500;
    left: 0px;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #E4E4E4;
    line-height: 0;
}

.asked_question_box.active .asked_question_count {
    background: #047C9E;
    color: #fff;
    border-color: #047C9E;
}

.asked_question_detail {
    padding-left: 45px;
    padding-bottom: 60px;
}

.asked_question_desc {
    font-size: 14px;
    line-height: 20px;
    color: #747474;
}

.icon_box_asked_q {
    position: absolute;
    top: 22px;
    right: 0px;
    width: 10px;
}

.icon_box_asked_q img {
    width: 100%;
    height: initial;
}

.icon_box_asked_q img:last-child {
    display: none;
}

.asked_question_box.active .icon_box_asked_q img:last-child {
    display: block;
}

.asked_question_box.active .icon_box_asked_q img:first-child {
    display: none;
}

.asked_question_box.active .icon_box_asked_q {
    transform: rotate(-45deg);
}

.view_more_btn_box_faq {
    display: none;
}

@media only screen and (max-width: 1199px) {
    .asked_question_detail {
        padding-bottom: 30px;
    }

    .asked_question_colm {
        padding: 0px 15px;
    }

    .asked_question_row {
        margin: 0px -15px;
    }
}

@media only screen and (max-width: 991px) {
    .asked_question_colm {
        width: 100%;
    }

    .asked_question_colm:last-child .asked_question_box:first-child {
        border-bottom: none;
    }

    .asked_question_colm:last-child .asked_question_box:first-child:after {
        display: none;
    }

    .view_more_btn_box_faq {
        margin-top: 20px;
        display: block;
    }

    .view_all_faq {
        display: inline-flex;
        font-size: 18px;
        font-weight: 600;
        color: #007c9d;
    }

    .icon_view_fq {
        width: 10px;
        transform: rotate(135deg);
        margin-left: 10px;
    }

    .icon_view_fq img {
        height: initial;
        width: 100%;
    }

    .faq_colm2 {
        display: none;
    }

    .view_all_faq.active .icon_view_fq {
        transform: rotate(-45deg);
    }

    .asked_question_box.active .icon_box_asked_q {
        top: 17px;
    }
}

@media only screen and (max-width: 767px) {
    .asked_question_title {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .icon_box_asked_q {
        top: 14px;
    }


}

/*---asked---question---end---here---*/

/*---request--call--back---section---start---here---*/
.request_call_back_section {
    padding-top: 0;
    margin-top: -80px;
}

.request_call_back_wrapper {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
}

.request_call_bg {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.request_call_back_inner_box {
    position: relative;
    z-index: 6;
    padding: 60px;
    width: 40%;
}

.request_call_bg2 {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    height: 100%;
    width: 53%;
    z-index: 2;
}

.request_call_back_inner_box .section_title,
.request_call_back_inner_box .section_title span {
    color: #fff;
}

.form_wrapper_request_section {
    margin-top: 30px;
}

.request_form_box {
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}

.inner_form-wrapper_request {
    border: 1px solid rgb(255 255 255 / 40%);
    border-radius: 8px;
    overflow: hidden;
}

.request_form_box input {
    background: none;
    padding: 24px 0px;
    padding-left: 80px;
    border: none;
    border-bottom: 1px solid rgb(255 255 255 / 40%);
    font-size: 14px;
    color: #fff;
}

.inner_form-wrapper_request label {
    position: absolute;
    top: 22px;
    left: 15px;
    font-size: 15px;
}

.request_form_box input::placeholder {
    color: rgb(255 255 255 / 40%);
    font-size: 14px;
}

.name_ibput_box input {
    padding-left: 66px;
}

.phone_input_box input {
    padding-left: 134px;
}

.otp_input_box input {
    padding-left: 90px;
    border-bottom: none;
    padding-right: 110px;
}

.btn_submit_request_call {
    margin-top: 38px;
}

.btn_submit_request_call .common_btn {
    width: 100%;
    justify-content: center;
    color: #4c4c4c;
    background: #FBBB1A;
    font-weight: 500;
    cursor: pointer;
    padding: 19px 30px;
}

.otp_btn_form {
    background: none;
    border: none;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    position: absolute;
    top: 22px;
    right: 20px;
    z-index: 4;
    cursor: pointer;
}

.error_meg_form {
    font-size: 12px;
    padding-left: 15px;
    margin-top: 4px;
    color: #ff0000;
    position: absolute;
    bottom: 3px;
    pointer-events: none;
    display: none;
}

@media only screen and (max-width: 1400px) {
    .request_call_back_inner_box {
        padding: 30px 40px;
    }

    .btn_submit_request_call {
        margin-top: 30px;
    }
}

@media only screen and (max-width: 1199px) {
    .request_call_back_inner_box {
        width: 48%;
    }

    .request_call_bg2 {
        width: 63%;
    }
}

@media only screen and (max-width: 991px) {
    .request_call_back_inner_box {
        width: 60%;
    }

    .request_call_bg2 {
        width: 78%;
    }
}

@media only screen and (max-width: 767px) {
    .request_call_back_inner_box {
        width: 100%;
        background: #066080;
        padding: 30px 20px;
        padding-top: 40px;
    }

    .request_call_bg2 {
        display: none;
    }

    .request_call_bg {
        display: none;
    }

    .form_wrapper_request_section {
        margin-top: 20px;
    }

    .request_call_back_inner_box .section_title span {
        display: block;
    }

    .request_call_back_section .container_apollo {
        padding: 0;
    }

    .request_call_back_wrapper {
        border-radius: 0;
    }

    .btn_submit_request_call .common_btn {
        font-size: 16px;
    }
}

@media only screen and (max-width: 374px) {
    .inner_form-wrapper_request label {
        font-size: 13px;
        left: 10px;
        top: 23px;
    }

    .request_form_box input::placeholder,
    .request_form_box input {
        font-size: 11px;
    }

    .name_ibput_box input {
        padding-left: 52px;
    }

    .phone_input_box input {
        padding-left: 105px;
    }

    .otp_input_box input {
        padding-left: 76px;
    }

    .otp_btn_form {
        font-size: 13px;
    }

    .btn_submit_request_call .common_btn {
        padding: 14px 30px;
    }

}

/*---request--call--back---section---end---here---*/

/*---international---patients---start---here---*/
.international_patients_section {
    background-color: #ffffff;
    overflow: hidden;
    padding-bottom: 0;
}

.international_patients_title_row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.international_patients_title_row .title_wraper {
    width: 35%;
}

.international_patients_title_row .title_desc_colm {
    width: 45%;
    padding-left: 30px;
}

.international_patients_title_row .title_btn_colm {
    width: 20%;
    display: flex;
    justify-content: flex-end;
}

/* Map Container */
.map_container {
    position: relative;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding-top: 150px;
}

.map_bg_desktop {
    display: block;
    width: auto;
    height: auto;
    margin: 0 auto;
    padding-top: 61px;
}

.map_bg_mobile {
    display: none;
    width: 100%;
    height: auto;
}

/* Map Pin */
.map_pin {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    transform: translate(-50%, -100%);
    z-index: 10;
}

.map_pin_photo {
    width: 66px;
    height: 66px;
    border-radius: 50%;
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}

.map_pin_photo img {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
}

.map_pin_line {
    width: 1px;
    height: 40px;
    /* default */
    border-left: 1px solid;
    border-image-source: linear-gradient(270deg, #006FBB 0%, rgba(255, 255, 255, 0) 105%);
    border-image-slice: 1;
}

.map_pin_dot {
    width: 9px;
    height: 9px;
    background-color: #006FBB;
    border-radius: 50%;
}

/* Custom heights for lines to match mockup */
.pin_lh_short .map_pin_line {
    height: 25px;
}

.pin_lh_medium .map_pin_line {
    height: 45px;
}

.pin_lh_long .map_pin_line {
    height: 65px;
}

.pin_lh_extralong .map_pin_line {
    height: 85px;
}

/* Desktop map pin coordinates (X%, Y% of dot position) */
.pin_1 {
    left: 22.8%;
    top: 57.2%;
}

.pin_2 {
    left: 32.2%;
    top: 32.5%;
}

.pin_3 {
    left: 37.0%;
    top: 62.4%;
}

.pin_4 {
    left: 46.2%;
    top: 39.5%;
}

.pin_5 {
    left: 55.4%;
    top: 52.8%;
}

.pin_6 {
    left: 64.6%;
    top: 36.8%;
}

.pin_7 {
    left: 73.0%;
    top: 57.2%;
}

/* Responsiveness */
@media only screen and (max-width: 991px) {
    .international_patients_title_row {
        flex-direction: column;
        align-items: stretch;
        gap: 15px;
    }

    .international_patients_title_row .title_wraper,
    .international_patients_title_row .title_desc_colm,
    .international_patients_title_row .title_btn_colm {
        width: 100%;
        padding-left: 0;
    }

    .international_patients_title_row .title_btn_colm {
        display: none;
        /* Hide desktop button, show mobile view button at bottom */
    }

    .map_bg_desktop {
        display: none;
    }

    .map_bg_mobile {
        display: block;
        margin: 0 auto;
    }

    /* Mobile map pin styling */
    .map_pin_photo {
        width: 44px;
        height: 44px;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
    }

    .map_pin_photo img {
        width: 36px;
        height: 36px;
    }

    /* Mobile heights */
    .pin_lh_short .map_pin_line {
        height: 15px;
    }

    .pin_lh_medium .map_pin_line {
        height: 25px;
    }

    .pin_lh_long .map_pin_line {
        height: 35px;
    }

    .pin_lh_extralong .map_pin_line {
        height: 45px;
    }

    .map_pin_dot {
        width: 6px;
        height: 6px;
    }

    /* Mobile positions (adjusted for earth-mobile.png aspect ratio and scale) */
    .pin_1 {
        left: 16.0%;
        top: 62.0%;
    }

    .pin_2 {
        left: 26.5%;
        top: 38.0%;
    }

    .pin_3 {
        left: 35.8%;
        top: 71.0%;
    }

    .pin_4 {
        left: 45.2%;
        top: 48.0%;
    }

    .pin_5 {
        left: 56.0%;
        top: 62.0%;
    }

    .pin_6 {
        left: 68.2%;
        top: 44.0%;
    }

    .pin_7 {
        left: 83.5%;
        top: 64.0%;
    }

    .international_patients_section {
        padding-bottom: 30px;
    }
}

/*---international---patients---end---here---*/


/*--- footer section styles ---*/
.footer_section {
    background-color: #f7f7f7;
    padding: 70px 0 45px;
    font-family: "Helvetica Neue", Arial, sans-serif;
    color: #4C4C4C;
}

.footer_nav_row {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 30px 20px;
    padding-bottom: 50px;
}

.footer_nav_colm {
    display: flex;
    flex-direction: column;
}

@media only screen and (min-width: 768px) {
    .footer_nav_body {
        display: block !important;
    }
}

.footer_nav_header {
    font-size: 16px;
    font-weight: 500;
    color: #2F2F2F;
    margin-bottom: 18px;
    line-height: 1.2;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer_nav_arrow {
    display: none;
    /* hidden on desktop */
    align-items: center;
    transition: transform 0.3s ease;
}

.footer_nav_arrow svg {
    display: block;
}

.footer_nav_header.active .footer_nav_arrow {
    transform: rotate(180deg);
}

.footer_nav_list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.hidden_more_item {
    display: none;
}

.footer_nav_list li {
    margin-bottom: 10px;
}

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

.footer_nav_list li a {
    font-size: 14px;
    color: #747474;
    font-weight: 400;
    text-decoration: none;
    transition: color 0.25s ease;
    line-height: 1.4;
    display: inline-block;
}

.footer_nav_list li a:hover {
    color: var(--brandColor);
}

.footer_nav_list li a.font_bold {
    font-weight: 500;
    color: #2F2F2F;
}

.footer_nav_list li a.font_bold:hover {
    color: var(--brandColor);
}

/* Bottom Footer */
.footer_bottom_row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #DDDDDD;
    padding-top: 30px;
}

.footer_bottom_left {
    display: flex;
    align-items: center;
    gap: 30px;
}

.footer_logo_link {
    display: block;
    flex-shrink: 0;
}

.footer_logo_img {
    height: 48px;
    width: auto;
    display: block;
}

.footer_bottom_info {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.footer_bottom_policy_links {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.footer_bottom_policy_links li a {
    font-size: 12px;
    font-weight: 500;
    color: #4c4c4c;
    text-decoration: none;
}

.footer_bottom_policy_links li.bullet_separator {
    color: #CCCCCC;
    font-size: 11px;
    user-select: none;
}

.footer_copyright_text {
    font-size: 12px;
    color: #747474;
    font-weight: 400;
    margin: 0;
    line-height: 1.4;
}

.footer_bottom_right {
    display: flex;
    align-items: center;
}

.footer_social_links {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 12px;
}

.social_btn {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid #EAEAEA;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.25s ease;
}

.social_btn svg {
    transition: transform 0.25s ease;
}

.social_btn:hover {
    border-color: var(--brandColor);
    box-shadow: 0 4px 10px rgba(0, 124, 157, 0.15);
}

.social_btn:hover svg {
    transform: scale(1.1);
}

.social_btn svg path {
    fill: #4C4C4C;
    transition: fill 0.25s ease;
}

.social_btn:hover svg path {
    fill: var(--brandColor);
}

/* Responsive */
@media only screen and (max-width: 1199px) {
    .footer_nav_row {
        gap: 30px 15px;
    }
}

@media only screen and (max-width: 991px) {
    .footer_nav_row {
        grid-template-columns: repeat(3, 1fr);
        gap: 35px 20px;
    }

    .footer_bottom_row {
        flex-direction: column;
        gap: 25px;
        align-items: center;
        text-align: center;
    }

    .footer_bottom_left {
        flex-direction: column;
        align-items: center;
        gap: 15px;
    }

    .footer_bottom_policy_links {
        justify-content: center;
    }
}

@media only screen and (max-width: 767px) {
    .footer_section {
        padding: 0px 0 40px;
    }

    .footer_nav_row {
        display: flex;
        flex-direction: column;
        gap: 0;
        padding-bottom: 0px;
    }

    .footer_nav_colm {
        border-bottom: 1px solid #EAEAEA;
    }

    .footer_nav_colm:first-child {
        border-top: 1px solid #EAEAEA;
    }

    .footer_nav_header {
        margin-bottom: 0;
        padding: 18px 0;
        cursor: pointer;
        user-select: none;
        font-size: 18px;
    }

    .footer_nav_arrow {
        display: inline-flex;
    }

    .footer_nav_body {
        display: none;
        padding-bottom: 15px;
    }

    .footer_nav_list {
        padding-left: 5px;
    }

    .footer_nav_list li {
        margin-bottom: 10px;
    }

    .footer_bottom_row {
        flex-direction: column;
        align-items: flex-start;
        gap: 37px;
        margin-top: 0;
        padding-top: 25px;
    }

    .footer_bottom_left {
        display: flex;
        align-items: flex-start;
        gap: 15px;
        text-align: left;
        flex-direction: row;
    }

    .footer_logo_img {
        height: 40px;
    }

    .footer_bottom_info {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

    .footer_bottom_policy_links {
        display: flex;
        flex-wrap: wrap;
        gap: 6px 8px;
        justify-content: flex-start;
    }

    .footer_copyright_text {
        font-size: 11px;
        text-align: left;
    }

    .footer_bottom_right {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-top: 10px;
    }

    .footer_social_links {
        justify-content: center;
        width: 100%;
    }
}

@media only screen and (max-width: 400px) {
    .footer_nav_header {
        font-size: 15px;
    }

    .footer_bottom_left {
        flex-direction: column;
    }
}

/*COMMON*/
@media only screen and (max-width: 767px) {}

/* ==========================================================================
   Alphabet Filter Component for Cancers Section
   ========================================================================== */
.alphabet_filter_wrapper {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-top: 25px;
    margin-bottom: 25px;
    scrollbar-width: none;
    /* Firefox */
}

.alphabet_filter_wrapper::-webkit-scrollbar {
    display: none;
    /* Safari and Chrome */
}

.alphabet_filter_inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    min-width: max-content;
    padding: 10px 5px;
    /* Prevent box-shadow clipping */
}

.alphabet_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #FFFFFF;
    border: 0.66px solid #D8D6D6;
    box-shadow: 0px 3.16px 23.7px 0px rgba(0, 0, 0, 0.05);
    color: #4C4C4C;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 0;
    outline: none;
    text-transform: uppercase;
}


.alphabet_btn:hover {
    border-color: #057B9D;
    color: #057B9D;
}

.alphabet_btn.active {
    background: linear-gradient(145.11deg, #057B9D 20.54%, #0A2542 112.6%);
    border: 0.66px solid #D8D6D6;
    box-shadow: 0px 3.16px 23.7px 0px rgba(0, 0, 0, 0.10);
    color: #FFFFFF;
}

.change-text {
    font-size: 22px;
    font-weight: 400;
    padding: 0px 0 20px;
    color: #4C4C4C;
}

@media only screen and (min-width: 1680px) {
    /* .alphabet_btn {
        width: 44px;
        height: 44px;
    } */
}

@media only screen and (min-width: 1440px) {
    .alphabet_filter_wrapper {
        overflow-x: visible;
    }

    .alphabet_filter_inner {
        justify-content: space-between;
    }
}

@media only screen and (max-width: 1439px) {
    .alphabet_filter_wrapper {
        overflow-x: auto;
    }

    .alphabet_filter_inner {
        justify-content: flex-start;
    }
}

@media only screen and (max-width: 480px) {
    .alphabet_filter_inner {
        gap: 12px;
    }

    .change-text {
        padding: 10px 0
    }
}

/* ==========================================================================
   Cancers We Treat Pagination Component
   ========================================================================== */
.cancers_pagination_wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 45px;
    margin-bottom: 20px;
}

.cancers_pagination_inner {
    display: flex;
    align-items: center;
    gap: 12px;
}

.pagination_number,
.pagination_arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    outline: none;
    border: 1px solid #E8E8E8;
}

.pagination_number {
    background: #FFFFFF;
    color: #4C4C4C;
}

.pagination_number:hover {
    border-color: #047C9E;
    color: #047C9E;
}

.pagination_number.active {
    background: #047C9E;
    border: 1px solid #047C9E;
    color: #FFFFFF;
}

.pagination_arrow {
    background: #E8E8E8;
    padding: 0;
}

.pagination_arrow:hover:not(:disabled) {
    background: #DCDCDC;
    border-color: #DCDCDC;
}

.pagination_arrow:disabled {
    cursor: not-allowed;
    opacity: 0.5;
}