div#map {
  box-sizing: border-box;
  box-shadow: 0 10px 15px 0 rgb(0 0 0 / 25%);
  position: fixed;
  margin: 0 auto;
  min-height: 60vh;
  height: auto;
  background: #fff;
  z-index: 100;
  left: 0;
  right: 0;
  text-align: left;
  max-width: 100%;
  top: 20px;
  overflow-y: auto;
  max-height: 90%;
}
/** auto complete **/
/* Always set the map height explicitly to define the size of the div
       * element that contains the map. */
#map {
  height: 100%;
}
/* Optional: Makes the sample page fill the window. */
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}
#description {
  font-family: Roboto;
  font-size: 15px;
  font-weight: 300;
}
#infowindow-content .title {
  font-weight: bold;
}
#infowindow-content {
  display: none;
}
#map #infowindow-content {
  display: inline;
}
.pac-card {
  margin: 10px 10px 0 0;
  border-radius: 2px 0 0 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  background-color: #fff;
  font-family: Roboto;
}
#pac-container {
  padding-bottom: 12px;
  margin-right: 12px;
}
.pac-controls {
  display: inline-block;
  padding: 5px 11px;
}
.pac-controls label {
  font-family: Roboto;
  font-size: 13px;
  font-weight: 300;
}
#pac-input {
  width: 100%;
  height: 30px;
  padding: 10px;
  font-size: 16px;
  border: 2px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  margin-bottom: 30px;
}
#pac-input:focus {
  border-color: #4caf50;
  box-shadow: 0 0 5px rgba(0, 128, 0, 0.5);
  outline: none;
}
#pac-input::placeholder {
  color: #aaa;
  font-style: italic;
}
#title {
  color: #fff;
  background-color: #4d90fe;
  font-size: 25px;
  font-weight: 500;
  padding: 6px 12px;
}
#target {
  width: 345px;
}
.hospital_filter_left {
  margin-top: 30px;
}
.progress-bar {
  height: .7rem;
  width: 100%;
  background-color: #c0c0c0;
  position: relative;
}
.progress-bar .bar {
  height: 100%;
  background-color: #1b769d;
}
#progress-bar-handle {
  display: block;
  position: absolute;
  z-index: 1;
  margin-top: -10px;
  margin-left: -10px;
  width: 20px;
  height: 20px;
  border: 4px solid #1b769d;
  transform: rotate(45deg);
  border-radius: 100%;
  background-color: #fff;
  box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  cursor: pointer;
}
.draggable {
  position: relative;
}
.percentage-label {
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
  color: #1b769d;
  font-size: 0.9rem;
  font-weight: bold;
  padding: 2px 5px;
  border: 1px solid #1b769d;
  border-radius: 4px;
  white-space: nowrap;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.locateme-button {
  margin-top: 30px;
}
.hospital_inform_null {
  display: none;
}
/* locator css start*/
.map-container,
.hospital_details_discussion {
  max-width: 1280px;
  margin: 0 auto;
  z-index: 10;
  position: relative;
}
div#map {
  top: initial;
  min-height: 80vh;
  box-shadow: none;
}
.hospital_custom_filter {
  display: flex;
  margin-top: 32px;
  margin-bottom: 40px;
}
.hospital_filter_left {
  margin-right: 32px;
  margin-top: 0;
}
.hospital_filter_left,
.hospital_filter_right {
  flex: 0 0 384px;
  width: 384px;
}
.hospital_filter_left p {
  font-size: 16px;
  margin-bottom: 12px;
}
.hospital_filter_left input {
  font-style: normal;
  margin-bottom: 50px !important;
  height: 40px !important;
  background-image: url(var(--base-path)/sites/default/files/2025-09/search%20icon%20%281%29.svg);
  background-repeat: no-repeat;
  background-position: 95% 50%;
}
.hospital_filter_left button {
  width: 100%;
}
.hospital_filter_left button span:before {
  content: '';
  height: 20px;
  width: 20px;
  background-image: url(var(--base-path)/sites/default/files/2025-09/locate-icon.svg);
  background-repeat: no-repeat;
  position: absolute;
  left: -24px;
}
.hospital_filter_right p.gds-paragraph--spacer-m {
  margin-bottom: 16px;
  display: flex;
  font-size: 16px;
  font-weight: 700;
}
.hospital_filter_right p.gds-paragraph--spacer-l {
  margin-bottom: 0px;
}
.hospital_filter_right p svg {
  margin-right: 16px;
}
.hospital_details_discussion .gds--section__OurPartners.demo-colors__fill--primary-lightest {
  max-width: 903px;
}
.locateme-button {
  margin-top: 16px;
  width: 100%;
}
.locateme-button span {
  position: relative;
}
#progress-container {
  position: relative;
}
.hospital_filter_left input::placeholder {
  font-style: normal !important;
  color: #2c333a !important;
  font-family: BISansNEXT;
}
.hospital_details_discussion .gds-heading,
.hospital_details_discussion .heading-caption {
  color: #cc004a;
  font-family: arya;
  font-size: 32px;
  font-weight: 700;
}
.hospital_details_discussion .heading-caption {
  color: #546372;
  text-transform: uppercase;
  font-size: 16px;
  margin-bottom: 12px;
}
.pager-show-more a {
  background-color: #1b769d !important;
}
.percentage-label {
  background-color: #1b769d;
  color: #fff;
  width: 40px;
  white-space: normal;
  text-align: center;
  top: -48px;
  line-height: 1.1;
  font-size: 12px !important;
  font-family: 'BISansNEXT';
  font-weight: 500;
}
.percentage-label:after {
  content: '';
  position: absolute;
  left: calc(50% - 16px);
  bottom: -4px;
  z-index: -1;
  background: #1b769d;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 32px;
  height: 30px;
  border-radius: 30px 10px 3px 10px;
}
#progress-bar-handle {
  width: 16px;
  height: 16px;
  margin-top: -4px;
  margin-left: -4px;
}
.hospital_details_discussion h1.gds-heading--l {
  font-size: 44px;
  margin-bottom: 24px;
}
.gm-style .gm-style-iw-c {
  max-width: 450px !important;
  padding: 0 0px;
}
.gm-style .gm-style-iw-d {
  overflow: auto !important;
}
.gm-style .gds-icon__wrapper {
  display: flex;
  font-size: 16px;
  font-family: BISansNEXT;
  line-height: 24px;
}
.gm-style .gds-icon__wrapper svg {
  margin-right: 15px;
}
.gm-style .gmap_marker_custom h3 {
  font-weight: 400;
  font-family: Arya;
  color: #cc004a;
  line-height: 36px;
}
.gm-style .gmap_marker_custom {
  display: flex;
  flex-wrap: wrap;
  padding: 0 30px 30px 30px;
}
.gm-style .heading-caption {
  color: #546372;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 12px;
}
.gm-style .gds-quicklinks--boxed {
  margin-bottom: 24px;
}
.gm-style .gds-btn-wrapper {
  margin-left: auto;
}
@media (max-width: 1024px) {
  .hospital_filter_left,
  .hospital_filter_right {
    flex: 0 0 50%;
    width: 50%;
  }
}
@media (max-width: 767px) {
  .hospital_custom_filter {
    flex-wrap: wrap;
  }
  .hospital_filter_left,
  .hospital_filter_right {
    flex: 0 0 100%;
    width: 100%;
  }
  .hospital_filter_left {
    margin-bottom: 30px;
  }
  .gm-style .gm-style-iw-c {
    max-width: 300px !important;
  }
  .gm-style .gmap_marker_custom h3 {
    line-height: 28px;
  }
  .gm-style .gds-btn-wrapper {
    margin-left: initial;
  }
}
/* locator css end */
.myhospital_data {
  display: none;
}
.myhospital_list1 {
  display: block;
}
@media screen and (min-width:1200px) {
  .my-stroke-hospital-locate nav.gds-breadcrumb.gds-breadcrumb--default {
    max-width: 1200px;
    margin: 0 auto;
  }
  .my-stroke-hospital-locate p.gds-paragraph.gds-paragraph--align-left.gds-paragraph--s.gds-paragraph--spacer-m.text-align-right {
    margin: 0 auto;
    max-width: 1200px;
    margin-bottom: 60px;
  }
}
@media screen and (max-width:1024px) {
  .my-stroke-hospital-locate nav.gds-breadcrumb.gds-breadcrumb--default {
    padding: 0px 15px
  }
  .my-stroke-hospital-locate p.gds-paragraph.gds-paragraph--align-left.gds-paragraph--s.gds-paragraph--spacer-m.text-align-right {
    padding: 0px 15px
  }
}
@media screen and (max-width: 768px) {
  .gds-cell--m-third .gds-image-zoom img{
    transform: rotate(90deg); /* Rotate 90 degrees */
  }
}
@media screen and (min-width: 768px) {
  .gds-cell--m-third .gds-image-zoom img{
    transform: rotate(360deg) !important; /* Rotate 90 degrees */
  }
}
.gds-highlight-banner--spacer-l {
  margin-block-end: 0;
}
.audio-container{background: #F6F5F3;}
.gds-highlight-banner--spacer-l {margin-bottom: 0;}
#progress-container {
  touch-action: none;
}
#draggable-point {
  cursor: pointer;
  user-select: none;
}