.co-services-3{z-index:1}.co-services-3-header{padding:var(--co-content-spacing) var(--co-h-gutter);opacity:0}.co-services-3-header h2{text-align:center}.co-services-3-content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;border-top:var(--co-s-border) solid #000}.co-services-3-cell{display:grid;grid-template-columns:1fr 1fr;justify-content:center;align-content:center;justify-items:center;align-items:center;padding:0 20px}.co-services-3-cell:not(:last-of-type){border-bottom:var(--co-s-border) solid #000}.co-services-3-cell-image-frame{height:0;padding-bottom:30%}.co-services-3-left{opacity:0}.co-services-3-left h4{text-align:center}.co-services-3-left h4 a{text-decoration:none;--toph: 100%;transition:background-size .6s,color .3s;background:linear-gradient(currentColor,currentColor) 100% var(--toph) / 0 1px no-repeat,linear-gradient(#0000,#0000) 0 var(--toph) / 100% 1px no-repeat}.co-services-3-left h4 a:hover{background:linear-gradient(currentColor,currentColor) 0 var(--toph) / 100% 1px no-repeat,linear-gradient(#0000,#0000) 0 var(--toph) / 100% 1px no-repeat}.co-services-3-right{opacity:0}.co-services-3-image-frame{overflow:hidden}.co-services-3-right img{object-position:50% 15%;height:110%}.co-services-3-right-a{position:absolute;top:unset;left:unset;bottom:calc(var(--co-content-spacing) * .5);right:calc(var(--co-content-spacing) * .5);z-index:2;color:#000;--toph: 100%;transition:background-size .6s,color .3s;background:linear-gradient(currentColor,currentColor) 100% var(--toph) / 0 1px no-repeat,linear-gradient(#0000,#0000) 0 var(--toph) / 100% 1px no-repeat}.co-services-3-right-a:hover{background:linear-gradient(currentColor,currentColor) 0 var(--toph) / 100% 1px no-repeat,linear-gradient(#0000,#0000) 0 var(--toph) / 100% 1px no-repeat}@media screen and (max-width:749px){.co-services-3-content{grid-template-columns:1fr}.co-services-3-left{order:2}.co-services-3-right{order:1;border-bottom:var(--co-s-border) solid #000}.co-services-3-image{top:unset;left:unset;position:relative;height:auto}.co-services-3-image-frame{top:unset;left:unset;position:relative;height:0;padding-bottom:100%}}@media screen and (max-width:479px){.co-services-3-cell-image-frame{padding-bottom:50%}.co-services-3-cell{gap:10px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/co-styles-services-3.css.map */