.fontypo-featured-section{

    padding:120px 0;

}

.fontypo-section-heading{

    margin-bottom:60px;

}

.fontypo-section-heading h2{

    font-size:52px;
    margin-bottom:20px;
    font-weight:900;

}

.fontypo-section-heading p{

    color:var(--fontypo-muted);
    font-size:20px;

}

.fontypo-font-grid{

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;

}

.fontypo-font-card{

    background:var(--fontypo-card);
    border:1px solid var(--fontypo-border);
    border-radius:28px;
    overflow:hidden;
    transition:0.4s;
    position:relative;

}

.fontypo-font-card:hover{

    transform:translateY(-10px);
    border-color:var(--fontypo-primary);
    box-shadow:0 20px 60px rgba(215,255,0,0.12);

}

.fontypo-card-preview{

    height:240px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:100px;
    font-weight:900;
    background:linear-gradient(
        135deg,
        #101010,
        #191919
    );

}

.fontypo-card-content{

    padding:30px;

}

.fontypo-card-content h3{

    font-size:28px;
    margin-bottom:12px;

}

.fontypo-card-content p{

    color:var(--fontypo-muted);
    margin-bottom:24px;

}