.map-section.map-section__wrapper {
  padding-top: 4.6875rem;
  padding-bottom: 4.6875rem;
}

.map-section .map-section__top .map-section__description {
  color: var(--color-main-blue);
  text-align: center;
}

.map-section .map__content {
  width: 100%;
  height: 23.3125rem;
  margin-top: 2.1875rem;
}

.map-section .map__content .leaflet-popup-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.map-section .map__content .leaflet-popup-content .heading-6 {
  margin: 0px;
  text-align: center;

  color: var(--dark-blue);
}

.map-section .map__content .leaflet-popup-content .map-doctor-btn {
  background-color: var(--dark-blue);
  color: var(--white);
}

.map-section .map__select {
  cursor: pointer;
  border: 0.125rem solid var(--dark-blue);
  display: flex;
  flex-direction: row;
  align-items: stretch;
  border-radius: 0.3125rem;
}

.map-section .map__select select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-color: transparent;
  background: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='10' viewBox='0 0 18 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.75926 1.96595L8.6967 8.83736C8.91561 9.05421 9.2681 9.05421 9.48701 8.83736L16.4245 1.96595C16.6462 1.74675 16.6476 1.38926 16.4296 1.16771C16.2112 0.946153 15.8554 0.943801 15.6341 1.16253L9.09186 7.64211L2.54957 1.16253C2.32832 0.943801 1.97254 0.946153 1.75411 1.16771C1.64583 1.27778 1.59192 1.42077 1.59192 1.56424C1.59192 1.71006 1.6477 1.85541 1.75926 1.96595Z' fill='%23909DA2' stroke='%23909DA2' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: center;
  background-size: 1.125rem 0.625rem;
}

.map-section .map__select select:focus,
.map-section .map__select select:hover {
  outline: none;
}

.map-section .map__select .select__icon {
  background-color: var(--dark-blue);
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 0.3125rem;
  border-bottom-left-radius: 0.3125rem;
  flex: 0 0 auto;
  width: 4.125rem;
}

.map-section .map__select .select__icon svg {
  fill: var(--white);
  width: 1.875rem;
  height: 1.875rem;
}

.map-section .map__content .leaflet-popup-tip-container {
  display: none;
}

.map-section .map__content .leaflet-popup-content-wrapper,
.map-section .map__content .leaflet-popup-tip {
  box-shadow: none;
}

.map-section .map__content .leaflet-popup-content {
  margin: 0px;
  width: auto !important;
  max-width: 100%;
  min-width: 15rem;
  padding: 2.125rem 2.125rem 1.75rem;
}

.map-section .map__content .leaflet-popup-content .map-doctor-name {
  margin-bottom: 0.615rem;
}

.map-section .map__content .leaflet-popup-content .map-doctor-btn {
  margin-top: 1.175rem;
  text-align: center;
  padding: 1.375rem 2.125rem;
  border-radius: 0.3125rem;
}

@media screen and (max-width: 959px) {
  .map-section .map-section__top .map-section__title {
    gap: 1.5625rem;
  }

  .map-section .map__select {
    width: 100%;
  }

  .map-section .map__select select {
    flex: 1 1 auto;
    padding: 1.1875rem 0rem 1.1875rem 1.3125rem;
    border-right-width: 2.1875rem;
  }

  .map-section .map__content .leaflet-control-zoom {
    display: none;
  }
}

@media screen and (min-width: 960px) {
  .map-section.map-section__wrapper {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .map-section .map-section__top .map-section__description {
    width: 34.6875rem;
    text-align: left;
    color: var(--dark-blue);
  }

  .map-section .map__content {
    height: 45.1875rem;
    margin-top: 3.1875rem;
  }

  .map-section .map__content .leaflet-control-zoom {
    display: flex;
    border: 1px solid var(--color-main-blue);
    border-radius: 1.25rem;
  }

  .map-section .map__content.leaflet-touch .leaflet-bar a {
    width: 5.6875rem;
    height: 5.5rem;
    line-height: 5.5rem;
  }

  .map-section .map__content.leaflet-touch .leaflet-bar a:first-child {
    border-top-left-radius: 1.25rem;
    border-bottom-left-radius: 1.25rem;
  }

  .map-section .map__content.leaflet-touch .leaflet-bar a:last-child {
    border-top-right-radius: 1.25rem;
    border-bottom-right-radius: 1.25rem;
  }

  .map-section .map__content.leaflet-touch .leaflet-control-zoom-in,
  .map-section .map__content.leaflet-touch .leaflet-control-zoom-out {
    font-size: 1.625rem;
  }

  .map-section .map__content .leaflet-popup-content {
    min-width: 24.375rem;
    padding: 3.125rem 3.125rem 1.75rem;
  }

  .map-section .map__content .leaflet-popup-content .map-doctor-name {
    margin-bottom: 0.9375rem;
  }

  .map-section .map__content .leaflet-popup-content .map-doctor-btn {
    margin-top: 1.875rem;
    padding: 1.375rem 2.125rem;
  }

  .map-section .map__select {
    margin-left: 12.25rem;
  }

  .map-section .map__select select {
    min-width: 25rem;
    padding: 1.5rem 0.625rem 1.4375rem 2.3125rem;
    border-right-width: 3rem;
  }

  .map-section .map__select .select__icon {
    width: 5.5rem;
  }

  .map-section .map__select .select__icon svg {
    width: 2.8125rem;
    height: 2.8125rem;
  }
}