html {
  scroll-behavior: smooth !important;
}

.hero-section {
  padding-top: 80px;
  padding-bottom: 80px;
}

.embed-map-container {
  border-radius: 20px;
}

.info-icon {
  width: 100%;
  display: flex;
  justify-content: flex-start;
}

.info-icon div {
  padding: 8px;
  border-radius: 50%;
  width: fit-content;
  margin: 0 !important;
}

.info-icon > div > figure > img {
  width: 40px !important;
  height: 40px !important;
}

@media (max-width: 768px) {
  .responsive-menu {
    width: 100%;
    display: flex;
    justify-content: center !important;
  }

  .info-icon {
    justify-content: center !important;
  }
}