.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__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)}}
