/*
! tailwindcss v3.1.8 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.mx-auto{margin-left:auto;margin-right:auto}.mb-7{margin-bottom:1.75rem}.block{display:block}.flex{display:flex}.hidden{display:none}.\!hidden{display:none!important}.w-full{width:100%}.max-w-full{max-width:100%}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-8{gap:2rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.pb-14{padding-bottom:3.5rem}.pt-8{padding-top:2rem}.align-middle{vertical-align:middle}.text-2xl{font-size:1.5rem;line-height:2rem}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}body,html{padding:0;margin:0;background-color:#f2f1ef;font-family:Bai Jamjuree,sans-serif;color:#161513;font-size:15px;line-height:20px;overflow-x:hidden;overflow-x:clip;scroll-behavior:smooth}a{color:inherit;text-decoration:none;cursor:pointer}*{box-sizing:border-box}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:#161513}.notification{background-color:#fff;color:#000;position:fixed;top:3%;right:2%;padding:1rem 1rem .7rem;border-radius:10px 10px 0 10px;border-bottom:.3rem solid blue;z-index:20000;box-shadow:0 0 12px 12px hsla(0,0%,8%,.09)}@media (min-width:768px){.md\:block{display:block}.md\:\!block{display:block!important}.md\:hidden{display:none}.md\:max-w-7xl{max-width:80rem}.md\:flex-row{flex-direction:row}.md\:\!p-0{padding:0!important}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}}@media (min-width:1280px){.xl\:max-w-5xl{max-width:64rem}.xl\:max-w-screen-xl{max-width:1280px}.xl\:px-5{padding-left:1.25rem;padding-right:1.25rem}.xl\:px-0{padding-left:0;padding-right:0}}.logo{width:120px;height:auto}.icon-wr{background-color:#161513;padding:10px;cursor:pointer}.icon{font-size:25px;color:#fff;pointer-events:none}.menu ul{display:flex;align-items:center;gap:2rem}.menu ul li{font-size:17px;font-weight:600}.menu ul li a.active{border-bottom:1px solid #161513}.menu ul li a:hover{color:blue;border-bottom:1px solid blue;transition:all .5s ease}.empty-btn{width:-moz-fit-content;width:fit-content;background-color:transparent;color:#161513;font-weight:600;font-size:17px;padding:.8rem 1.8rem;border:1px solid #161513;cursor:pointer;transition:all .3s ease}.empty-btn:hover{background-color:#161513;color:#fff}.empty-btn:hover button{text-decoration:underline}.full-btn{width:-moz-fit-content;width:fit-content;font-weight:600;font-size:17px;padding:.8rem 1.8rem;cursor:pointer;transition:all .3s ease}.full-btn,.full-btn:hover{background-color:#161513;color:#fff}.full-btn:hover button{text-decoration:underline}.filled-btn{width:-moz-fit-content;width:fit-content;background-color:transparent;color:#161513;font-weight:600;font-size:17px;padding:.8rem 0;border:none;cursor:pointer;transition:all .3s ease}.filled-btn:hover{color:blue}.filled-btn button{text-decoration:underline}.full-w-btn{width:100%!important;text-align:center}.sidemenu{left:0;background-color:hsla(0,0%,100%,.445);z-index:4}.content,.sidemenu{position:fixed;top:0;bottom:0;right:0}.content{width:70%;background-color:#fff;padding:2rem;justify-content:space-between;z-index:5}.content,.content ul{display:flex;flex-direction:column}.content ul{gap:2rem}.content ul li{color:#161513;font-weight:600;font-size:24px;display:flex;align-items:center;gap:.5rem}.content ul li a{line-height:1;font-size:18px;padding:0;margin:0}.content ul li a.active{border-bottom:1px solid #161513}.content ul li a:hover{color:blue;border-bottom:1px solid blue;transition:all .5s ease}.content button{background-color:#161513;color:#fff;font-weight:600;font-size:17px;padding:.8rem 1.8rem;cursor:pointer;transition:all .3s ease}.back-to-top{position:fixed;z-index:3;bottom:2rem;right:2rem;padding:.5rem;border-radius:100px;width:50px;height:50px;font-size:30px;color:blue;border:2px solid blue;cursor:pointer;display:flex;align-items:center;justify-content:center}.loading{display:block;width:100%;position:fixed;top:0;bottom:0;left:0;right:0;background-color:hsla(0,0%,100%,.606);z-index:100}.loading .loader{height:7px;background-color:blue;position:fixed;top:0;opacity:1;z-index:101;animation:loading 2s ease-in 1}@keyframes loading{0%{width:0}to{width:98%}}@media(max-width:700px){.back-to-top{bottom:1rem;right:1rem;font-size:22px;border:1px solid blue}}.footer-container{background-color:#161513;color:#fff;padding:5rem 0}.footer-container .footer-content{width:100%;font-size:17px;font-weight:600}.hero-grid{display:grid;grid-column-gap:22px;grid-row-gap:44px;grid-template-columns:1fr;grid-template-rows:auto;align-items:center;min-height:722px}.heading-text{margin-top:0;margin-bottom:0;color:#161513;font-size:56px;font-weight:700;text-transform:uppercase}.hero-text-wrapper{display:flex;justify-content:flex-start;flex-wrap:wrap}.header-icon-wrapper{gap:10px;margin-top:0;margin-bottom:0}.header-detail-wrapper,.header-icon-wrapper{display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:center}.header-detail-wrapper{margin-top:32px;margin-bottom:40px;grid-column-gap:8px;grid-row-gap:8px}@media(min-width:1024px){.hero-grid{grid-template-columns:1.2fr 1fr}.header-icon-wrapper{margin-top:15px;margin-bottom:15px}}@media(max-width:768px){h1{font-size:40px;line-height:54px;font-weight:700;letter-spacing:-.01em}}.about-container{background-color:#e6e3de;color:#161513;padding:5rem 0}.about-container .about-grid{display:grid;grid-column-gap:40px;grid-template-columns:1fr;grid-template-rows:auto}.about-container .about-grid .about-head{padding-bottom:2rem}.about-container .about-grid .about-head h2{margin-top:0;margin-bottom:0;color:#161513;font-size:46px;line-height:64px;font-weight:700;letter-spacing:-.01em}.about-container .about-grid .about-body{display:flex;flex-direction:column;gap:2rem}.about-container .about-grid .about-body h3{margin-top:0;margin-bottom:0;font-size:32px;line-height:50px;font-weight:700;letter-spacing:-.02em}.about-container .about-grid .about-body h4{margin-bottom:0;font-size:18px;line-height:32px;font-weight:500}h1{font-size:56px;line-height:64px}h1,h2{margin-top:0;margin-bottom:0;color:#161513;font-weight:700;letter-spacing:-.01em}h2{font-size:46px}h3{margin-top:0;margin-bottom:0;font-size:32px;font-weight:700;letter-spacing:-.02em}h4{font-size:18px}h4,h5{line-height:32px;font-weight:700}h5{margin-top:0;margin-bottom:0;font-family:Bai Jamjuree,sans-serif;font-size:24px;letter-spacing:-.02em}.subheading{text-transform:uppercase}@media(min-width:1024px){.about-grid{grid-template-columns:1fr 1.5fr!important}.about-grid .about-head{padding-bottom:0}}.section{padding:5rem 0}.section-head{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;margin-bottom:5rem}.section-content{display:grid;grid-template-columns:1fr;grid-column-gap:40px;grid-row-gap:40px}.section-content .box{display:block;width:100%;padding:32px;justify-content:space-between;align-items:center;border:2px solid #161513;transition:all .3s ease;color:#161513;text-decoration:none}.section-content .box .box{min-height:-moz-fit-content;min-height:fit-content}.section-content .box:hover{background-color:#161513;color:#fff}.skills{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;grid-column-gap:.2rem;grid-row-gap:.5rem}.layer-section{position:relative}.layer-section .layer1{position:absolute;bottom:0;left:0;transform:translate(-50%,70%)}.soft-skills{padding:2rem 0;text-align:center}@media(min-width:1024px){.section-content{grid-template-columns:1fr 1fr!important}.box{min-height:225px;max-height:225px}}.projects{color:#161513;padding:5rem 0}.projects-elements{display:flex;flex-direction:column;gap:88px}.projects-elements .project{display:grid;grid-template-columns:1fr;grid-column-gap:44px;grid-row-gap:44px;align-items:center;justify-content:center}.projects-elements .project:hover img{transform:scale(110%)}.projects-elements .project .img{width:100%;height:100%;overflow:hidden}.projects-elements .project .img img{width:100%;height:357px;-o-object-fit:cover;object-fit:cover;transition:all .3s ease}.projects-elements .project .desc{display:flex;flex-direction:column;gap:30px}.projects-elements .project .desc button{line-height:1.5;text-align:start}.projects-elements .project .desc .badge{background-color:blue;color:#fff;font-size:18px;line-height:32px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 12px;width:-moz-fit-content;width:fit-content}.projects-elements .project .title{line-height:54px}.projects-elements .project .pro-reverse{grid-row:2}.post-content-actual ul{padding:0 0 0 1.3rem;display:flex;flex-direction:column;gap:.7rem}.post-content-actual ul li{list-style:square}@media(min-width:1024px){.project{grid-template-columns:1fr 1fr!important}.project button{text-align:start;line-height:1!important}.project .pro-reverse{grid-row:1!important}}@media(max-width:768px){.img img{height:250px!important}}.posts-content{display:flex;flex-direction:column;gap:2rem}.post{width:100%;padding:32px;align-items:flex-start;border:2px solid #000;background-color:transparent;color:#161513;text-decoration:none;display:grid;align-items:center;grid-column-gap:40px;grid-row-gap:20px;grid-template-columns:1fr}.post:hover{background-color:#161513;color:#fff}.post .title{display:flex;flex-direction:column;gap:1rem}.post .title .date{color:blue;font-size:16px;line-height:32px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.post .title .heading{line-height:40px}@media(min-width:1024px){.post{grid-template-columns:1fr 1fr!important;grid-row-gap:40px;grid-column-gap:50px}}.contact-container{background-color:transparent;color:#161513;padding:5rem 0}.contact-container .contact-grid{display:grid;grid-template-columns:1fr;grid-template-rows:auto}.contact-elements{display:grid;grid-template-columns:1fr;color:#fff;gap:2rem;width:100%;margin:0 auto}.contact-elements .elm{flex-direction:column;gap:1rem;padding:32px;background-color:#161513;width:100%}.contact-elements .elm,.contact-elements .elm .icon{display:flex;align-items:center;justify-content:center}.contact-elements .elm .icon{margin-bottom:1rem;width:50px;height:50px;font-size:20px;border-radius:50%;background-color:blue;color:#fff}.elements-container{background-color:#e6e3de;color:#161513}.layer2{position:absolute;top:0;right:0;transform:translate(50%,-20%)}@media(min-width:1024px){.contact-grid{grid-template-columns:1fr!important}.contact-elements{grid-template-columns:1fr 1fr!important}}.contact-form form{max-width:620px;margin:0 auto;padding-top:0;display:flex;flex-direction:column;gap:3rem}.contact-form form .thecaptcha{margin-top:.5rem}.contact-form form .item{width:100%;height:48px;display:flex;flex-direction:column;gap:5px}.contact-form form .item label{font-size:17px;font-weight:600;color:#161513}.contact-form form .item .input-item{width:100%;height:100%;border:2px solid #161513;display:flex;flex-direction:row;gap:5px;font-size:27px;align-items:center;padding:.5rem 1rem;color:#161513}.contact-form form .item .input-item:focus-within{border:2px solid blue}.contact-form form .item .input-item input,.contact-form form .item .input-item textarea{width:100%;height:100%;font-size:17px;color:#161513;font-weight:600;padding:0 0 0 .5rem;background-color:transparent;border:none;outline:none}.contact-form form .item .input-item textarea{resize:none}.contact-form form button{width:100%}.post-section{position:relative}.post-section .layer3{position:absolute;top:0;right:0;transform:translate(50%,100%);z-index:1}.post-section .layer3:last-child{position:absolute;top:0;right:0;transform:translate(50%,20%)}.post-container .post-grid{display:grid;grid-template-columns:1fr;grid-column-gap:40px;grid-row-gap:40px}.post-container .post-grid .post-content{display:flex;flex-direction:column;gap:2rem}.post-container .post-grid .post-content .back{display:flex;flex-direction:row;gap:.8rem;font-size:22px;font-weight:700;cursor:pointer;margin-top:-3rem}.post-container .post-grid .post-actions{display:grid;grid-template-columns:1fr;gap:1rem}.post-container .post-grid .post-actions .actions{width:100%;height:-moz-fit-content;height:fit-content;padding:2rem;background-color:#161513;position:sticky;top:3rem;z-index:2}.post-container .post-grid .post-actions .actions a{width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;border:2px solid #fff}.post-container .post-grid .post-actions .actions a:last-child{margin-bottom:0}.mobile-actions{position:fixed;bottom:0;right:0;left:0;width:100%}.mobile-actions .actions{width:100%;box-shadow:0 0 5px 10px hsla(0,0%,76%,.156)}.mobile-actions .actions,.mobile-actions .actions a{display:flex;justify-content:center;align-items:center}.mobile-actions .actions a{width:100%!important;border-right:1px solid #fff;background-color:#161513}.mobile-actions .actions a:last-child{border-right:none}.mobile-actions .actions .video-one button,.mobile-actions .actions .video-one button p{pointer-events:none}.videobox-back{position:fixed;top:0;right:0;left:0;bottom:0;background-color:hsla(0,0%,100%,.606);z-index:3}.video-box{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:240px;z-index:4}.video-box .close-video{position:absolute;padding:.5rem 0 .5rem .5rem;cursor:pointer;font-size:40px;top:-30%;right:0}.video-responsive{overflow:hidden;padding-bottom:56.25%;position:relative;height:0;background-color:#161513;box-shadow:0 0 0 15px #161513}.video-responsive iframe{left:0;top:0;height:100%;width:100%;position:absolute;z-index:2}.video-responsive p{color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}@media(min-width:1024px){.post-grid{grid-template-columns:2fr 1fr!important;grid-column-gap:40px;grid-row-gap:40px}.blog-post{grid-template-columns:1fr!important}}@media(min-width:768px){.video-box{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:560px;height:340px;z-index:4}.video-box .close-video{font-size:40px;color:#161513;position:absolute;top:-15%!important;right:-15%!important;padding:.5rem!important;cursor:pointer}}