@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Silkscreen:wght@400;700&display=swap";*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0;padding:0;margin:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}html{font-size:100%;font-family:Poppins,sans-serif}body{display:flex;flex-direction:column;color:#232227}body aside{position:fixed}.wrapper{margin-top:4.5rem;margin-left:4.5rem}.hero-section{display:flex;align-content:center}.hero-section .content,.hero-section .design{height:40rem;padding:4rem;border-bottom:1px solid #000;flex:1}.hero-section .content{background-color:#fde3c7;border-right:1px solid #000;display:flex;flex-direction:column;justify-content:space-evenly}.hero-section .content h1{font-size:4.6rem;font-weight:500;line-height:1.2}.hero-section .content .subtitle{max-width:32rem;font-size:1.2rem;font-weight:300;line-height:1.7}.hero-section .content button-component::part(container){padding:1.3rem 3rem}.hero-section .content button-component::part(content){font-weight:500}.hero-section .design{background-color:#c9bffe;position:relative}.hero-section .design .chip-icon{bottom:13.1rem;left:15rem}.hero-section .design .chip-icon i{animation:spin 3s linear infinite;display:flex;align-items:center;justify-content:center}.hero-section .design .chip-icon::part(container){height:7rem;width:7rem;font-size:5.3rem}.hero-section .design .chip-design{bottom:14.4rem;left:18rem;transform:rotate(42deg)}.hero-section .design .chip-design::part(container){height:6rem;width:20rem}.hero-section .design .chip-and{bottom:0;left:.7rem;transform:rotate(-20deg)}.hero-section .design .chip-and::part(container){height:10rem;width:6rem}.hero-section .design .chip-cro{bottom:6.7rem;left:15rem}.hero-section .design .chip-cro::part(container){height:6rem;width:15rem}.hero-section .design .chip-development{bottom:.3rem;left:10rem}.hero-section .design .chip-development::part(container){height:6rem;width:30rem}.hero-section .design>*{position:absolute;font-weight:600;font-size:3.3rem}.clients-section{border-bottom:1px solid #000;display:flex}.clients-section h2{font-weight:300;padding:2rem;border-right:1px solid #000}.clients-section .clients{display:flex;flex-grow:1;justify-content:space-around;align-items:center;overflow:hidden}.clients-section .clients img{width:8rem;position:relative;height:100%}.services-section{padding:4rem;border-bottom:1px solid #000}.services-section .sevices__title{font-size:3.4rem;font-weight:500;margin-bottom:4rem}.services-section .cards-container{display:flex;align-items:center;justify-content:space-between}.services-section .cards-container .card-content{display:flex;flex-direction:column}.services-section .cards-container .card-content .card-content__title{margin-bottom:1rem;font-size:1.8rem;font-weight:600}.services-section .cards-container .card-content .card-content__subtitle{margin-bottom:1rem;font-weight:300}.services-section .cards-container .card-content i{font-size:3rem;margin-bottom:1rem}.services-section .cards-container card-component::part(content){max-width:21rem;min-height:20rem}.projects-section{display:flex;flex-direction:column}.projects-section .project{display:flex;border-bottom:1px solid #000;height:45rem}.projects-section .project .project__desc{display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid #000}.projects-section .project .project__desc h2{font-size:3rem;font-weight:500}.projects-section .project .project__desc p{font-size:1.2rem;line-height:1.5;font-weight:300;text-align:center;padding:0 5rem}.projects-section .project .project__desc .chips :first-child{margin-right:1rem}.projects-section .project .project__desc .chips .chip::part(container){height:2.4rem;width:8rem}.projects-section .project .project__desc button-component::part(container){padding:1.3rem 3rem}.projects-section .project .project__desc button-component::part(content){font-weight:500}.projects-section .project .project__desc>*{margin-bottom:2rem}.projects-section .project .project__desc :last-child{margin-bottom:0}.projects-section .project .project__img{display:flex;align-items:center;justify-content:center;flex-shrink:1}.projects-section .project .project__img img{border-radius:1rem;border:1px solid #000}.projects-section .project>*{flex:1;padding:4rem}.projects-section .project:nth-child(1) .project__img{background-color:#c9bffe}.projects-section .project:nth-child(2) .project__img{background-color:#fde3c7}.projects-section .project:nth-child(3) .project__img{background-color:#d4fada}.projects-section .project:nth-child(2n) .project__desc{order:2;border-right:none;align-items:center}.projects-section .project:nth-child(2n) .project__desc p{text-align:center;padding:0 5rem}.projects-section .project:nth-child(2n) .project__img{order:1;border-right:1px solid #000}.contact-section{position:relative;display:flex;align-items:center;justify-content:center;background-color:#c9bffe;height:25rem}.contact-section .container{display:flex;align-items:center;justify-content:center}.contact-section .container :last-child{margin-left:2rem}.contact-section .container h2{font-size:4rem;font-weight:500}.contact-section .container button-component::part(container){padding:1.3rem 3rem}.contact-section .container button-component::part(content){font-weight:500}.contact-section .container i{font-size:5rem;top:2rem;left:5rem;position:absolute;animation:spin 3s infinite linear}footer{display:flex;align-items:center;justify-content:center;height:10rem;background-color:#232227;color:#fff}footer .container{display:flex;flex-direction:column;align-items:center}footer .container a{text-decoration:none;color:#fff;transition:all .4s ease;margin-bottom:1rem}footer .container a h1{padding:0;margin:0;font-size:1.2rem;font-weight:600;letter-spacing:.2rem}footer .container a:hover{transform:translate(.2rem)}.reviews-section{padding:4rem;border-bottom:1px solid #000}.reviews-section h2{font-size:3.6rem;font-weight:400;margin-bottom:4rem}.reviews-section .cards-container{display:flex;align-items:center;justify-content:space-evenly}.reviews-section .cards-container .card-content{width:25rem;height:15rem;display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center}.reviews-section .cards-container .card-content h2{margin-bottom:1.6rem;font-size:1.8rem;font-weight:500}.reviews-section .cards-container .card-content p{line-height:1.6;font-weight:300}.faqs-section{padding:4rem}@media (max-width: 450px){.wrapper{margin-left:0rem}.hero-section{flex-direction:column}.hero-section .content{padding:2rem}.hero-section .content h1{font-size:2.6rem;font-weight:500;line-height:1.2;margin-bottom:1rem}.hero-section .content .subtitle{font-size:1.1rem;font-weight:300;line-height:1.7;margin-bottom:2rem}.hero-section .content button-component::part(container){padding:1rem 2rem}.hero-section .design{background-color:#c9bffe;position:relative;min-height:20rem}.hero-section .design .chip-icon{bottom:7rem;left:14rem}.hero-section .design .chip-icon i{animation:spin 3s linear infinite;display:flex;align-items:center;justify-content:center}.hero-section .design .chip-icon::part(container){height:4.3rem;width:4.3rem;font-size:2.5rem}.hero-section .design .chip-design{bottom:9.4rem;left:15rem;transform:rotate(42deg)}.hero-section .design .chip-design::part(container){height:3rem;width:10rem}.hero-section .design .chip-and{bottom:0;left:.7rem;transform:rotate(-20deg)}.hero-section .design .chip-and::part(container){height:5rem;width:3rem}.hero-section .design .chip-cro{bottom:3.7rem;left:12rem}.hero-section .design .chip-cro::part(container){height:3rem;width:12rem}.hero-section .design .chip-development{bottom:.3rem;left:10rem}.hero-section .design .chip-development::part(container){height:3rem;width:15rem}.hero-section .design>*{position:absolute;font-weight:600;font-size:1.4rem}.clients-section{border-bottom:none;flex-direction:column;margin-bottom:4rem}.clients-section h2{font-weight:300;padding:2rem;border-bottom:1px solid #000;text-align:center;margin-bottom:3rem}.clients-section .clients{display:grid;grid-template-columns:auto auto;gap:1.4rem}.services-section{padding:2rem;border-bottom:1px solid #000}.services-section .sevices__title{font-size:3.4rem;font-weight:500;text-align:center;margin-bottom:4rem}.services-section .cards-container{flex-direction:column;gap:2rem}.projects-section{display:flex;flex-direction:column}.projects-section .project{flex-direction:column;height:auto}.projects-section .project .project__desc p{text-align:center;padding:0rem}.projects-section .project .project__desc button-component::part(container){padding:1rem 2rem}.projects-section .project>*{padding:2rem}.projects-section .project:nth-child(2n) .project__desc{order:1;text-align:center}.projects-section .project:nth-child(2n) .project__desc p{padding:0 0rem}.projects-section .project:nth-child(2n) .project__desc button-component::part(container){padding:1rem 2rem}.projects-section .project:nth-child(2n) .project__img{order:2}.reviews-section{padding:2rem;border-bottom:1px solid #000}.reviews-section h2{font-size:3.6rem;font-weight:400;margin-bottom:4rem;text-align:center}.reviews-section .cards-container{flex-direction:column;gap:2rem}.reviews-section .cards-container .card-content{width:auto}.contact-section{padding:1rem;height:25rem}.contact-section .container{display:flex;align-items:start;justify-content:start;flex-direction:column}.contact-section .container :last-child{margin-top:2rem;margin-left:0rem}.contact-section .container h2{font-size:3rem;font-weight:500}.contact-section .container button-component::part(container){padding:1rem 2rem}.contact-section .container i{font-size:2.4rem;top:1rem;left:1rem}}@keyframes spin{to{transform:rotate(360deg)}}
