.react-tabs{-webkit-tap-highlight-color:rgba(0,0,0,0)}.react-tabs__tab-list{border-bottom:1px solid #aaa;margin:0 0 10px;padding:0}.react-tabs__tab{display:inline-block;border:1px solid transparent;border-bottom:none;bottom:-1px;position:relative;list-style:none;padding:6px 12px;cursor:pointer}.react-tabs__tab--selected{background:#fff;border-color:#aaa;color:#000;border-radius:5px 5px 0 0}.react-tabs__tab--disabled{color:GrayText;cursor:default}.react-tabs__tab:focus:after{content:"";position:absolute;height:5px;left:-4px;right:-4px;bottom:-5px;background:#fff}.react-tabs__tab-panel{display:none}.react-tabs__tab-panel--selected{display:block}:root{--theme-color:#d27971;--dark-gray-color:#333132;--gray-color:#717171;--title-color:#eead9e}.call{width:200px;color:var(--theme-color);font-size:20px}.call a{color:var(--dark-gray-color);font-size:17px;padding-left:8px}.call a:hover{color:var(--theme-color)}.logo-top{display:flex;justify-content:space-between;padding-top:10px;align-items:center}.header{background-color:#fff;position:-webkit-sticky;position:sticky;inset:0;z-index:100;border-bottom:1px solid rgba(0,0,0,.2)}.header--container{display:flex;justify-content:space-between;height:60px;align-items:center}.header--logo{margin-top:4.5px;margin-left:70px;cursor:pointer}.header .menu{display:flex}.header .menu li{position:relative;font-weight:500}.header .menu li a{position:relative;letter-spacing:.1em;padding:15px;font-size:15px;color:var(--dark-gray-color)}.header .menu li a:before{content:"";position:absolute;background:none repeat scroll 0 0 transparent;bottom:10px;height:2px;left:50%;background:var(--theme-color);transition:width .3s ease 0s,left .3s ease 0s;width:0}.header .menu li a:hover{color:var(--theme-color)}.header .menu li a:hover:before{width:100%;left:0}.hamburger-menu{cursor:pointer}.hamburger-menu .bar-bottom,.hamburger-menu .bar-middle,.hamburger-menu .bar-top{width:35px;height:3.2px;background-color:var(--theme-color);margin:8px 25px;transition:.5s}.hamburger-menu .bar-middle{width:25px;margin-left:auto}.hamburger-menu.--actives .bar-top{transform:rotate(-45deg) translate(-8px,8px)}.hamburger-menu.--actives .bar-middle{transform:translateX(16px);opacity:0}.hamburger-menu.--actives .bar-bottom{transform:rotate(45deg) translate(-8px,-8px)}.menu-mobile{display:none;cursor:pointer;top:0}.go-to-top{position:fixed;bottom:32px;right:32px;height:40px;width:40px;z-index:1000;cursor:pointer;-webkit-animation:fadeIn .3s;animation:fadeIn .3s;opacity:.8;color:#f0f8ff;background-color:var(--dark-gray-color);border-radius:50%;transition:opacity .4s,color .2s ease-in-out,background-color .2s ease-in-out}.go-to-top .icon{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)}@media only screen and (max-width:1024px){.menu-mobile{display:block}.header--logo{margin-left:10px}.header .menu{position:absolute;flex-direction:column;top:60px;left:0;width:100%;background-color:#fff;visibility:hidden;opacity:0;transition:all .5s;padding:20px 0}.header .menu.--active{visibility:visible;opacity:1;transition:all .5s}.header .menu li{text-align:center;margin:15px;font-weight:600}.header .menu li a{font-size:20px}}.qualitier{display:flex;flex-direction:column;align-items:center;margin:25px auto;text-align:center;max-width:940px;color:var(--gray-color)}.qualitier--title{font-size:52px;color:var(--title-color)}.qualitier--subtitle{margin-top:5px;margin-bottom:10px;font-size:24px;font-weight:400;color:var(--theme-color)}.qualitier--des{font-size:20px}.qualitier.--img-wrapper{flex-direction:row;margin-bottom:0}@media only screen and (max-width:767px){.qualitier{align-items:flex-start;text-align:left;padding:0 20px}.qualitier--title{font-size:30px}.qualitier--subtitle{font-size:20px}.qualitier--des{font-size:18px}.qualitier.--img-wrapper{flex-direction:column}}.img-header{background-image:url(https://www.supalai.com/images/about/img_banner.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;text-align:center;padding-top:20px;height:100px;color:var(--theme-color)}h1,h2,h3,h4,h5,li,ul{-webkit-padding-start:0;padding-inline-start:0;list-style-type:none;margin:0;padding:0}a{text-decoration:none}.icon-material{color:var(--theme-color)}.icon-material.--size{font-size:50px}.icon-material.--wrapper{position:relative;left:-6px}.hide-desk{display:none}.gap30px{padding-top:30px}.btn{font-size:16px;display:inline-block;padding:12px 18px;text-align:center;cursor:pointer;background-color:var(--theme-color);color:#fff}.btn a{position:relative}.btn a:before{position:absolute;bottom:0;content:"";height:.8px;left:0;background:#fff;transition:width .3s ease 0s,left .3s ease 0s;width:0}.btn a:hover:before{width:100%;left:0}.seemore{max-width:223px;padding:7px 20px;margin-bottom:30px;color:var(--theme-color);letter-spacing:2px;background-color:#fff;border:4px solid var(--title-color);border-radius:40px;box-shadow:0 4px 8px 3px rgba(0,0,0,.2),0 6px 20px rgba(0,0,0,.19);transition:background-color .4s ease-in-out}.seemore:hover{cursor:pointer;color:#fff;border:4px solid #fff}.seemore:hover,hr{background-color:var(--theme-color)}hr{width:25%;height:1px;border:none;margin:30px auto;position:relative}.default-nav{margin:10px;background:hsla(0,0%,100%,.4)!important}.wrapper{width:200px;height:60px;position:relative;left:50%;top:50%;transform:translate(-50%,-50%);margin-bottom:20px;margin-top:50px;align-items:center}.wrapper span{position:relative;top:75px;font-family:Lato;font-size:20px;letter-spacing:12px;color:#d27971;left:15%}.circle{width:20px;height:20px;position:absolute;border-radius:50%;background-color:#d27971;left:15%;transform-origin:50%;-webkit-animation:circle .5s ease infinite alternate;animation:circle .5s ease infinite alternate}.circle:nth-child(2){left:45%;-webkit-animation-delay:.2s;animation-delay:.2s}.circle:nth-child(3){left:auto;right:15%;-webkit-animation-delay:.3s;animation-delay:.3s}@-webkit-keyframes circle{0%{top:60px;height:5px;border-radius:50px 50px 25px 25px;transform:scaleX(1.7)}40%{height:20px;border-radius:50%;transform:scaleX(1)}to{top:0}}@keyframes circle{0%{top:60px;height:5px;border-radius:50px 50px 25px 25px;transform:scaleX(1.7)}40%{height:20px;border-radius:50%;transform:scaleX(1)}to{top:0}}.shadow{width:20px;height:4px;border-radius:50%;background-color:rgba(0,0,0,.5);position:absolute;top:62px;transform-origin:50%;z-index:-1;left:15%;filter:blur(1px);-webkit-animation:shadow .5s ease infinite alternate;animation:shadow .5s ease infinite alternate}.shadow:nth-child(4){left:45%;-webkit-animation-delay:.2s;animation-delay:.2s}.shadow:nth-child(5){left:auto;right:15%;-webkit-animation-delay:.3s;animation-delay:.3s}@-webkit-keyframes shadow{0%{transform:scaleX(1.5)}40%{transform:scaleX(1);opacity:.7}to{transform:scaleX(.2);opacity:.4}}@keyframes shadow{0%{transform:scaleX(1.5)}40%{transform:scaleX(1);opacity:.7}to{transform:scaleX(.2);opacity:.4}}.coming-soon{height:79.5vh;position:relative;background:url(/_next/static/media/bg.d02b1058.png) no-repeat 50%/cover}.coming-soon:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.25)}.coming-soon .content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;font-size:32px}.coming-soon .content h1,.coming-soon .content p{margin:0}@media only screen and (max-width:1024px){.hide-mobile{display:none}.hide-desk{display:block}}@media only screen and (max-width:767px){.gap30px{padding-top:10px}hr{width:50%}}.row{display:flex;flex-wrap:wrap}.column,.row{padding:0 4px}.column{flex:24% 1;max-width:25%}.column img{margin-top:8px;vertical-align:middle;width:100%}@media(max-width:1000px)and (min-width:800px){.column{flex:32% 1;max-width:33.33%}}@media screen and (max-width:800px){.column{flex:48% 1;max-width:50%}}@media screen and (max-width:600px){.column{flex:100% 1;max-width:100%}}.social{color:var(--theme-color);width:200px;display:flex;justify-content:flex-end;margin-right:70px}.social--wrapper{padding:8px}.social a{overflow:hidden;display:block;width:40px;height:40px;line-height:40px;font-size:25px;text-align:center;color:var(--theme-color);border-radius:50%;border:2px solid #fff;transition:all .4s ease-in-out}.social a:hover{transform:rotate(1turn) scale(1);margin:0 10px}.social a:hover.--background-item{background-image:linear-gradient(90deg,#eead9e,#f3b9a7);color:#fff;border:1px solid hsla(5,52%,63%,.7);box-shadow:0 0 0 4px hsla(5,52%,63%,.4)}.social li:first-child a{-webkit-animation-delay:0s;animation-delay:0s}.social li:nth-child(2) a{-webkit-animation-delay:.1s;animation-delay:.1s}.social li:nth-child(3) a{-webkit-animation-delay:.2s;animation-delay:.2s}.bouncy{-webkit-animation:bouncy 4s linear infinite;animation:bouncy 4s linear infinite;position:relative}@-webkit-keyframes bouncy{0%{top:0}40%{top:0}43%{top:-.9em}46%{top:0}48%{top:-.4em}50%{top:0}to{top:0}}@keyframes bouncy{0%{top:0}40%{top:0}43%{top:-.9em}46%{top:0}48%{top:-.4em}50%{top:0}to{top:0}}.location{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 100px;margin-top:30px}.location .inner{width:3px;height:80px;background:var(--theme-color)}.location h2{margin-top:20px;margin-bottom:0;font-size:36px;font-weight:400;color:var(--theme-color)}.location .des{font-size:20px;max-width:700px;text-align:center}.location.--landmark{flex-direction:row;flex-wrap:wrap;margin:50px 0;gap:50px 170px;text-align:center}.location.--landmark .round{width:130px;height:130px;line-height:130px;background-color:var(--theme-color);border-radius:50%;border:3px solid #e0dad3;color:#e0dad3;font-size:24px;font-weight:700;margin:0 auto 20px}.location.--map{flex-direction:row;color:#e0dad3;gap:15px;margin:40px 0}.location.--map .btn-map{background-color:#777371}.location.--map a{color:#fff;padding:0 10px;font-size:18px}@media only screen and (max-width:1024px){.location{padding:0 20px}.location .des{font-size:17px}.location.--landmark{gap:50px 50px}}.houseIdea{display:flex;flex-direction:column;align-items:center;background-color:var(--theme-color);color:#fff;text-align:center;padding:0 20px}.houseIdea h1{font-size:32px;font-weight:500;padding-top:30px;padding-bottom:10px}.houseIdea h2{font-size:22px;font-weight:100}.houseIdea--img-wrapper{margin:30px 0}.houseIdea--des{font-size:17px;width:900px;max-width:100%;padding-bottom:30px}@media only screen and (max-width:1024px){.houseIdea h2{font-size:18px}}@media only screen and (max-width:767px){.houseIdea h1{font-size:28px}.houseIdea h2{font-size:16px}.houseIdea--img-wrapper{margin:20px 0 12px}.houseIdea--des{font-size:17px;text-align:left;padding-bottom:30px}}.react-tabs{text-align:center;font-size:18px;padding:30px 0;margin:0 20px;color:var(--dark-gray-color)}.react-tabs h2{font-size:32px;font-weight:500;color:var(--theme-color);margin-bottom:10px}.react-tabs__tab{margin-top:10px;padding:6px 24px!important;border:1px solid transparent!important}.react-tabs__tab--selected{background:#f1f2f2!important;border-radius:24px!important}.react-tabs__tab:focus{outline:none}.react-tabs__tab:focus:after{display:none}.react-tabs__tab-list{border-bottom:none!important;margin:0}.tab-details{display:flex;flex-direction:row;gap:80px;font-size:18px;max-width:940px;margin:40px auto auto}.tab-details.--reverse{flex-direction:row-reverse}.tab-details .list{display:flex;flex-direction:row;margin-bottom:20px;text-align:left}.tab-details .list--title{min-width:150px;margin-right:20px;color:var(--theme-color)}.tab-details .list--des{color:var(--gray-color)}.tab-details .info{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left}.tab-details .info--title{font-size:32px}.tab-details .info--des{font-size:16px;color:var(--gray-color);margin-top:2px}.tab-details .facility{display:flex;flex-direction:column;color:var(--gray-color);font-size:17px}.tab-details .facility.--item{flex-direction:row;flex-wrap:wrap}.tab-details .facility.--area{flex-direction:row;min-width:33.33%;text-align:start;padding:5px 0}.tab-details .facility.--area span{margin-left:8px}@media only screen and (max-width:1024px){.react-tabs h2{font-size:28px}.tab-details{gap:30px}.tab-details img{max-width:100%}.tab-details .list--text-wrapper{min-width:140px}.tab-details .info{max-width:45%}.tab-details .facility.--area{min-width:50%}.tab-details .facility.--area span{margin-left:15px}}@media only screen and (max-width:767px){.tab-details{align-items:center;gap:10px;margin-top:10px}.tab-details,.tab-details.--reverse{flex-direction:column}.tab-details .info,.tab-details img{max-width:100%}.tab-details .facility.--area{min-width:100%}}.plan{background-color:#f1f2f2;background-image:linear-gradient(#f1f2f2,#fff)}.plan .react-tabs__tab--selected{background-color:#d8dbdb!important}.plan--area{max-width:940px;margin:30px auto auto;color:var(--gray-color);font-size:17px}.plan--area img{max-width:100%}.plan .des{display:flex;flex-direction:row;flex-wrap:wrap}.plan .des.--area{min-width:25%;padding:5px 0}.plan .des.--area span{margin-left:8px}@media only screen and (max-width:1024px){.plan .des.--area{min-width:33.33%}.plan .des.--area span{margin-left:15px}}@media only screen and (max-width:767px){.plan .des.--area{min-width:100%}}.footer{display:flex;justify-content:space-around;background-color:var(--theme-color);color:#fff;padding:20px 50px 15px;font-size:17px}.footer .area-block{max-width:25%}.footer .font-title{font-size:25px;margin-bottom:10px;text-transform:uppercase}.footer .font-title--wrapper{margin:10px}.footer .font-title--wrapper a{color:#fff;margin-left:10px}.footer .wrapper-links{display:flex;flex-direction:row}.footer .wrapper-links.--item{flex-direction:column}.footer ul{margin:0;padding:0}.footer ul li{position:relative;list-style-type:none;margin:0 10px 10px}.footer ul li a{color:#fff;text-decoration:none}.footer ul li a span{margin:10px}.footer ul li a:before{content:"";transition:.3s;height:3px;width:0;position:absolute;background-color:#fff;top:25px;left:-1px}.footer ul li a:hover{color:#fff}.footer ul li a:hover:before{width:100%}@media only screen and (max-width:1024px){.footer .area-block{max-width:50%}}@media only screen and (max-width:767px){.footer{flex-direction:column;padding:15px 25px}.footer ul li{min-width:25%}.footer ul li a span{margin:4px}.footer .area-block{max-width:100%}.footer .font-title{font-size:25px}.footer .wrapper-links{flex-direction:column;flex-wrap:nowrap;font-size:15px}.footer .wrapper-links.--item{flex-direction:row}}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/kanit-thai-400-normal.9e204671.woff2) format("woff2"),url(/_next/static/media/kanit-all-400-normal.ffdce366.woff) format("woff");unicode-range:U+0e01-0e5b,U+200c-200d,U+25cc}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/kanit-vietnamese-400-normal.dec45349.woff2) format("woff2"),url(/_next/static/media/kanit-all-400-normal.ffdce366.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+1ea0-1ef9,U+20ab}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/kanit-latin-ext-400-normal.591a53e0.woff2) format("woff2"),url(/_next/static/media/kanit-all-400-normal.ffdce366.woff) format("woff");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/kanit-latin-400-normal.662dc9f0.woff2) format("woff2"),url(/_next/static/media/kanit-all-400-normal.ffdce366.woff) format("woff");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}body,html{padding:0;margin:0;scroll-behavior:smooth}*{box-sizing:border-box;font-family:Kanit,sans-serif}::-webkit-scrollbar{width:14px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background-color:#c6c2c7;border-radius:10px;border:3px solid #fff}::-webkit-scrollbar-thumb:hover{background-color:var(--gray-color)}