#about-us .gradient{border-radius:112px 0px 112px 0px;background-image:linear-gradient(134deg,rgba(232,226,245,0.65) 5.57%,rgba(232,226,245,0) 26.75%),linear-gradient(314deg,rgba(232,226,245,0.65) 5.57%,rgba(232,226,245,0) 26.75%);padding:70px}
#customers{fill:var(--background-light,#FCFBFF);background:linear-gradient(180deg,rgba(216,205,238,0.6) 36.57%,#FCFBFF 95.52%);border-radius:50% / 10%}
#customers .wrapper{max-width:1000px;width:100%;position:relative}
@media (max-width:576px){#customers .wrapper{width:75%}}
#customers .wrapper i{top:50%;cursor:pointer;font-size:1.25rem;position:absolute;text-align:center;transform:translateY(-50%);transition:transform 0.1s linear;color:black}
#customers .wrapper i:active{transform:translateY(-50%) scale(0.85)}
#customers .wrapper i:first-child{left:-20px}
#customers .wrapper i:last-child{right:-20px}
#customers .wrapper .carousel{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% / 4) - 12px);overflow-x:auto;scroll-snap-type:x mandatory;gap:15px;scroll-behavior:smooth;scrollbar-width:none;margin-left:15px}
#customers .carousel::-webkit-scrollbar{display:none}
#customers .carousel.no-transition{scroll-behavior:auto}
#customers .carousel.dragging{scroll-snap-type:none;scroll-behavior:auto}
#customers .carousel.dragging .card{cursor:grab;user-select:none}
#customers .carousel :where(.card,.img){display:flex;justify-content:center;align-items:center}
#customers .carousel .card{scroll-snap-align:start;height:100px;background:#fff;cursor:pointer;border:none;border-radius:20px;box-shadow:8px 8px 10px 0px rgba(0,0,0,0.25);margin:15px}
@media screen and (max-width:900px){#customers .wrapper .carousel{grid-auto-columns:calc((100% / 2) - 9px)}}
@media screen and (max-width:600px){#customers .wrapper .carousel{grid-auto-columns:100%}}
#references{background:linear-gradient(#392F4F,#392F4F) top/100% 54.5% no-repeat}
#references .reference-card{border-radius:20px;box-shadow:8px 8px 25px 0px rgba(0,0,0,0.25);background-color:white}
#references .card-image{border-top-left-radius:20px;border-top-right-radius:20px}
#references .wrapper{max-width:1000px;width:80%;position:relative}
#references .wrapper i{top:50%;cursor:pointer;font-size:1.25rem;position:absolute;text-align:center;transform:translateY(-50%);transition:transform 0.1s linear;color:white}
#references .wrapper i:active{transform:translateY(-50%) scale(0.85)}
#references .wrapper i:first-child{left:-10px}
#references .wrapper i:last-child{right:10px}
#references .wrapper .carousel{display:grid;grid-auto-flow:column;grid-auto-columns:100%;overflow-x:auto;scroll-snap-type:x mandatory;gap:15px;scroll-behavior:smooth;scrollbar-width:none;margin-left:15px}
#references .carousel-references::-webkit-scrollbar{display:none}
#references .carousel.no-transition{scroll-behavior:auto}
#references .carousel.dragging-references{scroll-snap-type:none;scroll-behavior:auto}
#references .carousel.dragging-references .card{cursor:grab;user-select:none}
#references .carousel :where(.card,.img){display:flex;justify-content:center;align-items:center}
#references .carousel .card{scroll-snap-align:start;background:#fff;cursor:pointer;border:none;border-radius:20px;box-shadow:8px 8px 10px 0px rgba(0,0,0,0.25);margin:15px}
@media screen and (max-width:992px){#references{background:linear-gradient(#392F4F,#392F4F) top/100% 100% no-repeat}#references .reference-card{box-shadow:none}#references .carousel .card{box-shadow:none}}
#products .product-img{width:65%}
@media (max-width:992px){#products .product-img{width:80%}}
#products .gradient-paysy{width:100vw;height:300px;position:absolute;left:150px;top:0px;z-index:-1;border-radius:112px 0px 0px 0px;background:linear-gradient(180deg,#E8E2F5 0.27%,rgba(232,226,245,0) 65.23%)}
@media (max-width:768px){#products .gradient-paysy{display:none}}
#products .gradient-cardsy{width:77vw;height:300px;position:absolute;left:150px;top:160px;z-index:-1;border-radius:0px 0px 112px 112px;background:linear-gradient(0deg,#E8E2F5 0.27%,rgba(232,226,245,0) 65.23%)}
@media (min-width:1460px){#products .gradient-cardsy{width:1200px}}
@media (max-width:768px){#products .gradient-cardsy{display:none}}
#products .dots-img{position:relative;top:40px}
#products .line-delimiter{border-bottom:1px solid #633ABB;width:55%}
@media (max-width:768px){#products .product-btn{width:100%}}
.btn-purple{background-color:#633ABB;color:white;padding:8px 16px 8px 16px;font-size:16px}
.btn-purple:hover{color:white !important;background-color:#3f237b}
.btn-white{padding:8px 16px 8px 16px;border:1px solid #633ABB;font-size:16px;color:#633ABB}
.btn-white:hover{color:#3f237b !important;border:1px solid #3f237b}