.business-types{

    padding:80px 0;

    background:var(--white);
}

.business-types .container{

    max-width:1400px;
}

.section-header{

    max-width:760px;

    margin:0 auto 70px;

    text-align:center;
}

.section-tag{

    display:inline-block;

    margin-bottom:16px;

    font-size:.85rem;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    color:var(--primary);
}

.section-header h2{

    margin-bottom:20px;

    font-size:3.4rem;

    line-height:1.15;

    font-weight:800;

    color:var(--text);
}

.section-header h2 span{

    color:var(--primary);
}

.section-header p{

    font-size:1.05rem;

    line-height:1.8;

    color:#6b7280;
}

.business-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:32px;
}

.business-card{

    overflow:hidden;

    border-radius:24px;

    background:#fff;

    box-shadow:
    0 10px 30px rgba(0,0,0,.08);

    transition:.3s ease;
}

.business-card:hover{

    transform:translateY(-8px);
}

.business-card > img{

    display:block;

    width:100%;

    height:260px;

    object-fit:cover;
}

.business-card-footer{

    position:relative;

    display:flex;

    align-items:center;

    gap:18px;

    padding:24px 24px 24px 30px;
}

.business-icon{

   position:relative;

    margin-top:-48px;

    display:flex;

    align-items:center;

    justify-content:center;

    width:78px;

    height:78px;

    border-radius:50%;

    background:var(--primary);

    flex-shrink:0;

    box-shadow:
    0 10px 20px rgba(15,138,108,.25);
    
}

.business-icon img{

    width:40px;

    height:40px;

    object-fit:contain;
}

.business-card-footer h3{

    font-size:1.3rem;

    font-weight:600;

    color:var(--text);
}