.sp-page-title .sp-page-title-heading {
    font-size: clamp(32px, 12vw, 155px);
    line-height: 1;
    color: #223e81;
    margin-bottom: 40px;
    text-transform: uppercase;
}

/*
.sp-page-title .sp-page-title-heading {
    font-size: 155px;
    line-height: 1;
    color: #223e81;
    margin-bottom: 40px;
    text-transform: uppercase;
}
*/

.sp-page-title .sp-page-title-sub-heading {
    font-size: 48px;
    line-height: 1;
    margin-top: 10px;
    font-weight: bold;
    color: #33bec7;
    text-transform: uppercase;
    max-width: 782px;
}


@media (max-width: 576px) {
    .sp-page-title .sp-page-title-sub-heading {
        font-size: 29px; /* 60% rispetto a 48px */
    }
}

/* ========================================
   FIX SOLO LOGO MOBILE - InspAIron
   ======================================== */

@media (max-width: 991px) {
    
    /* ----- LOGO MOBILE ----- */
    
    /* Container logo */
    .sp-header .logo,
    .logo-image {
        display: flex !important;
        align-items: center !important;
        padding: 0 !important;
        margin: 0 !important;
        line-height: 1 !important;
    }
    
    /* Rimuovi pseudo-elementi */
    .logo:before,
    .logo:after,
    .logo-image:before,
    .logo-image:after,
    .logo a:before,
    .logo a:after {
        display: none !important;
        content: none !important;
    }
    
    /* Rimuovi marker dei list items */
    .logo::marker,
    .logo-image::marker {
        display: none !important;
        content: none !important;
    }
    
    /* Se il logo è dentro UL/LI */
    ul.logo,
    ul .logo,
    li.logo {
        list-style: none !important;
        list-style-type: none !important;
    }
}