: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;


}




.roboto {font-family: "Roboto", sans-serif; font-optical-sizing: auto;font-style: normal;}
.lato{font-family: "Lato", sans-serif;}
.ubuntu{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: "Roboto", sans-serif;font-weight: 400; overflow-x: hidden; scroll-behavior: smooth;}
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';}
button:focus {outline: none;}
picture {display: block; line-height: 0px;}
textarea {resize: none; display: block; padding: 15px;width: 100%;font-family: 'Helvetica';}

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

select {display: block;width: 100%; font-family: 'Helvetica';}
input {display: block;padding: 12px 15px;width: 100%;}
input::placeholder {font-size: 14px; font-family: 'Helvetica'; }
input::-ms-input-placeholder {font-size: 14px; font-family: 'Helvetica';}
input::-ms-input-placeholder {font-size: 14px; font-family: 'Helvetica';}
textarea::placeholder {font-size: 14px; font-family: 'Helvetica';}
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; width: 100%;}
.overflow_hidden {overflow: hidden;}
.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_apolo_proton {padding: 60px 0px;}





/*---header---start---here---*/
.header_row_apollo_proton {display: flex; flex-wrap: wrap; align-items: center;}
.header_row_left_colm_apollo_proton {width: 141px;}
.logo_apollo_proton_link {display: block; width: 100%;}
.logo_apollo_proton_link img {width: 100%; height: initial; display: block;}
.header_row_right_colm_apollo_proton {width: calc(100% - 141px); padding-left: 10px; display: flex; justify-content: flex-end; align-items: center;}
.navaber_list_apollo_proton {display: inline-block; padding: 0px;}
.nav_item_apollo_proton {display: inline-block; margin: 0px 7px; list-style: none; padding: 0px;}
.nav_item_apollo_proton:first-child {margin-left: 0px;}
.nav_item_apollo_proton:first-child:last-child {margin-right: 0px;}
.nav_link_apollo_proton {color: #000; transition: all 0.3s; font-size: 16px;}
.nav_link_apollo_proton:hover, .nav_link_apollo_proton.active {color: #FDB931;}
.header_inner_wrapper {background: #fff; border-radius: 8px; padding: 5px 20px;}
.header_apollo_proton {position: fixed; top: 15px; left: 0px; right: 0px; width: 100%; background: none; z-index: 999; transition: all 0.5;}
.language_box_apollo_proton {width: 72px; margin-left: 20px;}
.language_box_apollo_proton_btn {width: 100%; position: relative;}
.language_box_apollo_proton_btn select {width: 100%; position: relative; padding-left: 24px; position: absolute; top: -4px; left: 0px; bottom: 0px; right: 0px; background: none; border: none; cursor: pointer; font-size: 16px;}
.globe_image { width: 24px; height: initial; pointer-events: none;}
.fixed-header {top: 0px; background: #fff;box-shadow: 0px 0px 24px rgb(0 0 0 / 17%);}
.fixed-header .header_inner_wrapper {padding-left: 0px; padding-right: 0px;}
.toggle_btn {display: none;}
.top_wrapper_apc {position: absolute; top: 0px; left: 0px; right: 0px; width: 100%; z-index: 5; padding: 30px 0px;}
.top_wrapper_apc .row {align-items: center;}
.top_btn_box {text-align: right;}
.logo_box_apc {width: 120px;display: block;}
.logo_box_apc img {display: block; width: 100%; height: initial;}

/*---apollo--top---section---start---here---*/
.apolo_proton_top_section {position: relative; padding-top: 140px; padding-bottom: 34px;}
.apolo_proton_banner_bg {position: absolute; top: 0px; left: 0px;right: 0px; width: 100%; height: 100%; object-fit: cover;}
.apolo_proton_top_section .container_apollo {position: relative; z-index: 2; }
.apolo_proton_top_row {display: flex; margin: 0px -15px; flex-wrap: wrap; align-items: flex-start;}
.apolo_proton_top_left_colm {width: calc(100% - 530px); padding: 0px 15px;}
.apolo_proton_top_right_colm {width: 530px; padding: 0px 15px}
.apolo_proton_banner_title {color: #FFCC00; font-size: 64px; line-height: 1.2; font-weight: 400; letter-spacing: 0px;}
.apolo_proton_banner_title p {color: #FFCC00; font-size: 60px; line-height: 1.2; font-weight: 400; letter-spacing: 0px;}
.apolo_proton_banner_title span{font-weight: 500; color: #fff; font-style: italic;}
.apolo_proton_banner_sub_title {font-size: 36px; font-weight: 500; color: #FDB931; line-height: 1.5; letter-spacing: 0.36px;padding: 22px 0 70px 0;}
.apolo_proton_banner_desc { font-size: 18px; line-height: 1.45; color: #fff; padding: 28px 0 0; font-weight: 400;}
.btn_golden_apollo {background: #F1A902; color: #fff;display: inline-flex; align-items: center; border-radius: 30px; padding: 11px 25px; font-size: 16px;}
.btn_golden_apollo:hover { background: var(--brandBg); }

.btn_golden_apollo svg,
.btn_golden_apollo img {
    width: 23px;
    height: initial;
    margin-right: -5px;
}

.btn_contact_inner {margin-left: 5px; font-weight: 500;}
.apollo_proton_top_button_box {text-align: center;}
.apolo_proton_top_left_colm .apolo_proton_banner_bg { display: none; }
.apollo_proton_form_card { background: #fff; border-radius: 18px; padding: 24px 24px 22px; box-shadow: 0px 12px 34px rgb(0 0 0 / 12%); }
.apollo_proton_top_form_title { color: #4A4A4A; font-size: 24px; margin-bottom: 18px; font-weight: 700; line-height: 1.2; }
.apollo_proton_top_form_row { display: flex; flex-wrap: wrap; margin: 0px -10px; }
.apollo_proton_top_form_colm { width: 100%; padding: 0px 10px; }
.half-width-colm { width: 50%; }
.apollo_proton_input_box { margin-bottom: 12px; }
.apollo_proton_input_box input,
.apollo_proton_input_box select,
.apollo_proton_input_box textarea {
    width: 100%;
    display: block;
    border: 1px solid rgb(65 83 107 / 35%);
    border-radius: 5px;
    padding: 13px 12px;
    font-size: 14px;
    color: #000;
    background: #fff;
    min-height: 39px;
}

.apollo_proton_input_box select{-webkit-appearance: none;}
.input-select-box{position: relative;}
.input-select-box::after{content: ""; display: block; width: 6px; height: 6px; border-bottom: 1.5px solid #000; border-right: 1.5px solid #000; position: absolute; top: 16px; right: 18px; rotate: 45deg;}

.apollo_proton_input_box input::placeholder,
.apollo_proton_input_box textarea::placeholder,
.apollo_proton_input_box select {
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
}

.apollo_top_form_submit_btn {background: #F1A902; font-weight: 700; display: block; font-size: 16px; text-align: center; letter-spacing: 0px; color: #fff; width: 100%; border-radius: 40px; padding: 13px 5px; cursor: pointer; transition: all 0.3s;}
.apollo_top_form_submit_box {margin-top: 6px;}
.apollo_top_form_submit_btn:hover {background: var(--brandBg); color: #fff;}
.captcha_img {width: 100%;}
.apollo_proton_phone_number_input .apollo_proton_country_code_box { position: absolute; top: 1px; left: 1px; width: 67px; bottom: 1px; }
.apollo_proton_phone_number_input { position: relative; }
.apollo_proton_phone_number_input .apollo_proton_country_code_box select { border: none; padding-right: 0px; padding-bottom: 10px; }
.apollo_proton_phone_number_input input { padding-left: 74px; }
.apollo_proton_country_code_box:after { content: ''; position: absolute; top: 3px; bottom: 3px; right: -1px; width: 1px; background: rgb(0 0 0 / 40%); }
.apolo_proton_top_section { padding-bottom: 28px; }
.apolo_proton_top_content { margin-top: 16px; margin-bottom: 58px; max-width: 670px;}
.apcc_phone_number { padding-right: 135px; position: relative; }
.apcc_phone_number .btn_golden_apollo { background: var(--brandBg); cursor: pointer; padding: 15px 25px; font-size: 14px; }
.btn_otp_apcc .btn_golden_apollo:hover { background: #F1A902; } 
.btn_otp_apcc { position: absolute; top: 0px; right: 0px; z-index: 7; } 
.section_bg_color { background: rgb(0 124 157 / 5%); } 
.Patient_Story { background: #fff; padding-top: 0px !important; } 
.row_apolo_proton { display: flex; margin: 0px -15px; flex-wrap: wrap; } 
.colm_apolo_porton { width: 50%; padding: 0px 15px; margin: 10px 0px; } 
.card_apolo_proton_common { background: #fff; border-radius: 16px; padding: 16px; display: flex; transition: all 0.4s; align-items: center; border: 1px solid transparent; } 
.apolo-banner-icon-area { display: flex; gap: 0px; max-width: 520px;}
.apolo-banner-icon-item { text-align: center; padding: 0px 28px; border-left: 1px solid rgb(255 255 255 / 45%);}
.apolo-banner-icon-item:first-child {padding-left: 0; border: 0;}
.banner-icon {width: 54px; height: 54px; margin: 0px auto;}
.banner-icon img {width: 100%; height: 100%; display: block; margin: auto;}
.banner-icon-text {font-size: 15px; font-weight: 400; color: #FFFFFF; letter-spacing: 0px; line-height: 1.35; padding-top: 16px;}
.apollo_proton_captcha_row {display: flex; align-items: flex-start; gap: 10px;}
.apollo_proton_captcha_input {width: calc(100% - 108px);}
.apollo_proton_captcha_preview {width: 98px;}
.apollo_proton_captcha_box {height: 39px; border-radius: 5px; border: 1px solid rgb(65 83 107 / 20%); background: linear-gradient(135deg, #f7f4ff 0%, #eef2f7 100%); color: #2F2F2F; display: flex; align-items: center; justify-content: center; font-size: 22px; letter-spacing: 5px; text-transform: uppercase; font-family: "Bree Serif", serif;}
.apollo_proton_captcha_refresh {font-size: 10px; color: #4A4A4A; text-decoration: underline; margin-top: 6px; cursor: pointer; font-family: "Roboto", sans-serif;}




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

    /*----header---start---here---*/
    .nav_link_apollo_proton {font-size: 14px;}
    .globe_image {width: 20px;}
    .apolo_proton_banner_title {font-size: 54px;}
    .apolo_proton_banner_sub_title {font-size: 30px; padding: 20px 0 50px 0;}
    .apolo-banner-icon-item {padding: 0px 18px;}
    .apolo_proton_banner_desc {font-size: 17px;}
    .apolo_proton_top_content{max-width: 590px;}
    .section_title {font-size: 26px;}

}

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

    .apolo_proton_top_left_colm {width: calc(100% - 430px);}
    .apolo_proton_top_right_colm {width: 430px;}
}

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

    .container_apollo {padding: 0px 30px;}
    .apolo_proton_banner_desc {padding-right: 0px;}
    .section_desc {width: 100%;}
    .nav_link_apollo_proton {font-size: 13px;}
}


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

    .apolo_proton_top_left_colm {width: 100%;}
    .apolo_proton_top_right_colm {width: 100%; margin-top: 30px;}
    .toggle_btn {display: block; width: 30px; margin-left: 15px;}
    .toggle_btn img {width: 100%; height: initial;}
    .header_inner_wrapper {position: relative;}
    .apollo_navbar_wrapper:after {content: ''; position: absolute; top: 7px;left: 0px; right: 0px; height: 1px; background-color: rgb(0 0 0 / 15%);}
    .apollo_navbar_wrapper { position: absolute; top: 91%; left: 0px; right: 0px; background-color: #fff; padding-top: 15px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; display: none;}
    .apollo_navbar_wrapper.active {display: block; box-shadow: 0px 2px 0px 0px rgb(0 0 0 / 4%);}
    .navaber_list_apollo_proton {display: block; padding: 30px; padding-top: 5px; padding-top: 15px; }
    .nav_item_apollo_proton {display: block;margin: 10px 0px;}
    .nav_link_apollo_proton {font-size: 16px;}
    .header_apollo_proton.fixed-header .header_inner_wrapper {position: static;}
    .apolo-banner-icon-item {padding: 0px 15px;}
    .apolo-banner-icon-area {gap: 0px;}

}

@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%;
    }
    .common_gap_apolo_proton {padding: 40px 0px;}

    .custom-swiper-button-prev,
    .custom-swiper-button-next {width: 28px;}
    .container_apollo {padding: 0px 15px;}
    .apolo_proton_top_content {padding-top: 0px;}
    .apolo_proton_banner_title {font-size: 30px;}
     .apolo_proton_banner_title p {font-size: 30px; }
    .apolo_proton_banner_sub_title {font-size: 22px; padding: 20px 0 30px;}
    .apolo_proton_banner_desc { font-size: 16px; padding:14px 0 0}
    .banner-icon-text {font-size: 13px;}
    /* .banner-icon {width: 48px; height: 48px;} */
    /* .banner-icon img {width: 20px; height: 20px;} */
    .apolo_proton_top_right_colm { position: relative; z-index: 2;}
    .apollo_proton_top_form_colm,
    .half-width-colm {width: 100%;}
    .apollo_proton_form_card {padding: 20px;}
    .apolo_proton_top_left_colm {position: relative;}
    .apolo_proton_top_left_colm .apolo_proton_banner_bg {display: block;}
    .apolo_proton_top_content {position: relative; z-index: 1;}
    .apolo_proton_top_section {padding-top: 20px;}
    .apolo_proton_top_content {margin-top: 100px;}
    .btn_golden_apollo svg,
    .btn_golden_apollo img {width: 25px;}
    .apollo_proton_form_card {box-shadow: 0px 4px 4px 0px rgb(0 0 0 / 10%);}
    .apollo_proton_captcha_row {display: block;}
    .apollo_proton_captcha_input,
    .apollo_proton_captcha_preview {width: 100%;}
    .apollo_proton_captcha_preview {margin-top: 8px;}
    .apolo-banner-icon-area {max-width: 100%;}

    .apollo_proton_input_box input,
    .apollo_proton_input_box select,
    .apollo_proton_input_box textarea {border: 1px solid #41536B;}
    .navaber_list_apollo_proton {padding: 15px; padding-top: 5px;}
    .top_wrapper_apc .col-sm-6 {width: 50%;}
    .logo_box_apc {width: 87px;}
    .top_wrapper_apc {padding: 10px 0px;}
    .colm_apolo_porton {width: 100%;}
    .title_card_common {font-size: 18px;}

}

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

    .apolo-banner-icon-area{display: grid; grid-template-columns: repeat(3, 1fr);}
    .apolo-banner-icon-item{padding: 0 5px;}
}

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

    .banner-icon-text {font-size: 12px;}

}


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

    .header_apollo_proton {position: absolute !important;}

}




/* common css start here */

.section-bg{background-color: #F7F7F7;}
.common-title{font-size: 40px; font-weight: 400; color: #4A4A4A; line-height: 1.5; text-align: center;}
.common-title span{font-family: "Ubuntu", sans-serif; font-weight: 500; font-style: italic;}
.common-para{font-size: 16px; font-weight: 400; color: #4C4C4C; line-height: 1.5; }
.section-padding-top {padding-top: 80px;}
.section-padding-bottom {padding-bottom: 80px;}
.section-padding {padding: 80px 0px;}
.gradient-text {
  background: linear-gradient(90deg, #047C9E 0%, #0B203D 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


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

    .common-title{font-size: 36px;}
    .section-padding-top {padding-top: 60px;}
    .section-padding-bottom {padding-bottom: 60px;}
    .section-padding {padding: 60px 0px;}
}

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

    .common-title{font-size: 32px;}
}

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

    .common-title{font-size: 24px;}
    .section-padding-top {padding-top: 50px;}
    .section-padding-bottom {padding-bottom: 50px;}
    .section-padding {padding: 50px 0px;}
    .common-para{font-size: 14px;}
}

/* common css end here */


/* cyberknife section css start */
.cyberknife-wrapper{display: flex; border-radius: 16px; overflow: hidden; background-color: #F7F7F7; margin-top: 40px;}
.cyberknife-left{width: 50%; height: auto;}
.cyberknife-left img{width: 100%; height: 100%; display: block; object-fit: cover;}
.cyberknife-right{width: 50%; padding: 40px;}
.cyberknife-right p{font-size: 18px; font-weight: 400; color: #4C4C4C; line-height: 1.5; margin-bottom: 20px;}
.cyberknife-right p:last-child{margin-bottom: 0;}

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

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

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

    .cyberknife-wrapper{flex-direction: column; margin-top: 20px;}
    .cyberknife-left{width: 100%;}
    .cyberknife-right{padding: 20px; width: 100%;}
}
@media screen and (min-width:991px) {

    .cyberknife-left{max-height: 330px;}
}

/* cyberknife section css end */

/* cancer treatment css start */
.cancer-treat-section{padding-top: 0;}
.cancer-treat-section .section-title{padding-bottom: 30px;}
.cancer-treat-table{margin-top: 40px; border: 1px solid #0000004D; border-radius: 4px; overflow: hidden; background-color: #fff; max-width: 820px; width: 100%; margin: 0 auto;}
.cancer-treat-table-scroll{overflow-x: auto; -webkit-overflow-scrolling: touch;}
.cancer-treat-data-table{width: 100%; min-width: 100%; border-collapse: collapse;}
.cancer-treat-data-table thead th{background-color: #047C9E; color: #fff; font-size: 18px; font-weight: 500; line-height: 1.3; padding: 12px 16px; border-right: 1px solid #0000004D;}
.cancer-treat-data-table thead th:last-child{border-right: 0;}
.cancer-treat-data-table tbody td{font-size: 16px; font-weight: 400; line-height: 1.35; color: #4C4C4C; padding: 14px 16px; border-top: 1px solid #0000004D; border-right: 1px solid #0000004D; background-color: #fff;}
.cancer-treat-data-table tbody td:last-child{border-right: 0;}
.cancer-treat-data-table th:first-child,
.cancer-treat-data-table td:first-child{width: 37%; text-align: left; padding-left: 48px;}
.cancer-treat-data-table th:not(:first-child),
.cancer-treat-data-table td:not(:first-child){width: 31.5%; text-align: center;}
.cancer-treat-data-table tbody td:nth-child(2),
.cancer-treat-data-table tbody td:nth-child(3){font-size: 24px; color: #2F2F2F;}

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

    /* .cancer-treat-table{margin-top: 20px;} */
    .cancer-treat-data-table thead th{font-size: 16px; padding: 12px;}
    .cancer-treat-data-table tbody td{font-size: 15px; padding: 12px;}
    .cancer-treat-data-table th:first-child,
    .cancer-treat-data-table td:first-child{padding-left: 24px;}
}

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

    .cancer-treat-table{border-radius: 0;}
    .cancer-treat-table-scroll{padding-bottom: 6px;}
    .cancer-treat-data-table thead th{font-size: 15px; padding: 12px 10px;}
    .cancer-treat-data-table tbody td{font-size: 14px; padding: 12px 10px;}
    .cancer-treat-data-table th:first-child,
    .cancer-treat-data-table td:first-child{padding-left: 16px;}
    .cancer-treat-data-table tbody td:nth-child(2),
    .cancer-treat-data-table tbody td:nth-child(3){font-size: 22px;}
}

/* cancer treatment css end */


/* proton condition css start */
.proton-condition-section{background-color: #FBFBFB;}
.proton-condition-wrapper {display: flex; justify-content: center; margin-top: 40px;}
.proton-condition-list {display: grid; grid-template-columns: repeat(3, max-content); column-gap: 180px; row-gap: 15px; margin: 0; padding-left: 20px; list-style: disc; width: fit-content;}
.proton-condition-list-item {color: #555; font-size: 18px; line-height: 1.4; font-weight: 400; }

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

    .proton-condition-list{column-gap: 80px;}

}

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

    .proton-condition-list{grid-template-columns: repeat(2, 1fr); column-gap: 40px; padding-left: 20px;}
    .proton-condition-list-item{font-size: 16px;}
    .proton-condition-wrapper{margin-top: 20px;}
}

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

    .proton-condition-list-item{font-size: 14px;}
}

/* proton condition css end */


/* why choose css start */
.why-choose-section { background: linear-gradient(81.01deg, #E5EDEF 0.67%, #E5EDEF 42.85%, #DCE3EF 91.66%); } 
.why-choose-section .bau-common-para { padding-top: 30px; text-align: center; } 
.why-choose-section .bau-common-para p{font-size: 16px; font-weight: 400; color: #4C4C4C; line-height: 1.6; margin-bottom: 15px;}
.why-choose-section .bau-common-para p:last-child{margin-bottom: 0;}
.choose-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); margin-top: 50px; position: relative; } 
.choose-wrapper::after { content: ""; display: block; background-image: url("../images/choose-border-b.png"); background-repeat: repeat-x; width: 100%; height: 2px; position: absolute; right: 0; top: 50%; left: 0; transform: translateY(-50%); } 
.choose-item-a { text-align: center; position: relative; padding: 20px 0 30px; margin: 20px 0; } 
.choose-item-a::after { content: ""; display: block; background-image: url("../images/choose-border-a.png"); background-repeat: repeat-y; width: 2px; height: 100%; position: absolute; right: 0; top: 0; bottom: 0; } 
.choose-item-a:nth-child(even)::after { display: none; } 
.choose-item-title { font-size: 32px; font-weight: 500; line-height: 1.2; color: #000000; } 
.choose-item-desc { font-size: 18px; line-height: 1.5; font-weight: 400; color: #4A4A4A; padding-top: 25px; max-width: 470px; margin: auto;}


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

    .choose-item-title { font-size: 28px; } 
    .choose-item-desc { font-size: 16px; padding-top: 15px; } 
    .choose-item-a { padding: 20px 10px 30px; }
}

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

    .choose-item-a{height: 180px;}
}

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

    .why-choose-section .bau-common-para{padding-top: 15px;}
    .why-choose-section .bau-common-para p{font-size: 14px;}
    .choose-wrapper {grid-template-columns: repeat(1, 1fr);}
    .choose-item-a::after {background-image: url("../images/choose-border-b.png"); background-repeat: repeat-x; width: 100%; height: 2px; position: absolute; right: 0; top: 0; left: 0;}
    .choose-item-a:first-child {padding-top: 0;}
    .choose-item-a:last-child {padding-bottom: 0;}
    .choose-item-a:first-child::after {display: none;}
    .choose-item-a:nth-child(even)::after {display: block;}
    .choose-wrapper::after {display: none;}
    .choose-item-a {margin: 0; padding: 35px 0; height: fit-content;}
}

/* why choose css end */


/* pronto cancer centrer css start */
.pronto-cnacer-center-section{padding-bottom: 0;}
.pronto-cancer-center-wrapper{padding: 60px 20px; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 30px; border-radius: 20px; background-color: #0B203D; position: relative;}
.pronto-cancer-center-wrapper::before{content: ""; display: block; width: 370px; height: 65px; background-image: url("../images/pronto-cancer-left-line.png"); background-repeat: no-repeat; background-size: cover; position: absolute; left: 0; top: 50%; transform: translateY(-50%); mix-blend-mode: overlay;}
.pronto-cancer-center-wrapper::after{content: ""; display: block; width: 440px; height: 65px; background-image: url("../images/pronto-cancer-right-line.png"); background-repeat: no-repeat; background-size: cover; position: absolute; right: 0; top: 50%; transform: translateY(-50%); mix-blend-mode: overlay;}
.pronto-center-para{font-size: 18px; font-weight: 400; color: #fff; line-height: 1.5; max-width: 1000px; margin: auto; text-align: center;}
.pronto-center-btn{background: linear-gradient(172.94deg, #E2A20A -27.62%, #F9CB61 50.54%); font-size: 16px; font-weight: 400; line-height: 1; color: #000; border-radius: 900px; padding: 15px 30px;}

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

    .pronto-cancer-center-wrapper{padding: 50px 20px;}
    .pronto-cancer-center-wrapper::before,
    .pronto-cancer-center-wrapper::after{display: none;}

}

/* pronto cancer centrer css end */


/* faq section css start */

.faq-section .common-title{padding-bottom: 50px; text-align: center;}
.faq-item {background: #fff; border: 2px solid #ddd; border-radius: 6px; margin-bottom: 16px; transition: border-color 0.3s ease;}
.faq-header {display: flex; gap: 14px; padding: 18px 20px; cursor: pointer;}
.faq-number {color: #666; font-weight: 400; min-width: 28px; font-size: 18px; color: #4A4A4A; line-height: 1.5;}
.faq-header h3 {flex: 1; font-weight: 500; font-size: 18px; margin: 0; color: #4C4C4C; line-height: 1.5;}
.faq-icon {width: 20px; height: 20px; border-radius: 50%; background: #F5F5F7; position: relative; transition: all 0.3s;}
.faq-icon::after{content: ""; display: block; width: 5px; height: 5px; border-top: 1px solid #4A4A4A; border-right: 1px solid #4A4A4A; position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%) rotate(135deg); transition: all 0.3s;}
.faq-item.active .faq-icon::after{border-color: #fff; transform: translate(-50%, -50%) rotate(-45deg); top: 55%; transition: all 0.3s;}
.faq-item.active .faq-icon {background: #047C9E; transition: all 0.3s;}
.faq-content {max-height: 0; overflow: hidden; padding: 0 20px; transition: max-height 0.35s ease, padding 0.35s ease;}
.faq-item.active .faq-content {max-height: 300px; padding: 0 20px 20px 63px;}
.faq-content p {margin: 0; font-size: 16px; color: #747474; line-height: 1.6; font-weight: 400;}

/* 📱 Responsive */
@media (max-width: 1400px) {

  .faq-header h3 {font-size: 16px;}
  .faq-number{font-size: 16px; min-width: 21px;}
  .faq-content p{font-size: 14px;}
  .faq-header{gap: 10px;}
  .faq-item.active .faq-content{padding-left: 54px;}
  .faq-section .common-title{padding-bottom: 40px;}

}

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

    .faq-item.active .faq-icon::after{left: 52%;}
}

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

    .faq-header{padding: 15px; gap: 5px;}
    .faq-header h3 {font-size: 14px;}
    .faq-number{font-size: 14px; min-width: 18px;}
    .faq-item.active .faq-content{padding: 0 15px 15px 40px;}
    .faq-section .common-title{padding-bottom: 30px;}
}



/* faq section css end */

/* first step section css start */
.first-step-section{padding-top: 10px;}
.first-step-box{background: linear-gradient(90deg, #047C9E 0%, #0B203D 100%); border-radius: 20px; padding: 60px 20px; overflow: hidden;}
.first-step-content{text-align: center; max-width: 560px; margin: 0px auto;}
.first-step-title{font-size: 30px; font-weight: 400; line-height: 1.35; color: #fff;}
.first-step-sub-title{font-size: 36px; font-weight: 400; line-height: 1.2; padding-top: 10px;}
.first-step-sub-title span{font-family: "Ubuntu", sans-serif; font-style: italic; font-weight: 500; color: #F9CB61;}
.first-step-desc{font-size: 22px; font-weight: 400; line-height: 1.5; color: #fff; max-width: 470px; margin: 16px auto 0px;}
.first-step-btn-group{display: flex; justify-content: center; gap: 14px; flex-wrap: wrap; padding-top: 26px;}
.first-step-btn-yellow{min-width: 162px; height: 54px; background: linear-gradient(172.94deg, #E2A20A -27.62%, #F9CB61 50.54%); border-radius: 30px; padding: 13px 24px; font-size: 16px; font-weight: 400; color: #000; line-height: 1.2; text-align: center; display: flex; align-items: center; justify-content: center; transition: all 0.3s;}
.first-step-btn-yellow:hover{transform: translateY(-5px);}
.first-step-btn-outline{min-width: 138px; height: 54px; border: 1px solid #fff; border-radius: 30px; padding: 12px 22px; font-size: 14px; font-weight: 400; color: #fff; line-height: 1.2; display: inline-flex; align-items: center; justify-content: center; transition: all 0.3s;}
.first-step-btn-outline:hover{transform: translateY(-5px);}
.first-step-btn-outline img{width: 18px; height: auto; margin-right: -3px;}
.first-step-btn-outline .btn_contact_inner{margin-left: 7px; color: #fff;}

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

    .first-step-box{padding: 42px 20px;}
    .first-step-title{font-size: 24px;}
    .first-step-sub-title{font-size: 30px;}
}

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

    .first-step-section{padding-top: 0;}
    .first-step-box{padding: 34px 18px; border-radius: 16px;}
    .first-step-title{font-size: 22px;}
    .first-step-sub-title{font-size: 27px;}
    .first-step-desc{font-size: 18px; margin-top: 14px;}
    .first-step-btn-group{padding-top: 22px; gap: 12px;}
    .first-step-btn-yellow,
    .first-step-btn-outline{width: 100%; max-width: 260px;}
}

/* first step section css end */


/* footer css start */

.footer-section{background-color: #007C9D; padding: 15px 0;}
.footer-wrapper{display: flex; justify-content: space-between; gap: 20px; align-items: center;}
.copy-text{font-size: 14px; font-weight: 400; color: #fff; line-height: 1; font-family: "Figtree", sans-serif;}
.footer-bottom-links{display: flex; gap: 30px; justify-content: flex-end;}
.footer-bottom-links a{font-size: 12px; font-weight: 400; color: #fff; line-height: 1;}

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

    .footer-wrapper{flex-direction: column; justify-content: center;}
    .footer-section{margin-bottom: 47px;}
}


/* ============= sticky call icon ==================== */

.desktop-call-icon{width: max-content; height: 50px; position: fixed; bottom: 50px; right: 50px; z-index: 999;}
.desktop-call-icon .language_box_apollo_proton_btn{height: 100%; padding: 10px; animation: pulse 1.5s infinite; box-shadow: 0 0 0 #F1A902; font-size: 14px; font-weight: 400; color: #fff; padding: 16px 20px 12px; background-color: #F1A902; border-radius: 99px;}
.desktop-call-icon .globe_image{display: block;}
/* Pulse animation */
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 #F1A902;
  }
  70% {
    box-shadow: 0 0 0 20px rgba(40, 167, 69, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(40, 167, 69, 0);
  }
}
.mobile-buttons{display: none;}

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

    .desktop-call-icon{display: none;}
    .mobile-buttons{display: flex; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 999;}
    .mobile-buttons a {flex: 1; text-align: center; padding: 15px 0; font-weight: bold; color: white; text-decoration: none;}
    .call-btn {background-color: #F1A902;}
    .book-btn {background: #047c9e;}
}

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

    .mobile-buttons a{font-size: 14px;}
}