body .AsquareAiService.services-strategy-section .container{max-width:1220px}@media (min-width:900px){body .AsquareAiService.services-strategy-section .container{max-width:63.542vw}}@media (max-width:899px){body .AsquareAiService.services-strategy-section .container{max-width:90%}}@media (max-width:767px){body .AsquareAiService.services-strategy-section .container{max-width:90%}}body .services-strategy-box{--hover-start-x:0%;--hover-start-y:0%;--hover-end-x:0%;--hover-end-y:0%;cursor:default}body .services-strategy-box:before{content:"";border-radius:inherit;z-index:0;opacity:0;transform:translate(var(--hover-start-x),var(--hover-start-y));pointer-events:none;background:linear-gradient(148.22deg,#000 21.23%,#4649e7 154.21%);transition:transform .45s cubic-bezier(.4,0,.2,1),opacity .45s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}body .services-strategy-box.hover-active:before{opacity:1;transform:translate(0%)}body .services-strategy-box.hover-leave:before{opacity:0;transform:translate(var(--hover-end-x),var(--hover-end-y))}body .services-strategy-section .services-strategy-box:first-child:before{opacity:1;transform:translate(0%)}body .services-strategy-section .services-strategy-box:first-child .services-strategy-heading,body .services-strategy-section .services-strategy-box:first-child .services-strategy-tagline{color:#fff}body .services-strategy-section .services-strategy-box:first-child .services-strategy-desc{color:#fffc}body .services-strategy-section .services-strategy-box:first-child .services-strategy-bullet-item{color:#ffffffd9}body .services-strategy-section:has(.services-strategy-box:not(:first-child).hover-active) .services-strategy-box:first-child:before{opacity:0}body .services-strategy-section:has(.services-strategy-box:not(:first-child).hover-active) .services-strategy-box:first-child .services-strategy-heading{color:#000}body .services-strategy-section:has(.services-strategy-box:not(:first-child).hover-active) .services-strategy-box:first-child .services-strategy-tagline{color:#000}body .services-strategy-section:has(.services-strategy-box:not(:first-child).hover-active) .services-strategy-box:first-child .services-strategy-desc{color:#363636}body .services-strategy-section:has(.services-strategy-box:not(:first-child).hover-active) .services-strategy-box:first-child .services-strategy-bullet-item{color:#363636}@keyframes serviceImgFloat{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}body .services-strategy-right img{animation:3s ease-in-out infinite serviceImgFloat}@media (max-width:767px){body .services-strategy-right img{animation:none}}
