/* ===============================
   CHOPSEE FONT FAMILY
================================ */

@font-face {
    font-family: "Chopsee";
    src: url("../fonts/chopsee/chopsee-light.woff2") format("woff2"),
        url("../fonts/chopsee/chopsee-light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Chopsee";
    src: url("../fonts/chopsee/chopsee-regular.woff2") format("woff2"),
        url("../fonts/chopsee/chopsee-regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Chopsee";
    src: url("../fonts/chopsee/chopsee-mediumItalic.woff2") format("woff2"),
        url("../fonts/chopsee/chopsee-mediumItalic.woff") format("woff");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Chopsee";
    src: url("../fonts/chopsee/chopsee-semibold.woff2") format("woff2"),
        url("../fonts/chopsee/chopsee-semibold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Chopsee";
    src: url("../fonts/chopsee/chopsee-bold.woff2") format("woff2"),
        url("../fonts/chopsee/chopsee-bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* FONTS STYLE */

.font22 {
    font-size: 22px;
}

.font24 {
    font-size: 24px;
}

.font28 {
    font-size: 28px;
}

.font36 {
    font-size: 36px;
}


.semibold {
    font-weight: 600;
}

.italic {
    font-style: italic;
}

/* ===============================
   HEDGIE CTA SYSTEM
================================ */

.cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 0.35rem 1.6rem;

    border-radius: 9999px;

    font-weight: 600;
    font-size: 28px;
    color: #fff;
    text-decoration: none;

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease;
}


/* ===============================
   COLOR VARIANTS
================================ */

/* HERO GREEN */
.cta--green {
    background-color: #0f5f12;
}

.cta--green:hover {
    background-color: #0b4d0e;
}

/* BLUE SECTION */
.cta--blue {
    background-color: #066c9f;
}

.cta--blue:hover {
    background-color: #055a85;
}

/* LIGHT PINK */
.cta--pink {
    background-color: #9c4a78;
}

.cta--pink:hover {
    background-color: #873f67;
}

/* HOT PINK */
.cta--hotpink {
    background-color: #b40059;
}

.cta--hotpink:hover {
    background-color: #9a004c;
}

/* PURPLE */
.cta--purple {
    background-color: #6c2b6f;
}

.cta--purple:hover {
    background-color: #5a235c;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: "Chopsee", "Trebuchet MS", Arial, sans-serif;
    font-weight: 500;
}

footer a {
    text-decoration: underline;
}

@media (max-width: 1024px) {
    .hero-section p {
        font-size: 22px;
    }

    .margine-negativo {
        margin-top: -260px;
    }

    footer {
        border-top: 1px solid #EDF3FF;
    }
}
@media (max-width: 769px) {
    .margine-negativo {
        margin-top: -190px;
    }

}