section.icon-carousel .wrapper{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;flex-wrap:auto;gap:32px}section.icon-carousel .wrapper .content{width:100%}section.icon-carousel .wrapper #slide-1.swiper-slide-active~#icon-1{background:red}section.icon-carousel .wrapper .carousel{width:100%;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;flex-wrap:auto;gap:32px}section.icon-carousel .wrapper .carousel .icons{width:100%}section.icon-carousel .wrapper .carousel .icons .swiper .swiper-wrapper .swiper-slide{cursor:pointer}section.icon-carousel .wrapper .carousel .icons .swiper .swiper-wrapper .swiper-slide:hover .icon,section.icon-carousel .wrapper .carousel .icons .swiper .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .icon{opacity:1}section.icon-carousel .wrapper .carousel .icons .swiper .swiper-wrapper .swiper-slide:hover .icon:after,section.icon-carousel .wrapper .carousel .icons .swiper .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .icon:after{box-shadow:0 0 10px rgb(from var(--accent) r g b/1)}section.icon-carousel .wrapper .carousel .icons .icon{display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:auto;width:96px;height:96px;border-radius:96px;position:relative;opacity:.5;z-index:1;transition:all .3s ease}section.icon-carousel .wrapper .carousel .icons .icon:after{content:"";position:absolute;width:calc(100% - 20px);height:calc(100% - 20px);border-radius:90px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:solid 2px var(--accent);background:linear-gradient(135deg,rgb(from var(--accent) r g b/.5),rgba(15,15,16,.5));z-index:1;transition:all .3s ease}section.icon-carousel .wrapper .carousel .icons .icon dotlottie-player,section.icon-carousel .wrapper .carousel .icons .icon img{max-width:40px;max-height:40px;position:relative;z-index:2}section.icon-carousel .wrapper .carousel>.swiper{width:100%}section.icon-carousel .wrapper .carousel>.swiper .swiper-navigation{display:flex;align-items:center;justify-content:flex-end;flex-direction:row;flex-wrap:auto;gap:42px;margin:24px 0}section.icon-carousel .wrapper .carousel>.swiper .swiper-navigation .swiper-icon-carousel-prev,section.icon-carousel .wrapper .carousel>.swiper .swiper-navigation .swiper-icon-carousel-next{display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:auto;width:64px;height:64px;border-radius:64px;background:#252527;cursor:pointer;transition:all .3s ease}section.icon-carousel .wrapper .carousel>.swiper .swiper-navigation .swiper-icon-carousel-prev:hover,section.icon-carousel .wrapper .carousel>.swiper .swiper-navigation .swiper-icon-carousel-next:hover{background:#ADAEB3}section.icon-carousel .wrapper .carousel>.swiper .swiper-navigation .swiper-icon-carousel-prev svg,section.icon-carousel .wrapper .carousel>.swiper .swiper-navigation .swiper-icon-carousel-next svg{width:32px}section.icon-carousel .wrapper .carousel>.swiper .swiper-wrapper{position:relative}section.icon-carousel .wrapper .carousel>.swiper .swiper-wrapper .swiper-slide{opacity:0!important;transition:opacity .3s ease}section.icon-carousel .wrapper .carousel>.swiper .swiper-wrapper .swiper-slide.swiper-slide-active{opacity:1!important}section.icon-carousel .wrapper .carousel>.swiper .swiper-wrapper .swiper-slide .item{padding:0 16px 0 24px;height:100%;width:100%}section.icon-carousel .wrapper .carousel>.swiper .swiper-wrapper .swiper-slide .item .line{position:absolute;width:3px;height:100%;left:0;top:0}@media only screen and (min-width: 992px){section.icon-carousel .wrapper{flex-direction:row;gap:80px}section.icon-carousel .wrapper .content{max-width:568px}section.icon-carousel .wrapper .carousel{max-width:568px;gap:64px}section.icon-carousel .wrapper .carousel .icons{gap:28px}section.icon-carousel .wrapper .carousel .icons .icon{width:145px;height:145px;border-radius:145px}section.icon-carousel .wrapper .carousel .icons .icon:after{border-radius:145px}section.icon-carousel .wrapper .carousel .icons .icon dotlottie-player,section.icon-carousel .wrapper .carousel .icons .icon img{max-width:65px;max-height:65px}section.icon-carousel .wrapper>.swiper .swiper-wrapper .swiper-slide .item{padding:0 42px}}