:root{--sky-blue-crayola:#58c9da;--raisin-black_90:rgba(28,28,33,.9);--raisin-black-1:#28282f;--raisin-black-2:#1c1c21;--majorelle-blue:#22a699;--blue-ryb_80:rgba(66,63,243,.8);--bittersweet:#ff6161;--eerie-black:#212121;--ghost-white:#f7f8fd;--light-gray:#ccc;--slate-gray:#717684;--cool-gray:#8b91a2;--gainsboro:#e1e5ea;--mustard:#f2be22;--white:#fff;--black:#000;--onyx:#3f3f46;--jet:#363636;--gradient:radial-gradient(ellipse at center,rgba(0,0,0,.25),transparent 80%);--ff-dm-sans:"DM Sans",sans-serif;--fs-1:4rem;--fs-2:3.5rem;--fs-3:2.4rem;--fs-4:2.2rem;--fs-5:2rem;--fs-6:1.8rem;--fs-7:1.7rem;--fs-8:1.5rem;--fs-9:1.4rem;--fw-500:500;--fw-700:700;--section-padding:100px;--shadow-1:0px 2px 50px rgba(169,183,218,.3);--shadow-2:0px -2px 12px #eae8f2;--shadow-3:0px 4px 4px rgba(100,107,150,.06);--shadow-4:0px 15px 30px rgba(57,82,106,.05);--shadow-5:0px 15px rgba(35,33,140,.04);--radius-8:8px;--radius-10:10px;--radius-15:15px;--radius-20:20px;--transition-1:0.25s ease;--transition-2:0.5s ease;--cubic-in:cubic-bezier(0.51,0.03,0.64,0.28);--cubic-out:cubic-bezier(0.33,0.85,0.4,0.96)}.logo-container{overflow:hidden}.logo-container .slider{animation:slidein 30s linear infinite;white-space:nowrap}.logo-container .slider .logos{width:100%;display:inline-block;margin:0}.logo-container .slider-mobile .logos .slider-item{width:calc(100% / 2);padding-right:2.5rem;animation:fade-in .5s cubic-bezier(.455,.03,.515,.955) forwards}.logo-container .slider-window .logos .slider-item{width:calc(100% / 5);padding-right:2.5rem;animation:fade-in .5s cubic-bezier(.455,.03,.515,.955) forwards}@media (max-width:1023px){.my-banner{display:none!important}}@media (max-width:767px){.slider-mobile{display:block}.slider-window{display:none}}@media (min-width:768px){.slider-mobile{display:none}.slider-window{display:block}}.logos img{display:unset}@keyframes slidein{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}*,:after,:before{margin:0;padding:0;box-sizing:border-box}li{list-style:none}a,button,img,input,ion-icon,span{display:block}a{color:inherit;text-decoration:none}img{height:auto}button,input,textarea{background:none;border:none;font:inherit}input,textarea{width:100%}button{cursor:pointer}ion-icon{pointer-events:none}html{font-family:var(--ff-dm-sans);font-size:10px;scroll-behavior:smooth}body{background-color:var(--white);color:var(--slate-gray);font-size:1.6rem;line-height:1.75}:focus-visible{outline-offset:4px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:#fafafa}::-webkit-scrollbar-thumb{background-color:#ccc}::-webkit-scrollbar-thumb:hover{background-color:#b3b3b3}.container{padding-inline:15px}.section{padding-block:var(--section-padding)}.h1,.h2{letter-spacing:-2px}.h1{color:var(--black);font-size:var(--fs-1);line-height:1.1}.h2,.h3{color:var(--raisin-black-1)}.h2{font-size:var(--fs-2);line-height:1.2}.h3{font-size:var(--fs-3);line-height:1.3;font-weight:var(--fw-500)}.has-after,.has-before{position:relative;z-index:1}.has-after:after,.has-before:before{content:"";position:absolute}:is(.h1,.h2) .has-before{display:inline-block}:is(.h1,.h2) .has-before:before{bottom:8px;left:0;width:100%;height:6px;background-color:var(--mustard);z-index:-1}.btn{max-width:max-content;font-weight:var(--fw-700);height:55px;display:flex;align-items:center;padding-inline:50px;border-radius:var(--radius-10);overflow:hidden;transition:var(--transition-2)}.btn:after,.btn:before{right:0;width:100%;height:50%;transform:scaleX(0);background-color:var(--mustard);z-index:-1;transition:transform var(--transition-1)}.btn:before{top:0;transform-origin:left}.btn:after{top:50%;transform-origin:right}.btn:is(:hover,:focus):after,.btn:is(:hover,:focus):before{transform:scaleX(1)}.btn:is(:hover,:focus):before{transform-origin:right}.btn:is(:hover,:focus):after{transform-origin:left}.btn-primary{background-color:var(--majorelle-blue);color:var(--white)}.btn-primary:is(:hover,:focus){color:var(--raisin-black-1)}.btn-secondary{background-color:var(--mustard);color:var(--raisin-black-1);gap:15px}.btn-secondary:after,.btn-secondary:before{background-color:var(--sky-blue-crayola)}.btn-secondary:is(:hover,:focus){color:var(--white)}.social-list{display:flex}.w-100{width:100%}.section-subtitle{color:var(--cool-gray);font-size:var(--fs-6);font-weight:var(--fw-500);line-height:1.2}.section-subtitle:before{position:static;width:12px;height:12px;background-color:var(--mustard);display:inline-block;border-radius:50%;-webkit-margin-end:10px;margin-inline-end:10px}.text-center{text-align:center}.section-title{margin-block:30px 50px}.grid-list{display:grid;grid-gap:30px;gap:30px}.img-holder{aspect-ratio:var(--width) /var(--height);background-color:var(--light-gray);overflow:hidden}.img-cover{width:100%;height:100%;object-fit:cover}.has-bg-image{background-repeat:no-repeat;background-position:50%;background-size:cover}.header .btn{display:none}.header{position:fixed;top:0;left:0;width:100%;padding-block:25px;transition:padding var(--transition-1);z-index:4}.header.active{background-color:var(--white);padding-block:15px;box-shadow:var(--shadow-1)}.header .container{display:flex;justify-content:space-between;align-items:center}.logo{color:var(--raisin-black-1);font-size:3.6rem;font-weight:var(--fw-700)}.nav-open-btn{background-color:var(--white);color:var(--eerie-black);font-size:35px;padding:10px;box-shadow:var(--shadow-2);border-radius:var(--radius-10)}.navbar{position:fixed;top:0;right:0;background-color:var(--raisin-black-2);color:var(--white);max-width:300px;width:100%;height:100%;padding:30px;z-index:1;transform:translateX(100%);visibility:hidden;transition:.25s var(--cubic-in)}.navbar.active{transform:translateX(0);visibility:visible;transition:.5s var(--cubic-out)}.navbar .wrapper{display:flex;align-items:center;justify-content:space-between;-webkit-margin-after:60px;margin-block-end:60px}.nav-close-btn,.navbar .logo{color:var(--white)}.nav-close-btn{font-size:30px;transition:var(--transition-1)}.nav-close-btn:is(:hover,:focus){color:var(--bittersweet)}.navbar-item:not(:last-child){-webkit-border-after:1px solid var(--jet);border-block-end:1px solid var(--jet)}.navbar-link{font-size:var(--fs-9);font-weight:var(--fw-700);padding-block:15px;text-transform:uppercase;transition:var(--transition-1)}.navbar-link:is(:hover,:focus){color:var(--mustard)}.overlay{position:fixed;inset:0;background-color:var(--raisin-black_90);transition:var(--transition-2);opacity:0;pointer-events:none}.overlay.active{opacity:1;pointer-events:all}.hero{-webkit-padding-before:calc(var(--section-padding) + 60px);padding-block-start:calc(var(--section-padding) + 60px)}.hero .container{display:grid;grid-gap:70px;gap:70px}.hero-text{font-size:var(--fs-7);margin-block:30px 35px}.hero-content :is(.wrapper,.hero-btn){display:flex;align-items:center}.hero-content .wrapper{flex-wrap:wrap;gap:30px;-webkit-margin-after:30px;margin-block-end:30px}.hero-btn{gap:15px;color:var(--raisin-black-1);transition:var(--transition-1)}.hero-btn:is(:hover,:focus){color:var(--majorelle-blue)}.hero-btn ion-icon{font-size:24px}.hero-btn .span{font-size:var(--fs-6);font-weight:var(--fw-500)}.hero .social-link .span{display:none}.hero .social-list{gap:12px}.hero .social-link{background-color:var(--white);color:var(--color);padding:12px;box-shadow:var(--shadow-1);border-radius:var(--radius-8);transition:var(--transition-2)}.hero .social-link:is(:hover,:focus){background-color:var(--color);color:var(--white)}.service{background-color:var(--ghost-white)}.service .section-title{margin-block:30px 60px}.service .link-card,.service-card{padding:45px;border-radius:var(--radius-20)}.service-card{height:100%;background-color:var(--white);-webkit-padding-after:40px;padding-block-end:40px;-webkit-border-after:3px solid transparent;border-block-end:3px solid transparent;box-shadow:var(--shadow-3);transition:var(--transition-1)}.service-card:is(:hover,:focus-within){border-color:hsl(var(--color))}.service-card .card-icon{max-width:max-content;padding:15px;border-radius:var(--radius-8);background-color:hsla(var(--color),.15);-webkit-margin-after:25px;margin-block-end:25px;transition:var(--transition-2)}.service-card:is(:hover,:focus-within) .card-icon{transform:rotateY(.5turn)}.service-card .card-title{transition:var(--transition-1)}.service-card .card-title:is(:hover,:focus-within){color:hsl(var(--color))}.service .link-card{background-color:hsla(var(--color),.15);text-align:center}.service .link-card .span{color:var(--raisin-black-1);font-size:var(--fs-6);font-weight:var(--fw-500);-webkit-margin-after:20px;margin-block-end:20px;transition:var(--transition-1)}.service .link-card:is(:hover,:focus) .span{color:var(--majorelle-blue)}.service .link-card ion-icon{color:var(--majorelle-blue);font-size:150px;transform:rotate(-45deg);margin:-25px auto;transition:var(--transition-1)}.service .link-card:is(:hover,:focus) ion-icon{color:hsl(var(--color))}.feature .container,.feature-list{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:60px;gap:60px}@media (max-width:767px){.feature .container,.feature-list{display:flex;flex-direction:column-reverse;gap:60px}.feature-list{display:grid;grid-template-columns:repeat(1,1fr)}}.feature-card .card-icon{background-color:hsla(var(--color),.15);max-width:max-content;padding:3px;border-radius:50%;-webkit-margin-after:20px;margin-block-end:20px;transition:var(--transition-2)}.card-icon .card-image{height:15rem;border-radius:9999px;width:15rem;filter:grayscale(70%);object-fit:cover}.feature-card .card-icon ion-icon{color:hsl(var(--color));transition:var(--transition-1)}.feature-card .card-text{color:var(--cool-gray);font-size:var(--fs-7);-webkit-margin-before:10px;margin-block-start:10px}.feature-card:is(:hover,:focus) .card-icon{box-shadow:inset 0 0 0 30px hsla(var(--color),.9)}.feature-card:is(:hover,:focus) .card-icon ion-icon{color:var(--white)}.project{background-color:var(--ghost-white)}.project .section-title{margin-block:20px 60px}.filter-list{max-width:90%;margin-inline:auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;-webkit-margin-after:70px;margin-block-end:70px}.filter-btn{color:var(--cool-gray);font-size:var(--fs-9);font-weight:var(--fw-500);padding:11px 20px;border-radius:var(--radius-8);transition:var(--transition-1)}.filter-btn:is(:hover,:focus){color:var(--raisin-black-1)}.filter-btn.active{background-color:var(--white);color:var(--raisin-black-1);box-shadow:var(--shadow-4)}.project-card{position:relative;border-radius:var(--radius-15);overflow:hidden}.project-card .card-banner img{transition:var(--transition-2)}.project-card:is(:hover,:focus-within) .card-banner img{transform:scale(1.1);filter:brightness(.8)}.project-card .card-content{position:absolute;top:50%;left:20px;right:20px;background-color:var(--mustard);border-radius:var(--radius-10);padding:30px 20px;text-align:center;opacity:0;transform:translateY(calc(-50% + 20px));transition:var(--transition-2)}.project-card .card-tag{color:var(--raisin-black-1);font-size:var(--fs-9)}.project-card:is(:hover,:focus-within) .card-content{opacity:1;transform:translateY(-50%)}.newsletter{color:var(--white)}.newsletter .container{display:grid;grid-gap:50px;gap:50px}.newsletter-banner{max-width:max-content}.newsletter .section-subtitle{color:var(--light-gray)}.newsletter .section-title{color:var(--white);margin-block:20px 35px}.email-field{background-color:var(--majorelle-blue);color:var(--white);font-size:var(--fs-8);min-height:60px;padding-inline:20px;border-radius:var(--radius-8);-webkit-margin-after:20px;margin-block-end:20px;box-shadow:var(--shadow-5);outline:3px solid transparent;outline-offset:0;transition:var(--transition-1)}.email-field:focus{outline-color:var(--white)}.email-field::placeholder{color:inherit}.contact-us{display:flex;align-items:start;flex-direction:column;gap:10px}.query-field{width:100%!important;padding-top:.75rem}.blog{background-color:var(--ghost-white)}.blog .section-title{margin-block:20px 70px}.blog-list{display:grid;grid-gap:40px;gap:40px}.blog-card .card-banner{border-radius:var(--radius-20);overflow:hidden;-webkit-margin-after:20px;margin-block-end:20px}.blog-card.large .card-banner{-webkit-margin-after:40px;margin-block-end:40px}.blog-card.large .card-title{font-size:var(--fs-2);line-height:1.2;-webkit-margin-after:20px;margin-block-end:20px}.blog-card .card-text{color:var(--cool-gray)}.blog-card .card-banner img{transition:var(--transition-2)}.blog-card:is(:hover,:focus-within) .card-banner img{transform:scale(1.1)}.blog-card .wrapper{display:flex;flex-wrap:wrap;align-items:center;gap:30px;-webkit-margin-after:20px;margin-block-end:20px}.blog-card .tag{color:var(--majorelle-blue);font-size:var(--fs-9);font-weight:var(--fw-700);text-transform:uppercase;transition:var(--transition-1)}.blog-card .tag:is(:hover,:focus){color:var(--raisin-black-1)}.blog-card .publish-date{display:flex;align-items:center;gap:10px;color:var(--cool-gray);font-weight:var(--fw-500);transition:var(--transition-1)}.blog-card .publish-date ion-icon{font-size:18px;--ionicon-stroke-width:40px}.blog-card .publish-date:is(:hover,:focus){color:var(--raisin-black-1)}.blog-card .card-title{color:var(--raisin-black-1);font-size:var(--fs-4);letter-spacing:-1px;transition:var(--transition-1)}.blog-card .card-title:is(:hover,:focus){color:var(--majorelle-blue)}.footer{background-color:var(--raisin-black-1);color:var(--cool-gray)}.footer-top{-webkit-padding-after:60px;padding-block-end:60px;display:grid;grid-gap:50px;gap:50px}.footer-list-title{color:var(--white);font-size:var(--fs-5);font-weight:var(--fw-500);-webkit-margin-after:20px;margin-block-end:20px}.footer-text{-webkit-margin-after:30px;margin-block-end:30px}.footer .social-list{gap:12px}.footer .social-link{background-color:var(--onyx);padding:14px;border-radius:50%;transition:var(--transition-1)}.footer .social-link:is(:hover,:focus){background-color:var(--majorelle-blue);color:var(--white)}.footer-link{font-size:var(--fs-8);-webkit-margin-before:15px;margin-block-start:15px;transition:var(--transition-1)}.footer-link:is(:hover,:focus){color:var(--mustard)}.insta-post{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:15px;gap:15px}.insta-card{position:relative;border-radius:var(--radius-10);overflow:hidden}.insta-card .card-content{position:absolute;inset:0;display:grid;place-content:center;background-color:var(--blue-ryb_80);color:var(--white);font-size:25px;opacity:0;transition:var(--transition-1)}.insta-card:is(:hover,:focus-within) .card-content{opacity:1}.footer-bottom{color:var(--white);font-size:var(--fs-8);padding-block:40px;-webkit-border-before:1px solid var(--onyx);border-block-start:1px solid var(--onyx)}.copyright{-webkit-margin-after:15px;margin-block-end:15px}.footer-bottom-list{display:flex;flex-wrap:wrap;gap:5px 15px}.footer-bottom-link{transition:var(--transition-1)}.footer-bottom-link:is(:hover,:focus){color:var(--mustard)}.back-top-btn{position:fixed;bottom:20px;right:30px;background-color:var(--majorelle-blue);color:var(--white);font-size:18px;padding:16px;border-radius:var(--radius-8);z-index:4;visibility:hidden;opacity:0;transition:var(--transition-1)}.back-top-btn.active{visibility:visible;opacity:1;transform:translateY(-10px)}.back-top-btn:after{bottom:-12px;right:0;width:100%;height:10px;background-image:var(--gradient)}.width-image{width:90%}@media (max-width:767px){.width-image{width:80%}}.my-banner{display:flex;height:100%;justify-content:end;align-items:center}@media (min-width:575px){.container{max-width:540px;width:100%;margin-inline:auto}.header .container{max-width:unset}.project-card .card-content{max-width:max-content;width:calc(100% - 40px);left:50%;right:auto;padding:50px 80px;transform:translate(-50%,calc(-50% + 20px))}.project-card:is(:hover,:focus-within) .card-content{transform:translate(-50%,-50%)}.project-card .card-title{-webkit-margin-after:10px;margin-block-end:10px}}@media (min-width:768px){:root{--fs-1:5.5rem;--fs-2:3.8rem;--fs-7:1.8rem;--section-padding:120px}.container{max-width:720px}.btn{height:60px}.grid-list{grid-template-columns:1fr 1fr}.hero .container{gap:120px}.hero .wrapper{gap:50px;-webkit-margin-after:60px;margin-block-end:60px}.hero .social-link .span{display:block;font-size:var(--fs-9);color:var(--raisin-black-1);font-weight:var(--fw-700);text-transform:uppercase;letter-spacing:1px;transition:var(--transition-2)}.hero .social-link{display:flex;align-items:center;gap:15px;background:none;box-shadow:none}.hero .social-link:is(:hover,:focus){background:unset;color:var(--color)}.hero .social-link:is(:hover,:focus) .span{color:var(--color)}.feature-banner{max-width:max-content;align-content:center}.feature-list{gap:30px}.feature-card{display:flex;justify-content:flex-start;align-items:flex-start;gap:25px}.feature-card .card-icon{-webkit-margin-after:0;margin-block-end:0}.feature-card .card-text{max-width:32ch}.project .grid-list>li:first-child{grid-column:1/3}.newsletter-form{position:relative}.email-field{-webkit-margin-after:0;margin-block-end:0}.blog-card:not(.large){display:flex;align-items:center;gap:40px}.blog-card:not(.large) .card-banner{-webkit-margin-after:0;margin-block-end:0;flex-shrink:0}.blog-card .card-title{--fs-4:2.6rem}.footer-top{grid-template-columns:1fr 1fr}.copyright{text-align:center}.footer-bottom-list{justify-content:center}}.team{align-items:center;text-align:center}.kuba,.team{display:flex;flex-direction:column}.kuba{padding-top:5rem}.first-kuba{font-weight:700}.my-footer-list{display:flex;flex-wrap:wrap;gap:2rem;font-size:1.5rem}.under-contact .newsletter-content,.under-contact .section-title{color:#28282f}.contact-phone .card-icon{font-size:2rem}.contact-phone{display:flex;align-items:center;gap:.75rem;padding:1rem 0}.newsletter-content .footer{background-color:transparent;padding-top:4rem}.newsletter-content .footer .social-link{background-color:rgba(34,166,153,.1)}.newsletter-content .footer .social-link:is(:hover,:focus){background-color:var(--majorelle-blue);color:var(--white)}.under-contact .newsletter-banner{order:0;-webkit-margin-start:unset;margin-inline-start:unset}@media (min-width:992px){.container{max-width:960px}.btn{height:70px}.grid-list{grid-template-columns:repeat(3,1fr)}.header{-webkit-padding-before:47px;padding-block-start:47px}.nav-open-btn,.navbar .wrapper,.overlay{display:none}.navbar,.navbar.active{all:unset}.navbar-item:not(:last-child){border:none}.navbar-list{display:flex;gap:30px}.navbar-link{position:relative;color:var(--cool-gray);text-transform:capitalize;font-size:unset;font-weight:var(--fw-500)}.navbar-link:is(:hover,:focus){color:var(--raisin-black-1)}.navbar-link:before{content:"";position:absolute;bottom:5px;left:0;width:0;height:4px;border-radius:5px;background-color:var(--majorelle-blue);transition:var(--transition-1)}.navbar-link:is(:hover,:focus):before{width:100%}.header .btn{display:inline-flex}.header .btn:after,.header .btn:before{background-color:var(--raisin-black-1)}.header .btn:is(:hover,:focus){color:var(--white)}.hero .container{grid-template-columns:1fr 1fr;gap:40px}.hero .wrapper{flex-wrap:nowrap}.hero .btn,.hero-btn .span{flex-shrink:0}.hero-image{height:20rem;width:23rem}@media (min-width:1024px){.hero-image{height:39rem;width:85%}.image-holder{justify-content:end}}.image-holder{display:flex!important;justify-content:center!important}.feature .container{grid-template-columns:1fr 1fr;gap:30px}.filter-btn{--fs-9:1.8rem;padding:20px 25px}.newsletter .container{grid-template-columns:1fr .8fr;align-items:center}.newsletter-banner{order:1;-webkit-margin-start:auto;margin-inline-start:auto}.email-field{min-height:60px;padding-inline:30px}.blog-list{grid-template-columns:1fr 1fr;gap:40px 70px}.blog-list>li:first-child{grid-row:1/4}.blog-card:not(.large) .wrapper{gap:10px;flex-wrap:nowrap;-webkit-margin-after:10px;margin-block-end:10px}.blog-card:not(.large) .publish-date{flex-shrink:0;font-size:var(--fs-9);gap:5px}.blog-card .card-title{--fs-4:1.8rem}.footer-top{grid-template-columns:1fr .5fr .5fr .9fr;padding-block:120px}.footer-bottom{display:flex;justify-content:space-between;align-items:center}.copyright{-webkit-margin-after:0;margin-block-end:0}}@media (min-width:1200px){:root{--fs-1:5.5rem;--fs-2:4.5rem}.container{max-width:1140px}.section-title.text-center{max-width:20ch;margin-inline:auto}.header .container{padding-inline:30px}.navbar-list{gap:50px}.hero-content{display:flex;flex-direction:column;-webkit-margin-before:50px;margin-block-start:50px}.hero-text{margin-block:40px 45px}.hero .wrapper{-webkit-margin-after:auto;margin-block-end:auto}.hero-banner{-webkit-margin-after:0;margin-block-end:0}.service .grid-list{grid-template-columns:repeat(4,1fr)}.service-card .h3{--fs-3:2rem}.filter-btn{padding-inline:40px}.blog-list{column-gap:35px}.blog-card.large{-webkit-padding-end:35px;padding-inline-end:35px;-webkit-border-end:1px solid var(--gainsboro);border-inline-end:1px solid var(--gainsboro)}.blog-card:not(.large) .publish-date{--fs-9:1.6rem}.blog-card:not(.large) .wrapper{gap:25px;-webkit-margin-after:20px;margin-block-end:20px}.blog-card .card-title{--fs-4:2.4rem}}.team-card{transition:all ease;border-radius:10px;background-color:#fff;border:1px solid #ddd;padding:1rem .3rem .5rem}.team-card:hover{filter:drop-shadow(5px 5px 5px #afafafaf)}