@import url(https://fonts.googleapis.com/css2?family=Ibarra+Real+Nova:wght@400;500;600;700&family=Public+Sans:ital,wght@0,100;0,300;0,400;0,500;0,600;0,800;1,700&display=swap);:root{--clrDesatCyan:#5fb4a2;--clrDarkCyan:#56a292;--clrVeryDarkBlue:#1d3445;--clrDarkBlue:#203a4c;--clrGrayishDarkBlue:#33323d;--clrVeryLlightGrey:#fafafa;--clrLightGrey:#eaeaeb;--clrMediumGrey:#33323d;--clrBrightRed:#f42f2f;--clrLineColor:#33323d26;--marginSectionBottomDesktop:150px;--marginSectionBottomTablet:100px;--marginSectionBottomMobile:160px;--marginSectionTitleBottomDesktop:28px;--marginSectionTitleBottomTablet:22px;--marginSectionTitleBottomMobile:18px;--marginSectionElementBottomDesktop:32px;--marginPortfolioItemBottomDesktop:85px;--marginPortfolioItemBottomTablet:60px;--marginDetailHeroDesktop:110px;--marginDetailHeroTablet:40px;--marginDetailHeroMobile:20px;--marginDetailSections:29px;--paddingSectionElementDesktop:48px;--paddingSectionElementTablet:22px;--paddingSectionElementMobile:16px;--gapGridDesktop:100px;--gapGridTablet:50px;--gapGridMobile:40px;--gapGridDetailTablet:32px;--borderLine:1px solid var(--clrLineColor);--trnHover:0.2s ease-in-out}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{color:#33323d;color:var(--clrGrayishDarkBlue)}ul{list-style:none}img{max-height:100%;max-width:100%;object-fit:contain}h1,h2,h3,h4{font-family:Ibarra Real Nova,serif}h1{font-size:50px;letter-spacing:-.45px;line-height:50px}h1,h2{font-weight:700}h2{font-size:40px;letter-spacing:-.36px;line-height:42px}h3{font-size:32px;letter-spacing:-.285px;line-height:42px}a,h3,h4,li,p,small,span{font-style:normal;font-weight:400}a,li,p,small,span{font-family:Public Sans,sans-serif;font-size:15px;line-height:30px}small{color:#f42f2f;color:var(--clrBrightRed);font-size:10px;font-style:italic;font-weight:700;line-height:12px}a{font-size:14px;font-weight:400;letter-spacing:2px;line-height:14px;text-decoration:none;text-transform:uppercase}.italic{font-style:italic;font-weight:300}button:disabled{cursor:default}.btn{align-items:center;background:#fff;border:none;cursor:pointer;display:flex;font-family:Public Sans,sans-serif;font-size:12px;font-weight:400;height:48px;justify-content:center;letter-spacing:2px;line-height:14px;text-transform:uppercase;transition:all .2s ease-in-out;transition:all var(--trnHover);width:202px}.btn-primary{background:#203a4c;background:var(--clrDarkBlue);color:#fff;position:relative;width:154px}.arrow-icon-wrapper{background:#1d3445;background:var(--clrVeryDarkBlue);bottom:0;height:48px;left:-48px;position:absolute;transition:all .2s ease-in-out;transition:all var(--trnHover);width:48px}.arrow-icon-wrapper svg{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.arrow-icon-wrapper:hover{background:cyan}.btn-primary:hover{background:#5fb4a2;background:var(--clrDesatCyan)}.btn-primary:hover .arrow-icon-wrapper{background:#56a292;background:var(--clrDarkCyan)}.btn-main{background:#203a4c;background:var(--clrDarkBlue);color:#fff;transition:all .2s ease-in-out;transition:all var(--trnHover);width:200px}.btn-main:hover{background:#3a5f7a}.btn-secondary{border:1px solid #33323d;border:1px solid var(--clrGrayishDarkBlue);color:#33323d;color:var(--clrGrayishDarkBlue)}.btn-secondary:hover{background:#33323d;background:var(--clrGrayishDarkBlue);color:#fff}.btn-action{width:162px}.btn-md{height:48px;width:178px}.container{margin:auto;max-width:1240px}.navbar{align-items:center;background:var(--clrGrayishDarkBlue);display:flex;height:100px;justify-content:space-between;position:relative;width:100%}.nav-header{background:none;color:var(--clrGrayishDarkBlue)}.nav-mobile-wrapper{display:none}.hamburger-icon,.mobile-menu-close-button{cursor:pointer;display:none}.logo-menu-wrapper{align-items:center;display:flex}.logo-menu-wrapper svg{margin-right:50px}.menu{display:flex;gap:30px}.menu a{color:#fff}.menu.nav-header a{color:var(--clrGrayishDarkBlue)}.menu a.active-nav-link{color:var(--clrDarkCyan)}.social-links{display:flex;gap:16px}.phone-email-info{display:flex;flex-direction:column;gap:5px;margin-top:20px}.phone-email-info p{display:inline;margin-left:10px}.hero-section{margin-bottom:var(--marginSectionBottomDesktop)}.hero-image-wrapper,.hero-section{position:relative}.hero-image-overlay{background-color:#33323d1a;height:100%;left:0;position:absolute;top:0;width:100%}.text-box{background:#fff;bottom:0;height:370px;left:0;padding:60px 60px 60px 0;position:absolute;width:452px}.hero-section .btn{bottom:0;position:absolute;transform:translateX(48px)}.about-section{grid-gap:var(--gapGridDesktop);display:grid;gap:var(--gapGridDesktop);grid-template-columns:repeat(2,1fr);height:600px;margin-bottom:var(--marginSectionBottomDesktop)}.profile-image-wrapper{max-height:270px;position:relative}.profile-image-wrapper img{max-width:100%;object-fit:cover}.profile-image-overlay{background-color:#33323d40}.profile-image-overlay,.profile-image-overlay:after{height:100%;left:0;position:absolute;top:0;width:100%}.profile-image-overlay:after{background:radial-gradient(circle at center,#0000 45%,#33323dcc 85%);content:""}.profile-image{object-fit:cover;width:100%}.about-text-wrapper{border-bottom:var(--borderLine);border-top:var(--borderLine);padding:30px 0}.about-text-wrapper h2{margin-bottom:var(--marginSectionTitleBottomDesktop)}.about-me{font-size:16px;height:360px;margin-bottom:20px;width:auto}.cta-wrapper{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--marginSectionBottomDesktop)}.cta-text-box{height:84px;width:350px}.connecting-line{background:var(--clrLineColor);height:1px;width:534px}.portfolio-index-wrapper{margin-bottom:var(--marginSectionBottomDesktop)}.card-wrapper{grid-gap:var(--gapGridDesktop);display:grid;gap:var(--gapGridDesktop);grid-template-columns:repeat(2,1fr);margin-bottom:var(--marginPortfolioItemBottomDesktop)}.card-text{border-bottom:var(--borderLine);border-top:var(--borderLine);padding:50px 0 25px}.card-text h2{margin-bottom:30px}.card-text p{margin-bottom:20px}.card-image-wrapper{height:520px;max-width:557.5px}.details-hero-wrapper{height:500px;margin-bottom:var(--marginDetailHeroDesktop)}.details-hero-wrapper img{display:block;margin:auto;object-fit:cover;object-position:top;width:100%}.portfolio-details-wrapper{grid-gap:var(--gapGridDesktop);display:grid;gap:var(--gapGridDesktop);grid-template-columns:.358fr .642fr}.inner-details-description-wrapper{border-bottom:var(--borderLine);border-top:var(--borderLine);display:flex;flex-direction:column;padding:var(--paddingSectionElementDesktop) 0}.description{padding:29px 0 23px}.keywords-wrapper{margin-bottom:16px}.keywords{color:var(--clrDesatCyan);font-size:16px;font-weight:700;line-height:30px}.techstack-wrapper{margin-bottom:var(--marginSectionElementBottomDesktop)}.project-background h3{margin-bottom:var(--marginSectionTitleBottomDesktop)}.project-background-text{margin-bottom:40px}.static-previews-wrapper img{margin-bottom:var(--marginSectionElementBottomDesktop);object-fit:cover;width:100%}.details-nav{display:grid;grid-template-columns:repeat(2,1fr);height:132px;margin-bottom:115px}.next-details,.prev-details{align-items:center;border:var(--borderLine);display:flex}.prev-details{border-left:none}.next-details,.prev-details{border-right:none}.next-details{justify-content:end}.prev-details img{margin-right:32px}.next-details img{margin-left:32px}.details-nav p{font-size:16px;opacity:.5}.next-navigation,.prev-navigation{display:flex;flex-direction:column}.getintouch-wrapper{grid-gap:var(--gapGridDesktop);border-bottom:var(--borderLine);border-top:var(--borderLine);display:grid;gap:var(--gapGridDesktop);grid-template-columns:repeat(2,1fr);padding:var(--paddingSectionElementDesktop) 0}.getintouch-text-wrapper{width:635px}.getintouch-text{margin-bottom:24px}.contact-form-wrapper{grid-gap:var(--gapGridDesktop);display:grid;gap:var(--gapGridDesktop);grid-template-columns:repeat(2,1fr);padding:var(--paddingSectionElementDesktop) 0;width:100%}.contact-form{width:635px}.form-group{margin-bottom:24px;position:relative}small{bottom:-14px;left:0;margin:0;padding:0;position:absolute}.contact-form label{display:inline-block;font-family:Public Sans;font-size:normal;font-size:13px;font-weight:700;line-height:30px;margin-bottom:8px}.contact-form input,.contact-form textarea{background:#e6e6e7;border:none;font-family:Public Sans,sans-serif;font-size:13px;font-style:normal;font-weight:400;height:48px;line-height:30px;padding:9px 16px;width:100%}.form-group input,.form-group textarea{vertical-align:middle}.contact-form input:focus,.contact-form textarea:focus{outline:1px solid var(--clrDesatCyan)}.contact-form input.alert,.contact-form textarea.alert{outline:1px solid var(--clrBrightRed)}.contact-form textarea{height:96px;resize:none}.success-modal-wrapper{align-items:center;background:#33323d00;color:#fff;display:none;flex-direction:column;height:0;justify-content:center;position:fixed;transform-origin:center;transition:transform .5s ease-in-out;width:0;z-index:1}.success-modal-wrapper.open{animation:scaleUpAnimation .3s ease-in-out;background:#33323dd9;display:flex;height:100vh;width:100vw}.success-modal-wrapper.closing{animation:scaleDownAnimation .3s ease-in-out;background:#33323dd9;display:flex;height:100vh;width:100vw}@keyframes scaleUpAnimation{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes scaleDownAnimation{0%{transform:scale(1)}to{transform:scale(0)}}.success-modal-inner-wrapper{background:#202020;border-radius:5px;display:flex;flex-direction:column;height:600px;justify-content:center;opacity:1;padding:30px;width:450px;z-index:10}.modal-text{line-height:22px;margin:10px 0}.modal-signature{margin-top:10px}.modal-signature p{line-height:23px}.success-modal-inner-wrapper .btn{margin-top:25px}.profile-name-list{display:grid;grid-template-columns:repeat(4,1fr);margin:20px 0}@media screen and (max-width:1260px){.container{max-width:768px;padding:0 10px}.text-box{height:278px;width:514px}.text-box h1{font-size:40px;line-height:42px}.btn-primary{width:140px}.about-section,.hero-section{margin-bottom:var(--marginSectionBottomTablet)}.about-section{gap:var(--gapGridTablet);height:640px}.about-text-wrapper{padding:20px 0}.about-text-wrapper h2{margin-bottom:var(--marginSectionTitleBottomTablet)}.about-me{font-size:15px;margin-bottom:140px}.profile-image-wrapper{max-height:170px;object-fit:contain;width:auto}.cta-wrapper{margin-bottom:var(--marginSectionBottomTablet)}.connecting-line{width:113px}.portfolio-index-wrapper{margin-bottom:var(--marginSectionBottomTablet)}.card-wrapper{gap:var(--gapGridTablet);margin-bottom:var(--marginPortfolioItemBottomTablet)}.card-image-wrapper{height:360px;max-width:380px}.card-text{padding:20px 0}.card-text h2{font-size:36px;margin-bottom:20px}.card-text p{line-height:28px}.portfolio-details-wrapper{display:flex;flex-direction:column;gap:var(--gapGridDetailTablet)}.details-hero-wrapper{margin-bottom:var(--marginDetailHeroTablet);max-height:310px}.inner-details-description-wrapper{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(2,1fr);padding:var(--paddingSectionElementTablet) 0}.description{line-height:28px;padding:16px 0}.keywords-wrapper{margin-bottom:14px}.keywords{font-size:15px}.project-background h3{margin-bottom:var(--marginSectionTitleBottomTablet)}.getintouch-wrapper{display:flex;flex-direction:column;gap:20px}.getintouch-text-wrapper{width:100%}.social-links{gap:12px}.phone-email-info{gap:0;margin-top:15px}.contact-form-wrapper{display:flex;flex-direction:column;gap:20px;padding:var(--paddingSectionElementTablet) 0}.contact-form{width:100%}}.transfer-list-wrapper{display:flex;gap:50px;height:auto;margin:20px auto;width:-webkit-max-content;width:max-content}.transfer-list-card{align-items:center;border:1px solid var(--clrGrayishDarkBlue);border-radius:10px;display:flex;flex-direction:column;gap:5px;height:300px;justify-content:center;padding:10px;width:175px}.transfer-form-group input[type=checkbox]{margin-right:5px}.transfer-form-group label{font-family:Public Sans,sans-serif}.action-buttons-wrapper{height:300px}.buttons-container{align-items:center;display:flex;flex-direction:column;gap:5px;height:100%;justify-content:center}.move-btn{border:1px solid var(--clrLineColor);cursor:pointer;height:25px;width:50px}@media screen and (max-width:767px){.container{max-width:350px;padding:0}.nav-mobile-wrapper{background:var(--clrMediumGrey);display:block;height:186px;position:absolute;right:0;top:70px;width:223px;z-index:1}.mobile-menu-close-button{display:block}.nav-mobile{align-items:center;display:flex;flex-direction:column;gap:10px;height:100%;justify-content:center;width:100%}.nav-mobile li{color:#fff;font-size:12px;font-weight:400;letter-spacing:2px;text-transform:uppercase}.hamburger-icon{display:block}.hero-section{margin-bottom:0}.text-box{height:auto;padding:24px 0 32px;position:static;width:100%}.hero-section .btn{position:relative}.text-box h1{margin-bottom:30px}.about-section{gap:var(--gapGridMobile);grid-template-columns:repeat(1,1fr);margin-bottom:var(--marginSectionBottomMobile)}.profile-image-wrapper{max-width:100%}.about-text-wrapper{padding:25px 0}.about-text-wrapper h2{margin-bottom:var(--marginSectionTitleBottomMobile)}.about-me{font-size:13.5px;height:340px;margin-bottom:90px}.cta-wrapper{display:flex;flex-direction:column;gap:40px;margin-bottom:60px}.cta-text-box{text-align:center}.cta-wrapper .connecting-line{display:none}.contact-form-wrapper,.getintouch-wrapper{padding:var(--paddingSectionElementMobile) 0}.navbar-footer{height:325px}.logo-menu-wrapper,.menu,.nav-footer-wrapper{align-items:center;display:flex;flex-direction:column;gap:25px;justify-content:center}.nav-desktop-tablet{display:none}.menu{gap:15px}.logo-menu-wrapper svg{margin:0}.card-wrapper{display:flex;flex-direction:column}.card-wrapper:nth-child(2n){flex-direction:column-reverse}.card-image-wrapper{height:auto}.inner-details-description-wrapper{display:flex;flex-direction:column;gap:5px}.details-hero-wrapper{margin-bottom:var(--marginDetailHeroMobile)}.keywords{font-size:13px}.details-nav{height:148px;margin-bottom:64px}.details-nav h3{font-size:30px;line-height:30px}.prev-details{align-items:flex-start;flex-direction:column}.next-details,.prev-details{gap:10px;justify-content:center}.next-details{flex-direction:column-reverse}.next-details,.next-navigation{align-items:flex-end}.next-navigation h3{text-align:end}}
/*# sourceMappingURL=main.b64310dc.css.map*/