.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  border-radius: 500px;
  padding: 17px 26px;
  font-size: 18px;
  gap: 8px;
}
@media (max-width: 600px) {
  .btn {
    font-size: 16px;
    height: 50px;
    gap: 4px;
    padding: 13px 25px;
  }
}

.btn-primary {
  background: #2693E9;
}

.btn-secondary {
  border: 1px solid #FFF;
  background: rgba(96, 97, 98, 0.3);
  backdrop-filter: blur(5px);
}

.heading {
  font-size: clamp(2.5rem, 1.9518rem + 3.3735vw, 6rem);
  line-height: clamp(2.5rem, 2.1182rem + 2.3494vw, 4.9375rem);
  font-family: "Kanit-Bold", Arial, Helvetica, sans-serif;
  letter-spacing: -1.92px;
  font-weight: 700;
  text-transform: uppercase;
}
@media (max-width: 600px) {
  .heading {
    font-size: 40px;
    line-height: 40px;
  }
}

.para {
  color: #CFD7DA;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 32.4px;
  font-family: "Kanit-Light", sans-serif;
}
@media (max-width: 600px) {
  .para {
    line-height: normal;
  }
}

.btn__arrow {
  font-size: 0.85em;
  transition: transform 0.18s;
}

.btn:hover .btn__arrow {
  transform: translateX(3px);
}

section {
  padding-top: 120px;
}
@media (max-width: 600px) {
  section {
    padding-top: 80px;
  }
}

.clr-blue {
  color: #2693E9;
}

.at-top {
  transform: translateY(0);
}

.visible {
  transform: translateY(0);
}

.disclaimer {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.disclaimer p {
  font-size: 16px;
  color: #CFD7DA;
  font-style: italic;
  font-weight: 300;
  font-family: "Kanit-Light", sans-serif;
  line-height: normal;
}
@media (max-width: 600px) {
  .disclaimer p {
    font-size: 14px;
  }
}

#home {
  scroll-margin-top: 92px;
}
@media screen and (max-width: 600px) {
  #home {
    scroll-margin-top: 80px;
  }
}