.wp-block-circleyo-theme-home-classify-by-shape{background-repeat:no-repeat;background-position:center;background-size:100% 100%;margin:0 !important;padding:100px 0}.wp-block-circleyo-theme-home-classify-by-shape .block-content{margin:auto;width:var(--theme-content-width)}.wp-block-circleyo-theme-home-classify-by-shape .block-content>.title{margin:0 auto;margin-bottom:50px;padding:0 284px;font-size:40px;font-weight:500;text-align:center;text-transform:capitalize}.wp-block-circleyo-theme-home-classify-by-shape .cates-title{display:flex;background:#517cb8;border-radius:8px;overflow:hidden}.wp-block-circleyo-theme-home-classify-by-shape .cates-title .title-item{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;width:200px;height:152px;cursor:pointer}.wp-block-circleyo-theme-home-classify-by-shape .cates-title .title-item::after{content:"";position:absolute;top:35px;right:0;width:0px;height:71px;border:1px solid #d4dae3;opacity:.28}.wp-block-circleyo-theme-home-classify-by-shape .cates-title .title-item.hover,.wp-block-circleyo-theme-home-classify-by-shape .cates-title .title-item:hover{background:#1967d2}.wp-block-circleyo-theme-home-classify-by-shape .cates-title .title-item.hover::after,.wp-block-circleyo-theme-home-classify-by-shape .cates-title .title-item:hover::after{display:none}.wp-block-circleyo-theme-home-classify-by-shape .cates-title .title-item:last-child::after{display:none}.wp-block-circleyo-theme-home-classify-by-shape .cates-title .title-item .icon-img{margin-bottom:7px;width:82px;height:82px}.wp-block-circleyo-theme-home-classify-by-shape .cates-title .title-item .label{font-size:14px;color:#fff}.wp-block-circleyo-theme-home-classify-by-shape .cates-body{margin-top:20px}.wp-block-circleyo-theme-home-classify-by-shape .cates-body .body-item{display:none;gap:20px}.wp-block-circleyo-theme-home-classify-by-shape .cates-body .body-item.hover{display:flex}.wp-block-circleyo-theme-home-classify-by-shape .cates-body .body-item .product-img{width:470px;height:333px;border-radius:8px;transition:transform .3s ease-in-out}.wp-block-circleyo-theme-home-classify-by-shape .cates-body .body-item .product-img:hover{transform:scale(1.05)}.wp-block-circleyo-theme-home-classify-by-shape .cates-body .body-item .body-item-info{padding:50px 47px;width:709px;height:333px;background:#fff;border-radius:8px}.wp-block-circleyo-theme-home-classify-by-shape .cates-body .body-item .title{margin-bottom:20px;font-weight:500;font-size:32px}.wp-block-circleyo-theme-home-classify-by-shape .cates-body .body-item .desc{margin-bottom:40px;font-weight:500;font-size:15px}.wp-block-circleyo-theme-home-classify-by-shape .cates-body .body-item .btn{display:flex;justify-content:center;align-items:center;gap:5px;width:140px;height:40px;font-size:14px;background:#1967d2;color:#fff;border-radius:26px}.wp-block-circleyo-theme-home-classify-by-shape .cates-body .body-item .btn .icon-img{width:5px;height:8px}@media screen and (max-width: 1200px){.wp-block-circleyo-theme-home-classify-by-shape{padding:50px 0 !important}.wp-block-circleyo-theme-home-classify-by-shape .block-content{margin:0 var(--theme-margin-left-or-right);width:calc(100% - var(--theme-margin-left-and-right))}.wp-block-circleyo-theme-home-classify-by-shape .block-content>.title{margin-bottom:25px;padding:0}.wp-block-circleyo-theme-home-classify-by-shape .cates-body .body-item .body-item-info{padding:25px 23px;width:auto;height:auto;min-height:333px}}@media screen and (max-width: 992px){.wp-block-circleyo-theme-home-classify-by-shape .cates-title{flex-wrap:wrap}.wp-block-circleyo-theme-home-classify-by-shape .cates-body .body-item{flex-direction:column;align-items:center}.wp-block-circleyo-theme-home-classify-by-shape .cates-body .body-item .body-item-info{min-height:auto}}@media screen and (max-width: 576px){.wp-block-circleyo-theme-home-classify-by-shape .cates-title .title-item{width:50%}.wp-block-circleyo-theme-home-classify-by-shape .cates-title .title-item:nth-child(2n)::after{display:none}.wp-block-circleyo-theme-home-classify-by-shape .cates-body .body-item .product-img{width:100%;height:auto}}
