@font-face{font-family:IBM Plex Sans Thai;src:url(/assets/IBMPlexSansThai-Light-DiYIv8PZ.eot);src:url(/assets/IBMPlexSansThai-Light-DiYIv8PZ.eot?#iefix)format("embedded-opentype"),url(/assets/IBMPlexSansThai-Light-CerkNn8i.woff2)format("woff2"),url(/assets/IBMPlexSansThai-Light-CO53iRQ_.woff)format("woff");font-weight:300;font-style:normal}@font-face{font-family:IBM Plex Sans Thai;src:url(/assets/IBMPlexSansThai-Regular-CvEQbI87.eot);src:url(/assets/IBMPlexSansThai-Regular-CvEQbI87.eot?#iefix)format("embedded-opentype"),url(/assets/IBMPlexSansThai-Regular-8bze00Ek.woff2)format("woff2"),url(/assets/IBMPlexSansThai-Regular-dpMJpKol.woff)format("woff");font-weight:400;font-style:normal}@font-face{font-family:IBM Plex Sans Thai;src:url(/assets/IBMPlexSansThai-Bold-CdhzyIGE.eot);src:url(/assets/IBMPlexSansThai-Bold-CdhzyIGE.eot?#iefix)format("embedded-opentype"),url(/assets/IBMPlexSansThai-Bold-Csu7NCJ5.woff2)format("woff2"),url(/assets/IBMPlexSansThai-Bold-BQKdbSJg.woff)format("woff");font-weight:700;font-style:normal}@font-face{font-family:IBM Plex Sans Thai;src:url(/assets/IBMPlexSansThai-SemiBold-C8H7TDfR.eot);src:url(/assets/IBMPlexSansThai-SemiBold-C8H7TDfR.eot?#iefix)format("embedded-opentype"),url(/assets/IBMPlexSansThai-SemiBold-Cc1yTvcu.woff2)format("woff2"),url(/assets/IBMPlexSansThai-SemiBold-DXiJoSc9.woff)format("woff");font-weight:600;font-style:normal}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:IBM Plex Sans Thai,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}main{overflow:hidden}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{margin:0;font-family:IBM Plex Sans Thai,sans-serif;display:flex}h1{font-size:3.2em;line-height:1.1}.banner h2{margin:0}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.header{z-index:4;border:1px solid #fff0;width:100%;transition:all .3s ease-in-out;position:fixed}.header img{width:auto;height:40px;margin:auto}.header .nav-container{justify-content:space-between;align-items:center;padding:1.5% 2%;display:flex}.header .nav-link{color:#333;font-size:14px;font-weight:600;transition:all .3s ease-in-out;box-shadow:none!important;background-color:#0000!important;border:1px solid #0000!important}.header .nav-link:hover{color:#905302}.menu-toggle{display:none}.nav-link.active,.mobile-link.active{color:#905302}button:focus,button:focus-visible{outline:none!important}.header .nav-link:focus{box-shadow:none!important;background-color:#0000!important;border:1px solid #0000!important}.header .nav-container .logo{transition:all .3s ease-in-out}.header.scrolled{z-index:90;-webkit-backdrop-filter:blur(5px);background:#ffffffb0;border:1px solid #ffffff4d;border-radius:8px;width:96%;top:2%;left:2%;box-shadow:0 4px 30px #0000001a}.header.scrolled .nav-container{padding:.8%}.header.scrolled .nav-container .logo{align-content:center;display:grid;transform:scale(.9)}.container.coporateClients,.container.about{z-index:-1;background-color:#fff2e1;padding:3.5rem 5rem;position:relative}.container.coporateClients{align-content:center;height:50vh;padding:5rem;display:block}.container.ourServies{text-align:center;padding-block:3.5rem;position:relative}.container h3 span,.container h3{color:#333;font-size:2.2rem;font-weight:700}.container h3 span{color:#905302}@font-face{font-family:IBM Plex Sans Thai;src:url(/assets/IBMPlexSansThai-Light-DiYIv8PZ.eot);src:url(/assets/IBMPlexSansThai-Light-DiYIv8PZ.eot?#iefix)format("embedded-opentype"),url(/assets/IBMPlexSansThai-Light-CerkNn8i.woff2)format("woff2"),url(/assets/IBMPlexSansThai-Light-CO53iRQ_.woff)format("woff");font-weight:300;font-style:normal}@font-face{font-family:IBM Plex Sans Thai;src:url(/assets/IBMPlexSansThai-Regular-CvEQbI87.eot);src:url(/assets/IBMPlexSansThai-Regular-CvEQbI87.eot?#iefix)format("embedded-opentype"),url(/assets/IBMPlexSansThai-Regular-8bze00Ek.woff2)format("woff2"),url(/assets/IBMPlexSansThai-Regular-dpMJpKol.woff)format("woff");font-weight:400;font-style:normal}@font-face{font-family:IBM Plex Sans Thai;src:url(/assets/IBMPlexSansThai-Bold-CdhzyIGE.eot);src:url(/assets/IBMPlexSansThai-Bold-CdhzyIGE.eot?#iefix)format("embedded-opentype"),url(/assets/IBMPlexSansThai-Bold-Csu7NCJ5.woff2)format("woff2"),url(/assets/IBMPlexSansThai-Bold-BQKdbSJg.woff)format("woff");font-weight:700;font-style:normal}@font-face{font-family:IBM Plex Sans Thai;src:url(/assets/IBMPlexSansThai-SemiBold-C8H7TDfR.eot);src:url(/assets/IBMPlexSansThai-SemiBold-C8H7TDfR.eot?#iefix)format("embedded-opentype"),url(/assets/IBMPlexSansThai-SemiBold-Cc1yTvcu.woff2)format("woff2"),url(/assets/IBMPlexSansThai-SemiBold-DXiJoSc9.woff)format("woff");font-weight:600;font-style:normal}#root{width:100%;position:relative}body{font-family:IBM Plex Sans Thai,sans-serif;font-size:16px}.banner{text-align:center;z-index:3;background-color:#fdbf6c;align-items:center;width:100%;height:100vh;transition:all .3s ease-in-out;display:grid;position:relative;overflow:hidden}.banner .container{text-align:center;z-index:1}.banner .container h1{margin-top:8rem;font-size:3.8rem;font-weight:700}.banner .container h1 span{color:#905302;font-size:4.3rem;font-weight:700}.banner .container .detail{width:44rem;margin:auto;font-size:clamp(.85rem,3vw,1.4rem);font-weight:400;line-height:2}.banner .container h1 span:first-child,.banner .container h1 span:nth-child(2){color:#333}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}.card{padding:2em}.read-the-docs{color:#888}.middle{z-index:1;position:absolute;top:80vh;left:48%;transform:translate(-37%,-50%)}.mouse{border:3px solid #905302;border-radius:60px;width:55px;height:90px}.mouse:before{content:"";opacity:1;background-color:#905302;border-radius:50%;width:12px;height:12px;animation:2s infinite mouse;position:absolute;top:20px;left:50%;transform:translate(-50%)}.groupRipplebg{align-content:center;width:100%;height:100%;display:grid;position:absolute}.groupRipplebg .RippleBackground{z-index:0;background:linear-gradient(#dd7f0380 0%,#fdb6591a 48.56%,#fff0 100%);border-radius:100%;width:90rem;height:90rem;margin:auto;animation:1.6s linear infinite ripple;position:relative;top:25%}@-webkit-keyframes ripple{0%{box-shadow:0 0 #ffeb8814,0 0 0 5em #ffeb8814,0 0 0 7em #ffeb8814,0 0 0 9em #ffeb8814}to{box-shadow:0 0 0 5em #ffeb8814,0 0 0 7em #ffeb8814,0 0 0 9em #ffeb8814,0 0 0 17em #65ff7800}}@keyframes ripple{0%{box-shadow:0 0 #ffeb881a,0 0 0 5em #ffeb881a,0 0 0 7em #ffeb881a,0 0 0 9em #ffeb881a}to{box-shadow:0 0 0 5em #ffeb8814,0 0 0 7em #ffeb8814,0 0 0 9em #ffeb8814,0 0 0 17em #65ff7800}}@keyframes mouse{0%{opacity:1;top:20px}to{opacity:0;top:70px}}.ourServie{position:relative}#Coporateclients,#Portfolio,#OurServies{z-index:2;position:relative}.group-content{flex-wrap:wrap;justify-content:center;gap:15px;padding-block:50px;display:flex}.itemCard{text-align:left;width:25%;padding:10px;position:relative}.itemCard .groupImage img{width:70%;height:auto}.itemCard:nth-child(3n+1) .groupImage{background-color:#fd612e}.itemCard:nth-child(3n+2) .groupImage{background-color:#5da7f8}.itemCard:nth-child(3n+3) .groupImage{background-color:#fe0771}.itemCard .groupImage{border-radius:50%;place-items:center;width:100px;height:100px;display:grid}.itemCard h4{font-size:1.25rem;font-weight:600}.itemCard p{font-size:1.125rem;font-weight:400}.ourServies .circle-one{z-index:0;border-radius:100%;flex-shrink:0;position:absolute}.about .circle-two{z-index:0;background:linear-gradient(#dd7f0380 0%,#fdb6591a 48.56%,#fff0 100%);border-radius:100%;width:880px;height:880px;position:absolute;top:-25%;left:55%}.circle-three{z-index:0;background:linear-gradient(#dd7f0380 0%,#fdb6591a 48.56%,#fff0 100%);border-radius:100%;width:880px;height:880px;position:absolute;top:-30%;left:-33%}.ourServies .positon-one{background:linear-gradient(158deg,#dd7f031f 25.71%,#fdb6590a 79.78%,#fff0 95.15%);width:350px;height:350px;top:-3%;left:-3%;transform:scale(1)rotate(-23.292deg)}#Coporateclients .group,#AboutUs .group{z-index:2;align-items:center;display:flex;position:relative}#AboutUs .group .group-left{align-items:center;width:48%}#AboutUs .group .group-left p{font-size:1.5rem;font-weight:300;line-height:1.8}#AboutUs .group .line-center{background:#905302;width:1px;height:50vh;margin-inline:3rem}#AboutUs .group .group-right{width:48%}#AboutUs .group .group-right p{color:#333;font-size:1.6rem;font-weight:400;line-height:1.8}#Coporateclients .group .group-left{align-items:center;width:35%}#Coporateclients .group .group-left p{font-size:1.2rem;font-weight:300;line-height:1.8}#Coporateclients .group .group-right{flex-wrap:wrap;width:65%;display:flex;position:relative}#Coporateclients .group .group-right .itemImage{place-items:center;width:20%;height:auto;display:grid;position:relative}#Coporateclients .group .group-right .itemImage img{width:70%;height:auto}.group-container{align-items:center;gap:50px;padding:8.5rem 5rem;display:flex}.group-container .group-right{justify-content:end;gap:20px;display:flex}.item-Orange{padding:2rem;color:#fff;background-color:#dd7f03;width:22%;min-height:22vh;padding-top:4.5rem;font-size:1.3rem;line-height:1.7;position:relative}.item-Orange .groupImage{z-index:2;background-color:#fdb659;border-radius:50%;justify-content:center;align-items:center;width:5.5rem;height:5.5rem;display:grid;position:relative}.item-Orange .groupImage img{margin:auto}.item-Orange h4{margin-bottom:0}.group-center{text-align:center;justify-content:center;padding:6rem 10rem;display:block;position:relative}.description{width:65%;margin:auto auto 50px;font-size:1.2rem;font-weight:300;line-height:1.8}#Contactus{background:linear-gradient(#fff 50%,#dd7f03 30%);padding-bottom:2rem}#map{box-shadow:0 7px 15px #00000014}.Copyright{text-align:center;color:#fff;background:#b46700;padding:1.5rem}.contact-detail{text-align:left;justify-content:space-between;gap:4rem;margin-top:4rem;display:flex}.contact-detail .grid{width:33%}.contact-detail .grid:first-child{align-content:start;width:40%;display:block}.contact-detail .grid .item{color:#fff;align-items:center;gap:15px;display:flex}.contact-detail .grid .item img{height:1.9rem}.contact-detail .grid:first-child .item{align-items:start}.contact-detail .grid:first-child .item img{margin-top:5%;position:relative}.group-right .group-title{align-content:center;margin-right:10vw;display:block}.item-Orange .group-circle{z-index:1;width:6.3rem;height:6.3rem;position:absolute;top:-8%;left:-3%}.group-All{width:6.5rem;height:6.5rem;position:relative}.item-Orange .group-circle circle:first-child{background-color:#fdef59;border-radius:50%;width:.3rem;height:.3rem;display:block;position:relative;top:-2%;left:-2%}.item-Orange .group-circle circle:nth-child(2){background-color:#ffa9b6;border-radius:50%;width:.55rem;height:.55rem;display:block;position:relative;top:-3%;left:95%;right:0}.item-Orange .group-circle circle:nth-child(3){background-color:#89d2dd;border-radius:50%;width:.45rem;height:.45rem;display:block;position:relative;top:60%;left:0%;right:0}.item-Orange .group-circle circle:nth-child(4){background-color:#c159fd;border-radius:50%;width:.35rem;height:.35rem;display:block;position:relative;top:60%;left:80%;right:0}.item-Orange:first-child .group-All .group-circle{top:3%}.item-Orange:nth-child(2) .group-All .group-circle{top:4%}.item-Orange:nth-child(3) .group-All .group-circle{top:1%}.mobile-sidebar-bg{z-index:1;width:300px;height:100vh;position:absolute;top:0;bottom:0;right:0;box-shadow:0 1px 35px #b3b3b333}@media (max-width:1400px) and (orientation:landscape){.groupRipplebg .RippleBackground{top:25%;left:-8%}#AboutUs .group .group-right{width:40%}#AboutUs .group .group-left p{font-size:1.125rem}#AboutUs .group .group-right p{font-size:1.175rem}.group-container{padding:5rem}.group-container .group-right{flex-wrap:wrap;justify-content:space-between;display:flex}.group-right .group-title{width:100%}.item-Orange{width:25%}#Coporateclients .group,#AboutUs .group{z-index:2;flex-wrap:wrap;align-items:center;display:flex;position:relative}#Coporateclients .group .group-right,#Coporateclients .group .group-left{width:100%}.container.coporateClients{align-content:start;height:66vh}.group-center{padding:6rem}}@media (orientation:portrait){.groupRipplebg .RippleBackground{width:120vw;height:120vw;top:25%;left:-8%}.banner{height:95vh}.banner .container .detail{width:70%}#AboutUs .group{place-items:center;display:block}#AboutUs .group .line-center{width:40%;height:.08rem;margin-block:5rem}#AboutUs .group .group-right,#AboutUs .group .group-left{text-align:center;width:100%}.item-Orange{width:25%;padding-top:2.5rem;font-size:1rem}.desktop{display:none}.menu-toggle{z-index:2;border:1px solid #9e9e9e;border-radius:50%;align-content:center;width:4.5rem;height:4.5rem;display:grid;position:relative;right:0%}.menu-toggle.open{border:1px solid #0000!important}.menu-toggle svg{margin:auto}.header.scrolled{z-index:90;width:96%;box-shadow:none;-webkit-backdrop-filter:blur();background:#fff0;border:0 solid #fff0;border-radius:8px;position:relative;top:2%;left:2%}.groupRipplebg .RippleBackground{top:20%;left:-8%;transform:translate(50%,25%)}.header img{height:4rem}.middle{top:65vh}.header .nav-container{align-items:center;padding:3%}.mobile-menu{float:right;z-index:3;width:240px;position:absolute;left:auto;right:0}.header .mobile-menu .nav-link{padding-block:.5rem;font-size:1.3rem}.menu-toggle svg path{fill:#000}.group-container .group-right{flex-wrap:wrap}.item-Orange{padding:2rem;width:41%;min-height:17vh;padding-top:4.5rem}.item-Orange .groupImage{width:7.5rem;height:7.5rem}.item-Orange .groupImage img{height:4rem;margin:auto}.item-Orange:first-of-type .groupImage img{height:5rem;margin:auto}.item-Orange .group-circle{z-index:1;width:6.3rem;height:6.3rem;position:absolute;top:0;left:15%;top:24%!important;transform:scale(1.4)!important}.item-Orange h4{font-size:1.4rem}#Coporateclients .group,#AboutUs .group{flex-wrap:wrap}.container.coporateClients{align-content:start;height:auto}#Coporateclients .group .group-right,#Coporateclients .group .group-left{width:100%}.description,#Coporateclients .group .group-left p{font-size:1.4rem}#Coporateclients .group .group-right .itemImage img{width:85%;height:auto}.group-center{padding:5rem}.description{width:72%}.contact-detail .grid:first-child{align-content:start;width:100%;display:block}.contact-detail .grid{width:44%}.contact-detail{flex-wrap:wrap;gap:1rem;margin-top:2rem}.contact-detail .grid:first-child{width:100%}.contact-detail .grid:first-child .item img{margin-top:3%}.Copyright,.contact-detail .grid .item{font-size:1.3rem}}@media (min-width:1366px) and (orientation:landscape){.groupRipplebg .RippleBackground{top:25%;left:-2%}}@media (min-width:1194px) and (max-width:1400px) and (orientation:landscape){.item-Orange{width:25%}}@media (max-width:900px) and (orientation:portrait){.banner .container h1,.banner .container h1 span{font-size:3.5rem}.groupRipplebg .RippleBackground{width:150vw;height:150vw;top:22%;left:-16%}.middle{top:76vh}.itemCard{text-align:left;text-align:center;justify-content:center;width:45%;padding:10px;display:grid;position:relative}.itemCard .groupImage{margin:auto}.itemCard h4{margin-block:.8rem;font-size:1.25rem}#AboutUs .group .group-left{align-items:center;width:100%}.item-Orange{width:38%;min-height:17vh;padding:4.5rem 2rem 2rem}.item-Orange .groupImage{width:7rem;height:7rem}.item-Orange h4{font-size:1.3rem}.item-Orange .group-circle{z-index:1;width:6.3rem;height:6.3rem;position:absolute;top:0;left:8%;top:18%!important;transform:scale(1.2)!important}}@media (max-width:768px) and (orientation:portrait){.header .nav-container{padding:4%}.header img{height:2.8rem}.menu-toggle{justify-content:center;align-items:center;width:3.5rem;height:3.5rem;padding-top:3%}.banner .container h1,.banner .container h1 span{font-size:1.8rem}.mouse{border:2px solid #905302;border-radius:60px;width:45px;height:75px}.middle{top:76vh;left:43%}.groupRipplebg .RippleBackground{width:170vw;height:170vw;top:22%;left:-19%}.itemCard{width:100%;padding-inline:2rem}.container.coporateClients,.container.about{z-index:-1;background-color:#fff2e1;padding:2.5rem;position:relative}.group-center,.group-container{padding:2.5rem}#AboutUs .group .line-center{width:40%;height:.08rem;margin-block:1rem}.group-title h3{text-align:center}.contact-detail .grid,.description,.group-right .group-title{width:100%}.group-right .group-title{margin:0}.item-Orange{padding:2rem;width:100%;min-height:20vh;padding-top:3.5rem}#Coporateclients .group .group-right .itemImage{width:33%}.description,#Coporateclients .group .group-left p,#AboutUs .group .group-right p,#AboutUs .group .group-left p{font-size:1rem}.Copyright,.contact-detail .grid .item,.contact-detail .grid .item p,.itemCard p{font-size:.85rem}}@media (min-width:568px) and (max-width:932px) and (orientation:landscape){.banner{align-items:start;width:100%;height:70rem}.middle{top:46rem}.desktop{display:none}.mobile-sidebar-bg{height:100rem}.menu-toggle{z-index:2;border:1px solid #9e9e9e;border-radius:50%;align-content:center;width:4.5rem;height:4.5rem;display:grid;position:relative;right:0%}.menu-toggle.open{border:1px solid #0000!important}.menu-toggle svg{margin:auto}.header.scrolled{z-index:90;width:96%;box-shadow:none;-webkit-backdrop-filter:blur();background:#fff0;border:0 solid #fff0;border-radius:8px;position:relative;top:2%;left:2%}.header .nav-container{align-items:center;padding:3%}.mobile-menu{float:right;z-index:3;width:240px;position:absolute;left:auto;right:0}.header .mobile-menu .nav-link{padding-block:.5rem;font-size:1.3rem}.menu-toggle svg path{fill:#000}.groupRipplebg .RippleBackground{top:18%;left:-17.5%}.banner .container h1{margin-top:22rem}.banner .container span,.banner .container h1{font-size:3.2rem}.container.ourServies{padding-block:1.5rem}.itemCard{width:28%}.itemCard h4{font-size:1.15rem}.itemCard p{font-size:1rem}#AboutUs .group .group-right,#AboutUs .group .group-left{align-items:center;width:100%}#AboutUs .group .line-center{background:#905302;width:50%;height:1px;margin-inline:3rem;position:relative;left:20%}.group-right .group-title{width:40%;margin-right:0}.item-Orange{width:40%}#Coporateclients .group .group-left h3,#Coporateclients .group .group-left p{opacity:1!important}.container.coporateClients{align-content:start;height:26rem}.description{width:72%}.contact-detail .grid:first-child{align-content:start;width:100%;display:block}.contact-detail .grid{width:44%}.contact-detail{flex-wrap:wrap;gap:1rem;margin-top:2rem}.contact-detail .grid:first-child{width:100%}.contact-detail .grid:first-child .item img{margin-top:3%}}