@import url(https://fonts.googleapis.com/css2?family=Prompt:wght@200;300;400;600;700&display=swap);@import url(https://use.typekit.net/uxm7rmh.css);.registration:before,section.gallery{background-position:center;background-size:cover}.btn-gradient,section.location .btn,section.plan button{transition:.4s ease-in-out}*{outline:0;box-sizing:border-box;-webkit-appearance:none}body,html{font-family:darker-grotesque,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}.text-360,h2,section.location h2.title{font-family:zuume,sans-serif}.btn,section.banner button,section.banner h1,section.banner h2,section.concept h2,section.gallery h3,section.location h2,section.location h3,section.plan button,section.project-information h3,section.thankyou h2{font-family:linotype-didot,serif}.box-project-information h3{font-weight:700;font-family:darker-grotesque,sans-serif!important}section.gallery{background-image:url(/assets/img/bg-gallery.jpg);background-repeat:no-repeat}footer .box-dev:before{content:"";position:absolute;left:0;width:1px;height:70%;background:#fff}svg.biophilio{position:relative;width:80%;margin-left:auto;margin-right:auto;margin-bottom:-9.14%;z-index:1}.drop-down{width:10px;height:10px;border-left:1px solid #fff;border-bottom:1px solid #fff;position:absolute;right:10px;top:19px;transform:translateY(-50%) rotate(-45deg)}.policy h2,.policy h3,.policy p{font-family:"Noto Sans Thai",sans-serif}select option{background-color:#fff;color:#000}.registration:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/img/mask2.svg);background-repeat:no-repeat;z-index:1;mix-blend-mode:multiply;pointer-events:none}.registration form .group{position:relative;margin-bottom:35px;padding:0 16px}.registration form .group:last-child{margin-bottom:0}.registration form .group input{padding:8px 0;display:block;width:100%;border:none;border-bottom:1px solid #fff;background:0 0;color:#fff;font-family:Prompt,sans-serif;font-weight:200;height:42px;font-size:14px}.registration form .group.checkbox{display:flex;align-items:center}.registration form .group.checkbox .label{display:block;position:relative;padding-left:35px;cursor:pointer;user-select:none;font-size:14px;color:#fff}.registration form .group.checkbox .label input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.registration form .group.checkbox .label input:checked~.checkmark:after{display:block}.registration form .group.checkbox .label .checkmark{position:absolute;top:-2px;left:0;height:25px;width:25px;background-color:#fff;border:1px solid #838689;border-radius:5px;transition:.3s}.registration form .group.checkbox .label .checkmark:after{content:"";position:absolute;display:none;left:9px;top:4px;width:6px;height:12px;border:solid #211d1f;border-width:0 3px 3px 0;transform:rotate(45deg)}.registration form .group.select select{width:100%;padding:6px 10px 10px;border:1px solid #fff;height:42px}.registration form .group.select label.error{right:0}.registration form .group.input label:not(.error){color:#fff;position:absolute;pointer-events:none;left:16px;top:10px;transition:.2s}.registration form .group label.error{position:absolute;font-size:12px;bottom:-18px;right:16px;top:unset!important}.registration .registration .group.checkbox .label:hover input~.checkmark{background-color:#e3e4e5}.registration .group.checkbox .label:checked~.checkmark{background-color:#2196f3}.registration .accept-error{color:#f33!important}.registration .accept-error .checkmark{border-color:#f33!important}.registration input:focus~label:not(.error),.registration input:valid~label:not(.error){top:-16px!important;font-size:12px;color:#fff}.registration .bar{position:relative;display:block;width:100%}.registration .bar:after,.registration .bar:before{content:"";height:2px;width:0;bottom:1px;position:absolute;background:#fff;transition:.2s}.registration .bar:before{left:50%}.registration .bar:after{right:50%}.registration input:focus~.bar:after,.registration input:focus~.bar:before{width:50%}.registration .highlight{position:absolute;height:60%;width:100px;top:25%;left:0;pointer-events:none;opacity:.5}.registration input:focus~.highlight{animation:.3s inputHighlighter}@keyframes inputHighlighter{from{background:#fff}to{width:0;background:0 0}}.btn-gradient{background-image:linear-gradient(270deg,#7f203f 0,#7f203f 10%,#9f3e5d 30%,#7f203f 80%,#7f203f 100%);background-size:300% 100%}.btn-gradient:hover,section.location .btn.active:hover,section.plan button.active:hover{background-position:100% 0}#nav-icon3{position:relative;transform:rotate(0);transition:.5s ease-in-out;cursor:pointer}#nav-icon3 span{display:block;position:absolute;width:100%;opacity:1;left:0;transform:rotate(0);transition:.25s ease-in-out}#nav-icon3 span:first-child{top:0}#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3){top:11px}#nav-icon3 span:nth-child(4){top:23px}#nav-icon3.open span:first-child,#nav-icon3.open span:nth-child(4){top:11px;width:0%;left:50%}#nav-icon3.open span:nth-child(2){transform:rotate(45deg)}#nav-icon3.open span:nth-child(3){transform:rotate(-45deg)}section.concept h2{text-align:center}section.plan .wrapper-plan{background-image:url(/assets/img/mask.svg);background-position:left bottom;background-repeat:no-repeat;background-size:40%}section.plan button.active{background:linear-gradient(270deg,#7f203f 0,#7f203f 10%,#9f3e5d 30%,#7f203f 80%,#7f203f 100%);color:#fff;background-size:300% 100%}section.plan ul.toggle{display:none}@media (max-width:576px){.registration form .group{padding:0}.registration form .group.select select{padding:8px 10px 10px}.registration form .group.input label:not(.error){left:0}.registration form .group label.error{right:0!important}#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3),#nav-icon3.open span:first-child,#nav-icon3.open span:nth-child(4){top:9px}#nav-icon3 span:nth-child(4){top:19px}section.plan ul.toggle{display:none!important}}section.plan ul.toggle.active{display:flex;flex-direction:column;align-items:center}@media (max-width:992px){section.plan ul.toggle.active{display:none}}section.plan ul.toggle li{color:#b7b8ba;transition:.2s;position:relative;width:fit-content}section.plan ul.toggle li:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#7f2141;transform:scaleX(0);transition:transform .3s;transform-origin:left}section.plan ul.toggle li.active{color:#7f2141;font-weight:600}section.plan ul.toggle li.active:before,section.plan ul.toggle li:hover:before{transform:scaleX(1)}.panorama .toggle-360 li.active,section.plan ul.toggle li:hover{color:#7f2141}section.location .box-img:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(255,255,255,.35)}section.location .swiper-location h3,section.location .swiper-location p{line-height:1!important}section.location .line{width:100%;height:1px;border-bottom:1px dashed #717171;position:absolute;top:10px}section.location .dot{width:20px;height:20px;border:1px solid #7f2141;background-color:#d6d5d5;border-radius:50%;position:relative;margin-bottom:20px}section.location .dot:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#7f2141;width:13px;height:13px;border-radius:50%}section.location .btn.active{color:#fff;background:linear-gradient(270deg,#7f203f 0,#7f203f 10%,#9f3e5d 30%,#7f203f 80%,#7f203f 100%);background-size:300% 100%}section.location iframe{opacity:0;pointer-events:none}section.location iframe.active{opacity:1;pointer-events:all}