/*---banner---common2---start---here---*/
.banner_common_2 {
  position: relative;
  background: linear-gradient(105.21deg, #057b9d 39.31%, #0a2542 86.51%);
  height: 250px;
  overflow: hidden;
}
.banner2_common_layer {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  top: 0px;
  width: 100%;
  object-fit: cover;
  display: block;
  opacity: 0.2;
}
.common_banner2_content {
  position: absolute;
  bottom: 70px;
  left: 0px;
  right: 0px;
  text-align: center;
  z-index: 1;
}
.common_banner2_content .section_title,
.common_banner2_content .section_title span {
  color: #fff;
}
.common_banner2_content .section_title {
  font-size: 36px;
}
.video_library_banner {
  position: relative;
}

.search_wrapper_common {
  position: absolute;
  bottom: -22px;
  width: 600px;
  left: 50%;
  transform: translate(-50%, 0px);
  z-index: 77;
}
.search_wrapper_inner {
  position: relative;
}
.search_wrapper_inner input {
  border-radius: 8px;
  border: none;
  padding: 18px 10px;
  box-shadow: 0px 4px 60px 0px rgb(0 0 0 / 15%);
  font-size: 13px;
  color: #4c4c4c;
  padding-left: 59px;
  border: 1px solid #e8e8e8;
  padding-right: 58px;
}
.search_wrapper_inner input::placeholder {
  font-size: 13px;
  color: #4c4c4c;
}
.search_text {
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translate(0px, -50%);
  color: #a9a9a9;
  font-size: 13px;
}
.search_submit_btn {
  width: 32px;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translate(0px, -50%);
  cursor: pointer;
}
.search_submit_btn img {
  width: 100%;
  display: block;
  height: initial;
}
.proced_b_desc {
  width: 400px;
  margin: 0px auto;
  font-size: 14px;
  color: #fff;
  line-height: 1.3;
  margin-top: 15px;
}
.procedure_listing_banner {
  position: relative;
}

@media only screen and (max-width: 1400px) {
  .common_banner2_content {
    bottom: 50px;
  }

  .search_wrapper_common {
    width: 490px;
    bottom: -22px;
  }
  .search_wrapper_inner input {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .search_submit_btn {
    width: 30px;
  }
}

@media only screen and (max-width: 1199px) {
  .search_wrapper_common {
    width: 400px;
  }
}

@media only screen and (max-width: 991px) {
  .search_wrapper_common {
    position: relative;
    transform: none;
    margin: 0px auto;
    width: 100%;
    padding: 0px 30px;
    margin-top: -25px;
    transform: none;
    left: initial;
    bottom: initial;
  }
  .directory_section {
    margin-top: -25px;
    padding-top: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .banner2_common_layer {
    opacity: 0.6;
  }
  .banner_common_2 {
    height: 200px;
  }
  .common_banner2_content .section_title {
    font-size: 30px;
  }
  .common_banner2_content {
    bottom: 40px;
  }
  .proced_b_desc {
    width: 100%;
  }

  .search_wrapper_common {
    padding: 0px 15px;
  }
  .search_wrapper_inner input::placeholder {
    font-size: 10px;
  }
  .search_wrapper_inner input {
    padding-right: 49px;
  }
  .common_banner2_content .section_title {
    text-align: left;
  }
  .proced_b_desc {
    text-align: left;
  }
}

/* all_hospital css starts here */
.all_hospital {
  padding-bottom: 0px;
}
.all_hospital_tabs-wrapper {
  display: flex;
  align-items: start;
  gap: 20px;
  margin-top: 30px;
  border-bottom: 1px solid #eee;
}
.all_hospital_tabs {
  white-space: nowrap;
  overflow: auto;
  scroll-behavior: smooth;
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  width: 100%;
}
.all_hospital_tabs::-webkit-scrollbar {
  display: none;
}
.all_hospital_tabs li {
  list-style: none;
}
.all_hospital_tabs_link {
  display: inline-block;
  padding: 0 15px;
  padding-bottom: 15px;
  color: #4c4c4c;
  transition: 0.3s;
  position: relative;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  text-decoration: none;
}
.all_hospital_tabs{scrollbar-width: none;}
.hospital-direction-card-data a, .hospital-number-card-data a{
    font-weight: 500;
    font-size: 14px;
    color: #085a7a;
    text-decoration: none;transition: all 0.3s;
}
.hospital-direction-card-data a:hover, .hospital-number-card-data a:hover{
  opacity: 0.8;
}
.all_hospital_tabs li.active .all_hospital_tabs_link {
  color: #047c9e;
  font-weight: 500;
}
.all_hospital_tabs li.active .all_hospital_tabs_link::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 100%;
  background: #047c9e;
}
.all_tabs_scroll-btn {
  cursor: pointer;
  display: flex !important;
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  border: 1px solid #e4e4e4;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.all_tabs_scroll-btn img {
  width: 5px;
}
.all_hospital_tabs_grid .view__content{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-top: 40px;
}
.hospital-location-card {
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  background-color: #f7f7f7;
}
.hospital-location-card-inner {
  display: flex;
  height: 100%;
}
.hospital-location-card-left {
  width: 50%;
}
.share-icon {
  margin-left: auto;
  display: flex;
  justify-content: end;
}
.share-icon img {
  width: 17px;
}
.hospital-location-card-left {
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
  padding: 45px 25px 70px 25px;
}
.hospital-location-card-heading {
  color: #4c4c4c;
  font-weight: 500;
  font-size: 22px;
  margin-bottom: 4px;
  line-height: 1.3;
}
.hospital-location-card-heading .node_title{
  text-decoration: none;
  color: #4c4c4c;transition: all 0.3s;
}
hospital-location-card-heading a:hover{color:#047C9E;}
.hospital-location-card-heading .node_title:hover,
.hospital-location-card-heading .node_title:focus{
  color: #4c4c4c !important;
}
.hospital-location-card-heading a.node_title:hover{color:#047C9E !important;}
.hospital-card-location-box,
.hospital-number-card-box,
.hospital-direction-card-box {
  display: flex;
  align-items: start;
}
.hospital-card-location-box,
.hospital-number-card-box {
  padding-bottom: 15px;
  border-bottom: 1px solid #e7e7e7;
  position: relative;
}
.hospital-card-location-box::after,
.hospital-number-card-box::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  /* height: 2px; */
  width: 20%;
  border-bottom: 1px solid #047c9e;
  background-color: #047c9e;
}
.hospital-card-location-icon {
  width: 12px;
}
.hospital-card-location-icon img {
  width: 100%;
}
.hospital-card-location-data {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  width: calc(100% - 15px);
  padding-left: 10px;
  text-transform: capitalize;
  color: #4c4c4c;
}
.hospital-number-card-icon {
  width: 15px;
}
.hospital-number-card-icon img {
  width: 100%;
}
.hospital-number-card-data {
  font-weight: 500;
  font-size: 14px;
  width: calc(100% - 15px);
  padding-left: 10px;
  color: #085a7a;
}
.hospital-direction-card-icon img {
  width: 100%;
}
.hospital-direction-card-data {
  font-weight: 500;
  font-size: 14px;
  width: calc(100% - 15px);
  padding-left: 10px;
  color: #085a7a;
}
.hospital-location-card-right {
  width: 50%;
}
.hospital-location-card-right .image_link{
  display: block;
  height: 100%;
  width: 100%;overflow: hidden;
}
.hospital-location-card-right img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover; transition: all 0.3s;
}
.hospital-location-card-right img:hover {
  transform: scale(1.1);
} 
.hospital-direction-card-icon {
  width: 15px;
}
.hospital-location-card .expert_care_colm_btn {
  width: 50%;
}
.hospital-location-card .expert_care_bottom_btn_row {
  display: flex;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.hospital-location-card .expert_care_colm_btn:nth-of-type(2) {
  width: 50%;
}
.hospital-location-card .expert_care_colm_btn2 .call_now_btn_common {
  padding: 16px 5px;
  border-bottom-right-radius: 0px;
  overflow: hidden;
  border-bottom-left-radius: 20px;
  height: 100%;
}
.hospital-location-card .card_common_btn {
  padding: 17px 5px;
  height: 100%;
}

  .call_now_btn_common:hover {
    background: #047C9E;
    color: #fff;
  }
.card_common_btn_yellow span{transition: all 0.3s;}
.card_common_btn_yellow:hover span{transform: rotate(45deg);}

.all_tabs_scroll-btn.right img {
    position: relative;
    right: -1px;
}
.all_tabs_scroll-btn.left img {
    position: relative;
    left: -1px;
}

@media (max-width: 991px) {
  .hospital-location-card-inner {
    flex-wrap: wrap;
  }
  .hospital-location-card-left,
  .hospital-location-card-right {
    width: 100%;
  }
  .hospital-location-card-left {
    position: static;
    order: 2;
    padding: 20px 10px 65px 10px;
  }
   .hospital-location-card-right{
    order:1;
   }
  .hospital-location-card-right img {
    aspect-ratio: 1/1;
  }
  .hospital-location-card-right .image_link{height:initial;}
  .hospital-location-card-inner{height: initial;}
}

@media (max-width: 767px) {
  .all_hospital_tabs_grid .view__content{
    grid-template-columns: 1fr;
  }
  .all_hospital_tabs_link {
    font-size: 14px;
  }
  .hospital-location-card-left {
    padding: 20px 20px 70px 20px;
  }
  .hospital-location-card-heading {
    font-size: 18px;
  }
}

/* card -share -icon */
.share_icon_expert {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  border-radius: 50%;
  background-color: transparent;
  right: 20px;
  top: 15px;
  line-height: 0px;
  cursor: pointer;
  z-index: 4;
}
.toggle_share_icon {
  width: 14px;
}
.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;
  }
  .share_icon_expert {
    background-color: #ffffff;
  }
  .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;
  }
}

