@font-face {
    font-family: 'Copperplate';
    src: url('../../_template/fonts/Copperplate.ttc');
    font-display: swap;
}

@font-face {
    font-family: 'DB Helvethaica X Med';
    src: url('../../_template/fonts/DB Helvethaica X Med Ext v3.2.ttf');
    font-display: swap;
}

body {
    overflow-x: hidden;
    font-family: 'Kanit', Helvetica, Arial, sans-serif;
}

.project-logo {
    max-width: 109px;
}

.owl-nav .owl-next {
    position: absolute;
    top: 50%;
    right: -75px;
    transform: translate(0, -50%);
}

.owl-theme .owl-nav [class*='owl-']:hover {
    background-color: transparent;
}

.owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    left: -75px;
    transform: translate(0, -50%);
}

.main-navbar {
    font-family: Helvetica;
	background-color: #597D68;
}

.main-navbar .nav-item a {
    color: #fff;
    letter-spacing: 1.5px;
}

.main-navbar .navbar-collapse {
    flex-grow: unset;
}

.section-concept, .section-register, .section-facilities, .section-360, .section-highlight, .section-interior {
    padding-top: 125px;
    padding-bottom: 125px;
}

.section-concept {
    color: #fff;
    background-image: url(../_images/BG-WAVES-DT.jpg);
    background-size: auto;
    background-position: center;
}

.section-concept .title {
    font-size: 32px;
    font-weight: 200;
}

.section-concept .subtitle {
    font-size: 16px;
    font-weight: 200;
    letter-spacing: 1px;
}

.section-concept .slider {
    margin-top: 100px;
    margin-bottom: 100px;
}

.section-concept .btn-collapse {
    color: #fff !important;
    font-weight: 200;
    letter-spacing: 1px;
}

.section-register {
    color: #597D67;
    background-image: url(../_images/BG-CLEAR-WATER-DT.jpg);
    background-size: cover;
    background-position: center;
}

.section-register .title {
    font-size: 34px;
    font-weight: 500;
    letter-spacing: 3px;
    margin-bottom: 100px;
}

.section-register input[type="text"], .section-register select {
    color: #597D67;
    background: none;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #597D67;
    padding-left: 0;
}

.section-register input[type="text"]::placeholder, .section-register input[type="text"]:focus {
    color: #597D67;
}

.section-register input[type="checkbox"]:checked {
    background-color: #597D67;
    border-color: #597D67;
}

.section-register .form-check {
    margin-top: 40px;
    margin-bottom: 40px;
}

.section-register .form-check label, .section-register .form-check a {
    color: #597D67;
    font-size: 11px;
    text-decoration: none;
    font-weight: 300;
}

.section-register .form-term {
    font-size: 11px;
    margin-bottom: 40px;
}

.section-register .btn-primary {
    width: 250px;
    padding: 8px 0;
    font-size: 19px;
    font-weight: 200;
    letter-spacing: 1px;
    border-color: #164D4A;
    background-color: #164D4A;
}

.section-facilities {
    color: #fff;
    background-image: url(../_images/BG-WAVES-DT.jpg);
    background-size: auto;
    background-position: center;
}

.section-facilities .title {
    font-weight: 400;
    letter-spacing: 3px;
}

.section-facilities .slider {
    margin-top: 100px;
    margin-bottom: 60px;
}

.section-facilities .detail {
    width: 250px;
}

.section-facilities .detail .subtitle {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1.5px;
}

.section-facilities .detail hr {
    opacity: 1;
    border-top: 1px solid #fff;
}

.section-facilities .detail ul {
    font-weight: 300;
    padding-left: 20px;
}

.section-facilities .detail ul li {
    margin-bottom: 10px;
}

.section-360 {
    background-color: #164D4A;
}

.section-360 .nav-tabs .nav-link {
    color: #597D67;
    font-weight: 500;
    letter-spacing: 1px;
    padding: 20px 0;
    background-color: #DEDFE0;
}

