.solution-img-cover{perspective:1500px}.solution-img-cover img{transform:rotateX(5deg) rotateY(17deg) rotate(0deg);border-radius:.375em;box-shadow:10px 10px 15px rgba(0,0,0,.25);transition:.3s}@media(min-width:900px){.solution-img-cover img{transform:rotateX(10deg) rotateY(-18deg) rotate(3deg)}}.solutions .swiper-slide{opacity:0!important;visibility:hidden;transition:opacity .3s ease;border-radius:1rem;border-width:1px;border-color:var(--color-green-1);background-image:linear-gradient(to left,var(--tw-gradient-stops));--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-from-position:20%;--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--color-green-3) var(--tw-gradient-via-position),var(--tw-gradient-to);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-to-position:75%;padding-left:.75rem;padding-right:.75rem}@media (min-width:481px){.solutions .swiper-slide{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:901px){.solutions .swiper-slide{padding-left:2rem;padding-right:2rem}}.solutions .swiper-slide:where([data-mode=dark],[data-mode=dark] *){border-color:var(--color-dark-green-border);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--color-dark-green-2) var(--tw-gradient-via-position),var(--tw-gradient-to)}.solutions .swiper-slide-active{opacity:1!important;visibility:visible}.solutions .swiper-slide-active .solution-sub-title,.solutions .swiper-slide-active .solution-title{animation:TextToLeft .5s ease-in forwards}.solutions .swiper-slide-active .solution-feature{animation:TextToUp .5s ease-in forwards}.solutions .swiper-slide-active .solution-desc{animation:FadeInText .5s ease-in forwards}.solutions .swiper-slide:not(.swiper-slide-active) .solution-desc,.solutions .swiper-slide:not(.swiper-slide-active) .solution-feature,.solutions .swiper-slide:not(.swiper-slide-active) .solution-sub-title,.solutions .swiper-slide:not(.swiper-slide-active) .solution-title{opacity:0;transition:opacity .3s ease}.swiper-slide-thumb-active{color:var(--color-green-1)}.swiper-slide-thumb-active:where([data-mode=dark],[data-mode=dark] *){color:var(--color-dark-green)}.bubble-circle{background-image:radial-gradient(at 25% 25%,var(--color-green-1),#313f36 75%)}.bubbles-container .bubble-circle{opacity:0;z-index:0}.bubbles-container .bubble-1{animation:AnimateBubbles 10s linear infinite}.bubbles-container .bubble-2{animation:AnimateBubbles 10s linear .4s infinite}.bubbles-container .bubble-3{animation:AnimateBubbles 10s linear 1.4s infinite}.bubbles-container .bubble-4{animation:AnimateBubbles 10s linear 1.9s infinite}.bubbles-container .bubble-5{animation:AnimateBubbles 10s linear 2.3s infinite}.bubbles-container .bubble-6{animation:AnimateBubbles 10s linear 2.9s infinite}.bubbles-container .bubble-7{animation:AnimateBubbles 10s linear 3.4s infinite}.bubbles-container .bubble-8{animation:AnimateBubbles 10s linear 3.9s infinite}.bubbles-container .bubble-9{animation:AnimateBubbles 10s linear 4.4s infinite}.bubbles-container .bubble-10{animation:AnimateBubbles 10s linear 4.9s infinite}.bubbles-container .bubble-11{animation:AnimateBubbles 10s linear 5.4s infinite}.bubbles-container .bubble-12{animation:AnimateBubbles 10s linear 5.1s infinite}.bubbles-container .bubble-13{animation:AnimateBubbles 10s linear 6.6s infinite}.bubbles-container .bubble-14{animation:AnimateBubbles 10s linear 7.6s infinite}.bubbles-container .bubble-15{animation:AnimateBubbles 10s linear 8.1s infinite}html[data-theme=dark] .bubble-circle{background-image:radial-gradient(at 25% 25%,var(--color-dark-green),#18181b 75%)}html[data-theme=dark] .solution-img-cover{left:0}@media (min-width:901px){html[data-theme=dark] .solution-img-cover{left:50%}}html[dir^=ltr] .solutions .swiper-slide-active .solution-sub-title,html[dir^=ltr] .solutions .swiper-slide-active .solution-title{animation:TextToRight .5s ease-in forwards}html[dir^=ltr] .solution-img-cover{right:0;left:unset}@media (min-width:901px){html[dir^=ltr] .solution-img-cover{right:50%;left:50%}}html[dir^=ltr] .solution-img-cover img{transform:rotateX(0deg) rotateY(-20deg) rotate(1deg)}@keyframes AnimateBubbles{0%{transform:scale(.9);top:105%;opacity:0}5%{opacity:0}10%{opacity:.5}15%{transform:scale(1.1)}45%{transform:scale(1.2)}85%{transform:scale(1.1)}90%{opacity:.5}95%{opacity:0}to{transform:scale(.9);top:-20%;opacity:0}}@keyframes FadeInText{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes TextToLeft{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes TextToRight{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes TextToUp{0%{opacity:0;transform:translateY(70px)}to{opacity:1;transform:translateY(0)}}