@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap";
.container{width:75%;margin:0 auto}@media (max-width:600px){.container{width:90%}}a{color:#154eb8;text-decoration:none}p{line-height:1.4}h1{text-transform:capitalize;letter-spacing:1.5px;color:#3f3f3f;font-size:4.4rem;font-weight:900}h2{letter-spacing:1px;color:#3f3f3f;margin-bottom:1rem;font-size:3.5rem;font-weight:900}h3{text-transform:capitalize;letter-spacing:1.5px;color:#fff;margin:1.5rem 0 .8rem;font-size:2rem;font-weight:700}.subtitle1{color:#3f3f3f;max-width:50ch;margin:1.8rem 0;font-size:1.3rem;font-weight:500}.subtitle2{color:#fff;font-size:1.1rem;font-weight:400}.body1{letter-spacing:1.1px;font-size:1.1rem;line-height:1.7}.body1:not(:last-of-type){margin-bottom:1rem}@media (max-width:950px){h1{font-size:3.6rem}}@media (max-width:600px){h1{font-size:2rem}}@media (max-width:800px){h1{font-size:3.2rem}}@media (max-width:760px){h1{font-size:3rem}}@media (max-width:680px){h1{font-size:2.5rem}}@media (max-width:420px){h1{font-size:1.85rem}}@media (max-width:360px){h1{font-size:1.65rem}}@media (max-width:325px){h1{font-size:1.45rem}}@media (max-width:900px){h2{font-size:2.5rem}}@media (max-width:400px){h2{font-size:2rem}}@media (max-width:320px){h2{font-size:1.8rem}}@media (max-width:450px){h3{font-size:1.7rem}}@media (max-width:350px){h3{font-size:1.5rem}}@media (max-width:315px){h3{font-size:1.35rem}}@media (max-width:360px){.subtitle1{font-size:1rem}}.nav-animation{z-index:4;background-color:rgba(51,51,51,.97);background-position:50%;background-repeat:no-repeat;background-size:cover;transition:all .2s;position:fixed;top:0;bottom:0;left:0;right:0;transform:scale(0)}.nav-animation.open{transform:scale(1)}nav{opacity:0;pointer-events:none;z-index:10;z-index:5;flex-direction:column;justify-content:center;align-items:center;gap:30px;width:100%;transition:all .2s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow-x:hidden}nav.open{opacity:1;pointer-events:all}nav .social{margin:0}.nav-content{flex-direction:column;justify-content:center;align-items:center;gap:15px;display:flex}.nav-content :nth-child(odd){transform:translate(-200px)}.nav-content :nth-child(2n){transform:translate(200px)}.nav-content.open :nth-child(odd),.nav-content.open :nth-child(2n){transform:translate(0)}.nav-content a{color:#fff;letter-spacing:1.1px;text-transform:uppercase;outline-color:transparent;padding:5px 0;font-size:1.6rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block;position:relative}.nav-content a:before,.nav-content a:after{content:"";background-color:#fff;width:0;height:2px;transition:all .2s;position:absolute;top:100%}.nav-content a:before{left:0}.nav-content a:after{right:0}.nav-content a:hover:before,.nav-content a:focus:before,.nav-content a:hover:after,.nav-content a:focus:after{width:50%}.bars{cursor:pointer;z-index:6;flex-direction:column;justify-content:space-between;width:45px;height:35px;display:flex;position:fixed;top:50px;right:50px}.bars .bars-line{cursor:pointer;background-color:#2b2b2b;width:100%;height:3px;transition-property:transform;transition-duration:.3s;transition-timing-function:cubic-bezier(.6,-.4,.735,.045)}.bars-line.light{background-color:#fff}.bars :first-of-type{transform-origin:0 0}.bars :nth-of-type(3){transform-origin:0 100%}.bars.open .bars-line{background-color:#fff}.bars.open :nth-of-type(2){opacity:0;transform:translate(100px)}.bars.open :first-of-type{transform:rotate(45deg)}.bars.open :nth-of-type(3){transform:rotate(-45deg)}#about{align-items:center;padding:150px 0;display:flex}#about h2,#about p{color:#fff}#about .container{height:100%;display:flex}#about .flex-item{flex-direction:column;flex-grow:1;justify-content:center;width:100%;display:flex}#about .flex-item img{fill:#fff;width:200px;max-width:100%;height:200px;margin:0 auto}@media (max-width:900px){#about .flex-item img{margin-bottom:2rem}#about .container{flex-direction:column;gap:3rem}}#contact{padding:100px 0;overflow:hidden}#contact .container{display:flex}.social{flex-direction:column;align-items:center;width:100%;margin-left:50px;display:flex}.social-icons{flex-wrap:wrap;gap:1rem;margin-top:20px;display:flex}.social-icons a{background-color:#fff;border:2px solid transparent;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex;transition:all .2s!important}.social-icons a img{width:32px;height:32px;display:block}.social-icons a:active,.social-icons a:hover{background-color:transparent;border-color:#fff}#contact a #contact h3{color:#fff;text-align:center;max-width:40ch;font-size:3rem;font-weight:900}.email-text{text-transform:lowercase;color:#fff;margin-top:40px;font-size:1rem;font-weight:900}.email-text:hover{text-decoration:underline}@media (max-width:1100px){#contact .social-icons{justify-content:center;margin-top:30px}#contact .container{flex-direction:column-reverse}#contact .social{text-align:center;flex-direction:column-reverse;display:flex;margin:0 0 50px!important}}@media (max-width:600px){#contact{padding:50px 0}#contact .container{gap:25px}}@media (max-width:500px){#contact .social-icons a{margin-bottom:10px}#contact h3{font-size:2rem}}#home{padding:200px 0;position:relative}.hero-content{z-index:2;flex-direction:column;justify-content:center;display:flex;position:relative}.hero-actions{gap:15px;display:flex}.artboard{z-index:1;height:50%;position:absolute;bottom:0;left:50%}.artboard .primary{fill:#154eb8}.phone{z-index:1;position:absolute;bottom:60%;left:50%}.phone .primary{fill:#154eb8}@media (max-width:1600px){.phone{bottom:70%}}@media (max-width:981px){.artboard{height:40%;transform:translate(-50%)}}@media (max-width:950px){#home{padding:160px 0}.artboard{display:none}.phone{bottom:30px;left:65%}}@media (max-width:600px){#home{padding:50px 0}.hero-content{margin-top:60px;padding:30px 0}.hero-actions{flex-direction:column;width:100%}.phone{bottom:60%;left:70%}}@media (max-width:540px){.phone{bottom:71%;left:10%}}#projects{padding:100px 0}#projects h2{text-transform:capitalize;margin-bottom:10px}#projects .grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;display:grid}#projects .grid-item{border:1px solid #f0f0f0;border-radius:4px;text-decoration:none;display:block;position:relative;transition:all .2s!important}#projects .grid-item-body{padding:1.3rem}#projects .grid-item .media{-o-object-fit:cover;object-fit:cover;border-bottom:1px solid #f0f0f0;border-top-left-radius:4px;border-top-right-radius:4px;width:100%;display:block}#projects .grid-item h4{color:#3f3f3f;letter-spacing:1.32px;margin-bottom:7px;font-size:20px;font-weight:900}#projects .grid-item p{color:#3f3f3f;margin-bottom:7px;font-size:14px}#projects .grid-item small{color:#3f3f3f;opacity:.7;font-size:12px}#solutions{align-items:center;padding:150px 0;display:flex}#solutions .grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}#solutions .card{box-shadow:none;flex-direction:column;padding:20px;display:flex}#solutions .card .card-icon{color:#3f3f3f;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;padding:12px;font-size:1.5rem;display:flex;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}#solutions .card .card-icon img{width:100%;height:100%}@media (max-width:1400px){#solutions{padding:50px 0}#solutions .grid{grid-template-columns:1fr 1fr}}@media (max-width:820px){#solutions .grid{grid-template-columns:1fr}}#technology .grid{grid-template-columns:repeat(3,1fr);padding:75px 0;display:grid}#technology .grid-item{background-position:50%;background-repeat:no-repeat;height:200px}@media (max-width:1000px){#technology .grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:680px){#technology .grid{grid-template-columns:1fr}#technology .grid-item{height:200px}}.bg-dark{background-color:#333}.bg-light{background-color:#fff}@keyframes barrel-roll{0%{transform:rotate(0)scale(1)}66%{transform:rotate(180deg)scale(.5)}to{transform:rotate(0)scale(1)}}@keyframes barrel-roll-reverse{0%{transform:rotate(0)scale(1)}66%{transform:rotate(-180deg)scale(.5)}to{transform:rotate(0)scale(1)}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{width:100%;font-family:Roboto,sans-serif;font-size:16px;animation:1s ease-in-out barrel-roll-reverse;overflow-x:hidden;overflow-y:auto}body.overflow-hidden{overflow-y:hidden}body.pre-load{animation:none!important}body.barrel-roll{animation:1s ease-in-out barrel-roll}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background-color:#f2f2f2}::-webkit-scrollbar-thumb{background-color:#bfbfbf}::-webkit-scrollbar-thumb:hover{background-color:#a8a8a8}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.projects-grid a{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.projects-grid p{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.projects-grid .grid-item,.projects-grid .grid-item-body{width:100%;overflow:hidden}