.itopplus-background{}body{overflow-x: hidden;color: #444444;font-family: 'Inter',"LINE Seed Sans TH";background: #f3f2ee}.no-js a{color: #444444;transition: 0.35s}.no-js a:hover{color: #9c8772}.itopplus-footer{color: #444444}.itopplus-footer a{color: #444444}.itopplus-footer a:hover{color: #9c8772}.itopplus-bg2{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_19062026scbvrrle/0/0/bg-fixz-z236638634718.jpg);background-size: cover;background-repeat: no-repeat;background-attachment: fixed}.itopplus-bg3{background-color: #9c8772;color: #fff}.itopplus-footer{background-color: #f3f2ee;color: #444}.navbar-default .navbar-nav > li > a{color: #444;margin: 0;padding: 8px 20px;border-radius: 0}.navbar-default .navbar-nav > li > a:focus,.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:active,.navbar-default .navbar-nav > .open > a,.navbar-default .navbar-nav > .open > a:focus,.navbar-default .navbar-nav > .open > a:hover{color: #444;box-shadow: none;border-color: transparent;background: transparent;background-color: transparent}.no-js .dropdown-menu > li > a{color: #444;font-weight: 300;font-size: 15px}.no-js .dropdown-menu > li > a:focus,.no-js .dropdown-menu > li > a:hover{color: #444;background: transparent}@media screen and (min-width: 1200px){.container{width: 86vw}}@media screen and (min-width: 1024px){.no-js .itopplus-banner{position: sticky;top: 0;z-index: 110}.no-js .itopplus-banner{padding: 1% 0;background-color: transparent;width: 100%;transition: 0.3s}.itopplus-sticky{background: #f3f2ee !important;padding: 0}.itopplus-banner > .container{display: grid;grid-template-columns: 20% auto 20%;align-items: center}#itopplus-nav-bar{display: flex;width: 100%;justify-content: center}#controlBanner{object-fit: contain;padding: 15px;width: 65%;margin: 0 auto}.itopplus-search{width: 100%;text-align: right;color: #444}ul.nav li.dropdown:hover > ul.dropdown-menu{display: block;margin: 0}}@media screen and (max-width: 1023px){#controlBanner img{position: fixed !important;top: 10px;left: 10px;width: auto !important;height: 30px;z-index: 10000;object-fit: contain}#nav-menu{background: #f3f2ee !important}.navbar-collapse,#ItopplusMainSidebar{background: #f3f2ee !important}#ItopplusMainSidebar *:is(li,a){color: #444 !important;border: none}#nav-menu .icon-bar{background: #444 !important}.navbar-header a.visible-xs{flex: 0 1 33px;background-color: transparent !important;border-radius: 50%;overflow: hidden}.navbar-header a.visible-xs:after{background-color: #9c8772;z-index: -1 !important}#itpphonemobile::before{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/telz-z555807927326.png) !important}#itpsearchmobile::before{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/searchz-z1550057493030.png) !important}.old-image-icon-facebook::before{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/fbz-z1306469976463.png) !important}.old-image-icon-line::before{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/linez-z468194837558.png) !important}.old-image-icon-instragram::before{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/igz-z261562755399.png) !important}.old-image-icon-youtube::before{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/ytz-z1709509823553.png) !important}.new-image-icon-twitter::before{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/twz-z1451700767745.png) !important}}figure.effect-oscar{background: transparent}figure.effect-oscar img{opacity: 1}figure.effect-oscar:hover img{opacity: 1}figure.effect-oscar figcaption::before{border: 0px solid #fff}figure.effect-oscar figcaption{background: transparent}figure.effect-oscar:hover figcaption{background: transparent}figure.effect-oscar h2{margin: 0% 0 0px 0;-webkit-transition: -webkit-transform 0.32s;transition: transform 0.32s;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0)}figure.effect-oscar:hover h2{opacity: 1;transition: 0.32s;transform: none!important}.grid figure h2{word-spacing: 0em;font-weight: 300;text-transform: none}figure.effect-oscar img{max-width: none;-webkit-transition: opacity 0.32s,-webkit-transform 0.32s;transition: opacity 0.32s,transform 0.32s;-webkit-backface-visibility: hidden;backface-visibility: hidden}figure.effect-oscar:hover img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.05,1.05,1)}.managerHeader{display: none}#Contentmanager .post-time{display: none}.page-header{margin: 0px 0 0px;border-bottom: 0px solid transparent}.landingpagemanager{display: none}.Contentmanager .site .col-section .item.-micro a .caption .title{text-align: center;font-size: 16px;padding: 5% 5% 0%;color: #444444}.Contentmanager .site .col-section .item.-micro a:hover .caption .title{color: #9c8772}.Contentmanager .site .col-section .item.-micro a .caption .time{display: none}article.col-md-6.item.-micro{width: 25%}.Contentmanager .col-md-12.text-justify{padding-right: 5px;padding-left: 5px}.Contentmanager .site .col-section .item.-micro{padding: 10px 10px 10px 15px}.Contentmanager .site .col-section .item.-micro a .image{width: 100%;margin-bottom: 0px}.Contentmanager .site .col-section .item.-micro a .caption{width: 100%;background: transparent;padding-left: 0}.Contentmanager .site .col-section .item.-micro:nth-child(odd){border-right: none;border-bottom: none}.Contentmanager .site .col-section .item.-micro:nth-child(even){border-bottom: none}.Contentmanager .site .col-section .item.-micro a .post{display: none}.contenemanager-gallery .col-xs-12.col-md-3{padding-left: 10px;padding-right: 10px;width: 25%}.Contenemanager-gallery .col-xs-6.col-md-3{padding-left: 10px;padding-right: 10px;width: 25%}.contenemanager-gallery .thumbnail{padding: 0px;border: 0px solid #fff;border-radius: 0px;transition: 0.3s}.Contenemanager-gallery .thumbnail{padding: 0px;border: 0px solid #fff;border-radius: 0px;transition: 0.3s}.Contenemanager-gallery .thumbnail:hover{transition: 0.3s;border: 0px solid #fff;background-color: white}.contenemanager-gallery .thumbnail:hover{transition: 0.3s;border: 0px solid #fff;background-color: white}.contenemanager-gallery .thumbnail,.img-thumbnail{-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075);box-shadow: 0px 0px 20px 5px rgb(217 217 217 / 40%)}a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active{border-color: transparent}.fbcomments,.fbcomments{display: none}.thumbnail{border: 0px solid #ddd}.img-thumbnail,.thumbnail{box-shadow: 0 0px 0px rgb(0 0 0 / 8%)}.Contentmanager .img-thumbnail{border: 0px solid #ddd}.Contentmanager p{white-space: break-spaces;font-size: 15px}.Contentmanager .thumbnail{background-color: transparent}.img-thumbnail{background-color: transparent}.Contentmanager .site .col-section .item.-micro a .img-zoom img:hover{transform: scale3d(1.05,1.05,1) !important}.Contentmanager .site .col-section .item.-micro a:hover .img-zoom img{-webkit-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);transform: scale3d(1.05,1.05,1) !important}#Contentmanager img.img-responsive{position: relative !important;overflow: hidden !important;width: 100% !important;transition: 0.5s}#Contentmanager img.img-responsive:hover{transform: scale(1.05)}#Contentmanager .thumbnail{background-color: transparent;position: relative !important;overflow: hidden !important;padding: 0px !important;box-shadow: none !important}.Contentmanager .post{display: none}.Contentmanager h3.title{display: none}.Contentmanager .social-share{display: none}.Contentmanager .head-wr{margin-bottom: 4%}.ying-custom-class-type53 img{order: 1}.staggered-grid{column-count: 4;--webkit-column-count: 4;--moz-column-count: 4;gap: 2rem;padding: 0rem}#tabcateTitle6a4e0b2354a101001375f6466a4e27712923620013d7dae6,#tabcateTitle6a4e0b852923620013d7d8306a4f552f2923620013d7f387{padding: 15px !important}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color: #fff;background-color: transparent;border-bottom: 1px solid #ababab;border-radius: 0px !important font-weight: 400}.TabItpContentLandingPage.col-md-12 .nav-justified{width: 100%;border-bottom: 1px solid #ababab;border-radius: 0px !important}.TabItpContentLandingPage.col-md-12 .nav>li>a:focus,.nav>li>a:hover{background-color: transparent}.tab-content{background-color: transparent !important;padding: 0px !important;;margin-top: 3% !important}#background6a4e27712923620013d7dae6 ul.nav.nav-pills.nav-justified,#background6a4f552f2923620013d7f387 ul.nav.nav-pills.nav-justified{border-bottom: 1px solid #d1d1d1;margin-top: 2%;margin-bottom: 2%}ul.nav.nav-pills.nav-justified span{color: #444444;font-size: 16px !important}ul.nav.nav-pills.nav-justified li a{padding: 10px 0px;border-radius: 0px !important}.project-2{letter-spacing: 5px;text-transform: uppercase}.head-content-project{font-size: 18px;margin-top: 1%;font-weight: 300}.content-project{color: #000;margin-bottom: 7%;margin-top: 10%}.block-bg img{width: 100% !important}.staggered-grid::before{display: none}.staggered-grid{display: grid;grid-template-columns: repeat(4,1fr)}.staggered-card-grid>.caption{margin-top: 0px !important}.staggered-sub-grid{padding-bottom: 0px !important}.no-js #Component6a5060951f587b001341a878 label{display: none !important;color: #282828}.no-js #Component6a5060951f587b001341a878 .col-md-6{width: 100%;margin-left: auto;display: block;margin-right: auto;padding-left: 20px;text-align: left}.no-js #Component6a5060951f587b001341a878 .form-control{border: 0px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;padding: 20px 0px;background: transparent;font-size: 14px !important;border-radius: 0px !important;box-shadow: inset 0 0px 0px rgba(0,0,0,0.075) !important}.no-js #Component6a5060951f587b001341a878 .form-control:focus{border-bottom: 1px solid #9c8772 !important;border: 0px solid #9c8772;box-shadow: inset 0 0px 0px rgba(0,0,0,0.075),0 0 0px rgba(102,175,233,0)}.no-js #Component6a5060951f587b001341a878 .btn{background: #9c8772;color: #fff;text-shadow: 0 0px 0 #00000000;background-repeat: repeat-x;border-color: transparent;border-radius: 0px;padding: 10px 30px 10px 30px;font-size: 15px;font-weight: 400;border: 0px solid}.no-js #Component6a5060951f587b001341a878 .btn-default:active{background: #000;background: linear-gradient(to right,#000 0%,#000 100%);color: #fff}.no-js #Component6a5060951f587b001341a878 .btn-default:hover,.no-js #Component6a5060951f587b001341a878 .btn-default:focus{background-position: 0 0px;background: #000;border: 0px solid #000;color: #fff}.no-js #Component6a5060951f587b001341a878 .col-xs-12.col-sm-5.col-md-5.padding{width: 100%}.no-js #Component6a5060951f587b001341a878 span.label{font-size: 13px;font-weight: 400}.no-js #Component6a5060951f587b001341a878 ::placeholder{color: #000 !important}#background6a5060951f587b001341a878{border-left: 1px solid #ababab;padding-left: 5%}#cookie6a5060951f587b001341a878{font-size: 14px;margin-left: -15px}.CASS-D-middle-mid{padding: 10px 10px 0px !important}.head-form{font-family: 'Inter';font-weight: 200;font-size: 30px}h1,h2,h3,h4,h5,h6{line-height: inherit;margin-top: 0;margin-bottom: 0;font-weight: 400}h1{font-size: 2em}h2{font-size: 3em}h3{font-size: 17px}h4{font-size: 20px}h5{font-size: 22px}h6{font-size: 28px}p{font-size: 15px}body{font-size: 15px;font-weight: 300}.grid-footer{display: grid;grid-template-columns: 35% auto 35%;gap: 20px;margin-top: 5%;border-bottom: 1px solid #ababab;padding-bottom: 5%}.head-footer h3{font-weight: 300;color: #5f452a}.footer-2{white-space: break-spaces}.footer-2 h3{font-weight: 300}.grid-footer-1{text-align: center}.grid-footer-2{text-align: center}.grid-footer-3{text-align: center}.head-footer{text-transform: uppercase;margin-bottom: 25px}.grid-social-footer{display: flex;width: 50%;margin: 0 auto;gap: 6px}.copyright{text-align: center;margin-bottom: 4%}.social-footer{transition: 0.3s}.social-footer:hover{filter: grayscale(1);transition: 0.3s}.btn-more{display: grid;grid-template-columns: auto 15px;width: fit-content;gap: 10px;color: #000000;background: #f3f2ee;padding: 8px 20px;transition: 0.1s}.section-meaningful .btn-more{margin: 0 auto;margin-top: 3%}.section-meaningful{text-align: center;padding: 6% 0%}.section-meaningful h2{white-space: break-spaces;font-weight: 200;margin-bottom: 2%;margin-top: 1%;font-size: 3.5em;line-height: 1.2}.section-meaningful h2 span{color: #fdf7e1}.section-meaningful-start{text-transform: uppercase;letter-spacing: 5px}.btn-more:hover{background: #000;color: #fff;transition: 0.1s}.btn-more:hover .arrow{filter: invert(1)}.grid-social-head{display: flex;gap: 10px;width: 63%}.grid-social-right{display: flex;justify-content: flex-end}.social-head{transition: 0.3s}.social-head:hover{filter: grayscale(1)}.bg-fix{padding: 20% 0%}.block-bg{align-self: center;display: block;overflow: hidden}.block-bg img:hover{-webkit-transform: scale3d(1.05,1.05,1);transform: scale3d(1.05,1.05,1);transition: 0.35s}.block-bg img{transition: 0.35s;-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1)}.grid-studio{display: grid;grid-template-columns: repeat(2,1fr);padding: 8% 0% 5%}.grid-studio-2 h1{white-space: break-spaces;font-weight: 300;font-size: 2.4em;margin-top: 2%;margin-bottom: 4%}.content-wr{white-space: break-spaces}.grid-studio-2 span{text-transform: uppercase;letter-spacing: 5px}.grid-studio-2{align-self: center;margin-left: 15%;width: 100%}.btn-readmore{display: grid;grid-template-columns: auto 13px;width: fit-content;gap: 10px;color: #fff;background: #a38f7d;padding: 8px 20px;transition: 0.1s;font-size: 14px}.grid-studio-2 .btn-readmore{margin-top: 6%}.btn-readmore:hover{background: #000;color: #fff;transition: 0.1s}.line-behind-title{display: flex;align-items: center;justify-content: center;color: #444;font-weight: normal;white-space: nowrap}.line-behind-title::before,.line-behind-title::after{content: "";flex: 1;border-bottom: 1px solid #ababab}.line-behind-title::before{margin-right: 20px}.line-behind-title::after{margin-left: 20px}.head-wr h2{font-weight: 200}.comingsoon{padding: 10%}.head-wprarch{text-align: center}.head-wprarch h2{font-weight: 300;color: #000}.head-wprarch span{color: #706963}.detail-process{white-space: break-spaces}.grid-process{display: grid;grid-template-columns: repeat(2,1fr);margin-bottom: 7%;margin-top: 6%}.block-process{display: grid;grid-template-columns: 50% auto;border-bottom: 1px solid #6f6b62;padding: 0% 0% 8%}.icon-process{width: 22%;margin: 0 auto}.head-process h1{white-space: break-spaces;font-weight: 300;line-height: 1.3}.head-process{padding: 5% 0% 10%}.number{color: #9a8570;font-size: 2em;font-weight: 300}.block-process{border-right: 1px solid #6f6b62}.block-process:nth-child(2),.block-process:nth-child(4){border-right: 0px}.block-process:nth-child(3),.block-process:nth-child(4){border-bottom: 0px solid #6f6b62}.block-process:nth-child(2){display: grid;grid-template-columns: auto 13%;padding-left: 20%}.block-process:nth-child(2) .icon-process,.block-process:nth-child(4) .icon-process{width: 100%}.block-process:nth-child(3){padding: 8% 0% 0%}.block-process:nth-child(4){padding: 8% 0% 0%;grid-template-columns: auto 13%;padding-left: 20%}.dropdown-menu{background-color: #f3f2ee}.head-wr h1{font-weight: 200}.project-overview{display: grid;grid-template-columns: repeat(5,1fr);gap: 20px;margin-top: 2%}.project-overview-2{letter-spacing: 5px;text-transform: uppercase;margin-bottom: 5px}.project-overview-3{white-space: break-spaces}.Textmanager.font-inherit{text-align: left}.block-project-overview{border-right: 1px solid #6f6b62}.block-project-overview:last-child{border-right: 0px}.head-detail-project{letter-spacing: 5px;text-transform: uppercase;margin-bottom: 5px}.detail-project{margin-top: 2%;margin-bottom: 4%;width: 61%}.right-detail-project{display: flex;justify-content: flex-end;margin-top: 1%}.detail-project-2{margin-top: 10px}.grid-btn-download{display: flex;gap: 20px;margin-top: 5%}.grid-btn-download .btn-readmore:hover{color: #fff;background: #a38f7d}.grid-btn-download .btn-readmore:hover img{filter: invert(1)}.grid-btn-download .btn-readmore{grid-template-columns: auto 16px;background: transparent;color: #444;border: 1px solid #a38f7d}.arrow-right{align-self: center}ul{list-style-type: circle}ul li{margin-bottom: 2px}.detail-project ul{margin-top: 10px}#background6a4f61392923620013d84a82 ul.nav.nav-pills.nav-justified{display: none}#background6a4f61392923620013d84a82 .head-content-project{font-size: 26px}#tabcateTitle6a4f0e9a2923620013d7e4736a4f61392923620013d84a82{padding: 0px 10px !important}#background6a4f61392923620013d84a82 .staggered-grid .staggered-sub-grid:nth-child(1){order: 3}#background6a4f61392923620013d84a82 .staggered-grid .staggered-sub-grid:nth-child(2){order: 2}#background6a4f61392923620013d84a82 .staggered-grid .staggered-sub-grid:nth-child(3){order: 1}#background6a4f61392923620013d84a82 .staggered-grid .staggered-sub-grid:nth-child(4){order: 5}#background6a4f61392923620013d84a82 .row.staggered-grid.hideChangeTab6a4f61392923620013d84a82::after{display: none}.grid-service{display: grid;grid-template-columns: repeat(2,1fr);padding: 6% 0% 5%;gap: 40px}.grid-service-2 h1{white-space: break-spaces;font-weight: 200;font-size: 2.4em;margin-top: 2%;margin-bottom: 3%}.grid-service-2 span{letter-spacing: 5px;text-transform: uppercase}.services-list span{letter-spacing: 5px;text-transform: uppercase}.services-list h1{white-space: break-spaces;font-weight: 200;margin-top: 1%;margin-bottom: 3%}.grid-offer{display: grid;grid-template-columns: repeat(2,1fr);gap: 20px}.block-offer{border-bottom: 1px solid #ababab;display: flex;gap: 20px;padding-bottom: 15px}.number-offer{color: #9a8570;font-weight: 300}.process{padding:100px 0}.process .head{max-width:560px;margin-bottom:64px}.process h2{font-size:32px;margin-top:10px}.steps-service{display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:relative;margin-top: 4%}.steps-service::before{content:"";position:absolute;top:15px;left:2%;right:2%;height:1px;background: #ababab}.step{position:relative;padding-right:24px}.step .dot{width:30px;height:30px;border-radius:50%;background: #f3f2ee;border: 1px solid #ababab;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;margin-bottom:26px;color: #9a8570}.our-process{padding: 4% 0% 10%}.step h3{margin-bottom: 10px;font-weight: 300}.grid-service-2 h3{margin-bottom: 15px;color: #9a8570}.itopplus-bg6{background-color: #9c8772;color: #fff}.why-grid{display: grid;grid-template-columns: repeat(5,1fr);gap: 20px}.why-item{border-right: 1px solid #fff;padding-right: 20px}.head-why-wattanapirom span{letter-spacing: 5px;text-transform: uppercase}.head-why-wattanapirom h1{white-space: break-spaces;font-weight: 200;font-size: 2.4em;margin-top: 1%;margin-bottom: 3%}.space-why-wattanapirom{padding: 6% 0%}span.num{color: #fdf7e1}.why-item h3{margin-bottom: 10px;font-weight: 300;margin-top: 20px}.why-item:last-child{border-right: 0px solid #fff}.mission-list li:first-child{padding-top: 0}.mission-list li{display: flex;gap: 16px;padding: 16px 0;border-bottom: 1px solid #ababab}.wrap-vision-mission{display: grid;grid-template-columns: 50% auto;gap: 0px;padding: 6% 0%}.eyebrow{letter-spacing: 5px;text-transform: uppercase;color: #9a8570}.vm-block h1{white-space: break-spaces;font-weight: 200;font-size: 2.4em;margin-top: 1%;margin-bottom: 3%}span.mark-2{padding: .2em;color: #9a8570}ul.mission-list{margin-left: -40px;margin-top: 5%}.mission-list li:last-child{border-bottom: 0px}.space-philosophy{text-align: center;padding: 6% 0%}.space-philosophy span{letter-spacing: 5px;text-transform: uppercase}.space-philosophy h1{white-space: break-spaces;font-weight: 200;font-size: 2.4em;margin-top: 1%;margin-bottom: 2%}.space-philosophy h3{margin-bottom: 20px;font-weight: 300}.space-contact h1{white-space: break-spaces;font-weight: 200;margin-top: 1%}.grid-social-contact{margin-top: 5%}.grid-social-wr{display: flex;width: 23%;gap: 5px}.block-social-contact h6{font-weight: 200}.block-social-contact{margin-bottom: 5%}.buttonExampleSite{border: 0px solid #fff !important;color: #fff !important;background: #9d8772 !important;border-radius: 0px !important;font-weight: 400;font-family: 'Inter' !important;padding: 5px 20px !important}.buttonExampleSite:hover{background: #000 !important;color: #fff !important}.pdpa-text.pdpamg1{padding: 6% 0%}.ITPcookiebar{background-color: #4e4e4ee0 !important;color: #fff !important}.ITPlinkToCookiepage:hover{color: #fff !important}.ITPcookiebar{width: 100% !important;font-size: 14px !important}.pdpa-text.pdpamg1{padding: 5% 0%}ul.icon-a{font-size: 15px}ul ::marker{color: #9d8772}.block-social-contact h3{font-weight: 300}.pdpa-text.pdpamg1 h4{font-weight: 300}.pdpa-text.pdpamg1 h3{font-weight: 300 !important}.grid-service-2{align-self: center}.btn-more:hover .arrow-right{filter: invert(1)}@media screen and (min-width: 1900px){h1{font-size: 2em}h2{font-size: 3em}h3{font-size: 21px}h4{font-size: 25px}h5{font-size: 28px}h6{font-size: 31px}p{font-size: 19px}body{font-size: 19px}.no-js .dropdown-menu > li > a{font-size: 18px}.grid-social-head{width: 55%}.btn-readmore{font-size: 17px}#background6a4f61392923620013d84a82 .head-content-project{font-size: 36px}.icon-process{width: 18%}.copyright{margin-bottom: 3%}.grid-social-footer{width: 43%}.ITPcookiebar{font-size: 16px !important}.buttonExampleSite{font-size: 16px !important}.block-process:nth-child(2),.block-process:nth-child(4){grid-template-columns: auto 12%}.step .dot{width: 40px;height: 40px}.steps-service::before{top: 19px}.block-offer{padding-bottom: 20px}ul.nav.nav-pills.nav-justified span{font-size: 20px !important}.head-content-project{font-size: 24px}.Contentmanager p{font-size: 19px}.grid-social-wr{width: 20%}.head-form{font-size: 38px}.no-js #Component6a5060951f587b001341a878 .form-control{padding: 24px 0px;font-size: 18px !important}#cookie6a5060951f587b001341a878{font-size: 18px}.no-js #Component6a5060951f587b001341a878 .btn{font-size: 18px}ul.icon-a{font-size: 19px}}@media screen and (max-width: 1191px){h2{font-size: 2em}.navbar-default .navbar-nav > li > a{padding: 8px 15px}#background6a4f61392923620013d84a82 .head-content-project{font-size: 24px}.grid-social-footer{width: 60%}.grid-studio-2 h1{font-size: 2em}.section-meaningful h2{font-size: 2.8em}.grid-service-2 h1{font-size: 2em}.space-philosophy h1{font-size: 2em}.vm-block h1{font-size: 2em}.head-why-wattanapirom h1{font-size: 2em}.head-content-project{font-size: 16px}.project-2{font-size: 14px}ul.nav.nav-pills.nav-justified span{font-size: 15px !important}.head-process h1{font-size: 24px}.grid-social-wr{width: 23%}}@media screen and (max-width: 900px){.content-wr{white-space: inherit}.grid-studio-2{margin-left: 10%}#background6a4f61392923620013d84a82 .head-content-project{font-size: 20px}.itopplus-bg2{background-attachment: inherit}.section-meaningful h2{font-size: 2.5em}.footer-2{white-space: inherit}.wrap-vision-mission{gap: 20px}.vm-block h1{white-space: inherit}ul.nav.nav-pills.nav-justified li{padding: 0px 15px}ul.nav.nav-pills.nav-justified{display: flex;white-space: nowrap;overflow: hidden;overflow-x: scroll}.content-project{min-height: 70px}.nav-justified>li>a{margin-bottom: 0px}.grid-social-footer{width: 75%}.space-contact h1{font-size: 26px}.head-form{font-size: 26px}.grid-social-wr{width: 32%}}@media screen and (max-width: 480px){#imagesControl6a476c36c8ffe4001308f0f8{padding: 0px !important}.grid-studio{grid-template-columns: repeat(1,1fr);gap: 40px;padding: 8% 0% 15%}.grid-studio-2{margin-left: 0%}.staggered-grid{grid-template-columns: repeat(2,1fr)}.block-process{display: flex;flex-direction: column-reverse}.icon-process{width: 22%;margin: initial;margin-bottom: 10%}.block-process:nth-child(2){display: flex;grid-template-columns: 100%;flex-direction: column-reverse}.block-process:nth-child(2) .icon-process,.block-process:nth-child(4) .icon-process{width: 29%}.head-process h1{font-size: 18px}.block-process:nth-child(2),.block-process:nth-child(4){padding-left: 15%}.process-home{min-height: 235px}.grid-footer{display: none}.section-meaningful h2{font-size: 28px;margin-bottom: 5%}.section-meaningful{text-align: center;padding: 10% 0%}.section-meaningful .btn-more{margin: 0 auto;margin-top: 10%}.grid-service{display: grid;grid-template-columns: repeat(1,1fr);padding: 5% 0% 10%;gap: 40px}.wrap-vision-mission{grid-template-columns: 100%;padding: 10% 0%;gap: 40px}.space-philosophy{text-align: center;padding: 10% 0%}.head-why-wattanapirom h1{white-space: inherit}.space-why-wattanapirom{padding: 10% 0%}.head-why-wattanapirom h1{margin-bottom: 10%}.why-grid{display: grid;grid-template-columns: repeat(1,1fr);gap: 20px}.why-item{border-bottom: 1px solid #fff;padding-bottom: 10%;border-right: 0px solid #fff}.why-item:last-child{border-bottom: 0px solid #fff}.head-wr{margin-top: 5%}.grid-offer{display: grid;grid-template-columns: repeat(1,1fr);gap: 20px;margin-top: 10%}.our-process{padding: 10% 0% 10%}.steps-service{grid-template-columns: repeat(1,1fr);margin-top: 10%}.steps-service::before{background: transparent}.step .dot{width: 40px;height: 40px}.step{margin-bottom: 10%}.line-behind-title{font-weight: normal;white-space: initial;text-align: center}.grid-social-contact{margin-top: 10%}#background6a5060951f587b001341a878{border-left: 0px solid #ababab;padding-left: 0%;border: 1px solid #ababab;padding: 5%}.head-form{text-align: center;font-size: 24px;font-family: 'Inter';font-weight: 300;margin-top: 5%}#cookie6a5060951f587b001341a878{font-size: 14px;margin-left: 0px;text-align: center}.grid-social-wr{width: 40%}.space-contact{margin-bottom: 10%}.project-2{font-size: 12px}.content-project{margin-bottom: 10%}.contenemanager-gallery .col-xs-12.col-md-3{width: 50%}.detail-project{margin-top: 10%;margin-bottom: 10%;width: 100%}.project-overview{display: grid;grid-template-columns: repeat(1,1fr);gap: 20px;margin-top: 6%}.block-project-overview{border-right: 0px solid #6f6b62;border-bottom: 1px solid #6f6b62;padding-bottom: 5%}.page-header{display: none}}.staggered-sub-grid .ying-custom-class-type53{overflow: hidden}.staggered-sub-grid img{-webkit-transition: transform 0.35s ease;transition: transform 0.35s ease;-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1);transform-origin: top center}.staggered-sub-grid:hover img{-webkit-transform: scale3d(1.05,1.05,1);transform: scale3d(1.05,1.05,1)}