body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{font-family:Kanit,sans-serif;margin:0;padding:0;scroll-behavior:smooth;scroll-margin-top:60px}.about-content{opacity:0;transform:translateY(40px);transition:all .8s ease-out}.about-content.show{opacity:1;transform:translateY(0)}.header-sticky{background-color:#000;box-shadow:0 4px 10px #0000001a;position:fixed;top:0;width:100%;z-index:1000}div#button-wrapper{background-color:#1b1b1b;color:#f5b754;margin:auto;padding:60px 0 0}div#education,div#experience{padding-top:20px}div#button-wrapper .row{gap:10px}div#button-wrapper button{background:#0000;border:1px solid #f5b754;box-shadow:none;color:#f5b754;cursor:pointer;font-size:16px;font-weight:700;padding:15px;text-align:center;text-transform:uppercase;width:150px}div#button-wrapper button.active-btn,div#button-wrapper button:hover{background-color:#f5b754;color:#000;transition:all .3s ease}div#education .li-abt-info,div#education .row{flex-direction:row-reverse}div#education .compony-name{text-align:start}.txt-end{text-align:end!important}div#education{display:none;transition:all .7s ease}.header{background-color:#000;transition:all .3s ease;width:100%}.header .row{align-items:center;display:flex;flex-direction:row;gap:25px;justify-content:center;margin:auto;max-width:1440px;padding:20px 0}.header .row .logo{align-items:last baseline;color:#f5b754;display:flex;flex-direction:row;height:auto;width:20%}.header .row .logo h1{margin:0}.header .row .logo img{height:100%;width:100%}.header .row .menu{width:70%}.cta-mnu{width:10%}.header .row .menu-link{display:flex;gap:30px;justify-content:end;list-style:none}ul.menu-link a{color:#fff;font-family:Kanit,sans-serif;font-size:16px;font-style:normal;font-weight:500;text-decoration:none;text-transform:uppercase}.btn-primary{border:2px solid #f5b754}.cta-mnu button{background-color:#f5b754;border:1px solid #f5b754;box-shadow:none;color:#000;font-size:16px;padding:15px 20px;width:100%}.cta-mnu button:hover{background-color:initial;color:#fff;cursor:pointer}.footer{background-image:url(/static/media/ftr.673782e9d5aa413278bd.webp);padding:20px 0;text-align:center}.banner-section,.footer{background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;width:100%}.banner-section{background-attachment:fixed;background-image:url(/static/media/bnr-img1.59df4653bdc0a2fa18ec.jpg);position:relative}.banner-section:after{background-color:#00000080;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.banner-section .banner-content{align-items:center;display:flex;flex-direction:column;height:680px;justify-content:center;margin:auto;max-width:1440px;position:relative;z-index:2}.banner-section .banner-content h1{font-size:82px;font-weight:900;margin:0;text-transform:uppercase}span.developer-animation{-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#fff;animation:textAnimation 3s ease-in infinite alternate-reverse;color:#0000;content:attr(data-text);display:block;font-size:124px;overflow:hidden;position:absolute;position:relative;transition:all .5s;width:0}@keyframes textAnimation{0%{-webkit-text-stroke-color:#f5b754;color:#0000}50%{-webkit-text-stroke-color:#f5b754;color:#f5b754;width:100%}to{-webkit-text-stroke-color:#f5b754;color:#f5b754;width:100%}}.banner-cta button{background:#f5b754;font-size:15px;font-weight:500;padding:15px;width:150px}.banner-cta{display:flex;flex-direction:row;gap:20px;margin-top:30px}.banner-cta .btn-secondary{background-color:initial;border:2px solid #fff;color:#fff}.banner-cta button:hover{background-color:#f5b754;border-color:#f5b754;color:#000;cursor:pointer}.logos-sec{background-color:#000;display:flex;gap:40px;overflow-x:auto;padding:50px 0;width:100%}.logos-sec .row{display:flex;flex-direction:row;gap:40px;margin:auto;max-width:1440px;overflow:hidden}.logos-sec::-webkit-scrollbar{display:none}@keyframes spin{0%{translate:0}to{translate:-100%}}.logos-sec img{filter:brightness(0) saturate(100%) invert(96%) sepia(51%) saturate(3550%) hue-rotate(315deg) brightness(100%) contrast(92%);height:50px;width:auto}@keyframes logo-slider{0%{transform:translateX(0)}to{transform:translateX(-700px)}}.logos-row{align-items:center;animation:spin 20s linear infinite;display:flex;flex-direction:row;gap:20px;justify-content:center;margin:auto;max-width:1440px;padding-right:20em;width:100%}.about-section{background-color:#1b1b1b;padding-block:70px;width:100%}.about-content{color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;margin:auto;max-width:1440px}.about-section h2{color:#f5b754;font-size:42px;font-weight:700;margin:0;text-transform:uppercase}.about-section .row{align-items:center;display:flex;flex-direction:row;gap:30px;justify-content:center;margin:auto;max-width:1440px}.about-content.row .col-l{filter:drop-shadow(2px 4px 6px black);text-align:center;width:40%}.about-content.row .col-r{width:60%}.about-content.row{background:#0000001a;border-radius:20px;box-shadow:1px 2px 3px #000;margin-top:0;padding:30px 50px;width:80%}.about-content.row:first-child{margin-top:40px}.about-image-decor{border-radius:20px;filter:drop-shadow(2px 4px 6px black);height:auto;width:90%}.personal-info-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-top:60px}.abt-info{color:#ddd;font-size:18px;font-weight:400;line-height:1.6}.flex-col{flex-direction:column!important}.personal-info-row .icon-box{background-color:#ffffff1a;border-radius:10px;color:inherit;overflow:hidden;padding:30px;position:relative;text-align:left;text-decoration:none}.icon-box i{bottom:-40px;color:#0000004d;font-size:150px;opacity:.5;position:absolute;right:-40px;transform:rotate(345deg) rotateY(180deg);transition:all .3s ease}.icon-box h3{font-size:24px;font-weight:600;margin:0;text-transform:uppercase}.icon-box p{font-size:16px;font-weight:400;margin:10px 0 0}.icon-box:hover i{color:#f5b754;cursor:pointer;opacity:1}.icon-box:hover{box-shadow:10px 15px 20px #0000004d}.personal-info-row .icon-box:nth-child(odd){background-color:#f5b75433}.flip-stl{transform:scaleX(-1)}ul.exp-lst{list-style:none;padding:0}.li-abt-info{color:#ddd;font-size:18px;font-weight:400;line-height:1.6;margin-bottom:10px}.li-abt-info span.time-line{color:#f5b754}li.li-abt-info{align-items:center;border:1px solid #262525;border-left:0;border-right:0;display:flex;justify-content:space-between;margin:0;padding-block:26px;transition:all .3s ease}li.li-abt-info:last-child{border-bottom:0}li.li-abt-info:first-child{border-top:0}li.li-abt-info:hover{border-color:#f5b754}span.compony-name{text-align:end}.full-width{width:100%!important}.txt-cntr{text-align:center!important}ul.skills-lst{grid-gap:20px;grid-row-gap:60px;display:grid;gap:20px;grid-template-columns:repeat(5,20%);justify-content:center;list-style:none;margin-top:90px;padding:0;row-gap:60px}ul.skills-lst li{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center}li.skill-list i{background-color:#262525;border-radius:50%;font-size:50px;padding:33px 30px}.cstm-icon{align-items:center;animation:spins 2s linear infinite;border-radius:50%;box-shadow:inset 1px 1px 1px #000c;color:#f5b754;display:flex;justify-content:center;padding:10px}li.skill-list:not(i){font-size:18px}.cstm-icon:hover i{filter:drop-shadow(2px 4px 6px black)}.project-list{grid-gap:50px;display:grid;flex-direction:row;gap:50px;grid-template-columns:repeat(2,1fr);justify-content:center;margin-top:60px}.proj-img-cont img{height:380px;object-fit:cover;object-position:top;transition:all .5s ease-in-out;width:100%}.about-content.row.flex-col h2 p{color:#fff;font-size:20px;margin:10px;text-transform:none}.about-text h2:after,.about-text h2:before{background:#f5b754;content:"";display:inline-block;padding:1px;width:70px}.about-text.col-r h2{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:30px}a.project-item{color:inherit;text-decoration:none}.project-item:hover img{animation:topUp 5s ease-in-out infinite alternate}.project-item:hover .proj-img-cont,.project-item:hover img{box-shadow:10px 15px 20px #0000004d;cursor:pointer}.project-item:hover .proj-desc h3{color:#f5b754;cursor:pointer}.proj-desc{align-items:baseline;border:1px solid #262525;border-left:0;border-right:0;border-top:0;display:flex;justify-content:space-between;padding:20px 10px}.project-item:hover .proj-desc{border-color:#f5b754}.proj-desc h3{margin:0}.proj-desc .proj-tags{background:#f5b754;border-radius:7px;color:#1b1b1b;padding:10px}.proj-desc i{font-size:25px;font-weight:700;rotate:40deg}@keyframes topUp{0%{object-position:top}to{object-position:bottom}}.work-tog .rows{display:flex;flex:repeat(2,1fr) 1;gap:40px;margin:auto;max-width:1440px;width:80%}.work-tog .rows div.col-l,.work-tog .rows div.col-r{width:50%}.work-tog{background-color:#1b1b1b;padding-block:70px}.work-tog h2{color:#f5b754;font-size:42px;font-weight:700;margin:0;text-transform:uppercase}.work-tog p{color:#ddd;font-size:20px;margin-top:10px}.work-tog .personal-info-row{display:flex;flex-direction:column!important}.work-tog .personal-info-row h3{color:#f5b754}.work-tog .personal-info-row .icon-box{width:80%}.work-tog .rows{align-items:center;flex-direction:row;justify-content:center}.logos-sec h3{color:#fff;font-size:21px;letter-spacing:2px;margin:0;text-align:center;text-transform:uppercase;white-space:nowrap;width:auto}.mob-menu-icon{display:none}ul.mob-menu-link li{margin-bottom:10px}.mob-menu-icon{color:#f5b754;font-size:24px}.show-menu{display:block!important}#mob-menu-icn-can{display:none}ul.mob-menu-link{background:#000;display:none;left:0;list-style:none;padding-block:15px 20px;position:absolute;text-align:center;top:70px;transition:.3s ease;width:100%}ul.mob-menu-link li a{color:#fff;display:inline-block;font-size:16px;font-weight:500!important;text-decoration:none;width:100%}.all-cards{display:flex;flex-direction:column}.card{position:-webkit-sticky;position:sticky;top:50px}@media screen and (max-width:600px){.header .row{justify-content:space-between;padding-inline:20px}.mob-menu-icon{display:block}.work-tog .rows{flex-direction:column}.banner-section .banner-content{height:77vh}.banner-section .banner-content h1{font-size:32px}.banner-content h1 span{font-size:50px}.banner-cta button{padding:12px}.cta-mnu,.menu{display:none}.header .row .logo{width:50%}.work-tog .rows{width:90%}.logos-row{width:auto}.logos-sec{padding:30px 0}.about-section .row{flex-direction:column}.about-content.row .col-l,.about-content.row .col-r{justify-content:center;text-align:center;width:90%}.about-content.row{padding:30px 0;width:90%}.personal-info-row{grid-template-columns:auto;margin-top:40px}.about-section h2,.work-tog h2{font-size:32px;text-align:center}.work-tog p{text-align:center}.work-tog .personal-info-row .icon-box{width:auto}.work-tog .personal-info-row .icon-box p,span.time-line{text-align:left}span.time-line{width:30%}span.compony-name{width:70%}ul.skills-lst{gap:0;grid-template-columns:repeat(2,50%);margin-top:40px;row-gap:50px}li.skill-list i{font-size:30px;padding:33px}.project-list{grid-template-columns:repeat(1,1fr);margin-top:40px}.proj-img-cont img{height:250px}.proj-desc{padding:15px}.full-width{width:95%!important}.about-section{padding-bottom:10px}.about-text h2:after,.about-text h2:before{display:none}.work-tog .rows div.col-l,.work-tog .rows div.col-r{width:90%}.work-tog .rows{flex-direction:column-reverse}#education .row{flex-direction:column!important}#education span.compony-name{width:65%}}
/*# sourceMappingURL=main.ea7fefc6.css.map*/