.content-grid-boxes .box{--tw-bg-opacity:1;background-color:rgb(252 242 235/var(--tw-bg-opacity,1))}.content-grid-boxes .box:not(.empty){align-items:center;display:flex;height:332px;justify-content:center;position:relative}.content-grid-boxes .box.to-right .box-overlay{clip-path:inset(0 100% 0 0);left:0}.content-grid-boxes .box.to-left .box-overlay{clip-path:inset(0 0 0 100%);right:0}.content-grid-boxes .box.to-left,.content-grid-boxes .box.to-right{cursor:pointer;position:relative}@media not all and (min-width:36rem){.content-grid-boxes .box.to-left,.content-grid-boxes .box.to-right{height:320px}}.content-grid-boxes .box.to-left:hover .box-icon img,.content-grid-boxes .box.to-right:hover .box-icon img{--tw-scale-x:116%;--tw-scale-y:116%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.content-grid-boxes .box.to-left:after,.content-grid-boxes .box.to-right:after{border-width:1px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;--tw-border-opacity:1;border-color:rgb(0 53 61/var(--tw-border-opacity,1))}@media not all and (min-width:75rem){.content-grid-boxes .box.to-left:after,.content-grid-boxes .box.to-right:after{border-bottom-width:0}}.content-grid-boxes .box.to-left:not(.active) .box-image,.content-grid-boxes .box.to-right:not(.active) .box-image{display:none}.content-grid-boxes .box.to-left:not(.active) .box-overlay,.content-grid-boxes .box.to-right:not(.active) .box-overlay{pointer-events:none}@media not all and (min-width:36rem){.content-grid-boxes .box.active{height:500px;transition-duration:.7s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}}.content-grid-boxes .box.active .box-overlay{opacity:1}.content-grid-boxes .box.active .box-icon{--tw-translate-y:20px;opacity:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media not all and (min-width:75rem){.content-grid-boxes .box.empty{display:none}.content-grid-boxes .box:nth-last-child(2):after{border-bottom-width:1px}}.content-grid-boxes .box-icon{align-items:center;display:flex;justify-content:center;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media not all and (min-width:36rem){.content-grid-boxes .box-icon{height:100%;left:0;position:absolute;top:0;width:100%}}.content-grid-boxes .box-icon img{max-height:48px;max-width:206px;transition-duration:.5s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media not all and (min-width:48rem){.content-grid-boxes .box-icon img,.content-grid-boxes .box-logo img{width:-moz-fit-content;width:fit-content}}.content-grid-boxes .box-overlay{display:flex;height:100%;overflow:hidden;position:absolute;top:0;width:100%;z-index:3;--tw-bg-opacity:1;background-color:rgb(0 53 61/var(--tw-bg-opacity,1));opacity:0;transition-duration:.6s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}@media not all and (min-width:36rem){.content-grid-boxes .box-overlay{flex-direction:column-reverse;position:relative}}@media(min-width:75rem){.content-grid-boxes .box-overlay{min-width:200%;width:200%}}.content-grid-boxes .box-image{flex-shrink:0;height:240px;overflow:hidden;width:100%}@media(min-width:36rem){.content-grid-boxes .box-image{height:332px;width:220px}}
