.paragraph--type--title-with-navigation {
    margin-block: var(--margin-xl) var(--margin-l) ;
}

.paragraph--type--title-with-navigation
    :where(.field--name-field-title-navigation) {
    font-family: 'Inter', sans-serif;
    font-size: 30px;
    font-weight: bold;
    line-height: 35px;
    color: var(--dark-blue);
}

@media screen and (max-width: 991px) and (min-width: 768px){
    .paragraph--type--title-with-navigation {
        font-size: 38px;
    }

    .paragraph--type--title-with-navigation
        :where(.field--name-field-title-navigation) {
        font-size: 25px !important;
        font-weight: 800;
        line-height: 30px;
    }
}

@media screen and (max-width: 767px) {
    .paragraph--type--title-with-navigation :where(.field--name-field-title-navigation) {
        font-size: 22px !important;
        line-height: 25px;
    }
}