*{padding:0;box-sizing:border-box}*,body{margin:0}body{font-family:"Roboto",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{text-decoration:inherit;color:inherit}img{vertical-align:middle}p{letter-spacing:.03em;line-height:1.5em}.sectionDevider{height:2px;width:6rem!important;background:#e45447;position:relative}.sectionDevider:before{content:"";display:block;position:absolute;height:.6rem;width:.6rem;border-radius:50%;background:#e45447;top:50%;transform:translateY(-50%)}#portal{position:fixed;height:100vh;width:100vw;top:0;left:0;z-index:100;display:grid;place-items:center;pointer-events:none}#portal .modalBackdrop{pointer-events:all;height:100%;width:100%;background:rgba(0,0,0,.7);position:absolute;left:0;top:0}#portal .modal{grid-column:1/2;grid-row:1/2;pointer-events:all;z-index:10;background:#fff;max-height:calc(100vh - 2rem)}#portal .modal~.modalBackdrop,#portal .modal~.modalBackdrop~.modal{z-index:10}#portal .toast{border:1px dashed red;pointer-events:all;margin:auto auto 2rem 2rem;place-items:center;background:#fff;padding:1rem 1.5rem;box-shadow:0 0 .3rem rgba(0,0,0,.2)}.App{max-width:1140px;margin:auto;position:relative}@media(max-width:1200px){.App{max-width:960px}}@media(max-width:990px){.App{max-width:768px}}@media(max-width:768px){.App{width:540px;max-width:100vw}}header{display:flex;justify-content:space-between;align-items:center;padding:1rem;position:fixed;width:100%;max-width:1140px;left:50%;transform:translateX(-50%)}header,header a{z-index:100}header:before{content:"";display:block;position:absolute;height:100%;width:200%;left:50%;transform:translateX(-50%);transition:background .3s,box-shadow .3s ease-in-out;background:hsla(0,0%,100%,0);z-index:100}header.bg:before{background:#fff;box-shadow:0 0 .5rem rgba(0,0,0,.37)}header .menuBtn{width:30px;height:30px;border:none;outline:none;background:none;position:relative;z-index:100;cursor:pointer}header .menuBtn span{display:block;height:3px;width:100%;background:#000;position:absolute;transition:opacity .18s,transform .18s ease-in-out;transform-origin:center}header .menuBtn span.top{transform:rotate(0) translateY(-480%)}header .menuBtn span.mid{opacity:1;transform:translateY(-50%)}header .menuBtn span.bottom{transform:rotate(0) translateY(380%)}header .menuBtn.open span.top{transform:rotate(135deg) translateY(20%)}header .menuBtn.open span.mid{transform:translateY(-50%) translateX(-200%);opacity:0}header .menuBtn.open span.bottom{transform:rotate(-135deg) translateY(20%)}header .menu{overflow:hidden;position:fixed;height:100vh;width:100vw;top:0;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:1fr 1fr;pointer-events:none}header .menu .links,header .menu .socials{color:#777;font-weight:500;padding:1rem 2rem;align-items:center;display:grid;background:hsla(0,0%,100%,.95);transition:transform 1s ease-in-out}header .menu .links .wrapper,header .menu .socials .wrapper{max-width:600px;display:grid;grid-gap:1.5rem}header .menu .links .wrapper a,header .menu .socials .wrapper a{letter-spacing:.2em}header .menu .links .wrapper a:hover,header .menu .socials .wrapper a:hover{color:#e45447}header .menu .socials .wrapper{justify-content:flex-end}header .menu .links{direction:rtl;transform:translateX(-100%)}header .menu .links .wrapper{direction:ltr;width:100%}header .menu .links .wrapper a{width:-webkit-max-content;width:max-content}header .menu .socials{transform:translateX(100%)}header .menu.open{pointer-events:all}header .menu.open .links,header .menu.open .socials{transform:none}@media(max-width:1200px){header{max-width:960px}}@media(max-width:990px){header{max-width:768px}}@media(max-width:768px){header{width:540px}}@media(max-width:570px){header{max-width:96vw}}button.buttonAnim{padding:1.1rem 2.75rem;white-space:nowrap;border-radius:4rem;font-weight:700;font-size:.9rem;cursor:pointer;position:relative;overflow:hidden;border:1px solid #e45447;background:#e45447;color:#fff;transition:background .3s cubic-bezier(.75,0,.125,1)}button.buttonAnim .anim{letter-spacing:.2em}button.buttonAnim .anim span{opacity:0;transition:opacity .2s ease-in-out}button.buttonAnim .static{position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);transition:transform .3s cubic-bezier(.75,0,.125,1)}button.buttonAnim.hover{background:#fff}button.buttonAnim.hover .static{transform:translateY(200%) translateX(-50%)}button.buttonAnim.hover .anim span{opacity:1;color:#e45447}button.buttonAnim:not(.hover) .anim span{transition-delay:0ms!important}button.buttonAnim.clean{background:#fff;color:#e45447}button.buttonAnim.clean .anim span{color:#fff}button.buttonAnim.clean.hover{background:#e45447}button.buttonAnim.clean.cyan{border-color:#17a2b8}button.buttonAnim.clean.cyan .static{color:#17a2b8}button.buttonAnim.clean.cyan.hover{background:#17a2b8}button.buttonAnim.cyan:not(.clean){background:#17a2b8;border-color:#17a2b8}button.buttonAnim.cyan:not(.clean) .anim span{color:#17a2b8}button.buttonAnim.cyan:not(.clean).hover{background:#fff}@media(max-width:768px){button.buttonAnim{padding:.7rem 2.25rem}}.banner{height:953px;display:grid;grid-template-columns:1fr .35fr;position:relative;align-items:flex-end;margin-bottom:10rem}.banner:after{content:"";display:block;position:absolute;height:100%;width:50vw;background:#90acd1;z-index:-1;left:83%}.banner .texts{padding:1rem;align-self:center;display:grid;grid-gap:1.5rem}.banner .texts .chatBubble{background:#90acd1;width:-webkit-max-content;width:max-content;color:#fff;font-size:1rem;padding:1.2rem;border-radius:.5rem .5rem 0 .5rem;position:relative}.banner .texts .chatBubble:after{content:"";position:absolute;right:0;bottom:-15px;width:0;height:0;border-left:26px solid transparent;border-right:0 solid transparent;border-top:24px solid #90acd1}.banner .texts h1{font-size:3.7rem}.banner .texts h3{font-size:2rem;font-weight:400;margin-right:10rem;color:#777}.banner .texts h3 .red{color:#e45447}.banner .texts h3 .cyan{color:#90acd1}.banner .texts button{margin-top:1.5rem;width:-webkit-max-content;width:max-content}.banner .imgContainer img{position:relative;left:160px}.banner .brands{margin:0 1rem;position:absolute;background:#fff;width:calc(100% - 2rem);transform:translateY(50%);display:grid;padding:3.5rem 0;border-radius:10rem;box-shadow:0 0 3rem rgba(0,0,0,.1);overflow:hidden}.banner .brands .wrapper{opacity:.5}.banner .brands .wrapper .items{display:flex;align-items:center;justify-content:center}.banner .brands .wrapper img{pointer-events:none}@media(max-width:1480px){.banner .imgContainer img{left:0;max-width:27rem}}@media(max-width:1200px){.banner .imgContainer img{max-width:20rem}}@media(max-width:990px){.banner .imgContainer{display:none}}@media(max-width:768px){.banner{max-width:100vw;height:650px;grid-template-columns:1fr}.banner:after{left:95%}.banner .texts h1{font-size:2.75rem}.banner .texts h3{font-size:1.5rem;margin-right:0}.banner .brands{padding:2rem 0;margin:0 3rem;width:calc(100% - 6rem)}}@media(max-width:540px){.banner:after{display:none}}.about{display:grid;grid-template-columns:1fr 1fr;align-items:center;grid-gap:6rem;padding:3rem 1rem}.about .content{display:grid;grid-gap:2rem}.about .content h2{font-size:3.3rem}.about .content .paragraphs{display:grid;grid-gap:2rem;line-height:1.8em;color:#777;font-size:.95rem}.about .content .actions{display:flex;grid-gap:1rem}@media(max-width:990px){.about{grid-template-columns:1fr;padding-bottom:3rem}.about .content{grid-gap:1.5rem}.about .content h2{font-size:2.25rem}.about .imgContainer{display:none}}.counter{position:relative;padding:5rem 1rem;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:1.5rem}.counter:before{z-index:-1;position:absolute;content:"";display:block;top:0;left:50%;transform:translateX(-50%);background:#f9f9ff;height:100%;width:100vw}.counter .head{grid-column:1/-1;display:grid;grid-gap:2rem;margin-bottom:2rem}.counter .head h2{font-size:3.3rem}.counter .head p{max-width:30rem}.counter .item{display:grid;align-items:center;justify-content:center;text-align:center;text-transform:uppercase;box-shadow:0 0 1rem rgba(0,0,0,.3);border-radius:5px;padding:5rem 2rem 3rem;grid-gap:2rem;transition:transform .3s ease-in-out}.counter .item .wave{font-size:2.25rem;color:#777;position:relative;height:-webkit-min-content;height:min-content;margin-bottom:2rem}.counter .item .wave:after,.counter .item .wave:before{animation:wave 3s linear infinite;position:absolute;content:"";height:5.5rem;width:5.5rem;top:50%;left:50%;border-radius:130px 120px 160px 130px}.counter .item .wave:before{transform:translate(-50%,-50%);background:rgba(144,172,209,.2)}.counter .item .wave:after{transform:translate(-47%,-50%);border:2px solid #90acd1}.counter .item .wave svg{display:grid;margin:auto}.counter .item span{font-size:2.2rem;font-weight:600}.counter .item h5{font-size:1.1rem;font-weight:500;letter-spacing:.05em}.counter .item P{text-transform:none;font-size:.85rem;color:#777}.counter.services .item:hover{transform:translateY(-12px)}@media(max-width:1200px){.counter .item{padding:3.5rem 1.5rem 1.5rem}}@media(max-width:990px){.counter{grid-template-columns:1fr 1fr}.counter .head{grid-gap:1.5rem}.counter .head h2{font-size:2.25rem}}@media(max-width:768px){.counter{grid-template-columns:1fr}.counter .item{padding:3rem}}@keyframes wave{0%{border-radius:120px 135px 110px 90px}25%{border-radius:130px 140px 100px 110px}50%{border-radius:110px 97px 150px 100px}75%{border-radius:80px 107px 120px 90px}to{border-radius:120px 135px 110px 90px}}.skills{padding:3rem 1rem;display:grid;grid-template-columns:.4fr .6fr;grid-gap:2rem;align-items:center}.skills .texts h2{font-size:3.3rem;margin-bottom:1rem}.skills .texts p{font-size:.9rem;color:#777}.skills .skillBars{display:grid;grid-gap:1.75rem}.skills .skillBars h3{margin-bottom:.5rem}.skills .skillBars .outline{border:1px solid rgba(0,0,0,.25);padding:4px 7px;border-radius:2rem}.skills .skillBars .outline .fill{height:7px;background:#90acd1;position:relative}.skills .skillBars .outline .fill:after{position:absolute;top:-4px;right:0;content:"";display:block;width:1px;height:1.5rem;background:#90acd1}.skills .skillBars .outline .fill:before{position:absolute;content:attr(data-value);display:block;bottom:-1.5rem;right:5px;font-size:.9rem;font-weight:500}@media(max-width:990px){.skills{grid-template-columns:1fr}.skills .texts h2{font-size:2.25rem}}.latestWorks{position:relative;padding:4rem 1rem}.latestWorks:before{z-index:-1;position:absolute;content:"";display:block;top:0;left:50%;transform:translateX(-50%);background:#f9f9ff;height:100%;width:100vw}.latestWorks .categories{list-style:none;display:flex;flex-wrap:wrap;grid-gap:2rem;font-size:.95rem;color:#777;margin:3rem 0}.latestWorks .categories li{cursor:pointer}.latestWorks .categories li.active,.latestWorks .categories li:hover{color:#e45447}.latestWorks .content .work{position:relative;cursor:pointer}.latestWorks .content .work .thumb img{width:100%;border-radius:.5rem}.latestWorks .content .work .overlay{border-radius:.5rem;position:absolute;top:0;height:100%;width:100%;display:grid;place-items:center;color:#fff;text-align:center;transition:background .3s ease-in-out}.latestWorks .content .work .overlay h4{opacity:0;transition:color .5s ease-in-out;letter-spacing:.05em;font-size:1.3rem}.latestWorks .content .work .overlay h4 span{margin-top:.5rem;font-size:1rem;font-weight:400;display:block}.latestWorks .content .work:hover .overlay{background:rgba(228,84,71,.75)}.latestWorks .content .work:hover .overlay h4{opacity:1}.sectionHead{display:grid;grid-gap:2rem;margin-bottom:2rem}.sectionHead h2{font-size:3.3rem}.sectionHead p{max-width:32rem;color:#777;font-size:.9rem}.jobHistory{padding:3rem 1rem}.jobHistory .jobs{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem}.jobHistory .jobs .item{border-radius:.5rem;padding:2rem;background:#f9f9ff;cursor:pointer;transition:color .3s,background .3s ease-in-out}.jobHistory .jobs .item .head{display:grid;grid-template-columns:1fr -webkit-max-content;grid-template-columns:1fr max-content;margin-bottom:1.25rem}.jobHistory .jobs .item .head>span{font-size:.9rem;color:#777}.jobHistory .jobs .item .head .buttonAnim{grid-row:1/3;grid-column:2/3;padding:1rem 1.5rem}.jobHistory .jobs .item .head .buttonAnim .anim{letter-spacing:0}.jobHistory .jobs .item .head .buttonAnim.hover{background:#fff}.jobHistory .jobs .item .head .buttonAnim.hover .anim span{color:#17a2b8}.jobHistory .jobs .item p{font-size:.95rem;color:#777}.jobHistory .jobs .item:hover{background:#17a2b8;color:#fff}.jobHistory .jobs .item:hover .head>span,.jobHistory .jobs .item:hover p{color:#fff}@media(max-width:990px){.sectionHead{grid-gap:1.5rem}.sectionHead h2{font-size:2.25rem}.jobHistory .jobs{grid-template-columns:1fr}}@media(max-width:570px){.jobHistory .jobs .item{padding:1.25rem}.jobHistory .jobs .item .head{grid-template-columns:1fr}.jobHistory .jobs .item .head .buttonAnim{margin-top:1.25rem;width:-webkit-min-content;width:min-content;grid-row:3/4;grid-column:1/2}}.reviews{padding:6rem 3rem;text-align:center}.reviews .item{margin:auto;max-width:35rem;display:grid;grid-gap:1rem}.reviews .item *{pointer-events:none!important}.reviews .item h4{font-size:3.5rem;font-weight:400;color:rgba(0,0,0,.1)}.reviews .item .stars{color:#ffc000}.reviews .item p{font-size:.9rem;color:rgba(0,0,0,.7)}.reviews .wrapper{padding-bottom:3rem}.reviews .dot{margin:auto;width:-webkit-min-content;width:min-content;bottom:0;background:rgba(0,0,0,.1)}.reviews .dot li{display:grid}.reviews .dot li button{border-radius:0;border:none;margin:0;height:4px;width:3rem}.reviews .dot li.react-multi-carousel-dot--active button{background:#e45447}@media(max-width:570px){.reviews{padding:4rem 2rem}}.contact{position:relative;color:#fff;text-align:center;padding:3rem;display:grid;grid-gap:1.5rem;align-items:center}.contact:before{z-index:-1;position:absolute;content:"";display:block;top:0;left:50%;transform:translateX(-50%);background:#e45447;height:100%;width:100vw}.contact h3{font-size:2rem;letter-spacing:.07em}.contact .devider{height:2px;width:6rem;background:#fff;position:relative;margin:auto}.contact .devider:before{content:"";display:block;position:absolute;height:.6rem;width:.6rem;border-radius:50%;background:#fff;top:50%;left:50%;transform:translate(-50%,-50%)}.contact p{max-width:37rem;margin:auto}.contact .contactInfo{display:flex;flex-wrap:wrap;margin:2rem auto;justify-content:space-between;font-weight:500;width:100%;max-width:45rem}.contact .buttonAnim{margin:auto;width:-webkit-max-content;width:max-content;border-color:#fff}@media(max-width:768px){.contact .contactInfo{flex-direction:column;grid-gap:1.5rem}}@media(max-width:570px){.contact{padding:3rem 2rem}}footer{padding:6rem 3rem;display:grid;align-items:center;text-align:center;grid-gap:2.5rem}footer img{margin:auto}footer .socials{display:grid;grid-gap:1.5rem;justify-content:center}footer .socials h5{color:#777;font-size:1.25rem}footer .socials .links{font-size:2rem;display:flex;grid-gap:2.25rem;align-items:center;color:rgba(0,0,0,.3)}footer .socials .links a{transition:color .3s ease-in-out}footer .socials .links a:hover{color:#e45447}footer .copy{font-size:.9rem;color:#777}footer .copy a{color:#e45447}@media(max-width:570px){footer{padding:4rem 2rem}}
/*# sourceMappingURL=main.48168d35.chunk.css.map */