/*slot popup css strart here */

/* .expert_care_location_title:after{
    top: 5px;
    width: 4px;
    height: 4px;
    background: #047C9E;
}
.expert_care_location_title{
  padding-left: 15px;
}
.expert_care_location label{cursor: default;} */



.booking_appotment_popup{
    position:absolute;top:0px;left:0px;right:0px;bottom:0px;background: #fff;
    z-index:5;
}
.hospital_select_radio input{display: none;}
.hospital_select_list li{display: inline-block;list-style: none;padding: 0px 8px;}
.hospital_select_list li:first-child{padding-left: 0px;}
.hospital_select_list li:last-child{margin-right: 0px;}
.hospital_select_list{white-space: nowrap;overflow-x: auto;padding-bottom: 3px;}

.hospital_select_list::-webkit-scrollbar {
  height: 3px;
}
.hospital_select_list::-webkit-scrollbar-track {
  background: #D9D9D9; 
}
.hospital_select_list::-webkit-scrollbar-thumb {
  background: #047C9E; 
}
.hospital_select_list::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.hospital_select_radio{font-size: 12px;color: #747474;font-weight: 400;position: relative;padding-left: 18px;cursor: pointer;}
.circle_radio_d{width: 13px;height: 13px;border: 1px solid #747474;border-radius: 30px;position: absolute;top: 1px;
left: 0px;display: block;}
.circle_radio_d:after{content: '';position: absolute;top: 3px;left: 3px;right: 3px;bottom: 3px;background: #007c9d;
border-radius: 30px;display: none;}
.hospital_select_radio input:checked ~ .circle_radio_d:after {display: block;}
.hospital_select_radio input:checked ~ span{ background: linear-gradient(90deg, #047C9E 0%, #0B203D 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-weight: 600;}



  .booking_slot_title{font-size: 14px;font-weight: 600;color: #047C9E;padding:12px 20px;background: #F7F7F7;
  line-height: 1.3;padding-right:30px;border-bottom: 1px solid #E8E8E8;}
  .slot_inner_wrapper{padding:11px 20px;}
  .row_slot_list{display: flex;align-items:center;}
  .slot_left_box{width:70px;}
  .slot_right_box{width:calc(100% - 70px);padding: 0px 15px;padding-right:0px;}
  .title_select_list{color:#4C4C4C;font-size:12px;font-weight:600;line-height:1.2;}

  .slot_box input{display: none;}
.slot_box{border-radius: 5px;overflow: hidden;margin: 0px;padding: 0px;cursor: pointer;text-align: center;}
.slot_box_inner{background: #F7F7F7;padding: 10px 0px;border-radius: 5px;}
.slot_box input:checked ~ .slot_box_inner{background: #047C9E;}
.slot_box input:disabled ~ .slot_box_inner{pointer-events: none;}
.slot_title{font-size: 12px;font-weight: 600;color: #4C4C4C;line-height: 1.3;}
.slot_date_time{font-size: 11px;font-weight: 400;color: #747474;line-height: 1.3;margin-bottom: 2px;}
.slot_box input:checked ~ .slot_box_inner .slot_title, .slot_box input:checked ~ .slot_box_inner .slot_date_time{color: #fff;}

@media only screen and (min-width: 1025px){
     .slot_box_inner:hover{background: #047C9E;}
     .slot_box_inner:hover .slot_title, .slot_box_inner:hover .slot_date_time{color: #fff;}
}
@media only screen and (max-width: 1300px){
.slot_box_inner{padding: 15px 0px;}
}

@media only screen and (max-width: 991px){
    .slot_box_inner {padding: 20px 0px;}
}

@media only screen and (max-width: 991px){
    .slot_box_inner {padding: 15px 0px;}
}


.slot_right_slider{overflow: hidden;}
.slot_slider_relative_wrapper{position:relative;padding:0px 14px 0px 0px;}
.slot_slider_relative_wrapper .swiper-button-next, .slot_slider_relative_wrapper .swiper-button-prev{
    width:10px;height:17px;
}
.slot_slider_relative_wrapper .swiper-button-prev{left:-15px}
.slot_slider_relative_wrapper .swiper-button-next, 
.slot_slider_relative_wrapper .swiper-button-prev{top:50%;right:0px;margin:0px !important;transform: translate(0px, -50%);}

.slot_slider_relative_wrapper .swiper-button-next:after, .slot_slider_relative_wrapper .swiper-button-prev:after{    
    font-size: 14px;
    font-weight: bold;
    color: #4C4C4C;
}
.row_slot_gap{padding:13px 0px;}
.row_slot_gap:first-child{padding-top: 20px;}
.row_slot_gap:last-child{padding-bottom: 0px;}
.booking_slot_wrapper{height:100%;}
.slot_inner_wrapper{overflow:auto;
position:absolute;top:43px;left: 0px;right:0px; bottom: 52px;}

@media only screen and (max-width: 1352px){
.row_slot_gap:first-child {
    padding-top: 25px;
}
}

@media only screen and (max-width: 1352px) {
    .row_slot_gap:first-child {
        padding-top: 8px;
    }
    .row_slot_gap {
        padding: 4px 0px;
    }
  }


.expert_care_bottom_btn_row2{ display: flex; position: absolute; left: 0px; right: 0px; bottom: 0px; z-index: 1; }
.expert_care_colm_btn3 { width: 47%; }
.expert_care_colm_btn3 .card_common_btn{width:100%;}
.slot_right_box ul li{margin-bottom:0px;}
.doctor-card-view{height: 100%;}

.slot_inner_wrapper.request-form-active{overflow: initial;bottom: 0px;padding-top:5px;}
 .request-form-active .actions-wrap{position: absolute;left:0px;right:0px;bottom:0px;width:100%;z-index: 2;}
 .slot_inner_wrapper .fields-container {position: absolute;top:48px;left:20px;right:20px;    overflow-y: auto !important;
max-height: calc(100% - 107px)}
.request-form-active .phone-links-mobile{display:none !important;}

.slot_inner_wrapper .fields-container::-webkit-scrollbar,
.slot_inner_wrapper::-webkit-scrollbar {
  width: 5px;
}
.slot_inner_wrapper .fields-container::-webkit-scrollbar-track,
.slot_inner_wrapper::-webkit-scrollbar-track {
  background: #f1f1f1; border-radius: 30px;
}
.slot_inner_wrapper .fields-container::-webkit-scrollbar-thumb,
.slot_inner_wrapper::-webkit-scrollbar-thumb {
  background: #888; border-radius: 30px;
}
.slot_inner_wrapper .fields-container::-webkit-scrollbar-thumb:hover,
.slot_inner_wrapper::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

@media only screen and (min-width: 768px) and (max-width: 1400px) {
    .slot_box_inner {
        padding: 8px 0px;
    }
    .row_slot_gap{padding:8px 0px;}
    .slot_inner_wrapper{padding-top:5px;}
}

@media only screen and (min-width: 1025px) {
    .card_common_btn_yellow:hover { background: linear-gradient(131.94deg, #F9CB61 -27.62%, #E2A20A 171.54%); }
    .slot_close_btn:hover{opacity: 0.8;}
}
.expert_care_colm_btn3:first-child .card_common_btn { padding: 16px 5px; }
.expert_care_colm_btn4:nth-of-type(2) { width: 53%; }
.expert_care_colm_btn4 .call_now_btn_common { height: 100%; }
.expert_care_colm_btn4 .call_now_btn_common { padding: 15px 5px; border-bottom-right-radius: 17px; overflow: hidden; }
.slottimewrapper  .slot_date_time{font-size:12px;font-weight:600;color:#747474;}
.slottimewrapper  .slot_title{font-size:11px;font-weight:400;}
.slot_close_btn{width:15px;position: absolute;top: 13px;right:10px;cursor: pointer;z-index: 1;
transition: all 0.3s;}
.slot_close_btn img{width:100%;height:initial;display:block;}
.booking_appotment_popup{display: none;}
.booking_appotment_popup.show{display: block;}
.expert_care_colm_btn .card_common_btn{width:100%;}
.slot_popup_show{cursor: pointer;}




/* --------------------------------------------------------------------------------------- */

.bottom_btn_box_package_detail{display: flex;margin-left: -20px;margin-right: -20px;margin-top: 30px;}
.btn_colm_bottom_package_d{width: 50%;}
.btn_colm_bottom_package_d .card_common_btn{height: 100%;}
.btn_colm_bottom_package_d.slotss-call {width: 0%;}

.btn_colm_bottom_package_d.no-slots-call {width: 100%;}
.btn_colm_bottom_package_d.no-slots-call .card_common_btn {
    border: 1px solid #007c9d;
    border-bottom-left-radius: 16px;
    background: #007c9d;
    color: #fff;
  }
 .btn_colm_bottom_package_d.no-slots-call .card_common_btn span img:nth-of-type(1){
  display: none !important;
 }
  .btn_colm_bottom_package_d.no-slots-call .card_common_btn span img:nth-of-type(2){
  display: block !important;
 }

.prohealth_slot_box .actions-wrap.form-container.js-form-wrapper.form-wrapper{
    display: flex;
    align-items: center;
    padding: 5px 15px !important;
    background:#fff;
    justify-content: space-between;
}



@media only screen and (max-width: 767px){
.prohealth_slot_box{padding: 15px;padding-bottom: 0px;}
.prohealth_slot_box  .request-appointment-submit-btn{
        width: calc(100% - 122px) !important;}
}


@media only screen and (max-width: 365px){
.prohealth_package_title_slot{font-size: 14px;width: calc(100% - 110px);}
.prohealth_slot_min_title{font-size: 14px;}
}
.btn_colm_bottom_package_d.slotss-call {
    width: 0%;
}

.btn_colm_bottom_package_d.no-slots-call {
    width: 100%;
}
.btn_colm_bottom_package_d.no-slots-call .card_common_btn {
    border: 1px solid #007c9d;
    border-bottom-left-radius: 16px;
    background: #007c9d;
    color: #fff;
  }
 .btn_colm_bottom_package_d.no-slots-call .card_common_btn span img:nth-of-type(1){
  display: none !important;
 }
  .btn_colm_bottom_package_d.no-slots-call .card_common_btn span img:nth-of-type(2){
  display: block !important;
 }

 .prohealth_slot_box .request-text {font-size: 16px;
    font-weight: 600;
    color: #4C4C4C;
    margin-bottom: 15px;}

  .prohealth_slot_box .doctorr-request-form .form-input{
        display: block;
    width: 100%;
    border:none;
    border-bottom: 1px solid #ccc;
    padding: 11px 10px;
    font-size: 14px;padding-left: 105px;    font-family: "Roboto", sans-serif !important;
    background: #fff;color: #4C4C4C;
  }

  .prohealth_slot_box .doctorr-request-form .form-input.input-mobile{padding-left: 170px;
border-bottom: none;}
  .prohealth_slot_box .doctorr-request-form .form-input::placeholder{font-size: 13px;
    color: rgb(76 76 76 / 50%) !important;}

   .prohealth_slot_box .js-form-type-checkbox .form-label{display: inline-block;}
  .prohealth_slot_box .js-form-type-checkbox {display: none;}
   .prohealth_slot_box .js-form-item.form-item__city.js-form-item-city.form-no-label{display: none;}
   .prohealth_slot_box .actions-wrap.form-container.js-form-wrapper {display: flex;align-items: center;padding: 15px 0px;
  justify-content: space-between;}

   .prohealth_slot_box .phone-links a{
    background: var(--brandBg);
    border-radius: 30px;
    display: inline-flex;
    font-size: 16px;
    color: #fff;
    padding: 16px 30px;
    text-decoration: none;
    font-weight: 500;
    text-transform: capitalize !important;
    width: 100%;justify-content: center;
   }
   .prohealth_slot_box .phone-links a:hover{opacity: 0.8;}
   .prohealth_slot_box .phone-links{width: 146px;text-align: left;padding-left:15px;order: 2;}

      .prohealth_slot_box  .request-appointment-submit-btn{
        order: 1;
        width: 100% !important;
        justify-content: center;
        background: linear-gradient(172.94deg, #E2A20A -27.62%, #F9CB61 50.54%) !important;
        border-radius: 30px !important;
        display: inline-flex;
        font-size: 14px;
        color: #075676 !important;
        padding: 16px 0px !important;
        text-decoration: none;
        font-weight: 500;
        margin-top: 0px !important;
        cursor: pointer;
        text-transform: capitalize !important;
        }
.prohealth_slot_box  .request-appointment-submit-btn:hover{opacity: 0.8;}

.prohealth_slot_box input#edit-resend-otp {
    background-color: #fff;
    border: none;
    bottom: auto;
    color: #047C9E;
    font-size: 13px;
    font-weight: 700;
    left: auto;
    margin-left: .5rem;
    padding: 0;
    position: relative;
    right: auto;
    -webkit-text-decoration: none;
    text-decoration: none;
    top: auto;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
}


.booking_slot_wrapper .request-text{display: none;}
 .prohealth_slot_box .doctorr-request-form .form-label {
    display: block !important;
    width: initial;
    font-size: 15px;
    color: #4C4C4C;
    height: initial;
    font-weight: 400;
    top: 11px;
    left: 20px;
    clip: initial;
}
 .prohealth_slot_box .request-error{background: #f5f5f5;padding: 10px 0px; border-radius: 0px;}

 .prohealth_slot_box .doc-msg-container.form-wrapper {margin: 0px;border: none;border-radius: 0px;}

 .booking_slot_wrapper .form-wrapper  input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
  -webkit-text-fill-color: #4C4C4C;
}
.booking_slot_wrapper .form-container{
    border: 1px solid #4C4C4C4D;
    border-radius: 8px;
    overflow: hidden;
}
.booking_slot_wrapper .form-item{position: relative;}
.prohealth_slot_box .send-otp-btn {position: absolute !important;
    top: 50% !important;
    right: 20px !important;
    transform: translate(0px, -50%);}
.prohealth_slot_box .form-item__otp input::placeholder{/* color: #4C4C4C !important; */ opacity: 1 !important; font-size: 15px !important;}

 .prohealth_slot_box .resend-otp .form-item__otp input{padding-left: 20px !important;  
    border-top: 1px solid #ccc;border-bottom: none;}
 .prohealth_slot_box .resend-otp{margin: 0px;border-radius: 0px;border:none;
position: relative;}
/* .prohealth_slot_box .resend-otp .form-item__otp input::placeholder{color: #4C4C4C !important;} */

.booking_slot_wrapper .phone-otp-container{border-radius: 0px;border: none;margin: 0px;}
 .prohealth_slot_box .doctorr-request-form .doc-msg-container.request-msg{padding: 0px 20px; background: #f5f5f5;}

  .prohealth_slot_box .booking-request-appointment-form .actions-wrap{padding: 0px !important;
border: none !important;}

.prohealth_slot_box .btn-loader {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 6px;
  border: 2px solid #ccc;
  border-top-color: #075777;
  border-radius: 50%;
  animation: spin 0.6s linear infinite;
  vertical-align: middle;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

.prohealth_slot_box .otp-loader {
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 2px solid #ccc;
    border-top: 2px solid #000;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    vertical-align: middle;
    position: absolute !important;
    top: 35% !important;
    right: 8px !important;
}
.actions-wrap .btn-loader{position: absolute;z-index: 2;right:35px;left:initial;}



.prohealth_slot_box button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.prohealth_slot_box input#edit-resend-otp {
    position: absolute !important;
    top: 50% !important;
    right: 25px !important;
    transform: translate(0px, -50%);
}

.prohealth_slot_box .request-error.otp-success-msg{color:#35788a;font-size:13px;}
.form-item__otp input::placeholder{color: #4C4C4C;}

.prohealth_slot_box .phone-links a{
  position: relative;
    padding-left: 45px;
    padding-right: 0px;
    justify-content: flex-start;}
.prohealth_slot_box .phone-links a:after{
content: '';
    position: absolute;
    top: 54%;
    transform: translate(0px, -50%);
    left: 28px;
    background: url(/themes/custom/apollo/assets/images/hospitals/call-white.png);
    width: 14px;
    height: 14px;
    background-size: 100%;
    background-repeat: no-repeat;
}


.expert_image{min-height: 260px;}


@media only screen and (max-width: 1400px){
  .prohealth_slot_box  .request-appointment-submit-btn{
    padding:10px 0px !important;
  }
  .prohealth_slot_box .doctorr-request-form .form-input{padding-top:10px;padding-bottom:10px;}
  .prohealth_slot_box .doctorr-request-form .form-label{top:10px;}
  .slot_inner_wrapper .fields-container{max-height: calc(100% - 95px);}
  .prohealth_slot_box .doctorr-request-form .form-label, 
  .prohealth_slot_box .doctorr-request-form .form-input::placeholder{font-size:13px !important;}
  .expert_image{min-height: 240px;}
  .prohealth_slot_box .doctorr-request-form .form-input{padding-left: 100px;}
  .prohealth_slot_box .doctorr-request-form .form-input.input-mobile{padding-left: 154px;}
  .doctorr-request-form .request-error{font-size:13px;}
}

@media only screen and (min-width: 1024px) and (max-width: 1360px){
.expert_image{min-height: 242px;}
}

@media only screen and (max-width: 1199px){
.prohealth_slot_box .request-appointment-submit-btn{font-size: 14px;}
.prohealth_slot_box .phone-links a{font-size: 14px;}
.prohealth_slot_box .phone-links{padding-left: 24px;}
}

@media only screen and (max-width: 767px){
.prohealth_slot_box .phone-links a:after{
  top: 54%;
  left: 42px;
}
.prohealth_slot_box .phone-links a{padding-left: 60px;}
    
}

@media only screen and (max-width: 767px){
.prohealth_slot_box .phone-links a:after{
  top: 54%;
      left: 21px;
}
.prohealth_slot_box .phone-links{width: 97px;}
.prohealth_slot_box .phone-links a{padding-left: 38px;}
.prohealth_slot_box .phone-links{width: 117px;padding-left: 6px;}
.prohealth_slot_box .request-appointment-submit-btn {
        width: 100% !important;font-size: 14px;
    }
  .prohealth_slot_box .phone-links a{font-size: 14px;}
.expert_image{min-height: 242px;}

}

@media only screen and (max-width: 365px){
.prohealth_slot_box .request-appointment-submit-btn, .prohealth_slot_box .phone-links a{font-size: 11px;}
.prohealth_slot_box .phone-links{width: 104px;}
.prohealth_slot_box .request-appointment-submit-btn {
        width: calc(100% - 104px) !important;
    }
}