.elementor-kit-7{--e-global-color-primary:#242C48;--e-global-color-secondary:#ECCF79;--e-global-color-text:#222222;--e-global-color-accent:#242C48;--e-global-color-92f7268:#FFFFFF;--e-global-color-a385387:#EEEEEE;--e-global-color-e399940:#0B6A99;--e-global-color-dd9f145:#0997C9;--e-global-color-619d7cf:#F0F4F7;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:600;--e-global-typography-370c1f8-font-size:1.25rem;--e-global-typography-370c1f8-font-weight:500;--e-global-typography-370c1f8-line-height:1.5rem;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//*-------------------*\
-------- TEXT --------
\*-------------------*/

h1 {
    font-size: clamp(2rem, 3.25rem, 6vw);
}

h2, .head2 {
    font-size: clamp(1.75rem, 2.6rem, 6vw) !important;
}

h3, .head3 {
    font-size: 1.25rem;
    font-weight: 800 !important;
}

h4, .head4 {
    font-size: 1.55rem;
}

.copy-l {
    font-size: clamp(1.125rem, 1.25vw, 1.25rem) !important;
    line-height: 1.25em;
    text-wrap: balance;
}

.copy-xl {
    font-size: clamp(1.25rem, 1.75vw, 1.75rem) !important;
    line-height: 1.25em;
    text-wrap: balance;
}

.copy-timeline {
    font-size: 1.25rem;
    line-height: 1.25em;
}

/*-------------------*\
------- LAYOUT -------
\*-------------------*/

/* Section */
.section {
    padding: 1.5rem;
}

@media only screen and (min-width: 768px) {
    .section {
    padding: 2.5rem;}
}

@media only screen and (min-width: 1024px) {
    .section {
    padding: 3rem;}
}

/* Padding orizzontale */

.px {
    padding: 0 1.5rem;
}

@media only screen and (min-width: 768px) {
    .px {
    padding: 0 2.5rem;}
}

@media only screen and (min-width: 1024px) {
    .px {
    padding: 0 3rem;}
}

/* Padding Top */

.pt {
    padding-top: 1.5rem;
}

@media only screen and (min-width: 768px) {
    .pt {
    padding-top: 2.5rem;
    }
}

@media only screen and (min-width: 1024px) {
    .pt {
    padding-top: 3rem;
    }
}

/* Padding Bottom */

.pb {
    padding-bottom: 1.5rem;
}

@media only screen and (min-width: 768px) {
    .pb {
    padding-bottom: 2.5rem;
    }
}

@media only screen and (min-width: 1024px) {
    .pb {
    padding-bottom: 3rem;
    }
}

/*-------------------*\
------ MARGINS -------
\*-------------------*/

/* Margin Top */

.mt {
    margin-top: 1.5rem;
}

@media only screen and (min-width: 768px) {
    .mt {
        margin-top: 2.5rem;
    }
}

@media only screen and (min-width: 1024px) {
    .mt {
        margin-top: 3rem;
    }
}

/* Margin Bottom */

.mb {
    margin-bottom: 1.5rem;
}

@media only screen and (min-width: 768px) {
    .mb {
        margin-bottom: 2.5rem;
    }
}

@media only screen and (min-width: 1024px) {
    .mb {
        margin-bottom: 3rem;
    }
}

/* Margin Bottom Responsive */

.mb-4{
   margin-bottom: clamp(1.5rem, 2vh, 4rem) !important;
}

/* Margin Top Auto */

.mt-auto {
    margin-top: auto;
}

/*-------------------*\
----- HERO BANNER -----
\*-------------------*/

/* Labels */

.label-white {
    display: inline-block;
    color: var(--e-global-color-primary);
    background-color: white;
    padding: 0.25rem 0.75rem;
}

.label-blue {
    display: inline-block;
    color: white;
    background-color: var(--e-global-color-primary);
    padding: 0.25rem 0.75rem;
    margin-bottom: 0.5rem;
}

/*-------------------*\
-------- FIXES --------
\*-------------------*/

/* Line Break Desktop */

.br-desktop br {
            display: none;
    }

@media (min-width: 1024px) {
.br-desktop br {
            display: inline;
        }
    }
    
/* TESTO BILANCIATO */
.balanced {
    text-wrap: balance !important;
}

/*-------------------*\
------- COLORI -------
\*-------------------*/

.yellow {
    color: var( --e-global-color-secondary );
}/* End custom CSS */