.template-page {
  background-image: url("./../images/booking-bg-mobile.webp");
  background-position-x: center;
  min-height: 100%;
}
@media screen and (min-width: 758px) {
  .template-page {
    background-image: url("./../images/booking-bg-desktop.webp");
  }
}

.locator__wrap {
  align-items: center;
  display: flex;
  flex-direction: column;
  max-width: 345px;
  padding-top: 56px;
  width: 100%;
}
.locator__header {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  max-width: 311px;
  width: 100%;
}
.locator__title {
  color: #fff;
  font-size: 26px;
  font-weight: 500;
  text-align: center;
}
.locator__subtitle {
  color: #fff;
  font-size: 14px;
  text-align: center;
}
.locator__widgets {
  display: flex;
  flex-direction: column;
  margin-top: 60px;
  position: relative;
  width: 100%;
}
.locator__widgets .wgt-loc__banner-details, .locator__widgets .wgt-loc__banner-details-empty {
  border-radius: 0;
}
.locator__widgets .wgt-loc__banner-details-title {
  font-size: 26px;
  font-weight: 400;
}
.locator__widgets .wgt-loc__banner-details-description {
  font-family: var(--tpl-font-secondary);
  font-size: 14px;
}
@media screen and (min-width: 758px) {
  .locator__wrap {
    max-width: 766px;
    padding-top: 40px;
  }
  .locator__header {
    max-width: 650px;
  }
  .locator__title {
    font-size: 32px;
  }
  .locator__subtitle {
    font-size: 18px;
  }
  .locator .wgt-loc__banner-details {
    padding: 51px 25px 16px;
    grid-template-areas: "title title" "item-1 item-2" "item-3 item-3" "item-4 item-4" !important;
  }
  .locator .wgt-loc__banner-details-item {
    margin: 0 auto;
    max-width: 440px;
  }
  .locator .wgt-loc__banner-details-title {
    font-size: 32px;
  }
}
@media screen and (min-width: 1400px) {
  .locator__wrap {
    max-width: 1320px;
  }
  .locator__header {
    max-width: 1123px;
  }
  .locator__title {
    font-size: 60px;
  }
  .locator__widgets .wgt-loc__map-default, .locator__widgets .wgt-loc__banner-details {
    border-radius: 0 !important;
  }
  .locator__widgets .wgt-loc__banner-details {
    grid-template-areas: "title title title title" "item-1 item-2 item-3 item-4" !important;
    padding: 26px 40px 46px;
    width: 939px;
  }
  .locator__widgets .wgt-loc__banner-details-title {
    font-size: 60px;
  }
  .locator__widgets .wgt-loc__banner-details-item {
    height: 100%;
    max-width: none;
  }
}