/* FONT ********************************/
@font-face{font-family:'Julius Sans One';src:url(../fonts/JuliusSansOne-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Google Sans';src:url(../fonts/GoogleSans-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Antigua Presidente';src:url(../fonts/AntiguaPresidenteRegular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}
.font-julius{font-family:'Julius Sans One';font-weight:normal;font-style:normal}
.font-google{font-family:'Google Sans';font-weight:400;font-style:normal}
.font-antigua{font-family:'Antigua Presidente';font-weight:400;font-style:normal}

/* GENERALI ***************************/
*,:before,:after{box-sizing:border-box}
::selection {background-color:var(--primary);color:#ffffff;}
body {margin:0;padding:0;font-family:'Google Sans',sans-serif}

/* PALETTE ****************************/
:root {
    --primary: #2a435b;
    --primaryLight: #587986;
    --gray: #e7e7e5;
    --white: #ffffff;
    --titleFontSize: clamp(2.25rem,3vw,3.8rem);
    --bodyFontSize: clamp(1rem,1.4vw,1.2rem);
    --sectionPadding: clamp(3.75rem, 7.82vw, 6.25rem) 0 clamp(2.5rem, 6.82vw, 6.25rem);
    --mobileContainerWidth: 95vw;
}

/* TITOLI ****************************/
h1, h2, h3, h4, h5{font-family:'Julius Sans One',sans-serif}
.title{font-family:'Julius Sans One',sans-serif;font-size:var(--titleFontSize);text-transform:uppercase;font-weight:900;text-transform:uppercase;line-height:1.19;
    color:var(--primary);margin:0 0 1.5rem;letter-spacing:1px}
.text{font-size:var(--bodyFontSize);line-height:1.3;color:var(--primary);margin:0}
@media only screen and (max-width: 63.9375rem) {
    .title,.text{text-align:center}
    .text{padding:0 1rem}
}
.primary{color:var(--primary)!important}
.light{color:var(--primaryLight)!important}
.white{color:var(--white)!important}
.dark{color:var(--dark)!important}

/* BTN ********************************/
.btn-main{display:flex;align-items:center;justify-content:center;font-weight:900;letter-spacing:1px;gap:1.25rem;padding:1.25rem 1.75rem;border-radius:4px;
    background:var(--primary);box-shadow: #0003 15px 28px 25px -18px;color:var(--white);font-family:'Julius Sans One',sans-serif;font-size:clamp(.9rem,1.5vw,1.3rem);
    text-transform:uppercase;text-decoration:none;line-height:1.3;transition:transform .55s cubic-bezier(.22,1,.36,1),box-shadow 220ms ease}
.btn-main img{width:27px;height:18px;flex-shrink:0;transition:transform .35s cubic-bezier(.22,1,.36,1)}
.btn-main:hover{background-position:100% 50%;transform:translateY(-4px);box-shadow: #0000004d 2px 8px 8px -5px}
.btn-main:hover img,.btn-main:focus-visible img{transform:translateX(8px)}
.btn-main:focus-visible{outline:2px solid var(--primary);outline-offset:5px}

/* UTILI ******************************/
.d-none{display:none!important}
.d-block{display:inline-block!important}
.d-flex{display:flex!important}
@media only screen and (min-width: 64rem) {
.d-lg-none{display:none!important}
.d-lg-block{display:inline-block!important}
.d-lg-flex{display:flex!important}
}