@import url("https://fonts.googleapis.com/css2?family=Heebo:wght@100..900&display=swap");
html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: "Heebo", sans-serif;
}

.titles-h1 {
  font-family: "Heebo", sans-serif;
  font-size: 8.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: 111.628%;
  letter-spacing: -0.172rem;
}

.titles-h2 {
  font-family: "Heebo", sans-serif;
  font-size: 5rem;
  font-style: normal;
  font-weight: 700;
}

.titles-h3 {
  color: white;
  font-family: "Heebo", sans-serif;
  font-size: 4.8rem;
  font-style: normal;
  font-weight: 700;
  line-height: 7.95rem; /* 165.625% */
  letter-spacing: -0.024rem;
}

.titles-h4 {
  font-family: "Heebo", sans-serif;
  font-size: 3.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 5.2rem; /* 162.5% */
  letter-spacing: 0.048rem;
}

.body-intro, p, li {
  font-family: "Heebo", sans-serif;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.036rem;
}

.body-m {
  font-family: "Heebo", sans-serif;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 166.667%;
  letter-spacing: 0.0375rem;
}

.body-l {
  font-family: "Heebo", sans-serif;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 176.41%;
  letter-spacing: 0.0375rem;
}

.titles-h6 {
  font-family: "Heebo", sans-serif;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.054rem;
}

.titles-h5 {
  font-family: "Heebo", sans-serif;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: 116.5%; /* 2.4465rem */
  letter-spacing: 0.021rem;
}

.otgs-development-site-front-end {
  display: none;
}

.basic-hr {
  width: calc(100% - 20rem);
  margin: auto;
  max-width: 172rem;
}

.basic-grid {
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0 2rem;
  box-sizing: border-box;
}

.page-grid {
  width: 100%;
  max-width: 97rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0 10rem;
  box-sizing: border-box;
}

.basic-btn {
  padding: 0 3.1rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  font-family: "Heebo", sans-serif;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.054rem;
  height: 4.6rem;
  border-radius: 1rem;
  background: white;
  transition: 0.3s all;
}
.basic-btn:hover {
  color: white !important;
}
.basic-btn.blue {
  color: white;
}
.basic-btn.blue:hover {
  background-color: white;
}

.basic-btn-con a {
  padding: 1rem 3.1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  font-family: "Heebo", sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  border-radius: 27px;
  transition: 0.3s all;
}
.basic-btn-con a:hover {
  color: white;
}

.btn-main a {
  background-color: #224946;
  color: #fff;
}

.btn-alt a {
  border: 1px solid #224946;
  background-color: transparent;
  color: #224946;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background-color: #f2f2f2;
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #224946;
}

/* Handle on hover */
@media screen and (max-width: 1023px) {
  .basic-grid, .page-grid {
    width: 100%;
    padding: 0 16px;
    max-width: 75rem;
  }
  .bullest-area-wrap {
    max-width: 45rem;
    margin-left: auto;
    margin-right: auto;
  }
  .left-bullets-list {
    width: 100%;
  }
  header .basic-grid {
    max-width: none;
  }
  .titles-h1 {
    font-size: 4rem;
    line-height: 121.25%;
    letter-spacing: -0.6px;
  }
  .titles-h3 {
    font-size: 2.8rem;
    line-height: 135.714%;
    letter-spacing: -0.42px;
  }
  .titles-h4 {
    font-size: 2rem;
    line-height: 116.5%; /* 23.3px */
    letter-spacing: 0.2px;
  }
  .body-intro, p {
    font-size: 1.6rem;
    line-height: 165%;
    letter-spacing: 0.24px;
  }
  .body-m {
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 22.4px */
    letter-spacing: 0.28px;
  }
  .body-l {
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 144%; /* 20.16px */
    letter-spacing: 0.21px;
  }
  .titles-h6 {
    font-family: "Heebo", sans-serif;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.054rem;
  }
  .titles-h5 {
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
  }
  .basic-hr {
    width: calc(100% - 5rem);
    margin: auto;
  }
  .basic-btn-con a {
    height: 3.6rem;
    font-size: 1.8rem;
    padding: 0 2.5rem;
  }
  .basic-btn {
    height: 3.6rem;
    font-size: 1.8rem;
    padding: 0 2.5rem;
  }
}/*# sourceMappingURL=base-style.css.map */