.hero-cubes-container{position:relative;overflow:visible}.cube-wrapper{z-index:10;animation:8s linear infinite alternate animate-cubes-blue;position:relative;transform:skewY(-20deg)scale(.8)}@media (min-width:640px){.cube-wrapper{transform:skewY(-20deg)scale(1.1)}}@media (min-width:1024px){.cube-wrapper{transform:skewY(-20deg)scale(1.5)}}@keyframes animate-cubes-blue{0%{filter:hue-rotate(-10deg)saturate(1.2)}to{filter:hue-rotate(10deg)saturate(1.5)}}.cube-wrapper .cube{z-index:2;position:relative}.cube-wrapper .cube:nth-child(2){z-index:1;translate:-60px -60px}.cube-wrapper .cube:nth-child(3){z-index:3;translate:60px 60px}.cube-wrapper .cube div{translate:calc(-70px*var(--x))calc(-60px*var(--y));flex-direction:column;gap:30px;display:flex;position:absolute}.cube-wrapper .cube div span{width:50px;height:50px;z-index:calc(1*var(--i));background:#cbd5e1;transition:all 1s cubic-bezier(.4,0,.2,1);display:inline-block;position:relative}.dark .cube-wrapper .cube div span{background:#1e293b}.cube-wrapper .cube div span:hover{background:var(--primary);filter:drop-shadow(0 0 30px var(--primary));transition:all;transform:translateZ(20px)}.cube-wrapper .cube div span:hover:before,.cube-wrapper .cube div span:hover:after{background:var(--primary);transition:all}.cube-wrapper .cube div span:before{content:"";transform-origin:100%;background:#f8fafc;width:40px;height:100%;transition:all 1s cubic-bezier(.4,0,.2,1);position:absolute;left:-40px;transform:skewY(45deg)}.dark .cube-wrapper .cube div span:before{background:#334155}.cube-wrapper .cube div span:after{content:"";transform-origin:bottom;background:#e2e8f0;width:100%;height:40px;transition:all 1s cubic-bezier(.4,0,.2,1);position:absolute;top:-40px;left:0;transform:skew(45deg)}.dark .cube-wrapper .cube div span:after{background:#0f172a}
.search-banner-wrapper{background:linear-gradient(135deg,#primary 0%,#secondary 100%);z-index:0;background:linear-gradient(135deg,#1d4ed8 0%,#3b82f6 100%);border-radius:1000px;justify-content:center;align-items:center;width:100%;max-width:500px;margin:0;padding:10px;transition:all .3s;display:flex;position:relative;box-shadow:0 20px 40px -10px #3b82f680}.search-banner-wrapper:hover{transform:translateY(-2px);box-shadow:0 30px 50px -10px #3b82f699}.search-banner-container{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-radius:50px;align-items:center;width:100%;padding:8px;display:flex;position:relative}.search-banner-container:after,.search-banner-container:before{content:"";border-radius:inherit;width:100%;height:100%;position:absolute}.search-banner-container:before{z-index:-1;background:linear-gradient(#ffffff0d 0%,#ffffff1a 100%);top:-1px;left:-1px}.search-banner-container:after{z-index:-2;background:linear-gradient(#0003 0%,#00000080 100%);bottom:-1px;right:-1px}.search-banner-input{color:#fff;background:0 0;border:none;border-radius:50px;outline:none;width:100%;padding:15px 25px;font-size:18px;font-weight:700}.search-banner-input::placeholder{color:#fff6}.search-banner-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding-right:5px;display:flex}.search-banner-icon{aspect-ratio:1;border-top:3px solid #0000;border-bottom:3px solid #0000;border-left:2px solid #fff3;border-radius:50%;width:55px;margin-right:5px;padding-left:15px;transition:all .3s}.search-banner-input:focus+.search-banner-btn .search-banner-icon,.search-banner-icon:hover{border-left:3px solid var(--primary)}.search-banner-icon path{fill:#fff;transition:fill .3s}.search-banner-input:focus+.search-banner-btn .search-banner-icon path,.search-banner-icon:hover path{fill:var(--primary)}.dark .search-banner-wrapper{background:linear-gradient(135deg,var(--primary)0%,#1e293b 100%)}