.section-htg {
  padding-top: 55px;
}

.htg {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 767.98px) {
  .htg {
    gap: 30px;
  }
}
.htg-head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  text-align: center;
}
.htg-subtitle {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0.02em;
}
@media (max-width: 767.98px) {
  .htg-subtitle {
    font-size: 18px;
  }
}
.htg-btns {
  display: flex;
  justify-content: center;
  gap: 40px;
  margin-top: 15px;
}
@media (max-width: 1023.98px) {
  .htg-btns {
    gap: 24px;
    margin-top: 5px;
  }
}
@media (max-width: 767.98px) {
  .htg-btns {
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: 100%;
  }
}
.htg-btn {
  width: 100%;
  max-width: 260px;
}
@media (max-width: 767.98px) {
  .htg-btn {
    max-width: 360px;
  }
}
.htg-map {
  height: 543px;
}
@media (max-width: 1225.98px) {
  .htg-map {
    margin: 0 -25px;
  }
}
@media (max-width: 1023.98px) {
  .htg-map {
    margin: 0 -35px;
  }
}
@media (max-width: 767.98px) {
  .htg-map {
    height: 364px;
    margin: 0 -14px;
  }
}
.htg-map iframe {
  width: 100% !important;
  height: 100% !important;
}
.htg-desc {
  max-width: 867px;
  margin: 0 auto;
  font: 400 22px/1.4 var(--mainfont);
  letter-spacing: 0.02em;
  text-align: center;
}
.htg-desc p {
  margin-bottom: 30px;
}
.htg-desc strong,
.htg-desc b {
  font-weight: 700;
}
@media (max-width: 767.98px) {
  .htg-desc {
    font-size: 18px;
    line-height: 1.3;
  }
  .htg-desc p {
    margin-bottom: 20px;
  }
}
.htg-desc *:nth-last-child(1) {
  margin-bottom: 0;
}