body { font-family: "Nunito Sans" ,Arial; background-color: #fff; }
ul { list-style-type: none; }
a { color: inherit; }
.pnt { cursor: pointer; }
.green-bg { background: #5AF5C7; }
.green-text { color: #5AF5C7; }
.green-text2 { color: #109121; }
.text-grey { color: #475766; }
.text-black { color: #202023; }
.bg-beige { background: #FAF9F7; }
.bg-green { background: #27A17C; }
.btn-green { height: 60px; line-height: 60px; padding: 0 30px; border-radius: 10px; background: #27A17C; color: #fff; text-decoration: none; font-size: 0.87rem; }
.btn-green:hover { background: #2bb68d; }
.btn-white { height: 60px; line-height: 60px; padding: 0 30px; border-radius: 10px; background: #fff; color: #27A17C; text-decoration: none; font-size: 0.87rem; }
.btn-white:hover { background: #f6f6f6; }
.fs-64 { font-size: 4rem; }
.fs-56 { font-size: 3.5rem; }
.fs-42 { font-size: 2.6rem; }
.fs-24 { font-size: 1.5rem; }
.fs-20 { font-size: 1.25rem; }
.fs-18 { font-size: 1.1rem; }
.fs-16 { font-size: 1rem; }
.fs-14 { font-size: 0.87rem; }
.fs-13 { font-size: 0.81rem; }
.fs-12 { font-size: 0.75rem; }
.fs-11 { font-size: 0.68rem; }
.fs-7 { font-size: 0.43rem; }
.let-spc-1 { letter-spacing: 1px; }
.let-spc-3 { letter-spacing: 3px; }
.let-spc-5 { letter-spacing: 5px; }
.w-maxcontent { width: max-content; }
.mh-16 { max-height: 16px; width: auto; }
.w-49 { width: 49%!important; }
.chonburi { font-family: "Chonburi"; }
.pb-440 { padding-bottom: 440px; }
.mtn-260 { margin-top: -260px; }
.mtn-150 { margin-top: -150px; }
.mtn-100 { margin-top: -100px; }
.p-sm { padding: 140px 0; }
.p-lr { padding: 0 125px; }
.footer { padding: 70px 0; }
.footer-up { padding: 250px 0; }


.bg-green-div { position: absolute; background: url(../images/bg-green.png) no-repeat center; height: 620px; width: 100%; left: 0; right: 0; margin: 0 auto; }
.footer a { display: block; text-decoration: none; }
.inp { width: 100%; border-radius: 10px; border: 1px solid #27A17C; background: #FFF; height: 40px; line-height: 40px; padding: 0 10px; font-size: 0.87rem; }
.inp::placeholder { color: #A1C8BC; }
.inp:focus { outline: none; }
.inp2 { height: 135px; }
.menu { display: flex; padding: 0; margin: 0; }
.menu a { margin-left: 50px; text-decoration: none; font-size: 1.1rem; transition: all; }
.menu a:hover { color: #27A17C; }
.social { max-height: 24px; }
.mr-50 { margin-right: 50px; }
.circle { position: relative; }
.circle:before { content: ''; display: inline-block; width: 8px; height: 8px; border-radius: 7.5px; background-color: #fff; position: absolute; left: -15px; top: 7px; }
.mobile-menu { display: none; }
.form-send-result { display: none; padding: 10px; border-radius: 10px; background: #5fcdad; font-size: 1rem; margin: 20px 0; }

@media (min-width: 1500px) {
    .container { max-width: 1480px; }
    .container2 { max-width: 1640px !important; }
    .container3 { max-width: 1900px !important; }
    .container4 { max-width: 1165px !important; }
}

@media (min-width: 1200px) and (max-width: 1700px) {
}

@media (max-width: 768px) {
    .fs-64 { font-size: 3rem; }
    .fs-56 { font-size: 2.5rem; }
    .fs-42 { font-size: 2rem; }
    .pb-440 { padding-bottom: 120px; }
    .mtn-260 { margin-top: -120px; }
    .mtn-150 { margin-top: -120px; }
    .mtn-100 { margin-top: 0; }
    .p-sm { padding: 100px 0; }
    .p-lr { padding: 0 100px; }
    .footer { padding: 70px 0; }
    .footer-up { padding: 120px 0; }
    .footer-cont { flex-wrap: wrap; }
    .footer-cont .footer-cont-big { width: 100%; margin-bottom: 40px; }
    .footer-cont>div { width: 50%; margin-bottom: 40px; }
    .header { }
    .menu { display: none; }
    .menu a { margin: 0; font-size: 1.4rem; font-weight: bold; }
    .bg-green-div { display: none; }
    .mr-50 { margin-right: inherit; }
    .circle:before { display: none; }
    .mobile-menu { display: inherit; }
    .mobile-menu img { filter: brightness(0%); }
    .nav-link { position: absolute; filter: brightness(0%); top: 35px; right: 15px;  }
    .nav-open .menu { display: flex; position: fixed; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100vh; background: #fff; top: 0; left:0; z-index: 2; }
    .menu li { margin-bottom: 10px; }
}