/*typo*/
.text-danger {
    color: var(--color-error-1) !important;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0;
}
.h1, .title-XXXL, .XXXLTitle { /*XXXL Title*/
    font-size: var(--title-size-XXXL);
    font-family: var(--font-family-title), sans-serif;
    font-weight: var(--title-weight-XXXL);
    line-height: var(--title-line-height-XXXL);
    letter-spacing: var(--title-letter-spacing-XXXL);
}

.h2, .title-XXL, .XXLTitle { /*XXL Title*/
    font-size: var(--title-size-XXL);
    font-family: var(--font-family-title), sans-serif;
    font-weight: var(--title-weight-XXL);
    line-height: var(--title-line-height-XXL);
    letter-spacing: var(--title-letter-spacing-XXL);
}

.h3, .title-XL, .XLTitle { /*XL Title*/
    font-size: var(--title-size-XL);
    font-family: var(--font-family-title), sans-serif;
    font-weight: var(--title-weight-XL);
    line-height: var(--title-line-height-XL);
    letter-spacing: var(--title-letter-spacing-XL);
}

.h4, .title-L, .LTitle { /*L Title*/
    font-size: var(--title-size-L);
    font-family: var(--font-family-title), sans-serif;
    font-weight: var(--title-weight-L);
    line-height: var(--title-line-height-L);
    letter-spacing: var(--title-letter-spacing-L);
}

.h5, .title-M, .MTitle { /*M Title*/
    font-size: var(--title-size-M);
    font-family: var(--font-family-title), sans-serif;
    font-weight: var(--title-weight-M);
    line-height: var(--title-line-height-M);
    letter-spacing: var(--title-letter-spacing-M);
}

.text-M, .MText {
    font-size: var(--text-size-M);
    line-height: var(--text-line-height-M);
    letter-spacing: var(--text-letter-spacing-M);
}

.text-S, .SText, .STitle {
    font-size: var(--text-size-S);
    line-height: var(--text-line-height-S);
    letter-spacing: var(--text-letter-spacing-S);
} .STitle{
      font-weight: var(--font-weight-bold);
      font-family: var(--font-family-title), sans-serif;}

.text-XS, .XSText {
    font-size: var(--text-size-XS);
    line-height: var(--text-line-height-XS);
    letter-spacing: var(--text-letter-spacing-XS);
}

.text-XXS, .XXSText {
    font-size: var(--text-size-XXS);
    line-height: var(--text-line-height-XXS);
    letter-spacing: var(--text-letter-spacing-XXS);
}

.text-XXXS, .XXXSText {
    font-size: var(--text-size-XXXS);
    line-height: var(--text-line-height-XXXS);
    letter-spacing: var(--text-letter-spacing-XXXS);
}

.bold {
    font-weight: var(--font-weight-bold);
}

/*sottolineatura*/
.text-underline-green u {
    text-decoration: none;
    position: relative;
    z-index: 1;
    display: inline-block;
}

.text-underline-green u::before {
    content: "";
    background: var(--color-green-2);
    left: -6px;
    right: -6px;
    position: absolute;
    bottom: 5px;
    height: 8px;
    z-index: -1;
}
/*icon-title__container*/
.icon-title__container{
    display: flex;
    gap: 1.5rem;
    align-items: center;
    margin-bottom:2rem
}
@media (min-width: 576px) {

    .h1, .XXXLTitle-md { /*XXXL Title*/
        font-size: var(--title-size-XXXL);
        font-family: var(--font-family-title), sans-serif;
        font-weight: var(--title-weight-XXXL);
        line-height: var(--title-line-height-XXXL);
        letter-spacing: var(--title-letter-spacing-XXXL);
    }

    .h2, .XXLTitle-md { /*XXL Title*/
        font-size: var(--title-size-XXL);
        font-family: var(--font-family-title), sans-serif;
        font-weight: var(--title-weight-XXL);
        line-height: var(--title-line-height-XXL);
        letter-spacing: var(--title-letter-spacing-XXL);
    }

    .h3, .XLTitle-md { /*XL Title*/
        font-size: var(--title-size-XL);
        font-family: var(--font-family-title), sans-serif;
        font-weight: var(--title-weight-XL);
        line-height: var(--title-line-height-XL);
        letter-spacing: var(--title-letter-spacing-XL);
    }

    .h4, .LTitle-md { /*L Title*/
        font-size: var(--title-size-L);
        font-family: var(--font-family-title), sans-serif;
        font-weight: var(--title-weight-L);
        line-height: var(--title-line-height-L);
        letter-spacing: var(--title-letter-spacing-L);
    }

    .h5, .MTitle-md { /*M Title*/
        font-size: var(--title-size-M);
        font-family: var(--font-family-title), sans-serif;
        font-weight: var(--title-weight-M);
        line-height: var(--title-line-height-M);
        letter-spacing: var(--title-letter-spacing-M);
    }

    .MText-md {
        font-size: var(--text-size-M);
        line-height: var(--text-line-height-M);
        letter-spacing: var(--text-letter-spacing-M);
    }

    .SText-md {
        font-size: var(--text-size-S);
        line-height: var(--text-line-height-S);
        letter-spacing: var(--text-letter-spacing-S);
    }

    .XSText-md {
        font-size: var(--text-size-XS);
        line-height: var(--text-line-height-XS);
        letter-spacing: var(--text-letter-spacing-XS);
    }

    .XXSText-md {
        font-size: var(--text-size-XXS);
        line-height: var(--text-line-height-XXS);
        letter-spacing: var(--text-letter-spacing-XXS);
    }

    .XXXSText-md {
        font-size: var(--text-size-XXXS);
        line-height: var(--text-line-height-XXXS);
        letter-spacing: var(--text-letter-spacing-XXXS);
    }

}