.product-by-element{
    margin-top: 99px;
}
.product-by-element-title{
    font-size: 32px;
    font-weight: 700;
    line-height: 42.3px;
    text-align: center;
    margin: 33px auto;
}
.product-by-element-content-bg{
    padding: 80px 0;
    background-color: #E4E4E433;
}
.product-by-element-content{
    position: relative;
    width: 1050px;
    margin: 0px auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 46px 41px;
}
.product-by-element-item{
    color: #fff;
    cursor: pointer;
    font-size: 28px;
    font-weight: 700;
    line-height: 68px;
    letter-spacing: 0.03em;
    text-align: center;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background: linear-gradient(133.82deg, #14833A 15.68%, #73FFA3 84.74%);
    box-shadow: 2px 4px 4px 0px #0000001A,4px 4px 6.6px 0px #FFFFFF40 inset;

}

/*Mobile*/
@media screen and (max-width: 1024px) {
    .product-by-element{
        margin-top: 0.48rem;
    }
    .product-by-element-content{
        padding: 0 0.67rem;
        width: 100%;
        gap: 0.35rem 0.41rem;
    }
    .product-by-element-item{
        width: 0.68rem;
        height: 0.68rem;
        line-height: 0.68rem;
        font-size: 0.28rem;
    }
    .product-by-element-content-bg{
        padding: 0.72rem 0;
    }
    .product-by-element-title{
        margin: 0.38rem auto;
        font-size: 0.24rem;
        line-height: 0.31rem;
    }
    .main-products-wrapper .main-products-content{
        gap: 0.34rem 0.08rem;
    }
    .main-products-content .main-products-item{
        width: 3.41rem;
    }
    .main-products-content .main-products-item-img{
        height: 2.85rem;
    }
    .main-products-content .main-products-item-title{
        margin: 0.34rem 0;
        font-size: 0.2rem;
        line-height: 0.26rem;
    }
}