.what-we-do{flex-direction:column;gap:500px;display:flex;position:relative}.what-we-do-container{color:#333;background:#fff;border-radius:10px;align-items:flex-start;gap:40px;height:calc(100svh - 168px);padding:20px;display:flex;position:sticky;top:148px;box-shadow:0 -10px 10px #0000001a}.what-we-do-container:nth-of-type(2n){flex-direction:row-reverse}.lightning__btn{background:#b6b6b6;border-radius:10px;width:40px;height:20px;transition:background-color .2s;position:relative}.lightning__btn:before{content:"";background-color:#000;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;top:2px;left:2px}.lightning__btn--active{background:#2fffe7}.lightning__btn--active:before{transform:translate(calc(100% + 4px))}.lightning__range{width:100%}.lamp{flex-direction:column;align-items:center;width:100%;height:100%;display:flex;position:relative}.top{background:#000;width:5px;height:20%}.base{z-index:2;background:#000;width:20px;height:50px}.bottom{clip-path:polygon(50% 0%,0% 100%,100% 100%);z-index:1;background:#000;width:150px;height:100px;transform:translateY(-14px)}.bulb{z-index:0;background:#98a4a486;border-radius:50%;width:50px;height:50px;transform:translateY(calc(-50% - 14px))}.audio{color:#fff;background:#000;border-radius:10px;justify-content:space-between;align-items:center;margin:10px;padding:5px 10px;display:flex}.audio span{display:block}.audio button{color:#fff;border-radius:10px;justify-content:center;align-items:center;display:flex}.equalizer{z-index:5;align-items:center;gap:6px;height:100px;padding:0 8px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.equalizer span{transform-origin:50%;background:#fff;border-radius:2px;width:6px;display:block}@keyframes rotate{to{rotate:360deg}}.room{border:2px solid #333;width:220px;height:80px;position:relative;overflow:hidden}.room:before{content:"Living room";color:#333;font-size:12px}.room:after{content:"";background:#00f2ff80;border-radius:50%;width:2px;height:2px;animation:3s infinite animateRouter;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes animateRouter{to{opacity:0;transform:translate(-50%,-50%)scale(100)}}.room1{border:2px solid #333;width:100%;height:100px}.room1:before{content:"Bedroom";color:#333;font-size:12px}.room2{border:2px solid #333;width:100%;height:100px}.room2:before{content:"Bathroom";color:#333;font-size:12px}.equalizer span:first-child{--scale:.25;height:20%;animation-delay:0s!important}.equalizer span:nth-child(2){--scale:.3;height:25%;animation-delay:.1s!important}.equalizer span:nth-child(3){--scale:.4;height:30%;animation-delay:.2s!important}.equalizer span:nth-child(4){--scale:.5;height:35%;animation-delay:50ms!important}.equalizer span:nth-child(5){--scale:.6;height:40%;animation-delay:.15s!important}.equalizer span:nth-child(6){--scale:.65;height:45%;animation-delay:.25s!important}.equalizer span:nth-child(7){--scale:.72;height:50%;animation-delay:80ms!important}.equalizer span:nth-child(8){--scale:.8;height:55%;animation-delay:.18s!important}.equalizer span:nth-child(9){--scale:.88;height:60%;animation-delay:.12s!important}.equalizer span:nth-child(10){--scale:.94;height:65%;animation-delay:.22s!important}.equalizer span:nth-child(11){--scale:1;height:65%;animation-delay:30ms!important}.equalizer span:nth-child(12){--scale:1;height:60%;animation-delay:.17s!important}.equalizer span:nth-child(13){--scale:.94;height:55%;animation-delay:90ms!important}.equalizer span:nth-child(14){--scale:.88;height:50%;animation-delay:.19s!important}.equalizer span:nth-child(15){--scale:.8;height:45%;animation-delay:60ms!important}.equalizer span:nth-child(16){--scale:.72;height:40%;animation-delay:.14s!important}.equalizer span:nth-child(17){--scale:.65;height:35%;animation-delay:.24s!important}.equalizer span:nth-child(18){--scale:.6;height:30%;animation-delay:.11s!important}.equalizer span:nth-child(19){--scale:.5;height:25%;animation-delay:.21s!important}.equalizer span:nth-child(20){--scale:.4;height:20%;animation-delay:70ms!important}@keyframes equalize{0%,to{transform:scaleY(var(--scale))}50%{transform:scaleY(1)}}@media screen and not (min-width:1000px){.what-we-do-container{padding:10px}}
.our-solutions{flex-direction:column;gap:100px;padding-bottom:100px;display:flex}.our-solutions-container{gap:40px;display:flex}.our-solutions-container .our-solutions__ss{z-index:1;object-fit:contain;object-position:left;width:100%;height:100%;position:absolute;bottom:-25px;left:-10px;right:auto}.our-solutions-container:nth-last-of-type(2n){flex-direction:row-reverse}.our-solutions-container:nth-last-of-type(2n) .our-solutions__ss{object-position:right;left:auto;right:-10px}.our-solutions-container div{width:100%}.our-solutions-container div img{border-radius:10px}.our-solutions__link{background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:max-content;padding:2px 10px 2px 2px;display:flex;position:relative}.our-solutions__link span:first-child{z-index:1;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.our-solutions__link span:first-child:before{content:"";z-index:-1;background:#000;border-radius:10px;width:40px;height:40px;transition:all .3s;position:absolute;left:2px}.our-solutions__link span:last-child{z-index:1;mix-blend-mode:difference;position:relative}.our-solutions__link:hover span:first-child:before{width:calc(100% - 4px)}.container{color:#000;background:#fff;gap:50px;padding:20px;display:flex}.container div{width:100%}.container div img{border-radius:10px}@media screen and not (min-width:1000px){.container{color:#000;background:#fff;flex-direction:column;display:flex}.container div{width:100%}.container div img{border-radius:10px}}@media screen and not (min-width:808px){.our-solutions-container{flex-direction:column!important}}.img-wrapper{position:relative;overflow:hidden}.img{clip-path:inset(0% 100% 100% 0%);border-radius:10px;animation:1.5s cubic-bezier(.4,.8,.2,1) forwards animateImg}.cont{color:#000;transition:all .2s}.cont:hover{color:#fff!important;background:#000!important}@keyframes animateImg{to{clip-path:inset(0%)}}.brands{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.brands div{border:2px solid #ffffff80;border-radius:10px;justify-content:center;align-items:center;height:100px;font-size:1.5rem;display:flex}@media screen and not (min-width:1200px){.products-grid,.brands{grid-template-columns:repeat(3,1fr)}}@media screen and not (min-width:900px){.what-we-do-container{justify-content:space-between;gap:20px;flex-direction:column!important}.products-grid,.brands{grid-template-columns:repeat(2,1fr)}}@media screen and not (min-width:600px){.products-grid,.brands{grid-template-columns:repeat(1,1fr)}}