@font-face{font-family:Kanit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/577b8067601e9847-s.e644b68f.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5d1ea58cfb9c551d-s.7dda2f4b.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/d1bdedfd2fe13894-s.b093ab45.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1e23e5114abf0db3-s.p.b3163490.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/876b05e81fb36bf6-s.5eeb9c45.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/5128e7653d6f3744-s.71b7b808.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/07bc3d3e69c8b6e8-s.a98998d3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/118b6ed7ac256a99-s.p.772b3575.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit Fallback;src:local(Arial);ascent-override:108.49%;descent-override:38.96%;line-gap-override:0.0%;size-adjust:101.39%}.kanit_f46f6469-module__tDXjMq__className{font-family:Kanit,Kanit Fallback;font-style:normal}
.offcanvas__menu{padding-top:142px}.header_title{width:100%;color:var(--white);text-transform:capitalize;border-top:1px solid var(--black-4);outline:none;justify-content:space-between;align-items:center;font-size:80px;font-weight:400;line-height:1;display:flex}.header_title>a{-webkit-transform:translateY(var(--y))translateZ(0);transform:translateY(var(--y))translateZ(0);padding:20px 0 20px 100px;font-size:80px;line-height:1;transition:transform .4s,box-shadow .4s}.header_title a{color:var(--white)}.header_title>a .menu-text{text-shadow:0 80px 0 var(--white);display:flex;overflow:hidden}.header_title>a .menu-text span{backface-visibility:hidden;-webkit-transform:translateY(var(--m))translateZ(0);transform:translateY(var(--m))translateZ(0);font-style:normal;transition:transform .4s;display:block}.header_title>a .menu-text span:first-child{transition-delay:33.3333ms}.header_title>a .menu-text span:nth-child(2){transition-delay:66.6667ms}.header_title>a .menu-text span:nth-child(3){transition-delay:.1s}.header_title>a .menu-text span:nth-child(4){transition-delay:.133333s}.header_title>a .menu-text span:nth-child(5){transition-delay:.166667s}.header_title>a .menu-text span:nth-child(6){transition-delay:.2s}.header_title>a .menu-text span:nth-child(7){transition-delay:.233333s}.header_title>a .menu-text span:nth-child(8){transition-delay:.266667s}.header_title>a .menu-text span:nth-child(9){transition-delay:.3s}.header_title>a .menu-text span:nth-child(10){transition-delay:.333333s}.header_title>a .menu-text span:nth-child(11){transition-delay:.366667s}.header_title>a .menu-text span:nth-child(12){transition-delay:.4s}.header_title>a .menu-text span:nth-child(13){transition-delay:.433333s}.header_title>a .menu-text span:nth-child(14){transition-delay:.466667s}.header_title>a .menu-text span:nth-child(15){transition-delay:.5s}.header_title>a .menu-text span:nth-child(16){transition-delay:.533333s}.header_title>a .menu-text span:nth-child(17){transition-delay:.566667s}.header_title>a .menu-text span:nth-child(18){transition-delay:.6s}.header_title>a .menu-text span:nth-child(19){transition-delay:.633333s}.header_title>a .menu-text span:nth-child(20){transition-delay:.666667s}.header_title>a .menu-text span:nth-child(21){transition-delay:.7s}.header_title>a .menu-text span:nth-child(22){transition-delay:.733333s}.header_title>a .menu-text span:nth-child(23){transition-delay:.766667s}.header_title>a .menu-text span:nth-child(24){transition-delay:.8s}.header_title>a .menu-text span:nth-child(25){transition-delay:.833333s}.header_title>a .menu-text span:nth-child(26){transition-delay:.866667s}.header_title>a .menu-text span:nth-child(27){transition-delay:.9s}.header_title>a .menu-text span:nth-child(28){transition-delay:.933333s}.header_title>a .menu-text span:nth-child(29){transition-delay:.966667s}.header_title>a .menu-text span:nth-child(30){transition-delay:1s}.header_title>a .menu-text span:nth-child(31){transition-delay:1.03333s}.header_title>a .menu-text span:nth-child(32){transition-delay:1.06667s}.header_title>a .menu-text span:nth-child(33){transition-delay:1.1s}.header_title>a .menu-text span:nth-child(34){transition-delay:1.13333s}.header_title>a .menu-text span:nth-child(35){transition-delay:1.16667s}.header_title>a .menu-text span:nth-child(36){transition-delay:1.2s}.header_title>a .menu-text span:nth-child(37){transition-delay:1.23333s}.header_title>a .menu-text span:nth-child(38){transition-delay:1.26667s}.header_title>a .menu-text span:nth-child(39){transition-delay:1.3s}.header_title>a .menu-text span:nth-child(40){transition-delay:1.33333s}.header_title>a .menu-text span:nth-child(41){transition-delay:1.36667s}.header_title>a .menu-text span:nth-child(42){transition-delay:1.4s}.header_title>a .menu-text span:nth-child(43){transition-delay:1.43333s}.header_title>a .menu-text span:nth-child(44){transition-delay:1.46667s}.header_title>a .menu-text span:nth-child(45){transition-delay:1.5s}.header_title>a .menu-text span:nth-child(46){transition-delay:1.53333s}.header_title>a .menu-text span:nth-child(47){transition-delay:1.56667s}.header_title>a .menu-text span:nth-child(48){transition-delay:1.6s}.header_title>a .menu-text span:nth-child(49){transition-delay:1.63333s}.header_title>a:hover{--y:-0px;background-color:#0000}.header_title>a:hover span{--m:calc(80px*-1)}.sub_title{border-top:1px solid var(--black-4)}.sub_title li{padding:20px 0 20px 150px}.sub_title a{color:var(--white);text-transform:capitalize;font-size:24px;transition:all .3s;border-top:none!important}.sub_title a:hover{letter-spacing:1px}.accordian-btn{cursor:pointer;background:#ffffff1a;justify-content:center;align-items:center;width:84px;height:120px;display:flex}.accordian-btn a{justify-content:center;align-items:center;width:60px;height:76px;font-size:36px;display:flex}.sub_header_title{text-transform:capitalize;transition:all .3s;border-top:none!important;padding:0!important}.sub_header_title>div>a{padding:20px 0 20px 150px;font-size:24px;line-height:1}.sub_header_title a{color:var(--white)!important}.sub-accordian-btn{cursor:pointer;background:#ffffff1a;justify-content:center;align-items:center;width:84px;height:64px;display:flex}.sub-accordian-btn a{justify-content:center;align-items:center;width:40px;height:60px;font-size:36px;display:flex;color:var(--white)!important}.sub_title_2{border-top:1px solid var(--black-4)}.sub_title_2 li{padding:20px 0 20px 180px}.sub_title_2 a{color:var(--white);text-transform:capitalize;font-size:24px;transition:all .3s;border-top:none!important}.sub_title_2 a:hover{letter-spacing:1px}@media only screen and (min-width:1400px) and (max-width:1919px){.offcanvas__menu{padding-top:142px}.header_title>a{padding-left:60px;font-size:60px}.accordian-btn{width:84px;height:100px}.accordian-btn a{height:76px}.sub_title li,.sub_header_title>div>a{padding-left:90px}}@media only screen and (min-width:1200px) and (max-width:1399px){.offcanvas__menu{padding-top:93px}.header_title>a{padding-left:50px;font-size:48px}.accordian-btn{width:84px;height:88px}.accordian-btn a{height:64px}.sub_title li,.sub_header_title>div>a{padding-left:80px}}@media only screen and (min-width:992px) and (max-width:1199px){.offcanvas__menu{padding-top:93px}.header_title>a{padding-left:30px;font-size:40px}.accordian-btn{width:84px;height:81px}.accordian-btn a{height:57px}.sub_title li{padding-left:60px}.sub_title a{font-size:24px}.sub_header_title>div>a{padding-left:60px;font-size:24px}}@media only screen and (min-width:768px) and (max-width:991px){.offcanvas__menu{padding-top:60px}.header_title>a{padding-left:20px;font-size:30px}.accordian-btn{width:64px;height:70px}.accordian-btn a{width:40px;height:46px}.sub_title li{padding:15px 0 15px 30px}.sub_title a{font-size:20px}.sub_header_title>div>a{padding:15px 0 15px 30px;font-size:20px}.sub-accordian-btn{width:64px;height:49px}.sub-accordian-btn a{width:25px;height:40px;font-size:36px}}@media only screen and (max-width:767px){.offcanvas__menu{padding-top:40px}.header_title>a{padding-left:15px;font-size:20px}.accordian-btn{width:60px;height:60px}.accordian-btn a{width:36px;height:36px;padding:11px 12px 13px!important}.sub_title li{padding:15px 0 15px 30px}.sub_title a{font-size:18px}.sub_header_title>div>a{padding:15px 0 15px 30px;font-size:18px}.sub-accordian-btn{width:60px;height:47px}.sub-accordian-btn a{width:23px;height:36px;font-size:36px}}.search-name{border-bottom:1px solid gray;padding:3px 2px;line-height:1.3}.search-name:first-child{color:var(--pink-2);margin-top:4px}.search-name:last-child{border-bottom:none}.display-none{display:none}
.portfolio__area{overflow-x:hidden}@media (min-width:992px){.portfolio__area{padding-left:130px;padding-right:30px}}.portfolio__filter button{-webkit-tap-highlight-color:transparent}.portfolio__card,.portfolio__card img{will-change:transform}.portfolio-detail,.portfolio-detail-modern{word-wrap:break-word;overflow-wrap:break-word;overflow-x:hidden}.portfolio-detail-modern{background:#fff}.portfolio-detail-modern section{z-index:1;position:relative}.portfolio-detail__description{word-wrap:break-word;overflow-wrap:break-word}.portfolio-detail__description p{word-wrap:break-word;margin-bottom:1.5em}.portfolio-detail__description h2{word-wrap:break-word;margin-top:2em;margin-bottom:1em;font-size:clamp(24px,4vw,38px);font-weight:700;line-height:1.3}.portfolio-detail__description h3{word-wrap:break-word;margin-top:1.8em;margin-bottom:.8em;font-size:clamp(20px,3vw,28px);font-weight:600;line-height:1.3}.portfolio-detail__description ul,.portfolio-detail__description ol{margin:1.5em 0;padding-left:2em}.portfolio-detail__description li{word-wrap:break-word;margin-bottom:.8em}.portfolio-detail__description blockquote{color:#666;word-wrap:break-word;border-left:4px solid #000;margin:2em 0;padding-left:1.5em;font-style:italic}.portfolio-detail__description a{color:#000;text-underline-offset:3px;word-wrap:break-word;text-decoration:underline;transition:opacity .3s}.portfolio-detail__description a:hover{opacity:.7}.portfolio-detail__description strong{font-weight:600}.portfolio-detail__description em{font-style:italic}.portfolio-detail__description code{background:#f5f5f5;border-radius:3px;padding:2px 6px;font-family:monospace;font-size:.9em}@media (max-width:1400px){.portfolio-detail{padding-left:20px;padding-right:20px}}@media (max-width:991px){.portfolio__card{height:400px!important}.portfolio-detail section,.portfolio-detail-modern section{padding-left:15px!important;padding-right:15px!important}.portfolio-detail h1,.portfolio-detail-modern h1{font-size:clamp(32px,8vw,48px)!important}.portfolio-detail [style*="height: 500px"],.portfolio-detail [style*="height: 600px"],.portfolio-detail [style*="height: 450px"],.portfolio-detail-modern [style*="height: 500px"],.portfolio-detail-modern [style*="height: 600px"],.portfolio-detail-modern [style*="height: 450px"]{height:400px!important}}@media (max-width:767px){.portfolio__filter{flex-direction:column;border-radius:20px!important;width:100%!important;max-width:100%!important}.portfolio__filter button{text-align:center;width:100%}.portfolio__card{height:300px!important}.portfolio__area .row>div{flex:0 0 100%!important;width:100%!important;max-width:100%!important}.portfolio-detail,.portfolio-detail-modern{padding:0!important}.portfolio-detail section,.portfolio-detail-modern section{min-height:auto!important;padding:40px 15px!important}.portfolio-detail-modern section:first-child{padding:100px 15px 50px!important}.portfolio-detail h1,.portfolio-detail-modern h1{margin-bottom:20px!important;font-size:clamp(28px,10vw,40px)!important}.portfolio-detail p,.portfolio-detail-modern p{font-size:16px!important}.portfolio-detail [style*=grid-template-columns],.portfolio-detail-modern [style*=grid-template-columns]{grid-template-columns:1fr!important;gap:25px!important;padding:25px 0!important}.portfolio-detail [style*="height: 500px"],.portfolio-detail [style*="height: 600px"],.portfolio-detail [style*="height: 450px"],.portfolio-detail [style*="height: 400px"],.portfolio-detail-modern [style*="height: 500px"],.portfolio-detail-modern [style*="height: 600px"],.portfolio-detail-modern [style*="height: 450px"],.portfolio-detail-modern [style*="height: 400px"],.portfolio-detail [style*="clamp(400px, 60vh, 800px)"]{height:300px!important}.portfolio-detail .row.g-4,.portfolio-detail-modern .row.g-4,.portfolio-detail-modern .row.g-5{gap:20px!important}:is(.portfolio-detail section:has([style*="background: #000"]) .row,.portfolio-detail-modern section:has([style*="background: #000"]) .row){flex-direction:column-reverse}.portfolio-detail [style*="fontSize: 14px"],.portfolio-detail-modern [style*="fontSize: 14px"]{font-size:13px!important}.portfolio-detail [style*="gap: 10px"],.portfolio-detail-modern [style*="gap: 8px"]{gap:8px!important}.portfolio-detail__description{font-size:16px!important;line-height:1.7!important}.portfolio-detail__description h2{margin-top:1.5em!important;font-size:24px!important}.portfolio-detail__description h3{font-size:20px!important}}@media (max-width:575px){.portfolio__card{height:300px!important}.portfolio__area{padding-top:80px!important;padding-bottom:80px!important}.portfolio-detail section{padding-top:60px!important;padding-bottom:60px!important}.portfolio__filter{gap:8px!important;padding:15px!important}.portfolio__filter button{padding:8px 16px!important;font-size:13px!important}}@media (hover:hover){.portfolio__card:hover{box-shadow:0 20px 60px #00000026}}@media print{.portfolio__filter,.portfolio-detail section:last-of-type{display:none}.portfolio__card{break-inside:avoid}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media (prefers-contrast:high){.portfolio__card,.portfolio__filter button{border:2px solid}}.portfolio-skeleton{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.portfolio__filter button:focus-visible,.portfolio__card:focus-visible{outline-offset:4px;outline:3px solid #000}.portfolio__card img,.portfolio-detail img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.portfolio__card:before{content:"";padding-top:75%;display:block}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.portfolio__card,.portfolio__filter button{contain:layout style paint}@supports (-webkit-touch-callout:none){.portfolio__card{transform:translateZ(0)}}