.section-360 .nav-tabs .nav-link.active {
    color: #fff;
    border-color: #597D67;
    background-color: #597D67;
}

.section-highlight {
    background-color: #DEDFE0;
    /* background-image: url(../_images/BG-GREEN-PLAM-PC.jpg);
    background-size: cover;
    background-position: center; */
}

.section-highlight .nav-tabs .nav-link {
    color: #fff;
    font-weight: 500;
    letter-spacing: 1px;
    padding: 20px 0;
    background-color: #164D4A;
}

.section-highlight .nav-tabs .nav-link.active {
    color: #fff;
    border-color: #597D67;
    background-color: #597D67;
}

.section-highlight .tab-content {
    color: #fff;
    background-color: #597D67;
    padding: 50px 100px;
}

.section-highlight .tab-content .btn-collapse {
    color: #fff;
    font-weight: 300;
    letter-spacing: 1px;
    padding-top: 30px;
}

.section-highlight .btn-primary {
    width: 250px;
    padding: 8px 0;
    font-size: 19px;
    font-weight: 200;
    letter-spacing: 1px;
    border-color: #597D67;
    background-color: #597D67;
    margin-top: 115px;
}

.section-interior {
    color: #fff;
    background-image: url(../_images/BG-WAVES-DT.jpg);
    background-size: auto;
    background-position: center;
}

.section-interior .title {
    font-weight: 400;
    letter-spacing: 3px;
    margin-bottom: 40px;
}

.section-interior select {
    color: #fff;
    font-size: 20px;
    font-weight: 200;
    letter-spacing: 1.5px;
    text-align: center;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.section-interior select option {
    color: #fff;
    background-color: #597D67;
}

.section-interior .slider {
    margin-top: 70px;
}

.section-gallery {
    background-color: #164D4A;
    padding-top: 10px;
    padding-bottom: 50px;
}

.section-surrounding {
    color: #fff;
    background-color: #164D4A;
    padding-bottom: 125px;   
}

.section-surrounding .title {
    font-weight: 400;
    letter-spacing: 3px;
    margin-bottom: 50px; 
}

.section-surrounding .detail:not(:last-child) {
    margin-bottom: 50px;
}

.section-surrounding .detail .subtitle {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1.5px;
    margin-bottom: 15px;
}

.section-surrounding .detail .text {
    font-size: 16px;
    font-weight: 200;
    margin-bottom: 0px;
    letter-spacing: 1px;
}

.section-surrounding .detail .text:not(:last-child) {
    margin-bottom: 15px;
}

.section-surrounding .first-detail {
    padding-left: 125px;
}

.section-surrounding .second-detail {
    padding-left: 65px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

.section-surrounding .third-detail {
    padding-left: 65px;
}

.section-contactus {
    color: #164D4A;
    padding-top: 125px;
    padding-bottom: 70px;
    background-image: url(../_images/BG-BEACH-SEA.jpg);
    background-size: 295%;
    background-position: center top;
}

.section-contactus .title {
    font-weight: 400;
    letter-spacing: 3px;
    margin-bottom: 50px; 
}

.section-contactus .subtitle {
    font-size: 16px;
    font-weight: 300;
}

.section-contactus .icon-social {
    margin-top: 50px; 
}

.section-contactus .sasa-maps {
    margin-top: 50px; 
    margin-bottom: 50px; 
}

.section-contactus .btn-primary {
    width: 250px;
    padding: 8px 0;
    font-size: 19px;
    font-weight: 200;
    letter-spacing: 1px;
    border-color: #164D4A;
    background-color: #164D4A;
}

.section-contactus .logo-sasa {
    margin-top: 130px;
    margin-bottom: 130px;
}

.section-contactus .logo-second {
    margin-left: 125px;
    margin-right: 125px;
}

.section-contactus .copyright {
    color: #597D67;
    margin-top: 70px;
    font-weight: 500;
}

.section-contactus .copyright a {
    text-decoration: none;
    color: #597D67;
}

#frmValidateModal .modal-body {
    color: #fff;
    background-color: #597D67;
}