@media (max-width:768px){.container-slider{z-index:2 !important}.container-slider img{content:"";width:100%;height:100%;background-color:black !important;opacity:0.2;z-index:1}}
@media (max-width:768px){.content-slider{left:10px !important;top:100px !important}.content-slider h1,.content-slider h2,.content-slider h3{padding:10px;color:white !important}.content-slider h1{font-size:2.5em !important}}
.client{position:relative;z-index:1}
.client .client-background{position:fixed;top:100px;left:0px;width:100%;height:calc(100vh - 160px);z-index:-1;color:#fff}
@media screen and (max-width:767px){.client .client-background{position:relative;top:0}}
@media screen and (min-width:768px) and (max-width:1024px){.client .client-background{position:relative;top:0}}
.client .client-background img{width:100%;height:100%;object-fit:cover}
.client .client-background .client-info{position:absolute;text-align:center;max-width:800px;bottom:28px;right:92px;color:inherit}
.client .client-background h1{font-size:60px;color:inherit}
.client.dark-theme .client-background{color:#161716}
.client .client-container{padding-top:calc(100vh - 100px)}
@media (max-width:768px){.client .client-container{padding-top:calc(100vh - 100%)}}
@media screen and (max-width:767px){.client .client-container{padding-top:0}}
@media screen and (min-width:768px) and (max-width:1024px){.client .client-container{padding-top:0}}
.client .client-container .client-wrapper{padding:80px 150px 80px 150px;background-color:#fff;position:relative}
@media (max-width:768px){.client .client-container .client-wrapper{padding:40px 0}}
.client .client-container .client-wrapper h2{text-align:center;font-size:70px;margin-bottom:0px;background-repeat:no-repeat !important;background-size:20px 20px !important;display:table;margin:auto;padding:0px 15px 5px 15px;position:relative;z-index:1}
@media (max-width:768px){.client .client-container .client-wrapper h2{font-size:40px}}
.client .client-container .client-wrapper .client-description{display:table;margin:auto;margin-top:80px;max-width:1000px}
@media (max-width:768px){.client .client-container .client-wrapper .client-description{margin-top:10px;padding-left:10px;padding-right:10px}}
.client .client-container .client-wrapper .client-img{margin-top:100px;width:100%}
.client .client-container .client-wrapper .client-tags{max-width:500px;margin:auto;text-align:center;margin-top:15px}
.client .client-container .client-wrapper .client-tags .client-tag{display:inline-block;margin:5px 10px}
.client .client-container .client-wrapper .client-tags .client-tag span{font-weight:600}
.client .client-footer{display:flex;align-items:center;justify-content:center;padding-bottom:50px;background:#fff}
.client .client-footer .client-dir{width:50%;height:400px;position:relative;overflow:hidden;z-index:1}
.client .client-footer .client-dir::before{content:"";width:100%;height:100%;top:0;left:0;position:absolute;background:radial-gradient(circle,rgba(255,255,255,0) 0%,rgba(0,0,0,0.68) 94%)}
.client .client-footer .client-dir .client-dir-icone{color:white;position:absolute;top:50%;font-size:52px;transform:translateY(-50%);transition:all 300ms ease;opacity:0}
.client .client-footer .client-dir img{width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;z-index:-1;top:0px;left:0px;transform:scale(1);transition:all 300ms ease}
.client .client-footer .client-dir .client-infos{position:absolute;top:0px;left:0px;width:100%;height:100%;justify-content:center;align-items:center;display:flex;flex-direction:column}
.client .client-footer .client-dir .client-infos .client-dir-title{color:#fff;position:relative;z-index:1}
.client .client-footer .client-dir .client-infos .client-dir-title::before{text-transform:uppercase;position:absolute;z-index:-1;font-weight:800;font-size:100px;color:white;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0.2;letter-spacing:4px;transition:all 300ms ease}
@media (max-width:768px){.client .client-footer .client-dir .client-infos .client-dir-title::before{font-size:50px}}
.client .client-footer .client-dir .client-infos .client-dir-name{color:#fff;font-size:34px;font-weight:700;margin-bottom:0;text-transform:uppercase}
@media (max-width:768px){.client .client-footer .client-dir .client-infos .client-dir-name{text-align:center;font-size:21px;padding-left:10%;padding-right:10%}}
.client .client-footer .client-dir:hover img{transform:scale(1.2)}
.client .client-footer .client-dir:hover .client-infos .client-dir-title::before{opacity:0.4}
.client .client-footer .client-prev .client-dir-icone{left:-30px}
.client .client-footer .client-prev:hover .client-dir-icone{left:20px;opacity:1}
.client .client-footer .client-prev .client-infos .client-dir-title::before{content:"prev"}
.client .client-footer .client-next .client-dir-icone{right:-30px}
.client .client-footer .client-next:hover .client-dir-icone{right:20px;opacity:1}
.client .client-footer .client-next .client-infos .client-dir-title::before{content:"next"}
.website-showcase{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:flex-start;margin-top:30px;position:relative}
.website-showcase>div{height:70vh;overflow:hidden;position:relative;border:5px solid #ededed;border-radius:20px;overflow:hidden}
.website-showcase>div img{position:absolute;margin-top:0 !important;transition:opacity 0.3s ease-in-out}
.website-showcase>div a{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:600;letter-spacing:0.73px;padding:8px 15px;background:#00a9a8;opacity:0;pointer-events:none;transition:opacity 0.3s ease-in-out;white-space:nowrap}
.website-showcase>div:hover img{opacity:1}
.website-showcase>div:hover a{opacity:1;pointer-events:all}
.website-showcase>div.run-animate{background-color:transparent !important}
.website-showcase>div.run-animate img{opacity:1 !important;transition:top 0s ease-in-out}
.website-showcase>div.run-animate a{opacity:0 !important;pointer-events:none !important}
.website-showcase lottie-player{position:absolute;left:0;top:50px;transform:translate(-50%,-50%) scaleX(-1);z-index:3;width:100px;height:100px}
@media screen and (max-width:767px){.website-showcase lottie-player{display:none}}
@media screen and (min-width:768px) and (max-width:1024px){.website-showcase lottie-player{display:none}}
.website-showcase .desktop-showcase{position:relative;width:79%}
@media (max-width:768px){.website-showcase .desktop-showcase{display:none}}
.website-showcase .mobile-showcase{width:19%}
@media (max-width:768px){.website-showcase .mobile-showcase{width:70%;margin:auto}}