<style><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.1/css/all.min.css" integrity="sha512-5Hs3dF2AEPkpNAR7UiOHba+lRSJNeM2ECkwxUIxC1Q/FLycGTbNapWXB4tP889k5T5Ju8fs4b1P5z/iB4nMfSQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />body,
h1,
h2,
h3,
h4,
h5,
h6,
a {
  font-family: Kanit, sans-serif !important;
  letter-spacing: 1px;
  text-transform: math-auto !important;
}

header.custom-header {
  font-family: Kanit, sans-serif !important;
  letter-spacing: 1px;
  text-transform: math-auto !important;
}

body.hs-content-id-1.hs-landing-page.hs-page {
  margin: 0 !importan;
  padding: 0;
}

.flex-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.flex-header-menu {
  display: flex;
  align-items: center;
}

.custom-header {
  background-color: rgb(0 98 137);
  padding: 1rem 2rem;
  color: white;
}

.landing_btn a {
  background: rgba(255, 255, 255, 1);
  text-decoration: none;
  padding: 15px 26px;
  border-radius: 40px;
  color: rgba(15, 43, 114, 1);
  display: block;
  font-weight: 400;
}

.landing_btn {
  margin-left: 40px;
}

.nav-links ul {
  list-style: none;
  display: flex;
  gap: 20px;
  padding: 0;
  margin: 0;
}

.nav-links ul li a {
  color: white;
  text-decoration: none;
  font-size: 1rem;
  font-weight: 400 !important;
}

.menu-toggle {
  display: none;
  background: none;
  border: none;
  color: white;
  font-size: 2rem;
  cursor: pointer;
}

@media (max-width: 1200px) {
  .nav-links {
    display: none;
  }

  .flex-header-menu {
    flex-direction: column;
    padding: 20px;
}
.landing_btn {
  margin-top: 20px;
}
  .menu-toggle {
    display: block;
  }

  .nav-links.active {
    display: block;
    position: absolute;
    top: 100px;
    left: 0;
    width: 100% !important;
    background-color: #104488;
}
.menu{
      width: 100% !important;
  }
  .nav-links.active{
    z-index: 9;
}
  
  .nav-links ul {
    flex-direction: column;
    align-items: center;
  }
}

</style>