.saelga-service-item
{
    background-color: #E7E7E7;
    padding: 34px 32px;
}

.saelga-service-logo svg
{
    width: 74px;
    height: 74px;
}

.saelga-service-item:hover
{
    background-color: #F29000;
}

.saelga-service-title
{
    font-family: "Klavika Light", sans-serif;
    color: #000000;
    font-size: 35px;
}

.saelga-service-description
{
    font-family: "Klavika Light", sans-serif;
    color: #000000;
    font-size: 24px;
    line-height: 1.2;
}

.saelga-service-link
{
    font-family: "Klavika Bold", sans-serif;
    color: #000000;
    font-size: 18px;
    text-transform: uppercase;
    text-decoration: none;
}

.saelga-service-link svg
{
    width: 16px;
    height: 16px;
    margin-left: 10px;
}


@media only screen and (max-width : 600px) 
{
    .saelga-services-block {
        display: grid;
        grid-template-columns: 1fr; /* 1 columna */
        gap: 30px;
    }
}

@media only screen and (min-width : 601px) and (max-width : 1024px) 
{
    .saelga-services-block {
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* 2 columnas iguales */
        gap: 30px;
    }
}


@media only screen and (min-width : 1025px) and (max-width : 1380px) 
{
    .saelga-services-block {
        display: grid;
        grid-template-columns: repeat(3, 1fr); /* 3 columnas iguales */
        gap: 30px;
    }
}


@media only screen and (min-width : 1381px) 
{
    .saelga-services-block {
        display: grid;
        grid-template-columns: repeat(4, 1fr); /* 4 columnas iguales */
        gap: 30px;
    }

}