.ban{
    background-color: unset;
    background-blend-mode: unset;
}
.archive-prod{
    background: linear-gradient(180deg, #FFF 7.68%, #EFF2F5 54.43%) no-repeat top center;
    background-size: 100% 339px;
    padding: 11.33rem 0 5rem;
}

.archive-prod .row{
    grid-gap: 2rem 0;
}

.archive-prod .box{
    position: relative;
    max-width: 280px;
    background-color: var(--white);
    border-radius: 20px 20px 0 0;
    box-shadow: 0px 4px 15px -4px #7090b040;
    margin-bottom: 23px;
}

.archive-prod .box::after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -22px;
    width: 32px;
    height: 23px;
    background-color: var(--white);
    clip-path: polygon(0 0,100% 0,50% 100%);
    -webkit-clip-path: polygon(0 0,100% 0,50% 100%);
    margin: 0 auto;
}

.archive-prod .box .img{
    width: 100%;
    aspect-ratio: 1/1.23214;
}

.archive-prod .box .img img{
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    border-radius: 20px 20px 0 0;
}

.archive-prod .box .bottom{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    grid-gap: 9px;
    padding: 15px 10px;
}

.archive-prod .box .bottom .icon{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    min-width: 80px;
    max-width: 80px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background-color: #E9F7FC;
}

.archive-prod .box .bottom .icon img{
    width: fit-content;
}

.archive-prod .box .bottom .title{
    font-family: var(--sans);
    color: var(--text2);
    font-size: 18px;
    font-weight: 600;
    line-height: 23px;
    margin-bottom: 9px;
}

.archive-prod .box .bottom .sm{
    font-size: 16px;
    line-height: 19px;
}

/* MEDIA QUERIES */

@media(max-width:1200px){
    .archive-prod .box{
        margin: 0 auto 23px;
    }
}

@media(max-width:375px){
    .archive-prod .box .bottom{
        flex-direction: column;
        -ms-flex-direction: column;
        align-items: flex-start;
        padding: .5rem;
    }
}

/* MEDIA QUERIES ! */