#hero{
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    /* background: linear-gradient(180deg, #f9f9f9 0%, #f9f9f9 50%, #ffffff 100%); */
}

#hero::after{
    content: url(../resources/images/marketplace/bottom-right.png);
    position: absolute;
    bottom: -25%;
    right: 0;
    max-width: 30%;
    overflow-x: hidden;
    }
#hero::before{
    content: url(../resources/images/marketplace/bottom-left.png);
    position: absolute;
    bottom: 0%;
    left: 0;
    max-width: 30%;
    overflow-x: hidden;
    }

.wrapper{
    background: linear-gradient(90deg, #FFFFFF 100%, #F9F9F9 39.28%, #F9F9F9 0%);
    position: relative;
    z-index: 2;
}
#content .card{
    text-align: center;
    border: 1px solid #AFAFAF;
}
#content .card img{
    width: clamp(70px, 3.64vw, 3.64vw);
    height: clamp(70px, 3.64vw, 3.64vw);
    object-fit: contain;
}
#content .cards-row{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(10px, 2.60vw, 2.60vw);
}
#features .features-grid{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: clamp(10px,1.56vw,1.56vw );
}

.feature-card{
    border: 1px solid #AFAFAF;
    text-align: center;
    max-width: clamp(332px, 17.29vw, 17.29vw);
    flex: 0 0 auto;
}
.feature-card img{
    width: clamp(70px, 3.64vw, 3.64vw);
    height: clamp(70px, 3.64vw, 3.64vw);
    object-fit: contain;
}
.lorem-inner{
    background: #F9F9F9;
    box-shadow: 0px 3px 3px 0px #00000029;
    background-image: url(../resources/images/marketplace/lorem-bg.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: clamp(10px, 1.04vw, 1.04vw);

}
@media (max-width: 992px) {
    #content .cards-row{
        grid-template-columns: 1fr;
    }
}
@media (max-width: 768px) {
    #hero::after{
        content: none;
        }
    #hero::before{
        content: none;
        }}