/* Ported from resources/views/frontend/pages/specialization/index.blade.php <style> */

    .specialization-section{
        padding:80px 0;
        background:#f8f9fa;
    }

    .specialization-heading{
        text-align:center;
        font-size:36px;
        font-weight:700;
        margin-bottom:15px;
    }

    .specialization-subtitle{
        text-align:center;
        max-width:700px;
        margin:0 auto 50px;
        color:#666;
    }

    .specialization-grid{
        display:grid;
        grid-template-columns:repeat(4,1fr);
        gap:30px;
    }

    .specialization-card{
        background:#fff;
        border-radius:24px;
        padding:35px 25px;
        text-align:center;
        text-decoration:none;
        transition:.3s;
        box-shadow:0 10px 25px rgba(0,0,0,.05);

        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        min-height:260px;
    }

    .specialization-card:hover{
        transform:translateY(-5px);
    }

    .specialization-icon{
        width:80px;
        height:80px;
        margin-bottom:20px;

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

    .specialization-icon-img{
        width:70px;
        height:70px;
        object-fit:contain;
    }

    .specialization-title{
        font-size:20px;
        font-weight:700;
        color:#222;
        margin-bottom:20px;
    }

    .specialization-link{
        margin-top:auto;
        display:flex;
        align-items:center;
        gap:10px;
        color:#2C8234;
        font-weight:600;
    }

    .specialization-arrow{
        width:34px;
        height:34px;
        border-radius:50%;
        background:#2C8234;
        color:#fff;

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

    @media(max-width:991px){
        .specialization-grid{
            grid-template-columns:repeat(2,1fr);
        }
    }

    @media(max-width:576px){
        .specialization-grid{
            grid-template-columns:1fr;
        }

        .specialization-heading{
            font-size:30px;
        }
    }