/***AREAS***/
.section.areas-sctn {
    padding-top:clamp(52px, 6%, 120px);
    padding-bottom:clamp(52px, 6%, 100px)
}
.areas-sctn ul{
    width:100%;
    list-style:none;
    margin:0;
    padding:0;
    columns:5 180px;
}
.areas-sctn ul li{
    display:flex;
    gap:8px;
    align-items:center;
    font-family:var(--font-family--h1);
    font-weight:800;
    color:var(--primary);
}
.areas-sctn ul li svg{
    fill:var(--secondary)
}
@media(min-width:501px){
    .areas-sctn ul li{
        font-size:18px;
        margin-bottom:32px;
    }
    .areas-sctn ul li svg{
        min-width:42px;
        width:42px;
    }
}
@media(max-width:500px){
    .areas-sctn ul li{
        margin-bottom:16px;
        font-size:14px
    }
    .areas-sctn ul li svg{
        min-width:20px;
        width:20px;
    }
}
@media(max-width:408px){
    .areas-sctn ul{
        columns: 2 130px
    }
}