body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.banner{display:flex;flex-direction:column}.banner-img-container{height:434px;order:1;position:relative;width:100%}.banner img{background-color:bisque;height:434px;object-fit:cover;transition:opacity .5s ease-in-out;width:100%}.fade-in{opacity:1}.fade-out{opacity:0}.banner-des-container{order:2;padding:52px 24px}.banner-absolute-container{background-color:#16409a;bottom:86px;color:#fff;height:77px;padding:12px 24px;position:absolute;width:211px}.banner h1{line-height:46px}.banner-des-container p{font-weight:500;line-height:19px;margin-top:33px}.services{background-color:#e9e9e9;padding:26px 24px}.right-icon{height:24px;position:relative;top:5px;width:24px}.services-container img{background-color:#16409a;height:80px;margin-top:19px;object-fit:cover;width:100%}.services-container p{color:#16409a}.why-us{padding:48px 24px}.whyUs-body-container{padding-top:35px}.whyUs-container{display:flex;gap:24px;margin-top:40px}.check-icon{height:40px;width:40px}.whyUs-container h2,.whyUs-container svg{color:#16409a}.why-us p{color:#6f6f6f}.company-img{background-color:#ffebcd;height:450px;width:100%}.company-des-container{padding:42px 24px 51px}.about-link{align-items:center;background-color:#16409a;border:none;color:#fff;display:flex;gap:8px;height:49px;justify-content:center;margin-top:27px;width:232px}.partner{padding:0 24px 45px}.partner-grid{grid-gap:13px 10px;display:grid;gap:13px 10px;grid-template-columns:repeat(2,1fr);margin:28px 19px 0}.partner-grid img{background-color:#7fffd4;height:78px;width:138px}@media (min-width:1024px){.banner{flex-direction:row;height:58vw;max-height:810px}.banner-des-container{display:flex;flex-direction:column;justify-content:center;order:1;padding:150px 0 0 75px;width:50vw}.home h1{font-size:clamp(48px,5vw,64px);line-height:77px}.home p{font-size:24px;line-height:29px}.home h2{font-size:32px;line-height:39px}.banner-img-container{height:100%;order:2;width:50vw}.banner img{height:100%}.banner-absolute-container{bottom:25%;height:144px;padding:28px 33px;position:absolute;width:394px}.banner-project-name{font-size:24px!important;padding-top:29px!important}.banner-italics{font-size:14px!important;line-height:17px!important}.services{padding:96px 76px}.services h2{min-width:185px}.services-des{font-size:clamp(16px,1.4vw,20px)!important;line-height:24px!important;padding-top:0!important}.sevices-advice{font-size:clamp(20px,1.4vw,29px)!important;margin-top:5px}.services-header-container{display:flex;gap:149px}.services-container{grid-gap:36px;display:grid;gap:36px;grid-template-columns:repeat(4,1fr);margin-top:55px}.services-container img{aspect-ratio:.875;height:auto;margin-top:0;width:100%}.services-container h3{font-size:clamp(20px,1.9vw,26px);line-height:31px;margin-top:27px;min-height:62px}.services-container p{font-size:clamp(14px,1.4vw,16px);line-height:19px}.why-us{align-items:center;display:grid;grid-template-columns:1.34fr 1fr;min-height:812px;padding:0}.why-us-overall-container{align-items:center;display:flex;flex-direction:column}.why-us-overall-container p{font-size:clamp(14px,1.4vw,20px)!important;line-height:24px;max-width:420px;padding-top:27px!important}.flex-whyUs-container{display:flex;flex-direction:column;gap:40px}.whyUs-container{margin-top:0}.whyUs-container h2{font-size:24px;line-height:29px}.whyUs-container p{font-size:16px!important;line-height:19px!important;padding-top:2px}.company-des{display:grid;grid-template-columns:1fr 1fr;height:58vw;max-height:810px}.company-img{height:100%;max-height:810px;object-fit:fill}.company-des-container{background-color:#e9e9e9;display:flex;flex-direction:column;justify-content:center;padding:0 0 0 10vw}.company-des-container img{height:30px;width:345px}.company-des-container p{font-size:20px;line-height:24px!important;margin-top:86px!important;width:345px}.about-link{margin-top:89px}.partner{align-items:center;display:flex;flex-direction:column;padding:134px 76px}.partner-grid{grid-gap:26px 0;display:grid;gap:26px 0;grid-template-columns:repeat(3,1fr);justify-items:center;margin:24px 0 0;width:100%}}.services-page-banner{height:365px;object-fit:fill;width:100%}.services-header{padding:31px 24px 0}.services-header p{line-height:24px;margin-top:20px}.service-list{margin-bottom:65px;margin-top:54px}.service-list a{color:#000}.service-list h3{border-top:2px solid #d9d9d9;padding:28px 24px}.services-page-image{height:289px;object-fit:cover;width:100%}.services-page-des div{padding:31px 24px 35px}.services-page-des p{line-height:24px;margin-top:13px}.services-about-link{align-items:center;background-color:#16409a;border:none;color:#fff;display:flex;font-size:16px;gap:8px;height:49px;justify-content:center;margin-top:27px;width:232px}@media (min-width:1024px){.services-page h1{font-size:clamp(48px,5vw,64px);line-height:77px}.services-page p{font-size:24px;line-height:29px}.services-page h2{font-size:32px;line-height:39px}.services-page h3{font-size:clamp(20px,3vw,42px);line-height:51px}.services-page-banner{height:444px}.services-header{padding:75px 75px 0}.services-header p{margin-top:34px;max-width:1070px}.service-scroll-down{display:none}.service-list{margin-bottom:122px;margin-top:172px}.service-list h3{border-top:2px solid #d9d9d9;padding:61px 75px}.services-page-des{display:grid;grid-template-columns:1fr 1.56fr;margin-bottom:137px}.services-page-des div{padding:22px 0 0 103px}.services-page-des h1{font-size:clamp(48px,5vw,60px);line-height:73px}.services-page-image{aspect-ratio:.932;height:auto}.services-page-des p{font-size:20px;line-height:24px;margin-top:53px;max-width:350px}.services-about-link{margin-top:58px}}.service1-header{padding:31px 0 24px 24px}.service1 ul{list-style-type:disc;margin-top:18px;max-width:320px;padding-left:20px}.service1 li{font-size:16px;line-height:24px}.service-project-preview{position:relative}.service-project-preview img{height:360px;object-fit:cover;transition:opacity .5s ease-in-out;width:100%}.service-project-preview .banner-absolute-container{left:25px;top:0}.detail-section-1 div{padding:29px 25px 34px}.detail-section-1 p{margin-top:14px}.detail-section-1 img{height:184px;object-fit:fill;width:100%}.detail-section-2 div{padding:29px 25px 34px}.detail-section-2 p{margin-top:14px}.detail-section-2 img{height:184px;object-fit:fill;width:100%}.detail-section-3 div{padding:29px 25px 34px}.detail-section-3 p{margin-top:14px}.detail-section-3 img{height:184px;object-fit:fill;width:100%}.service1 a{color:#16409a}.contact-link-btn{background-color:#e9e9e9;line-height:62px;margin-top:50px;text-align:center}.service3-link-container{align-items:center;background-color:#e9e9e9;display:flex;flex-direction:column;justify-content:center;margin-top:50px}.service3-link-container p{line-height:62px}@media (min-width:1024px){.service1-header{padding:36px 75px 66px}.service1 h1{font-size:clamp(48px,5vw,64px);line-height:77px}.service1 li,.service1 p{font-size:24px;line-height:29px}.service1 ul{margin-top:46px;max-width:100%}.service-project-preview .banner-absolute-container{left:75px}.detail-section-1{grid-gap:11.8vw;align-items:center;display:grid;gap:11.8vw;grid-template-columns:1fr 1fr;grid-template-rows:auto;margin-top:77px}.detail-section-1 div{order:2;padding:0}.detail-section-1 img{aspect-ratio:1.54;height:100%}.detail-section-2{grid-gap:11.8vw;align-items:center;display:grid;gap:11.8vw;grid-template-columns:1fr 1fr;grid-template-rows:auto;margin-top:77px}.detail-section-2 div{padding:0;text-align:end}.detail-section-2 img{aspect-ratio:1.54;height:100%}.detail-section-3{grid-gap:11.8vw;align-items:center;display:grid;gap:11.8vw;grid-template-columns:1fr 1fr;grid-template-rows:auto;margin-top:77px}.detail-section-3 div{order:2;padding:0}.detail-section-3 img{aspect-ratio:1.54;height:100%}.contact-link-btn{line-height:107px!important}.service3-link-container{flex-direction:row;gap:53px;margin-top:50px}.service3-link-container p{line-height:107px}}.portfolio-page{margin:31px 24px}.filter{display:flex;flex-direction:column;margin-bottom:47px;margin-top:28px}.filter h3{border-bottom:2px solid #d9d9d9;padding-bottom:15px}.filter label{display:flex;gap:12px;margin-top:16px}.filter input{height:24px;width:24px}.portfolio-list{grid-row-gap:21px;display:grid;grid-template-columns:1fr;row-gap:21px}.portfolio-project-container{position:relative}.portfolio-list img{aspect-ratio:1.432;height:auto;object-fit:cover;width:100%}.badge-container{display:flex;flex-direction:column;gap:5px;position:absolute;right:0;top:0}.badge{align-items:center;background-color:#16409a;color:#fff;display:flex;font-size:14px;height:32px;line-height:17px;margin-left:auto;padding:5px 10px}.portfolio-list h2{margin-top:14px}.portfolio-list p{margin-top:16px}.more-btn{background-color:initial;border:none;color:#16409a;cursor:pointer;font-size:16px;gap:8px;line-height:19px;margin-top:7px}.modal,.more-btn{align-items:center;display:flex}.modal{background:#000c;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#fff;border-radius:10px;max-height:80%;max-width:90%;overflow:hidden;padding:20px;position:relative}.modal-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.modal .close-btn{background-color:initial;border:none;cursor:pointer;display:flex;font-size:18px}.slider{align-items:center;display:flex;justify-content:center;position:relative}.slider img{border-radius:10px;margin-top:4px;max-height:500px;max-width:100%;transition:opacity .5s ease-in-out}.next,.prev{background-color:#00000080;border:none;border-radius:50%;cursor:pointer;font-size:20px;padding:10px 20px;top:50%;transform:translateY(-50%)}.image-length,.next,.prev{color:#fff;position:absolute}.image-length{bottom:10px}.prev{left:10px}.next{right:10px}.next:hover,.prev:hover{background:#000c}@media (min-width:1024px){.portfolio-page{margin:31px 75px}.filter{margin-top:45px}.portfolio-page h1{font-size:clamp(48px,5vw,64px);line-height:77px;max-width:217px}.portfolio-page h3{font-size:clamp(20px,1.9vw,26px);line-height:31px}.portfolio-page h2{font-size:32px;line-height:39px}.portfolio-grid-container{grid-column-gap:97px;column-gap:97px;display:grid;grid-template-columns:auto auto}.portfolio-list{column-gap:57px;grid-template-columns:1fr 1fr;max-height:920px;overflow-y:auto;row-gap:32px}.portfolio-list img{aspect-ratio:1.89;height:auto;width:100%}}.about a{color:#16409a}.about-header{padding:31px 25px 57px}.about-header-2{margin-top:37px}.about-header p{margin-top:17px}.about-company-img{height:391px;object-fit:fill;width:100%}.about-why-us{padding:57px 24px 0}@media (min-width:1024px){.about h2{font-size:40px;line-height:48px}.about-company-img{aspect-ratio:3.683;height:auto;object-fit:cover}.about-header{padding:55px 75px 106px}.about-header-1{max-width:895px}.about-header-2{max-width:999px}.about-header p{font-size:24px;line-height:29px}.about-why-us{grid-column-gap:3vw;column-gap:3vw;display:grid;grid-template-columns:1fr 1fr 1fr;padding:119px 75px 69px}.about-why-us h2{font-size:24px;line-height:29px}.about-flex-whyUs-container{display:flex;flex-direction:column;row-gap:40px}.service3-link-container p{font-size:24px}}.contact-page h1{margin:31px 24px 13px}.contact-form{border-bottom:2px solid #d9d9d9;display:flex;flex-direction:column;margin:0 24px 25px}.z-index-7{background-color:#fff;z-index:7}.contact-form label{color:#d9d9d9;font-size:15px;font-weight:300;line-height:18px;margin-top:21px}.contact-form input{border:none;border-bottom:2px solid #d9d9d9;font-size:20px;line-height:24px}.contact-form textarea{border:2px solid #d9d9d9;font-size:20px;line-height:24px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#000;font-weight:300}.contact-form button{background-color:#16409a;border:none;color:#fdfdfd;font-size:16px;height:46px;line-height:19px;margin-bottom:45px;margin-top:45px}.contact-list{grid-row-gap:9px;display:grid;grid-template-columns:1fr 1fr;margin:0 24px 33px;row-gap:9px}.contact-list ul{padding:0 24px}.contact-list h2{color:#16409a}.contact-list p,.contact-list ul{margin-top:12px}.office-img{aspect-ratio:1.229;width:100%}.contact-detail-container{display:grid;grid-template-columns:1fr 1fr}.contact-detail-container h4{display:none}.contact-1{background-color:#cecece}.contact-1,.contact-2{padding:24px 24px 39px}.contact-2{background-color:#000;color:#cecece}.contact-detail-container h5{font-size:16px;line-height:19px}.contact-detail-container p{font-size:14px}.contact-detail-container h5{margin-top:14px}.contact-detail-container p{margin-top:5px}.contact-detail-container a{align-items:center;background-color:initial;border:none;cursor:pointer;display:flex;font-size:16px;gap:6px;line-height:19px;margin-bottom:23px;margin-top:13px}.contact-detail-container img{aspect-ratio:.848;object-fit:cover;width:100%}@media (min-width:1024px){.contact-container{display:grid;grid-template-columns:1fr 1fr}.contact-page h1{margin:39px 75px 20px}.contact-form{border-bottom:2px solid #d9d9d9;display:flex;flex-direction:column;margin:0 75px 34px}.office-img{aspect-ratio:1.5;min-height:560px;object-fit:cover}.contact-list{display:grid;grid-template-columns:1fr 1fr 1fr;margin:0 75px 71px}.contact-list p,.contact-list ul{font-size:18px;line-height:22px}.contact-detail-container{display:block;position:relative}.contact-detail-container h4{display:block;margin-top:33px}.contact-1{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:16.66667vw 405px;padding:0;position:absolute;top:-16.66667vw;width:75%;z-index:5}.contact-1 h3{order:1}.contact-place-container-1{display:flex;flex-direction:column;justify-content:center;margin-left:39px;order:3}.contact-1 img{order:2}.contact-2{display:grid;grid-template-columns:75% 25%;grid-template-rows:calc(16.66667vw + 405px) 405px;padding:0;position:absolute;top:-16.66667vw;width:100%;z-index:4}.empty-container{order:0}.contact-2 h3{order:1}.contact-place-container-2{display:flex;flex-direction:column;justify-content:center;margin-left:39px;order:3}.contact-2 img{order:2}.contact-detail-container img{height:255px;padding-left:75px}.empty-container-footer{height:810px}.map-img{align-items:center;display:flex}.map-header{margin-left:39px;margin-top:41px}.contact-list li,.contact-list p{font-size:clamp(12px,1.15vw,18px)}.contact-list ul{padding:0 12px}}*{box-sizing:border-box;font-family:Kanit,sans-serif!important;margin:0;padding:0}img{display:block}h1{font-size:38px;line-height:46px}h1,h2{font-weight:600}h2{font-size:24px;line-height:29px}h3{font-size:20px;line-height:24px}h3,h4{font-weight:600}h4{font-size:18px}p{font-size:16px;font-weight:400}.app{display:flex;flex-direction:column;min-height:100vh}a{text-decoration:none}.header{background:#fff;height:80px;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:10}.header,.logo{align-items:center;display:flex}.logo{min-width:170px}.menu-btn{background:none;border:none;cursor:pointer;display:block;font-size:24px}.navbar{background:#fff;display:none;flex-direction:column;padding:10px;position:absolute;right:0;top:80px;width:100%}.navbar ul{list-style:none}.navbar li{padding:10px}.navbar a{color:#000;font-size:18px;text-decoration:none}.navbar.open{display:flex;text-align:center}.footer{background:#16409a;color:#fff;font-size:16px;padding:24px}.footer-social-container{align-items:center;display:flex;gap:13px;margin-top:16px}.social-icon{display:flex}.footer-container-nav{margin-top:16px}.footer a{color:#fff}.footer ul{list-style:none;margin-top:16px}.footer li{line-height:19px;margin-top:13px}@media (min-width:1024px){.header{height:138px;padding:0 75px}.logo-img{height:26px;width:295px}.menu-btn{display:none}.navbar a{font-size:20px}.navbar{background:none;display:flex;flex-direction:row;padding:0;position:static;width:auto}.navbar ul{display:flex;gap:28px}.navbar li{display:inline-block;padding:0}.footer{padding:55px 76px}.footer-container{flex-direction:row}.footer-container,.footer-container-logo{display:flex;justify-content:space-between}.footer-container-logo{flex-direction:column}.footer-logo-img{height:20px}.footer-container-nav{display:flex;flex-direction:row;gap:40px;justify-content:space-between}.footer-container-nav h4{line-height:22px}.footer ul{list-style:none;margin-top:0;text-align:start}.footer-container-nav{margin-right:calc(12.91vw - 75px);margin-top:0}}
/*# sourceMappingURL=main.1da71353.css.map*/