.all_hospital .view__header {
    font-size: 32px;
    line-height: 1.2;
    font-weight: 300;
    text-transform: capitalize;
    color: #2F2F2F;
    margin-bottom: 0px;
}
.all_hospital .view__header span{font-weight: 700;font-style: italic;color: #4C4C4C;font-family: "Ubuntu", sans-serif;}

.all_hospital #edit-actions{display: none;}
.all_hospital .field__label{display: none;}
.all_hospital .viewsreference--view-title {display: none;}
.search_wrapper_inner input {width: 100%;}
.procedure_listing_banner .block__title {display: none;}
.all_hospital .js-form-item.form-item.js-form-type-textfield.form-item__search.js-form-item-search.focused {display:none;}

.views-exposed-form .js-form-item-search{display:none;}
.all_hospital li[data-city="#N/A"] {display: none;}


.top-hospital-tag{    
      grid-column: 1 / -1;
    margin-top: 15px;
        font-size: 32px;
    line-height: 1.2;
    font-weight: 300;
    text-transform: capitalize;
    color: #2F2F2F;
    margin-bottom: 0px;
        font-family: "Roboto", sans-serif !important;
  }

  .top-hospital-tag span{    font-weight: 700;
    font-style: italic;
    color: #4C4C4C;
    font-family: "Ubuntu", sans-serif !important;}

    @media only screen and (max-width: 767px) {
    .top-hospital-tag {
        font-size: 28px;
        line-height: 31px;
    }
  }