[id]::before{content:"";display:block;height:112px;margin-top:-112px;visibility:hidden}
html{background-color:#F1F1F1}
.clr--dark__primary{color:#0A2B6C}
.clr--dark__secondary{color:#090909}
.clr--dark__tertiary{color:#474747}
.clr--light__primary{color:#FFEFCA}
.clr--light__secondary{color:#FFF}
.clr--primary{color:#0A2B6C}
.clr--secondary{color:#FFEFCA}
html{font-family:Roboto,sans-serif;line-height:1.4;scroll-behavior:smooth}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
ul,ol{list-style-type:none}
.main-body{margin:auto;margin-top:112px;max-width:1024px;background-color:#FFF}
.layout-container{border-bottom:0.5rem solid #0A2B6C;display:grid}
.top-border{border-top:0.5rem solid #0A2B6C}
.hero__img,.section__img{width:100%;height:100%;object-fit:contain;object-position:center;max-height:300px}
.text-section{grid-row:1 / 2}
@media only screen and (min-width:682.6666666667px){.text-section,.wide-section{grid-column:span 2}.hero__img,.section__img{grid-column:span 2}.layout-container{grid-template-columns:repeat(auto-fill,minmax(341.3333333333px,1fr))}.main-body{margin-top:160px}[id]::before{height:160px;margin-top:-160px}}
@media only screen and (min-width:1024px){.wide-section{grid-column:span 3}.hero__img,.section__img{grid-column:span 1;max-height:100%}.text-section:not(.hero){grid-column:2 / 4}}
.logo{font-family:Quattrocento,serif;font-size:2.5rem;padding:1.5rem;font-weight:700}
@media only screen and (min-width:682.6666666667px){.logo{font-size:5.5rem;line-height:0.75}}
.text-section{padding:1.5rem}
.text-section .heading{font-size:2rem;padding-bottom:1.5rem}
.text-section .content{padding-bottom:1.5rem}
.text-section.no-top{padding-top:0}
.text-section ul{margin:0 0 1.5rem 0}
.text-section ul li{margin-bottom:1rem}
@media only screen and (min-width:682.6666666667px){.text-section{padding:3rem}.text-section .heading{font-size:2.5rem}.text-section .content{font-size:1rem;line-height:1.75}}
button.link__button{color:#FFEFCA;background-color:#0A2B6C;padding:0.75rem 1.75rem;border:none;font-size:1rem;border-radius:5px}
button.link__button:hover{background-color:#082255;cursor:pointer}
a.anchor{display:block;position:relative;top:-136px;visibility:hidden}
@media only screen and (min-width:682.6666666667px){a.anchor{top:-250px}}
.bx-wrapper .bx-controls-direction a{z-index:99}
.header{background-color:#FFF;width:100%;text-align:center;position:fixed;top:0;box-shadow:0 3px 5px rgba(0,0,0,0.25);border-bottom:0.5rem solid #0A2B6C;z-index:100}
.header .logo{text-align:left}
.header nav{padding:1rem;background-color:#0A2B6C;position:absolute;width:100%;transition:transform 400ms ease-in-out;transform-origin:top;display:flex;flex-direction:column;gap:1rem}
.header nav a{text-decoration:none;color:#FFF;display:block;position:relative}
.header .nav--hidden{transform:scaleY(0)}
.header .nav--hidden a{visibility:hidden}
.header .nav--shown{transform:scaleY(1)}
.header .nav__toggle{position:absolute;background-color:transparent;border:none;top:50%;right:1rem;transform:translateY(-50%)}
@media only screen and (min-width:682.6666666667px){.header .logo{text-align:center}.header nav{position:static;background-color:#FFF;flex-direction:row;gap:2rem;justify-content:center;transition:none;padding:1rem;padding-top:0}.header nav a{color:#090909}.header nav .nav-item--active::after,.header nav a:hover::after{content:"";border:1.5px solid #FFEFCA;background-color:#FFEFCA;position:absolute;width:90%;top:100%;left:50%;transform:translateX(-50%)}.header .nav__toggle{display:none}}
.section__header{font-size:2rem;padding:1.5rem}
.section__text{padding:0 1.5rem 1.5rem;max-width:75ch}
.testimonials__wrapper{display:flex;border-bottom:0.5rem solid #0A2B6C}
.testimonial{background-image:url("https://unsplash.it/720/720");background-position:center;max-width:341.3333333333px}
.testimonial.testimonial--hidden{display:none}
.testimonial .testimonial__content{background-color:rgba(255,255,255,0.8);margin:calc(1.5rem + 50px) 1.5rem 1.5rem;padding:calc(1.5rem + 50px) 1.5rem 1.5rem;border-radius:15px;position:relative;height:calc(100% - 98px)}
.testimonial .testimonial__content img{border-radius:25%;position:absolute;top:-50px;left:50%;transform:translateX(-50%);width:100px;height:100px}
.testimonial .testimonial__content .testimonial__content__name{padding-bottom:0.75rem;text-align:center;font-weight:500;font-size:1.25rem}
.testimonial .testimonial__content .testimonial__content__job_desc{padding-bottom:0.75rem;text-align:center}
.testimonial .testimonial__content .testimonial__content__text{line-height:1.5}
.bx-wrapper{border:none;box-shadow:none;-webkit-box-shadow:none}
@media only screen and (min-width:341.3333333333px){.testimonial{max-width:682.6666666667px}}
@media only screen and (min-width:682.6666666667px){.section__header{font-size:3.5rem;padding:1.5rem 5.625rem}.section__text{padding:0 5.625rem 1.5rem;font-size:1.25rem;line-height:1.75}.testimonial{max-width:50vw}}
@media only screen and (min-width:1024px){.testimonial{max-width:341.3333333333px}}
.samples{border-bottom:0.5rem solid #0A2B6C}
.samples__wrapper{display:flex;flex-direction:row;overflow-x:scroll;padding:1.5rem;gap:1.5rem}
.samples__wrapper .sample__thumbnail{min-width:250px;width:250px;height:250px;box-shadow:0 0 15px rgba(0,0,0,0.25);border-radius:15px;padding:1.5rem;text-align:center;position:relative}
.samples__wrapper .sample--active::after{content:"";border:1.5px solid #FFEFCA;background-color:#FFEFCA;position:absolute;width:80%;left:10%;bottom:-15px}
.samples__wrapper .sample__client_logo{width:100px;height:100px;border-radius:25%;flex-shrink:0;margin-bottom:0.75rem}
.samples__wrapper .sample__title{padding-bottom:0.75rem;font-weight:500;font-size:1.25rem}
.sample__viewer{width:100vw;height:130vw;background-color:#333}
@media only screen and (min-width:682.6666666667px){.samples__wrapper{padding:0 1.5rem 1.5rem 5.625rem}.sample__viewer{margin:0 5.625rem 1.5rem;width:calc(100% - 2 * 5.625rem);border-radius:15px}}
@media only screen and (min-width:1024px){.samples__wrapper{justify-content:space-between;padding:1.5rem 5.625rem;margin-bottom:2rem;overflow-x:hidden}.sample__viewer{margin:0 5.625rem 1.5rem;width:844px;height:1250px;border-radius:15px}}
footer{background-color:#333;padding:1.5rem;text-align:center}
footer .footer__author{margin-bottom:1.5rem}
footer .footer__author a{color:#50b9ea;text-decoration:none}
footer .footer__author a:hover{cursor:pointer}
footer .footer__socials>a{color:white;padding:0 0.75rem}
footer .footer__socials>a:hover{cursor:pointer}
.clients{display:flex;flex-direction:row;overflow-x:scroll;padding:0 1.5rem;gap:1.5rem}
.clients .client{width:150px;height:150px;border-radius:25%;flex-shrink:0;margin-bottom:0.75rem}
@media only screen and (min-width:682.6666666667px){.clients{padding:0 1.5rem 1.5rem 5.625rem}}
@media only screen and (min-width:1024px){.clients{justify-content:space-between;padding:1.5rem 5.625rem;margin-bottom:2rem}}