@font-face{font-family:MyEnglishFont;src:url(/fonts/WebfontsEN/woff2/MiSansLatin-Regular.woff2) format("woff2"),url(/fonts/WebfontsEN/woff/MiSansLatin-Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:MyEnglishFont;src:url(/fonts/WebfontsEN/woff2/MiSansLatin-Bold.woff2) format("woff2"),url(/fonts/WebfontsEN/woff/MiSansLatin-Bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:MyThaiFont;src:url(/fonts/WebfontsTH/WOFF2/MiSansThai-Normal.woff2) format("woff2"),url(/fonts/WebfontsTH/WOFF/MiSansThai-Normal.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:MyThaiFont;src:url(/fonts/WebfontsTH/WOFF2/MiSansThai-Bold.woff2) format("woff2"),url(/fonts/WebfontsTH/WOFF/MiSansThai-Bold.woff) format("woff");font-weight:700;font-style:normal}body.lang-en{font-family:MyEnglishFont,sans-serif}body.lang-th{font-family:MyThaiFont,sans-serif;font-size:100%;letter-spacing:.08rem}body.lang-th *{font-size:inherit}iframe{width:100%;top:0;left:0;object-fit:cover}@media(max-width:600px){.hide{display:none}}@media(min-width:700px)and (max-width:1200px){.hide-medium{display:none}}body{background:#f6f6f9}img{width:100%;height:100%;object-fit:cover}a{text-decoration:none}.primary-color{color:#feac2f}.box-shadow{border:1px solid transparent;box-shadow:5px 10px 15px rgba(0,0,0,.2);border-radius:16px;transition:transform .3s ease,box-shadow .8s ease;position:relative;padding:1rem;overflow:hidden}.box-shadow:hover{box-shadow:5px 10px 15px rgba(0,0,0,.1)}.primary-font-color{color:#1e4f79}.text-limit{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.text-limit,.text-overflow-hero{overflow:hidden;text-overflow:ellipsis}.text-overflow,.text-overflow-hero{white-space:nowrap}.text-overflow{overflow:hidden;max-width:100%}.bg-gray{background:#eee}.box-trusted-logo::-webkit-scrollbar,body::-webkit-scrollbar{display:none}.text-decoration{text-decoration:none}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hero-before{position:relative}.hero-before.hero-before:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1400}.hero-before .text-before{font-weight:500;font-size:clamp(2em,9vw,3.5em);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;color:#eee;z-index:1400}.hero-before .text-before span:before{content:"";position:absolute;width:5px;height:100%;background-color:#eee;margin-left:-15px}.mini-btn-product{display:flex;justify-content:center;align-items:center;border-radius:10px;border:2px solid #feac2f;background-color:transparent;color:#feac2f;font-size:calc(12px + .5vw);height:calc(40px + 1vw);width:calc(300px + 2vw);transition:.5s}.mini-btn-product:hover{background-color:#feac2f;color:#fff;font-weight:600}.mini-btn-contact{display:flex;justify-content:center;align-items:center;border-radius:10px;border:3px solid #feac2f;background-color:#feac2f;color:#fff;font-size:calc(12px + .5vw);height:calc(40px + 1vw);width:calc(300px + 2vw);transition:.5s}.mini-btn-contact:hover{background-color:transparent;color:#feac2f}.box-link-page{border:2px solid #feac2f;box-shadow:0 5px 15px rgba(0,0,0,.3);border:4px solid #feac2f;background:#fff;border-radius:20px;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.box-link-page,.box-link-page a{display:flex;justify-content:center;align-items:center}.box-link-page a{flex-direction:column;gap:1rem;height:100%}.box-link-page a svg{fill:#feac2f;width:3rem;height:3rem;transition:transform .3s ease}.box-link-page a span{font-size:1rem;color:#feac2f}.box-link-page:hover{transform:translateY(-20px);box-shadow:0 15px 20px rgba(0,0,0,.3)}.box-link-page:hover a svg{animation:move-right .5s infinite alternate}@keyframes move-right{0%{transform:translateX(0)}to{transform:translateX(10px)}}.box{z-index:1400;margin-top:-50px;background:#feac2f;border:none;border-radius:50px;color:#fff}.box.box .title{font-size:1.6rem;font-weight:600;text-align:center}.box.box .detail{font-size:1rem;text-align:center}.container.container .topic{color:#1e4f79;font-weight:600;font-size:1.6rem;text-align:center}.container .toggle-button{border:none;background:transparent}.container .toggle-button svg{width:1.6rem;height:1.6rem;fill:#212833}.container.container .topic-product{color:#1e4f79;font-weight:600;font-size:1.6rem;display:flex;justify-content:start;align-items:center}.container.container .topic-news{color:#1e4f79;font-weight:600;font-size:1.4rem;text-align:start;display:flex;align-items:center;gap:1rem}.container.container .topic-services{color:#fff;font-weight:600;font-size:1.5rem;text-align:center}.container.container .des{color:#000;font-weight:600;font-size:1.2rem;text-align:center}.container.container .undertopic{color:#000;font-weight:300;font-size:1rem;text-align:start;position:relative}.new-event,.trusted{background:#eee}.header-set{height:46px}.header-set,.header-set.header-hidden,.header-set.header-visible{z-index:1500}.logo-navbar{margin-left:-1rem;width:100px;overflow:hidden}.bg-navbar{background-color:rgba(0,0,0,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:3px solid rgba(99,98,98,.18);z-index:1500;position:fixed;top:0;width:100%;transition:.2s}.bg-navbar.navbar-visible{top:46px;z-index:1500}.bg-navbar.navbar-hidden{background-color:rgba(0,0,0,.5);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);top:0;z-index:1500}.style-card{font-weight:500;color:#feac2f;font-size:.8rem;max-width:-moz-fit-content;max-width:fit-content;height:min-content;transition:transform .3s ease,box-shadow .3s ease}.style-card-active,.style-card:hover{color:#fff;background-color:#feac2f;box-shadow:0 15px 20px rgba(0,0,0,.3);border-radius:5px}.navbar-toggler{color:transparent;border:3px solid transparent}.burger,.nav-color{font-size:30px;color:#feac2f}.nav-color svg{width:1.4rem;height:1.4rem}.btn-language:hover{color:#fff}.grid{display:grid;grid-column-gap:30px;column-gap:30px}.box-footer{background:#feac2f;width:100%;z-index:1400;border-radius:1.5rem;padding:1.5rem 1rem;margin-bottom:-60px;height:min-content;border:none}.box-footer .box-footer-grid{display:grid;grid-template-columns:18rem 19rem auto auto;grid-gap:1rem;gap:1rem}@media screen and (max-width:1200px){.box-footer .box-footer-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media screen and (max-width:768px){.box-footer .box-footer-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.box-footer .box-footer-grid .section{height:100%}.box-footer .box-footer-grid .section:last-child{display:flex;justify-content:center;align-items:center;border-left:2px solid #232323}.box-footer .box-footer-grid .section .box-footer-logo{width:100%;height:100%;overflow:hidden;max-height:100px;display:flex;align-items:flex-start;justify-content:center}.box-footer .box-footer-grid .section .box-footer-logo .box-logo img{width:100%;max-width:250px;height:auto;object-fit:contain}.box-footer .box-footer-grid .section .box-footer-button{background:#0d0d0d;color:#fff;border:2px solid #0d0d0d;font-size:.8rem;font-weight:400;padding:.8rem 2rem;border-radius:6px;text-align:center;transition:background-color .3s,color .3s,border-color .3s;letter-spacing:.08rem}.box-footer .box-footer-grid .section .box-footer-button svg{fill:#fff;width:15px;height:15px;transition:fill .3s}.box-footer .box-footer-grid .section .box-footer-button:hover{background:transparent;color:#0d0d0d;border:2px solid #0d0d0d}.box-footer .box-footer-grid .section .box-footer-button:hover svg{fill:#0d0d0d}.box-footer .box-footer-grid .section .box-footer-title{display:flex;column-gap:.5rem}.box-footer .box-footer-grid .section .box-footer-title svg{fill:#212833;width:20px;height:20px}.box-footer .box-footer-grid .section .box-footer-title .box-footer-detail{display:flex;flex-direction:column;align-items:start;gap:.3rem}.box-footer .box-footer-grid .section .box-footer-title .box-footer-detail .title{color:#212833;font-size:1rem;font-weight:500}.box-footer .box-footer-grid .section .box-footer-title .box-footer-detail span{color:#fff;font-size:1rem;font-weight:300;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;transition:.3s ease}.box-footer .box-footer-grid .section .box-footer-title .box-footer-detail span svg{width:15px;height:15px;margin-right:5px}footer .footer-main{padding:6rem 0 2rem;z-index:1000;background:#0d0d0d}footer .footer-main .footer-grid{display:grid;grid-template-columns:auto auto auto 20rem;grid-gap:1rem;gap:1rem}@media screen and (max-width:1200px){footer .footer-main .footer-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:1rem 2rem}}@media screen and (max-width:768px){footer .footer-main .footer-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:1rem 2rem}}footer .footer-main .footer-grid .section .footer-title{font-size:1.2rem;font-weight:500;color:#fff;position:relative}footer .footer-main .footer-grid .section .footer-title:before{bottom:0;content:"";display:inline-block;height:3px;left:0;background:#fff;position:absolute;width:50px}footer .footer-main .footer-grid .section .footer-title strong{color:#feac2f}footer .footer-main .footer-grid .section .footer-detail{display:flex;flex-direction:column;align-items:start;gap:.4rem}footer .footer-main .footer-grid .section .footer-detail .line-detail{display:flex;align-items:flex-start;gap:10px}footer .footer-main .footer-grid .section .footer-detail .line-detail:hover span{color:#feac2f}footer .footer-main .footer-grid .section .footer-detail .line-detail svg{width:18px;height:18px;fill:#feac2f}footer .footer-main .footer-grid .section .footer-detail .line-detail span{color:#fff;font-size:1rem;font-weight:300;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;transition:.3s ease}footer .footer-main .footer-grid .section .footer-detail .line-map{background:#000;height:100%;max-height:200px;width:100%;overflow:hidden;border-radius:6px}footer .footer-main .footer-hr{opacity:1;background-color:#feac2f;height:3px}footer .footer-main .footer-social{display:flex;justify-content:center;gap:1rem}footer .footer-main .footer-social .icon-socail{border:2px solid #feac2f;border-radius:50%;display:flex;justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;transition:background-color .3s,color .3s,border-color .3s}footer .footer-main .footer-social .icon-socail:hover{background-color:#fff;border-color:#fff}footer .footer-main .footer-social .icon-socail:hover svg{fill:#feac2f}footer .footer-main .footer-social .icon-socail svg{fill:#fff;width:20px;height:20px}footer .footer-copyright{background:#feac2f;color:#fff;font-size:.8rem}.carousel{width:100vw;height:95vh;overflow:hidden;position:relative;z-index:1000;transition:transform 1.5s ease}.carousel .item{position:absolute;inset:0;display:flex;opacity:0;transition:opacity 1s ease-in-out}.carousel .item.active{opacity:1}.carousel .item img{width:100%;height:100%;object-fit:cover}.carousel .item img:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;filter:blur(50px);transform:scale(3)}.carousel .item .content{color:#fff;position:absolute;top:50%;left:40%;transform:translate(-50%,-50%);width:max-content;max-width:80%;padding-right:30%;box-sizing:border-box;text-shadow:0 5px 20px rgba(0,0,0,.267)}.carousel .item .content .header{filter:drop-shadow(0 0 .4rem rgba(0,0,0,.4));font-weight:600;font-size:2.3rem;line-height:1.3;-webkit-line-clamp:2}.carousel .item .content .detail,.carousel .item .content .header{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;margin-bottom:20px}.carousel .item .content .detail{filter:drop-shadow(0 0 .75rem rgba(0,0,0,.4));font-weight:400;font-size:1.5rem;margin-top:20px;-webkit-line-clamp:4}.carousel .item .content .button{display:flex;width:max-content;margin-top:20px;align-items:center;justify-content:center}.carousel .item .content .button button{text-shadow:1px 1px 20px #fff;box-shadow:1px 1px 10px #fff;color:#000;width:calc(100vw - 40px);max-width:220px;margin-top:20px;font-weight:500;font-size:1rem;letter-spacing:3px;text-align:center;transition:.5s}.carousel .item .content .button button:hover{text-shadow:1px 1px 15px #000;background-color:transparent;border:3px solid #fff;color:#fff}.carousel .arrows{position:absolute;top:80%;right:10%;width:300px;max-width:30%;display:flex;gap:10px;justify-content:end;align-items:center}.carousel .arrows button{display:flex;justify-content:center;align-items:center;width:3rem;height:3rem;border-radius:50%;background-color:hsla(0,0%,93%,.267);border:none;color:#fff;font-size:2rem;transition:.5s;text-shadow:1px 1px 15px #000;box-shadow:10px 10px 20px rgba(0,0,0,.3)}.carousel .arrows button:hover{background-color:#eee}.aboutme .box-aboutme{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.aboutme .box-aboutme.box-aboutme .images-about{width:100%;height:100%;overflow:hidden;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.aboutme .box-aboutme.box-aboutme .images-about:hover{transform:translateY(-20px);box-shadow:0 15px 20px rgba(0,0,0,.3)}.aboutme .box-aboutme.box-aboutme .content{align-self:center;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.aboutme .box-aboutme.box-aboutme .content:hover{transform:translateY(-20px)}.aboutme .box-aboutme.box-aboutme .content.content .toppic-about{color:#feac2f;font-weight:600;font-size:1.4rem}.aboutme .box-aboutme.box-aboutme .content.content .title{color:#1e4f79;text-shadow:1px 1px 0 #feac2f;font-weight:600;font-size:1.8rem;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:20px}.aboutme .box-aboutme.box-aboutme .content.content .detail{color:#000;text-shadow:1px 1px 20px #fff;font-weight:400;font-size:1rem;margin-top:20px;margin-bottom:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.aboutme .box-aboutme.box-aboutme .content.content .btn button{background-color:#feac2f;color:#fff;text-shadow:1px 1px 20px #fff;border-radius:10px;width:calc(200px + 2vw);padding:.5rem;margin-top:20px;font-weight:500;font-size:1rem;letter-spacing:3px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.aboutme .box-aboutme.box-aboutme .content.content .btn button:hover{background-color:transparent;border:3px solid #feac2f;color:#feac2f}.container .content-experience{transition:transform .3s ease}.container .content-experience:hover{transform:translateY(-10px)}.container .content-experience.content-experience .detail-active{color:#000;text-shadow:1px 1px 20px #fff;font-weight:500;font-size:1rem;margin-top:20px;margin-bottom:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.container .content-experience.content-experience .title-experience{color:#feac2f;font-weight:600;width:-moz-fit-content;width:fit-content;font-size:1.5rem;position:relative}.container .content-experience.content-experience .title-experience.title-experience:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:5px;background-color:#feac2f;animation:underline 5s infinite}@keyframes underline{0%{transform:scaleX(.3);transform-origin:left}50%{transform:scaleX(.8);transform-origin:left}to{transform:scaleX(.8);transform-origin:left}}.container .content-experience.content-experience .detail-exper{color:#000;font-weight:500;font-size:1rem}.container .content-experience.content-experience .detail-exper.detail-exper-0 p:before{display:none}.container .content-experience.content-experience .detail-exper.detail-exper p:before{content:"TPD Engineering's ";color:#feac2f}.container .box-container-news{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:20px;gap:20px;grid-row-gap:30px;row-gap:30px}@media screen and (max-width:1200px){.container .box-container-news{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.container .box-container-news.box-container-news .title-ne{font-weight:600;text-align:start;font-size:1.2rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.container .box-container-news.box-container-news .box-ne{box-shadow:0 5px 10px rgba(0,0,0,.2);background:#fff;color:#212833;border:4px solid #feac2f;border-radius:20px;padding:1rem;transition:transform .3s ease,box-shadow .3s ease}.container .box-container-news.box-container-news .box-ne:hover{transform:translateY(-20px);box-shadow:0 15px 20px rgba(0,0,0,.3)}.container .box-container-news.box-container-news .box-ne.box-ne .img-ne{flex:1 1;width:100%;height:100%;max-height:300px;overflow:hidden;border-radius:16px}.container .box-container-news.box-container-news .box-ne.box-ne .detail-ne{font-weight:400;text-align:start;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.container .box-container-news.box-container-news .box-ne.box-ne .btn-ne .btn{font-weight:500;border:none;font-size:1rem;background:#feac2f;color:#fff;border-radius:10px;transition:background .3s ease,color .3s ease,border .1s}.container .box-container-news.box-container-news .box-ne.box-ne .btn-ne .btn:hover{background:#fff;color:#feac2f;border:2px solid #feac2f}.container .content-newsevent{display:grid;width:100%;grid-template-columns:1fr;grid-gap:20px;gap:20px;grid-row-gap:20px;row-gap:20px}.container .content-newsevent .box-news-grid{display:grid;grid-template-columns:40rem auto;grid-gap:1rem;gap:1rem;padding:10px}@media screen and (max-width:900px){.container .content-newsevent .box-news-grid{grid-template-columns:1fr}}.container .content-newsevent .box-news-grid .main-content-news .news-img{width:100%;height:300px;overflow:hidden;border-radius:16px}.container .content-newsevent .box-news-grid .main-content-news .news-detail{display:flex;flex-direction:column;overflow:hidden}.container .content-newsevent .box-news-grid .main-content-news .news-detail .title{color:#1e4f79;font-size:1.2rem;font-weight:600}.container .content-newsevent .box-news-grid .main-content-news .news-detail .detail{color:#000;font-size:.9rem;overflow:hidden}.container .content-newsevent .card-news-grid-latest-mod{position:relative;display:grid;grid-template-columns:10rem auto;grid-gap:1rem;gap:1rem}@media screen and (max-width:768px){.container .content-newsevent .card-news-grid-latest-mod{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.container .content-newsevent .card-news-grid-latest-mod .news-img-latest-mode{width:150px;height:100px;overflow:hidden;border-radius:16px}.container .content-newsevent .card-news-grid-latest-mod .news-text-latest-mode{display:flex;flex-direction:column;overflow:hidden;height:100%}.container .content-newsevent .card-news-grid-latest-mod .news-text-latest-mode .title-latest-mode{font-size:1.1rem;font-weight:600;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.container .content-newsevent .card-news-grid-latest-mod .news-text-latest-mode .time-latest-mode{font-size:.8rem;font-weight:500;color:#1e4f79}.container .content-newsevent .card-news-grid-latest-mod .news-text-latest-mode .detail-latest-mode{color:#000;font-size:.9rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.container .content-newsevent .card-news-grid-latest-mod .Link{text-align:end;color:#feac2f;font-size:1rem}.container .content-newsevent .card-news{padding:20px;width:min(100%,950px);transition:transform .8s ease,box-shadow .8s ease;justify-self:center;border-radius:20px}.container .content-newsevent .card-news .card-news-grid{position:relative;display:grid;grid-template-columns:20rem auto;grid-gap:1rem;gap:1rem}@media screen and (max-width:768px){.container .content-newsevent .card-news .card-news-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.container .content-newsevent .card-news .card-news-grid .news-img{width:100%;height:100%;overflow:hidden;border-radius:16px}.container .content-newsevent .card-news .card-news-grid .news-text{display:flex;flex-direction:column;overflow:hidden;height:100%}.container .content-newsevent .card-news .card-news-grid .news-text .title{font-size:1.4rem;font-weight:500;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.container .content-newsevent .card-news .card-news-grid .news-text .time{font-size:.8rem;font-weight:500;color:#1e4f79}.container .content-newsevent .card-news .card-news-grid .news-text .detail{color:#000;font-size:.9rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.container .content-newsevent .card-news .card-news-grid .Link{text-align:end;color:#feac2f;font-size:1rem}.container .content-newsevent .card-news:hover{transform:translateY(-10px)}.container .content-newsevent .pagination-controls{display:flex;justify-content:center;align-items:center}.container .content-newsevent .pagination-controls button{font-size:.6rem;margin:0 .5rem;padding:.5rem 1rem;background-color:#feac2f;color:#fff;border:none;border-radius:4px;cursor:pointer}.container .content-newsevent .pagination-controls button:disabled{background-color:#ccc;cursor:not-allowed}.container .content-newsevent .pagination-controls button.active{background-color:#a87426}.parallax-bg{position:relative;background-size:cover;background-attachment:fixed;background-position:50%;width:100%;height:max-content;transition:background-image 1s ease-in-out}.overlay{top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(0,0,0,.3)}.container .box-container-service{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:20px;gap:20px;grid-row-gap:30px;row-gap:30px}@media screen and (max-width:768px){.container .box-container-service{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}.container .box-container-service.box-container-service .box-service{display:flex;flex-direction:column;align-items:center;box-shadow:0 5px 10px rgba(0,0,0,.2);background:#feac2f;color:#fff;border-radius:20px;padding:30px 20px;height:100%;transition:transform .3s ease,box-shadow .3s ease}.container .box-container-service.box-container-service .box-service:hover{transform:translateY(-20px);box-shadow:0 15px 20px rgba(0,0,0,.3)}.container .box-container-service.box-container-service .box-service.box-service:nth-child(odd){display:flex;flex-direction:column;align-items:center;box-shadow:0 5px 10px rgba(0,0,0,.2);background:#fff;border:5px solid #feac2f;color:#feac2f;border-radius:20px;padding:30px 20px;height:100%;transition:transform .3s ease,box-shadow .3s ease}.container .box-container-service.box-container-service .box-service.box-service:nth-child(odd):hover{transform:translateY(-20px);box-shadow:0 15px 20px rgba(0,0,0,.3)}.container .box-container-service.box-container-service .box-service.box-service .content.content .icon-service{font-size:3rem;display:flex;justify-content:center;align-items:center;transform:translateY(calc(50% - 10px));opacity:1;transition:.5s}@media screen and (max-width:768px){.container .box-container-service.box-container-service .box-service.box-service .content.content .icon-service{font-size:2rem}}.container .box-container-service.box-container-service .box-service.box-service .content.content .title-service{padding-left:10px;padding-right:10px;font-weight:600;text-align:center;font-size:1.3rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:10px;margin-top:-10px;transform:translateY(10px);opacity:.7;transition:.5s}@media screen and (max-width:768px){.container .box-container-service.box-container-service .box-service.box-service .content.content .title-service{font-size:.75rem;overflow:visible;text-overflow:none;display:block;padding:0}}.container .box-container-service.box-container-service .box-service.box-service .content:hover.content .icon-service,.container .box-container-service.box-container-service .box-service.box-service .content:hover.content .title-service{transform:translateY(0);opacity:1}.bg-trusted-box{background:#fff;padding:10px}.bg-trusted-box .slick-slide{margin:0 10px}.bg-trusted-box.bg-trusted-box .container .slider{position:relative;overflow:hidden}.bg-trusted-box.bg-trusted-box .container .slider.slider .item-logo{width:calc(200px + 2vw);height:calc(120px + 2vw);border-radius:10px;position:relative;display:inline-block}.bg-trusted-box.bg-trusted-box .container .slider.slider .item-logo img{border-radius:6px;object-fit:contain}.bg-trusted-box.bg-trusted-box .container .slider.slider .item-logo span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.8);color:#feac2f;font-weight:600;font-size:.9rem;padding:10px;border-radius:5px;opacity:0;transition:opacity .3s ease;pointer-events:none}.bg-trusted-box.bg-trusted-box .container .slider.slider .item-logo:hover span{opacity:1}.bg-trusted-box.bg-trusted-box .container .slider.slider .slick-track{display:flex}.bg-trusted-box.bg-trusted-box .container .slider.slider .slick-dots{text-align:center;margin:0 0 10px;padding:0}.bg-trusted-box.bg-trusted-box .container .slider.slider .slick-dots li{display:inline-block;margin-left:4px;margin-right:4px}.bg-trusted-box.bg-trusted-box .container .slider.slider .slick-dots li.slick-active button{background-color:#000}.bg-trusted-box.bg-trusted-box .container .slider.slider .slick-dots li button{font:0/0 a;text-shadow:none;color:transparent;background-color:#999;border:none;width:15px;height:15px;border-radius:50%}.bg-trusted-box.bg-trusted-box .container .slider.slider .slick-dots li :hover{background-color:#000}.bg-trusted-box.prev{color:#feac2f;position:absolute;top:38%;left:-2em;font-size:1.5em}.bg-trusted-box.prev :hover{cursor:pointer;color:#000}.bg-trusted-box.next{color:#feac2f;position:absolute;top:38%;right:-2em;font-size:1.5em}.bg-trusted-box.next :hover{cursor:pointer;color:#000}.hide-co{display:none}.show-co{display:block}.container .content-product{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:20px;gap:20px;grid-row-gap:30px;row-gap:30px}.container .content-product.content-product .box-product{box-shadow:0 5px 15px rgba(0,0,0,.3);background:#feac2f;color:#fff;border-radius:20px;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;justify-content:space-between;height:auto}.container .content-product.content-product .box-product:hover{transform:translateY(-20px);box-shadow:0 15px 20px rgba(0,0,0,.3)}.container .content-product.content-product .img-product{width:100%;height:calc(150px + 3vw);overflow:hidden;border-top-left-radius:16px;border-top-right-radius:16px}.container .content-product.content-product .img-product.img-product img{width:100%;height:100%;object-fit:cover}.container .content-product.content-product .main-content{padding:10px 20px}.container .content-product.content-product .title-product{font-weight:600;text-align:start;font-size:1.1rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}.container .content-product.content-product .detail-product{text-wrap:balance;font-weight:300;text-align:start;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:10px}.container .content-product.content-product .btn-product{text-align:center}.container .content-product.content-product .btn-product .btn{margin-bottom:1rem;font-weight:500;font-size:.9rem;border:none;background:#fff;color:#feac2f;border-radius:10px;transition:transform .3s ease,box-shadow .3s ease}.container .content-product.content-product .btn-product .btn:hover{background:transparent;border:2px solid #fff;color:#fff}.product-per-page{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:20px;gap:20px;grid-row-gap:30px;row-gap:30px}.product-per-page .main-content-img{width:100%;height:calc(350px + 2vw);border-radius:16px;overflow:hidden}.product-per-page .main-content-detail{width:100%;overflow:hidden}.product-per-page .main-content-detail .topic-content-detail{font-size:1.5rem;position:relative;color:#feac2f;font-weight:600}.product-per-page .main-content-detail .topic-content-detail:after{content:"";position:absolute;left:0;bottom:-8px;width:100%;height:3px;background-color:#feac2f}.product-per-page .main-content-detail .content-detail{color:#1e4f79;overflow:visible;max-width:100%;text-wrap:balance}.product-per-page .main-content-detail .content-detail-table{font-size:clamp(14px,4vw,1.2em);font-weight:500}.product-per-page .main-content-detail .content-detail-table .content-detail-table table{max-width:100%;overflow:hidden;border-collapse:collapse;margin:0;width:100%;box-shadow:0 0 5px rgba(0,0,0,.25)}.product-per-page .main-content-detail .content-detail-table table tr{padding:.45em}.product-per-page .main-content-detail .content-detail-table table td,.product-per-page .main-content-detail .content-detail-table table th{padding:1em;text-align:center;width:100%}.product-per-page .main-content-detail .content-detail-table thead tr{background-color:#1e4f79}.product-per-page .main-content-detail .content-detail-table thead th{color:#eee}.product-per-page .main-content-detail .content-detail-table tbody tr:nth-child(2n){background-color:#eaeaea}@media(max-width:700px){.product-per-page .main-content-detail .content-detail-table table{border:1px solid #feac2f;overflow:hidden;max-width:100%;width:100%}.product-per-page .main-content-detail .content-detail-table table tbody td:first-child,.product-per-page .main-content-detail .content-detail-table table thead tr{display:none}.product-per-page .main-content-detail .content-detail-table table tbody tr{display:block;white-space:pre-wrap;overflow:hidden}.product-per-page .main-content-detail .content-detail-table table tbody tr:before{content:attr(title-spec);display:block;white-space:normal;color:#1e4f79}.product-per-page .main-content-detail .content-detail-table table tr{display:block}.product-per-page .main-content-detail .content-detail-table table td,.product-per-page .main-content-detail .content-detail-table table th{padding:.5em}.product-per-page .main-content-detail .content-detail-table table td{display:grid;grid-template-columns:15ch auto}.product-per-page .main-content-detail .content-detail-table table td:before{content:attr(title-spec) ": ";float:left;text-transform:capitalize}}.container .content-contact-grid{display:grid;grid-template-columns:auto 25rem;grid-gap:1.5rem;gap:1.5rem}@media screen and (max-width:768px){.container .content-contact-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.container .content-contact-grid .content-contact-items{width:100%;height:400px;border:transparent;box-shadow:5px 10px 15px rgba(0,0,0,.2);border-radius:24px;overflow:hidden;transition:transform .3s ease,box-shadow .8s ease;position:relative;background:#fdfaf5}.container .content-contact-grid .content-contact-items:last-child{border:3px solid #feac2f}.container .content-contact-grid .content-contact-items.content-contact-items:hover{transform:translateY(-10px)}.container .content-contact-grid .section-text{padding:1.5rem;display:flex;flex-direction:column;justify-content:flex-start;gap:1rem}.container .content-contact-grid .section-text h2{color:#212833;font-size:1.1rem;font-weight:400}.container .content-contact-grid .section-text .text-mute{color:#7e7d7d;font-size:.9rem;font-weight:400;margin-bottom:5px}.container .content-contanct-grid-box{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1.5rem;gap:1.5rem}@media screen and (max-width:768px){.container .content-contanct-grid-box{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.container .content-contanct-grid-box .content-items{width:100%;height:100%;border:1px solid transparent;box-shadow:5px 10px 15px rgba(0,0,0,.2);border-radius:24px;overflow:hidden;transition:transform .3s ease,box-shadow .8s ease;position:relative;background:#fdfaf5;display:flex;flex-direction:column;align-items:flex-start;padding:1rem;gap:.6rem}.container .content-contanct-grid-box .content-items svg{width:2rem;height:2rem}.container .content-contanct-grid-box .content-items .facebook{fill:#4267b2}.container .content-contanct-grid-box .content-items .youtube{fill:red}.container .content-contanct-grid-box .content-items .email{fill:#f4b400}.container .content-contanct-grid-box .content-items .phone{fill:#25d366}.container .content-contanct-grid-box .content-items h2{color:#212833;font-size:1.1rem;font-weight:400}.container .content-contanct-grid-box .content-items h3{color:#212833;font-size:.8rem;font-weight:400}.container .content-contanct-grid-box .content-items.content-items:hover{transform:translateY(-10px)}