/* style for custom css */
/* icon task circle */
.custom-icon{
    width: 3rem;
    height: 3rem;
    text-align: center;
    line-height: 3rem;
    font-size: 1.5rem;
    border-radius: 3rem;
    background: #eeeeee;
    transition: .2s;
}
.custom-icon~label{
    margin-bottom: 0;
    font-size: 0.9rem;
}
.custom-icon:hover{
    box-shadow: 0px 1px 1px 1px #fff;
}
.icon-flashsale{
    background: rgb(255,0,0);
    background: linear-gradient(37deg, rgba(255,0,0,1) 0%, rgba(253,21,21,1) 40%, rgba(255,196,169,1) 99%);
    color: #fff;
}
.icon-flashsale svg{
    font-size: 1.1rem;
    transform: scaleY(1.7) rotate(15deg);
}

.icon-hotdeal{
    color: #ff363e;
    background: rgb(252,160,61);
    background: linear-gradient(62deg, rgba(252,160,61,1) 0%, rgba(252,231,125,1) 100%);
}

.icon-suggestion{
    color:#fff;
    background: rgb(0,92,223);
    background: linear-gradient(38deg, rgba(0,92,223,1) 0%, rgba(68,144,255,1) 100%);
}

.icon-toy{
    color: #fff;
    background: rgb(137,247,254);
background: linear-gradient(5deg, rgba(137,247,254,1) 0%, rgba(102,166,255,1) 100%);
}

.icon-book{
    color: #b23100;
    background: rgb(255,154,158);
background: linear-gradient(42deg, rgba(255,154,158,1) 0%, rgba(254,207,239,1) 100%);
}

.icon-child{
    background-color: #FAD961;
    background-image: linear-gradient(90deg, #FAD961 0%, #F76B1C 100%);
    color: #fff;
}

.icon-economic{
    background-image: linear-gradient(to top, #0ba360 0%, #3cba92 100%);
    color:#fff;
}

.icon-certificate{
    background-color: #DCD9D4;
 background-image: linear-gradient(to bottom, rgba(255,255,255,0.50) 0%, rgba(0,0,0,0.50) 100%), radial-gradient(at 50% 0%, rgba(255,255,255,0.10) 0%, rgba(0,0,0,0.50) 50%);
 background-blend-mode: soft-light,screen;
  color: inherit;
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
    
}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {
    .custom-icon{
        width: 2.5rem;
        height: 2.5rem;
        line-height: 2.5rem;
        font-size: 1rem;
        border-radius: 2.5rem;
        margin:0;padding: 0;
    }
    .icon-flashsale svg{
        font-size: 1rem;
    }
    
    .icons-util a.icon-link{
        font-size: 0.8rem;
    }
    a.icon-link label{
        margin-top: 0;
        padding: 0;
    }
}

/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) { 
    .icons-util > div{
        width: 25%;
    }
}

.custom-icon.custom-icon-small{
    width: 1.6rem;
    height: 1.6rem;
    line-height: 1.6rem;
    font-size: 0.5rem;
    border-radius: 1.6rem;
    margin:0;padding: 0;
}
.icon-flashsale.custom-icon-small svg{
    font-size: 0.6rem;
}
.custom-icon.custom-icon-small~label{
    font-size: 0.7rem;
}
/* Extra large devices (large desktops, 1200px and up) */
/* @media (max-width: 1200px) {} */