.hero-main{
    height: 400px;
    background: #e9ecef;
    border-radius: 16px;

    display: flex;
    justify-content: center;
    align-items: center;

    font-size: 24px;
    font-weight: bold;
}

.hero-small{
    height: 192px;
    background: #e9ecef;
    border-radius: 16px;

    display: flex;
    justify-content: center;
    align-items: center;

    font-weight: 600;
}

.hero-section{
    margin-bottom: 40px;
}

.categories-section{
    margin-bottom:40px;
}

.category-card{
    background:#fff;
    border:1px solid #eee;
    border-radius:12px;
    padding:20px;
    min-height:170px;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;

    transition:.25s;
}

.category-card:hover{
    transform:translateY(-5px);
    box-shadow:0 8px 20px rgba(0,0,0,.08);
}

.category-icon{
    width:64px;
    height:64px;
    margin-bottom:12px;
}