@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8d697b304b401681-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba015fad6dcf6784-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/4cf2300e9c8272f7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_188709{font-family:Geist,Geist Fallback;font-style:normal}.__variable_188709{--font-geist-sans:"Geist","Geist Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9610d9e46709d722-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/747892c23ea88013-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/93f479601ee12b01-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_9a8899{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_9a8899{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}:root{--background:#ffffff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){html{color-scheme:dark}}@import"https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@300;400;700&family=Poppins:wght@400;500;600;700&display=swap";body{font-family:Barlow Semi Condensed,sans-serif;background-color:#121c24;color:#d4d4d4}*{margin:0;padding:0;box-sizing:border-box}button{background-color:rgba(0,0,0,0);border:1px solid #d4d4d4;border-radius:10px;color:#d4d4d4;padding:10px 20px;font-size:18px;transition:all .3s}button:hover{background-color:#63bea1;border-color:#63bea1;color:#121c24}a{text-decoration:none;color:inherit}button,input[type=submit]{padding:12px 35px;background-color:rgba(0,0,0,0);color:#d4d4d4;border:1px solid #d4d4d4;border-radius:10px;transition:.3s ease-in-out;font-size:inherit}button:hover,input[type=submit]:hover{margin-top:-4px;margin-bottom:4px}form{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}input,textarea{padding:17px 25px;width:49%;border-radius:10px;border:none}input::placeholder,textarea::placeholder{font-family:Barlow Semi Condensed,sans-serif;font-size:18px}input:focus,textarea:focus{border:1px solid #63bea1}input[type=submit]{margin-top:15px}.full-input{width:100%}.page-link{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:lighter}.page-link img{height:12px}img{width:100%}.btn-special{border:0;border-bottom:1px solid #d4d4d4;border-radius:0;padding:12px 0}.sub-heading{display:flex;gap:10px;align-items:center;font-size:18px;text-transform:uppercase}.sub-heading img{height:14px}.info{display:flex;flex-direction:column;gap:10px}.heading{font-size:32px}.container{max-width:1200px;margin:auto}.container,.under-construction{display:flex;align-items:center}.under-construction{height:100vh;flex-direction:column;gap:30px;justify-content:center}@media screen and (max-width:1200px){.container{padding:0 20px}.heading{font-size:20px;margin-top:30px}.sub-heading{font-size:16px;align-items:flex-start}button{padding:12px 20px}}@media screen and (max-width:740px){input{width:100%}}.introduction{height:100vh;background-image:url(/img/home\ background.jpg);background-color:#141c24;background-size:cover;background-position:50%;font-size:18px;display:flex;align-items:center;background-blend-mode:overlay;position:relative}.introduction:after{content:"";position:absolute;top:0;left:0;width:100vw;height:100vh;opacity:.95;z-index:0}.introduction .container{max-width:1200px;display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin:auto;position:relative;z-index:1;transition:all .3s ease-in-out}.introduction .container .greeting{font-size:18px}.introduction .container .value-proposition{font-size:50px;font-weight:700}.introduction .container .services{display:flex;flex-wrap:wrap;gap:20px}.introduction .container .services .service{flex:1 1 360px;border:1px solid #e5f5f5;padding:20px;border-radius:20px;background-color:rgba(20,28,36,.7294117647);transition:all .5s}.introduction .container .services .service:hover{background-color:#141c24;margin-top:-8px}.introduction .container .services .service .title{display:flex;justify-content:start;gap:14px}.introduction .container .services .service .title img{max-width:40px}.introduction .container .services .service .service-title{font-size:24px;margin-bottom:20px;transition:.3s ease-in-out}.introduction .container .services .service .service-desc{margin-bottom:20px;transition:.3s}.introduction .container .services .service a{display:none;transition:.3s}.introduction .container .services .service:hover a{display:block}.introduction .container .services .service:hover .service-title{display:none}.introduction .container .services .service:hover .service-desc{margin-top:30px}.introduction .container .buttons{margin-top:30px;display:flex;gap:20px}@media screen and (max-width:780px){.introduction{height:auto;padding:100px 0}}@media screen and (max-width:540px){.introduction .container{padding:0 20px}.introduction .container .greeting{font-size:20px}.introduction .container .value-proposition{font-size:32px}.introduction .container .services .service .title h2{font-size:24px}.introduction .container .services .service a{display:block}.introduction .container .buttons{flex-direction:column;align-items:center}}.about-container{max-width:50%;margin:unset}.about{width:100%;position:relative;padding-top:150px}.about .container .col-left{width:60%;display:flex;flex-direction:column;gap:50px}.about .container .col-left .info{font-size:32px}.about .container .col-left .info h1{font-size:40px;margin-top:20px}.about .container .col-left .project-link a{color:inherit;font-weight:lighter;text-decoration:none;display:flex;gap:10px;font-size:32px}.about .container .col-left .buttons{display:flex;gap:20px}.about .container .col-right{width:40%}.about .container .col-right img{position:fixed;top:0;right:0;max-width:60%;object-fit:cover}.about .container .col-right .img-mobile{display:none}.experience{margin:80px 0;position:relative;z-index:2}.experience .container .about-container{display:flex;flex-direction:column;gap:30px}.experience .container .about-container .skills{display:flex;flex-wrap:wrap;gap:20px}.experience .container .about-container .skills .skill{flex:1 1 260px;background-color:#192530;border-radius:20px;padding:20px}.technologies-section{margin:80px 0}.technologies-section .container{position:relative;z-index:2}.technologies-section .container .about-container .technologies{margin-top:50px;display:flex;flex-direction:column;gap:2rem}.technologies-section .container .about-container .technologies .technology{background-color:#192530;position:relative;padding:25px;border-radius:20px;transition:.3s ease-in-out}.technologies-section .container .about-container .technologies .technology .icon{position:absolute;left:-25px;top:-25px;height:50px;width:50px;object-fit:cover;border:1px solid;border-color:inherit;border-radius:8px}.technologies-section .container .about-container .technologies .technology:hover{margin-top:-4px;margin-bottom:4px}@media screen and (max-width:1200px){.about .container .col-left{background-color:rgba(18,28,36,.8235294118);position:relative;z-index:2;padding-right:30px}}@media screen and (max-width:740px){.about-container{max-width:100%;margin:0}.about .container{flex-direction:column;margin-bottom:50px}.about .container .col-left{width:100%;margin-top:230px;border-radius:20px;padding:50px 0 50px 20px}.about .container .col-left .project-link a{font-size:24px}.about .container .col-left .info{font-size:24px;font-weight:700}.about .container .col-left .info h1{font-size:32px}.about .container .col-right img{position:fixed;z-index:0;top:unset;bottom:0;max-width:100%}.about .container .col-right .img-mobile{display:block}.about .container .col-right .img-desk{display:none}.experience .container,.technologies-section .container{margin:0 20px;padding:50px 20px;background-color:rgba(18,28,36,.8235294118);border-radius:20px}.technologies-section .container .about-container .technologies{grid-template-columns:100%}}.single-portfolio{padding-top:100px}.single-portfolio img{border-radius:10px}.single-portfolio .container{display:flex;gap:100px;align-items:center}.single-portfolio .container .col-left{width:50%;display:flex;flex-direction:column;gap:30px}.single-portfolio .container .col-left .portfolio-section{display:flex;flex-direction:column;gap:20px}.single-portfolio .container .col-left .portfolio-section-call-to-action{color:#d4d4d4;border:1px solid #d4d4d4;border-radius:10px;padding:30px;display:flex;flex-direction:column;gap:20px}.single-portfolio .container .col-right{width:50%}.single-portfolio .container .col-right .desktop{display:none;display:block;position:relative}.single-portfolio .container .col-right .desktop .content{position:relative}.single-portfolio .container .col-right .desktop .content .screen img{height:600px;overflow:hidden;object-fit:cover;object-position:top;transition:1s ease-in-out}.single-portfolio .container .col-right .desktop .content .screen img:hover{object-position:bottom;transition:5s ease-in-out}@media screen and (max-width:740px){.single-portfolio{height:auto;padding:100px 0}.single-portfolio .container{flex-direction:column-reverse;gap:50px}.single-portfolio .container .col-left,.single-portfolio .container .col-right{width:100%}.single-portfolio .container .col-right .desktop .content .screen img{height:350px}}.portfolio{height:100vh;background-image:url(/img/home\ background.jpg);background-size:cover;background-position:50%;font-size:18px;display:flex;align-items:center;background-blend-mode:overlay;position:relative}.portfolio:after{content:"";background-color:#141c24;position:absolute;top:0;left:0;width:100vw;height:100vh;opacity:.95;z-index:0}.portfolio .container{max-width:1200px;display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin:auto;position:relative;z-index:1;transition:all .3s ease-in-out}.portfolio .container .page-link{font-size:18px}.portfolio .container .value-proposition{font-size:50px;font-weight:700}.portfolio .container .projects{width:100%;display:flex;flex-wrap:wrap;gap:20px}.portfolio .container .projects .project{flex:1 1 260px;position:relative;background:url(/img/head-image.png);background-position:top;background-size:cover}.portfolio .container .projects .project .project-img{height:380px;width:100%;object-fit:cover;object-position:top;border-radius:10px;transition:.3s linear}.portfolio .container .projects .project .title{position:absolute;bottom:20px;left:20px;padding:10px 20px;background-color:#121c24;border-radius:20px}.portfolio .container .projects .project .detail-link{position:absolute;bottom:20px;left:20px;display:none}.portfolio .container .projects .project:hover .detail-link{display:block}.portfolio .container .projects .project:hover .title{display:none}.portfolio .container .buttons{margin-top:30px;display:flex;gap:20px}@media screen and (max-width:740px){.portfolio{height:auto;padding:100px 0}.portfolio .container .projects .project{max-width:100%}}.quotation{height:100vh;display:flex;align-items:center}.quotation .container{gap:100px}.quotation .container .left-col{width:50%;display:flex;flex-direction:column;gap:30px}.quotation .container .right-col{width:50%}@media screen and (max-width:740px){.quotation{height:auto;padding:100px 0}.quotation .container{flex-direction:column}.quotation .container .left-col,.quotation .container .right-col{width:100%}}.thank-you{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.thank-you .container{flex-direction:column;gap:20px}.thank-you .container .contact-btn{display:flex;gap:20px}.thank-you .container .contact-btn a{display:flex;align-items:center;gap:5px}.thank-you .container .contact-btn a i{font-size:24px}