.lassociazione-degli-agricolto,
.napolitano-cia-il {
    align-self: stretch;
    position: relative;
    letter-spacing: 0.05em;
}

.napolitano-cia-il {
    font-weight: 600;
}

.lassociazione-degli-agricolto {
    font-size: var(--font-size-lg);
}

@media (max-width: 610px) {
    .lassociazione-degli-agricolto {
        font-size: var(--font-size-base);
    }
}

.napolitano-cia-il-cordoglio-parent {
    max-width: 648px;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-5xs);
}

@media (max-width: 610px) {
    .napolitano-cia-il {
        font-size: var(--section-title-size);
    }
}

.testo-link {
    position: relative;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block; /* Ensures the bar aligns correctly under the text */
    color: inherit; /* Inherits the color from parent, if needed */
    text-decoration: none; /* Removes underline from links, if needed */
}

.testo-link::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -12px; /* Positions the bar below the text */
    width: 0;
    height: 4px; /* Height of the bar */
    background-color: #71b84c; /* Color of the bar */
    transition: all 0.3s ease;
    transform: translateX(-50%) scaleX(0); /* Centers the bar and starts with no width */
}

.testo-link:hover::after {
    width: 100%; /* Expands the bar to full width on hover */
    transform: translateX(-50%) scaleX(1); /* Ensures the bar expands from the center */
}

.testo-link1 {
    position: relative;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block; /* Ensures the bar aligns correctly under the text */
    color: inherit; /* Inherits the color from parent, if needed */
    text-decoration: none; /* Removes underline from links, if needed */
}

.arrow-left-1-icon {
    position: relative;
    width: 18px;
    height: 18px;
    overflow: hidden;
    flex-shrink: 0;
}

.cta-button,
.icons {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.icons {
    overflow: hidden;
}

.cta-button {
    border-radius: var(--br-9xs);
    background-color: var(--color-forestgreen-300);
    padding: var(--padding-5xs) var(--padding-5xl);
    gap: var(--gap-3xs);
    font-size: var(--font-size-sm);
}

.frame-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-5xl);
}

.slide-3bis-child {
    position: relative;
    background-color: var(--color-forestgreen-200);
    width: 1240px;
    height: 4px;
    display: none;
}

.slide-2,
.slide-3bis {
    border-radius: var(--br-9xs);
    width: 1162px;
    height: 600px;
    overflow: hidden;
    flex-shrink: 0;
    flex-direction: column;
    justify-content: flex-end;
    padding: var(--padding-21xl);
    box-sizing: border-box;
    gap: var(--gap-3xs);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}

.slide-3bis {
    display: flex;
    align-items: flex-start;
}

.slide-2 {
}

.slide-1bis,
.slide-2,
.slide-3bis-parent {
    display: flex;
    align-items: flex-start;
}

.slide-1bis {
    border-radius: var(--br-9xs);
    width: 1162px;
    height: 600px;
    overflow: hidden;
    flex-shrink: 0;
    flex-direction: column;
    justify-content: flex-end;
    padding: var(--padding-21xl);
    box-sizing: border-box;
    gap: var(--gap-3xs);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}

.slide-3bis-parent {
    flex-direction: row;
    justify-content: flex-start;
    gap: var(--gap-5xl);
}

.slider,
.slider-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.slider {
    overflow: hidden;
}

.slider-wrapper {
    align-self: stretch;
    flex: 1;
}

.slider {
    transition: transform 0.5s ease;
}

.pagination-child,
.pagination-item,
.rectangle-div {
    position: relative;
    border-radius: var(--br-12xs);
    background-color: var(--color-black);
    width: 48px;
    height: 4px;
}

.pagination-item,
.rectangle-div {
    background-color: var(--color-gray-200);
    width: 24px;
}

.rectangle-div {
    display: none;
}

.pagination {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-5xs);
}

.frame-parent {
    width: 100%;
    height: auto;
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--padding-21xl) 0;
    box-sizing: border-box;
    gap: var(--gap-21xl);
    z-index: 0;
    text-align: left;
    font-size: var(--font-size-13xl);
    color: var(--color-white);
    font-family: var(--section-title);
    border-bottom: 1px solid #e6e6e6;
}

.notizie {
    margin: 0;
    position: relative;
    font-size: inherit;
    letter-spacing: 0.05em;
    font-weight: 700;
    font-family: inherit;
}

.card-m-child {
    align-self: stretch;
    border-radius: var(--br-9xs) var(--br-9xs) 0 0;
    max-width: 100%;
    overflow: hidden;
    height: 300px;
    flex-shrink: 0;
    object-fit: cover;
}

.settembre-2023 {
    margin: 0;
    position: relative;
    font-size: inherit;
    text-transform: uppercase;
    font-weight: 500;
    font-family: inherit;
}

.scegli-i-salumi {
    margin: 0;
    align-self: stretch;
    position: relative;
    font-size: var(--section-title-size);
    letter-spacing: 0.02em;
    font-weight: 700;
    font-family: var(--section-title);
    color: var(--color-darkslategray);
    display: -webkit-inline-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

@media (max-width: 1000px) {
    .scegli-i-salumi {
        font-size: var(--font-size-lg);
    }
}

@media (max-width: 768px) {
    .scegli-i-salumi {
        font-size: var(--section-title-size);
    }
}

.frame-child {
    position: relative;
    border-radius: var(--br-12xs);
    background-color: var(--color-forestgreen-100);
    width: 75px;
    height: 2px;
    transition: width 0.3s;
}

.card-m:hover .frame-child {
    width: 100%;
}

.category {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: var(--font-size-xs);
    color: var(--color-black);
}

.card-m,
.settembre-2023-parent {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.settembre-2023-parent {
    align-self: stretch;
    height: 209.5px;
    justify-content: flex-start;
    padding: var(--padding-base) var(--padding-5xs);
    box-sizing: border-box;
    gap: var(--gap-base);
}

.card-m {
    flex: 1;
    border-radius: var(--br-9xs);
    background-color: var(--color-white);
    overflow: hidden;
    justify-content: center;
    min-width: 300px;
    text-align: left;
    font-size: var(--font-size-3xs);
    color: var(--color-dimgray-100);
    font-family: var(--font-roboto-mono);
}

.qualit {
    margin: 0;
    position: relative;
    font-size: inherit;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    font-weight: 700;
    font-family: inherit;
}

.card-m-parent {
    flex: 1;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-5xl);
}

.sponsor-section .card-m-parent {
    row-gap: 0;
}

@media (max-width: 768px) {
    .notizie-parent .card-m-parent {
        flex-direction: column;
    }

    .notizie-parent .card-m-child {
        width: 100%;
        height: auto;
    }

    .settembre-2023-parent {
        height: auto;
    }
}

.notizie-parent .card-m {
    min-width: auto;
}

.frame-wrapper2 {
    flex: 1;
}

.frame-wrapper,
.frame-wrapper1,
.frame-wrapper2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
}

.frame-wrapper1 {
    flex: 1;
    padding: var(--padding-3xs);
}

.invisible-link {
    z-index: 1;
    color: inherit;
    text-decoration: none;
}

.frame-wrapper {
    max-width: 1512px;
    align-self: center;
    width: 100%;
}

.cta-xl-child {
    align-self: stretch;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
}

.cta-icon,
.icons5 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}

.icons5 {
    overflow: hidden;
}

.cta-icon {
    border-radius: var(--br-base);
    gap: var(--gap-3xs);
}

.cta-xl,
.notizie-parent {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cta-xl {
    text-decoration: none;
    background-color: var(--color-seagreen-200);
    width: 1512px;
    height: 56px;
    justify-content: center;
    gap: var(--gap-lgi);
    cursor: pointer;
    text-align: right;
    font-size: var(--font-size-sm);
    color: var(--color-forestgreen-300);
    transition: background-color 0.3s;
    border-bottom: 2px solid #e6e6e6;
    border-top: 2px solid #e6e6e6;
}

.cta-xl:hover {
    background-color: var(--color-forestgreen-100);
}

.notizie-parent {
    align-self: stretch;
    overflow: hidden;
    justify-content: center;
    padding: var(--padding-21xl) var(--padding-36xl);
    gap: var(--gap-21xl);
    z-index: 1;
    text-align: left;
    font-size: var(--section-title-size);
    color: var(--color-seagreen-100);
    font-family: var(--section-title);
}

.banner-rural-social-act-320x15-icon {
    border-radius: var(--br-5xs);
    width: 332px;
    height: 155px;
    object-fit: cover;
}

@media (max-width: 979px) {
    .banner-rural-social-act-320x15-icon {
        width: 240px;
        height: 116px;
    }
}

@media (max-width: 768px) {
    .banner-rural-social-act-320x15-icon {
        width: 180px;
        height: 87px;
    }
}

.banner-rural-social-act-320x15-parent {
    display: flex; /* Align items in a row */
    overflow-x: auto; /* Enable horizontal scrolling */
    scroll-snap-type: x mandatory; /* Optional: for smooth scrolling/snapping */
    -webkit-overflow-scrolling: touch; /* For smooth scrolling on touch devices */
    position: relative;
    height: 100%;
    gap: var(--gap-3xs);
    flex-shrink: 0;
    align-self: stretch;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
}

.banner-rural-social-act-320x15-parent::-webkit-scrollbar {
    display: none;
}

.cia-home-50-webflow-inner {
    align-self: center;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--padding-61xl) 0;
    z-index: 2;
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
}

.dal-territorio {
    margin: 0;
    align-self: stretch;
    position: relative;
    font-size: inherit;
    letter-spacing: 0.05em;
    font-weight: 700;
    font-family: inherit;
}

.dal-territorio-parent {
    align-self: stretch;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--padding-21xl) var(--padding-36xl);
    gap: var(--gap-21xl);
    z-index: 3;
    text-align: center;
    font-size: var(--section-title-size);
    color: var(--color-seagreen-100);
    font-family: var(--section-title);
}

.b,
.gen {
    position: relative;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.gen {
    font-size: var(--section-title-size);
    color: var(--color-dimgray-200);
}

.data {
    border-radius: var(--br-9xs);
    background-color: var(--color-gray-300);
    backdrop-filter: blur(6px);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--padding-5xs) var(--padding-5xl);
}

.tartufo-e-sak {
    margin: 0;
    align-self: stretch;
    position: relative;
    font-size: inherit;
    letter-spacing: 0.05em;
    font-weight: 700;
    font-family: inherit;
    display: -webkit-inline-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.category10 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: var(--font-size-xs);
    font-family: var(--font-roboto-mono);
}

.tartufo-e-sak-in-cia-levent-parent {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    gap: var(--gap-base);
    text-align: left;
    font-size: var(--font-size-13xl);
    color: var(--color-white);
    font-family: var(--section-title);
}

.card-story {
    flex: 1;
    border-radius: var(--br-9xs);
    height: 699px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    padding: var(--padding-5xl);
    box-sizing: border-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    min-width: 300px;
    text-align: center;
    font-size: var(--font-size-21xl);
    color: var(--color-gray-100);
    font-family: var(--font-roboto-mono);
}

.card-story:hover .frame-child {
    width: 100%;
}

.agenda-parent,
.card-story-parent {
    align-self: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-story-parent {
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap-5xl);
    max-width: 1512px;
    width: 100%;
}

.agenda-parent {
    overflow: hidden;
    flex-direction: column;
    padding: var(--padding-61xl) var(--padding-36xl) var(--padding-21xl);
    gap: var(--gap-21xl);
    z-index: 4;
    text-align: center;
    font-size: var(--section-title-size);
    color: var(--color-seagreen-100);
    font-family: var(--section-title);
    max-width: 1512px;
}

.play-icon {
    position: relative;
    width: 48px;
    height: 48px;
    overflow: hidden;
    flex-shrink: 0;
}

.icons8,
.media-type {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.media-type {
    border-radius: var(--br-9xs);
    background-color: var(--color-forestgreen-300);
    width: 64px;
    height: 64px;
    flex-direction: column;
    padding: var(--padding-3xs);
    box-sizing: border-box;
    position: absolute;
    top: 30px;
    left: 30px;
}

.media-type-wrapper,
.tg1-al {
    align-self: stretch;
    overflow: hidden;
}

.media-type-wrapper {
    border-radius: var(--br-9xs) var(--br-9xs) 0 0;
    height: 456px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: var(--padding-base) var(--padding-base) 0;
    box-sizing: border-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    min-width: 300px;
}

.tg1-al {
    flex: 1;
    position: relative;
    letter-spacing: 0.02em;
    display: -webkit-inline-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.settembre-2023-parent4,
.tg1-al-sana-le-storie-bio-de-wrapper {
    align-self: stretch;
    flex: 1;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.tg1-al-sana-le-storie-bio-de-wrapper {
    flex-direction: row;
    flex-wrap: wrap;
    font-size: var(--section-title-size);
    color: var(--color-darkslategray);
    font-family: var(--section-title);
}

.settembre-2023-parent4 {
    flex-direction: column;
    gap: var(--gap-base);
}

.frame-wrapper8 {
    align-self: stretch;
    padding: var(--padding-base) var(--padding-5xs);
}

.card-l,
.card-l-inner,
.frame-wrapper8 {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.card-l-inner {
    align-self: stretch;
}

.card-l {
    border-radius: var(--br-9xs);
    background-color: var(--color-white);
    overflow: hidden;
    min-width: 400px;
    text-align: left;
    font-size: var(--font-size-3xs);
    color: var(--color-dimgray-100);
    font-family: var(--font-roboto-mono);
}

.card-l:hover .frame-child {
    width: 100%;
}

.cta-xl3,
.video-gallery-parent {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cta-xl3 {
    background-color: var(--color-seagreen-200);
    width: 1401px;
    justify-content: flex-start;
    gap: var(--gap-lgi);
    cursor: pointer;
    text-align: right;
    font-size: var(--font-size-sm);
    color: var(--color-forestgreen-300);
}

.video-gallery-parent {
    align-self: stretch;
    overflow: hidden;
    justify-content: center;
    padding: var(--padding-21xl) var(--padding-36xl);
    gap: var(--gap-21xl);
    z-index: 5;
    text-align: center;
    font-size: var(--section-title-size);
    color: var(--color-seagreen-100);
    font-family: var(--section-title);
    max-width: 1512px;
    align-self: center;
}

.frame-child9 {
    overflow: hidden;
    object-fit: cover;
    max-width: 194px;
    max-height: 110px;
}

.frame-child9-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 20px solid #6ABF4B;
    height: 250px;
}

.pensioni,
.possibilit-di-inoltrare {
    align-self: stretch;
    position: relative;
    letter-spacing: 0.02em;
    display: -webkit-inline-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.possibilit-di-inoltrare {
    border: 0;
    background-color: transparent;
    font-family: var(--section-title);
    font-size: var(--font-size-base);
    outline: 0;
    flex: 1;
    letter-spacing: 0.05em;
    color: var(--color-dimgray-100);
    text-align: left;
    -webkit-line-clamp: 3;
}

.possibilit-di-inoltrare-ogni-wrapper {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
}

.category20 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: var(--font-size-xs);
    color: var(--color-black);
    font-family: var(--font-roboto-mono);
}

.pensioni-parent {
    align-self: stretch;
    height: 203px;
    padding: var(--padding-base) var(--padding-5xs);
    box-sizing: border-box;
    gap: var(--gap-base);
}

.card-servizi-inner,
.frame-main,
.pensioni-group,
.pensioni-parent {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.frame-main {
    flex: 1;
    height: 453px;
    min-width: 300px;
    text-align: left;
    font-size: var(--section-title-size);
    color: var(--color-darkslategray);
    font-family: var(--section-title);
}

.card-servizi-inner,
.pensioni-group {
    align-self: stretch;
}

.pensioni-group {
    flex: 1;
    padding: var(--padding-base) var(--padding-5xs);
    gap: var(--gap-base);
}

.card-servizi-inner {
}

.card-servizi,
.frame-child13 {
    overflow: hidden;
}

.card-servizi {
    flex: 1;
    background-color: var(--color-white);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
    font-size: var(--section-title-size);
    color: var(--color-darkslategray);
    font-family: var(--section-title);
}

.card-servizi .frame-child9-wrap {
    border-radius: var(--br-9xs);
}

.card-servizi:hover .frame-child {
    width: 100%;
}

.frame-child13 {
    align-self: stretch;
    border-radius: var(--br-9xs) var(--br-9xs) 0 0;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

.card-servizi-child,
.card-servizi1,
.frame-textarea {
    align-self: stretch;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.frame-textarea {
    border: 0;
    background-color: transparent;
    font-family: var(--section-title);
    font-size: var(--font-size-base);
    outline: 0;
    flex-direction: row;
    color: var(--color-dimgray-100);
}

.card-servizi-child,
.card-servizi1 {
    flex-direction: column;
}

.card-servizi-child {
    height: 453px;
}

.card-servizi1 {
    border-radius: var(--br-9xs);
    background-color: var(--color-white);
    overflow: hidden;
}

.card-servizi-wrapper {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 300px;
    text-align: left;
    font-size: var(--section-title-size);
    color: var(--color-darkslategray);
    font-family: var(--section-title);
}

.frame-parent3,
.frame-wrapper10 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.frame-parent3 {
    flex: 1;
    gap: var(--gap-5xl);
}

.frame-wrapper10 {
    align-self: stretch;
}

.testo-link-parent {
    flex-direction: row;
    justify-content: flex-start;
    gap: var(--gap-3xs);
}

.cta-icon4,
.cta-xl4,
.testo-link-parent {
    display: flex;
    align-items: center;
}

.cta-icon4 {
    border-radius: var(--br-base);
    flex-direction: row;
    justify-content: flex-end;
}

.cta-xl4 {
    flex: 1;
    background-color: var(--color-seagreen-200);
    flex-direction: column;
    justify-content: flex-start;
    gap: var(--gap-lgi);
    min-width: 300px;
}

.cta-xl-wrapper {
    align-self: stretch;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    min-width: 300px;
}

.cta-icon5,
.cta-xl-wrapper,
.cta-xl5,
.frame-a {
    display: flex;
    justify-content: flex-start;
}

.frame-a {
    text-decoration: none;
    flex: 1;
    flex-direction: column;
    align-items: flex-start;
    min-width: 300px;
    color: inherit;
}

.cta-icon5,
.cta-xl5 {
    align-items: center;
}

.cta-icon5 {
    border-radius: var(--br-base);
    flex-direction: row;
    gap: var(--gap-3xs);
}

.cta-xl5 {
    align-self: stretch;
    background-color: var(--color-seagreen-200);
    flex-direction: column;
    gap: var(--gap-lgi);
    min-width: 300px;
}

.frame-wrapper13,
.frame-wrapper14 {
    align-items: flex-start;
    justify-content: flex-start;
}

.frame-wrapper14 {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.frame-wrapper13 {
    flex: 1;
    height: 56px;
}

.frame-wrapper11,
.frame-wrapper12,
.frame-wrapper13 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.frame-wrapper12 {
    flex: 1;
    height: 56px;
    align-items: center;
    justify-content: center;
}

.frame-wrapper11 {
    align-self: stretch;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: right;
    font-size: var(--font-size-sm);
    color: var(--color-forestgreen-300);
}

.mondo-cia-parent {
    align-self: center;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--padding-21xl) 25px;
    max-width: 1512px;
    gap: var(--gap-21xl);
    z-index: 6;
    text-align: center;
    font-size: var(--section-title-size);
    color: var(--color-seagreen-100);
    font-family: var(--section-title);
    width: 100%;
}

.mondocia-links-wrapper {
    display: flex;
    width: 100%;
}

.mondocia-links-wrapper .cta-xl {
    width: auto;

}

.mondocia-link-wrap {
    flex: 1
}

@media (max-width: 768px) {
    .frame-parent3 {
        flex-direction: column;
    }

    .cta-xl {
        font-size: var(--font-size-xs);
    }
}

@media (max-width: 440px) {
    .cta-xl {
        font-size: var(--font-size-3xs);
    }
}

.cia-home-50-webflow-child,
.cia-home-50-webflow-item {
    position: absolute;
    margin: 0 !important;
    top: 844px;
    left: 55px;
    max-height: 100%;
    width: 1400.5px;
    z-index: 7;
}

.cia-home-50-webflow-item {
    top: 1783px;
    z-index: 8;
}

.facebook-1-icon {
    position: relative;
    width: 58px;
    height: 58px;
    overflow: hidden;
    flex-shrink: 0;
}

.ciaagricoltori,
.facebook {
    align-self: stretch;
    position: relative;
    letter-spacing: 0.05em;
    display: -webkit-inline-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.ciaagricoltori {
    font-size: var(--font-size-base);
    color: var(--color-dimgray-100);
}

.facebook-parent {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    gap: var(--gap-5xs);
}

.card-social {
    text-decoration: none;
    align-self: stretch;
    border-radius: var(--br-5xs);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: var(--padding-21xl) var(--padding-13xl);
    gap: var(--gap-15xl);
    color: inherit;
}

.social {
    background-color: var(--color-white);
    width: 451px;
    flex-direction: column;
    border-bottom: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
}

.social:hover {
    background-color: var(--color-forestgreen-100);
}

.card-social1,
.social,
.social1 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-social1 {
    align-self: stretch;
    border-radius: var(--br-5xs);
    flex-direction: row;
    padding: var(--padding-21xl) var(--padding-13xl);
    gap: var(--gap-15xl);
}

.social1 {
    text-decoration: none;
    background-color: var(--color-white);
    width: 451px;
    flex-direction: column;
    color: inherit;
}

.instagram-1-icon {
    position: relative;
    width: 50.8px;
    height: 58px;
    overflow: hidden;
    flex-shrink: 0;
}

.social-icon2 {
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0 var(--padding-10xs);
}

.youtube-1-icon {
    position: relative;
    width: 58px;
    height: 51.6px;
    overflow: hidden;
    flex-shrink: 0;
}

.social-icon3 {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--padding-10xs) 0;
}

.telegram-1-icon {
    position: relative;
    width: 56.2px;
    height: 58px;
    overflow: hidden;
    flex-shrink: 0;
}

.social-icon4,
.social-parent,
.social-section {
    display: flex;
    align-items: center;
    justify-content: center;
}

.social-icon4 {
    overflow: hidden;
    flex-direction: row;
    padding: 0 var(--padding-12xs);
}

.social-parent,
.social-section {
    align-self: stretch;
}

.social-parent {
    display: grid;
    justify-content: center;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 5%;
    max-width: 1512px;
    align-self: center;
}

.social-section {
    overflow: hidden;
    flex-direction: column;
    padding: var(--padding-21xl) var(--padding-36xl) var(--padding-61xl);
    gap: var(--gap-21xl);
    z-index: 9;
    text-align: center;
    font-size: var(--section-title-size);
    color: var(--color-seagreen-100);
    font-family: var(--section-title);
}

.unipol-gruppo-1-icon {
    position: relative;
    width: 104px;
    height: 48px;
    object-fit: cover;
}

.unipol-gruppo-1-wrapper {
    text-decoration: none;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--padding-21xl) 0;
    box-sizing: border-box;
}

.uni-salute-1-icon,
.unipol-sai-1-icon {
    position: relative;
    width: 160px;
    height: 128px;
    object-fit: contain;
}

.unipol-sai-1-icon {
    width: 156px;
}

.frame-wrapper15 {
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 var(--padding-37xl);
    z-index: 0;
}

.frame-child15,
.frame-child16 {
    position: absolute;
    margin: 0 !important;
    top: 128px;
    left: 55px;
    max-height: 100%;
    width: 1400.5px;
    z-index: 1;
}

.frame-child16 {
    top: 0;
    left: 55.3px;
    z-index: 2;
}

.frame-section,
.sponsor-section {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.frame-section {
    flex: 1;
    align-items: flex-start;
    position: relative;
}

.sponsor-section-wrap {
    padding: 0 25px;
    width: 100%;
    max-width: 1512px;
    margin-top: 80px;
}

.sponsor-section {
    align-self: stretch;
    align-items: center;
    z-index: 10;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    max-width: 1512px;
    align-self: center;
    width: 100%;
}

.categoria1,
.frame-child17 {
    font-family: var(--section-title);
}

.frame-child17 {
    border: 0;
    background-color: transparent;
    display: flex;
    font-size: var(--font-size-base);
    outline: 0;
    width: 449px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    font-weight: 700;
    color: var(--color-darkslategray);
}

.categoria1 {
    position: relative;
    font-size: var(--font-size-xs);
    letter-spacing: 0.02em;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--color-white);
    text-align: left;
}

.categoria {
    cursor: pointer;
    border: 0;
    padding: var(--padding-9xs) var(--padding-5xs);
    background-color: var(--color-forestgreen-300);
    border-radius: var(--br-9xs);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.frame-parent10,
.frame-wrapper18 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.frame-parent10 {
    justify-content: flex-start;
    gap: var(--gap-base);
    min-width: 300px;
}

.frame-wrapper18 {
    flex: 1;
    justify-content: center;
}

.div,
.home {
    position: relative;
    display: -webkit-inline-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.home {
    flex: 1;
    letter-spacing: 0.05em;
}

.div {
    font-size: var(--font-size-sm);
    letter-spacing: 0.02em;
    text-transform: uppercase;
    font-family: var(--font-font-awesome-6-pro);
    color: var(--color-forestgreen-300);
}

.frame-wrapper20,
.frame-wrapper21,
.home-parent {
    width: 333px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.frame-wrapper20,
.frame-wrapper21 {
    flex-direction: column;
    align-items: flex-start;
}

.frame-wrapper21 {
    text-decoration: none;
    color: inherit;
}

.frame-wrapper20 {
    overflow: hidden;
}

.frame-wrapper23 {
    width: 333px;
}

.frame-parent11,
.frame-wrapper22,
.frame-wrapper23 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.frame-wrapper22 {
    text-decoration: none;
    width: 333px;
    overflow: hidden;
    color: inherit;
}

.frame-parent11 {
    gap: var(--gap-5xs);
}

.frame-parent12,
.frame-wrapper19 {
    flex-direction: column;
    min-width: 300px;
}

.frame-wrapper19 {
    flex: 1;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.frame-parent12 {
    justify-content: flex-start;
    gap: var(--gap-5xs);
}

/*.footer-inner,*/
.frame-parent12,
.frame-parent9 {
    display: flex;
    align-items: flex-start;
}

.frame-parent9 {
    flex: 1;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--gap-123xl);
}

/*.footer-inner {*/
/*    align-self: stretch;*/
/*    background-color: var(--color-white);*/
/*    overflow: hidden;*/
/*    flex-direction: column;*/
/*    justify-content: flex-start;*/
/*    padding: var(--padding-61xl) var(--padding-37xl);*/
/*}*/
.line-div {
    position: relative;
    border-top: 1px solid var(--color-gainsboro);
    box-sizing: border-box;
    width: 1512px;
    height: 0;
}

.frame-child19,
.line-parent {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    min-width: 500px;
}

.frame-child19 {
    border: 0;
    background-color: transparent;
    font-family: var(--section-title);
    font-size: var(--font-size-xs);
    outline: 0;
    flex: 1;
    color: var(--color-darkslategray);
}

.line-parent {
    align-self: stretch;
    background-color: var(--color-white);
    padding: 0 0 var(--padding-xl);
    box-sizing: border-box;
    gap: var(--gap-xl);
}

/*.footer,*/
.menu-1-icon {
    align-self: stretch;
    overflow: hidden;
}

/*.footer {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: flex-start;*/
/*    justify-content: flex-start;*/
/*    z-index: 11;*/
/*    text-align: left;*/
/*    font-size: var(--font-size-base);*/
/*    color: var(--color-darkslategray);*/
/*    font-family: var(--section-title);*/
/*}*/
.menu-1-icon {
    flex: 1;
    position: relative;
    max-width: 100%;
    max-height: 100%;
}

.icons19 {
    width: 32px;
    height: 32px;
    overflow: hidden;
    flex-shrink: 0;
    align-items: flex-start;
}

.head-icon,
.head-icon-wrapper,
.icons19 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.head-icon {
    overflow: hidden;
    align-items: flex-start;
    padding: var(--padding-5xl);
}

.head-icon-wrapper {
    cursor: pointer;
    border: 0;
    padding: 0;
    background-color: transparent;
    transition: background-color 0.3s;
}

.head-icon-wrapper:hover {
    background-color: #f2f2f2; /* Darker shade for hover effect */
}

.vector-icon1,
.vector-icon2 {
    position: absolute;
    height: 91.88%;
    width: 0.19%;
    top: 8.13%;
    right: 70.66%;
    bottom: 0;
    left: 29.15%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
}

.vector-icon2 {
    height: 34.79%;
    width: 3.94%;
    top: 8.75%;
    right: 62.67%;
    bottom: 56.46%;
    left: 33.39%;
}

.vector-icon3,
.vector-icon4,
.vector-icon5,
.vector-icon6,
.vector-icon7 {
    position: absolute;
    height: 36.25%;
    width: 3.81%;
    top: 7.92%;
    right: 58.68%;
    bottom: 55.83%;
    left: 37.51%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
}

.vector-icon4,
.vector-icon5,
.vector-icon6,
.vector-icon7 {
    height: 34.79%;
    width: 3.65%;
    top: 8.75%;
    right: 54.37%;
    bottom: 56.46%;
    left: 41.98%;
}

.vector-icon5,
.vector-icon6,
.vector-icon7 {
    width: 1.08%;
    right: 52.72%;
    left: 46.19%;
}

.vector-icon6,
.vector-icon7 {
    height: 36.46%;
    width: 3.68%;
    top: 7.92%;
    right: 48.41%;
    bottom: 55.63%;
    left: 47.91%;
}

.vector-icon7 {
    width: 3.97%;
    right: 44.07%;
    left: 51.96%;
}

.vector-icon10,
.vector-icon11,
.vector-icon12,
.vector-icon8,
.vector-icon9 {
    position: absolute;
    height: 34.79%;
    width: 2.91%;
    top: 8.75%;
    right: 40.56%;
    bottom: 56.46%;
    left: 56.53%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
}

.vector-icon10,
.vector-icon11,
.vector-icon12,
.vector-icon9 {
    width: 3.07%;
    right: 37.99%;
    left: 58.94%;
}

.vector-icon10,
.vector-icon11,
.vector-icon12 {
    height: 36.46%;
    width: 3.97%;
    top: 7.92%;
    right: 33.78%;
    bottom: 55.63%;
    left: 62.25%;
}

.vector-icon11,
.vector-icon12 {
    height: 34.79%;
    width: 3.65%;
    top: 8.75%;
    right: 29.52%;
    bottom: 56.46%;
    left: 66.83%;
}

.vector-icon12 {
    width: 1.06%;
    right: 27.88%;
    left: 71.06%;
}

.vector-icon13,
.vector-icon14,
.vector-icon15,
.vector-icon16,
.vector-icon17,
.vector-icon18,
.vector-icon19 {
    position: absolute;
    height: 34.79%;
    width: 1.08%;
    top: 8.75%;
    right: 21.98%;
    bottom: 56.46%;
    left: 76.93%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
}

.vector-icon14,
.vector-icon15,
.vector-icon16,
.vector-icon17,
.vector-icon18,
.vector-icon19 {
    width: 3.07%;
    right: 18.52%;
    left: 78.41%;
}

.vector-icon15,
.vector-icon16,
.vector-icon17,
.vector-icon18,
.vector-icon19 {
    width: 3.94%;
    right: 14.84%;
    left: 81.22%;
}

.vector-icon16,
.vector-icon17,
.vector-icon18,
.vector-icon19 {
    width: 2.91%;
    right: 11.56%;
    left: 85.53%;
}

.vector-icon17,
.vector-icon18,
.vector-icon19 {
    width: 1.06%;
    right: 10.19%;
    left: 88.76%;
}

.vector-icon18,
.vector-icon19 {
    width: 3.94%;
    right: 5.87%;
    left: 90.19%;
}

.vector-icon19 {
    width: 3.57%;
    right: 1.9%;
    left: 94.52%;
}

.vector-icon20 {
    position: absolute;
    top: calc(50% - 19.8px);
    left: calc(50% + 185px);
    width: 4px;
    height: 16.7px;
}

.vector-icon21,
.vector-icon22,
.vector-icon23,
.vector-icon24 {
    position: absolute;
    height: 40%;
    width: 66.61%;
    top: 60%;
    right: 0;
    bottom: 0;
    left: 33.39%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
}

.vector-icon22,
.vector-icon23,
.vector-icon24 {
    height: 79.58%;
    width: 25%;
    top: 20.21%;
    right: 74.97%;
    bottom: 0.21%;
    left: 0.03%;
}

.vector-icon23,
.vector-icon24 {
    height: 26.67%;
    width: 3.17%;
    top: 22.71%;
    right: 89.63%;
    bottom: 50.63%;
    left: 7.2%;
}

.vector-icon24 {
    top: 0;
    bottom: 73.33%;
}

.logo-cia-agricoltori-italiani- {
    cursor: pointer;
    border: 0;
    padding: 0;
    background-color: transparent;
    position: relative;
    width: 378px;
    height: 48px;
    overflow: hidden;
    flex-shrink: 0;
}

.calendar-1-icon {
    position: relative;
    width: 32px;
    height: 32px;
    overflow: hidden;
    flex-shrink: 0;
}

.frame-button,
.head-icon-container,
.head-icon1 {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.head-icon1 {
    overflow: hidden;
    justify-content: center;
    padding: var(--padding-5xl);
}

.frame-button,
.head-icon-container {
    justify-content: flex-start;
}

.frame-button {
    cursor: pointer;
    border: 0;
    padding: 0;
    background-color: transparent;
    flex: 1;
}

.vector-icon25 {
    position: relative;
    width: 0;
    height: 14.3px;
    object-fit: contain;
}

.frame-parent13,
.frame-parent14,
.frame-parent15 {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.frame-parent15 {
    justify-content: center;
}

.frame-parent13,
.frame-parent14 {
    justify-content: space-between;
}

.frame-parent14 {
    max-width: 1512px;
    width: 100%;
    box-sizing: border-box;
}

.frame-parent13 {
    position: absolute;
    top: 0;
    left: 0;
    width: 3471px;
    flex-wrap: wrap;
}

.navbar {
    position: relative;
    background-color: var(--color-white);
    width: 100%;
    height: 81px;
    overflow: hidden;
    flex-shrink: 0;
    border-bottom: 1px solid #e6e6e6;
}

.sub-menu-text {
    text-decoration: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    color: inherit;
}

.sub-menu-symbol-child {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: var(--br-11xs) var(--br-11xs) 0 0;
    background-color: var(--color-white);
}

.sub-menu-symbol {
    position: relative;
    width: 1px;
    height: 4px;
}

.sub-menu-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: var(--gap-5xs);
}

.div11 {
    position: relative;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--color-darkgray);
}

.sub-menu-item1 {
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: var(--gap-5xs);
    color: inherit;
}

.sub-menu-item-parent {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    gap: var(--gap-13xl);
}

.navigation-inner {
    margin: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    font-size: var(--font-size-xs);
    color: var(--color-black);
    font-family: var(--section-title);
}

.navigation {
    align-self: stretch;
    flex: 1;
    background-color: var(--color-white);
    overflow: hidden;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    padding: var(--padding-smi) var(--padding-363xl) 0;
}

.topnav {
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    height: 121px;
    width: 1512px;
}

.cia-home-50-webflow,
.topnav,
.topnav-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.topnav-wrapper {
    margin: 0 !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 12;
}

.cia-home-50-webflow {
    background-color: var(--color-white);
    width: 100%;
    box-sizing: border-box;
}

.small-separator {
    width: 1px; /* Width of the separator line */
    height: 14.25px; /* Height of the separator line */
    background-color: #808080; /* Color of the separator line */
}

.home-inner,
.icons57 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.home-inner {
    align-self: stretch;
    flex-direction: column;
    align-items: flex-start;
}

.sedi-regionali {
    flex: 1;
    position: relative;
    letter-spacing: 0.05em;
    font-weight: 600;
    display: -webkit-inline-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.sedi-regionali:hover {
    color: #509636;
    text-decoration: underline;
}

.arrow-right-short-icon {
    position: relative;
    width: 19px;
    height: 19px;
    overflow: hidden;
    flex-shrink: 0;
}

.sedi-regionali-parent {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.menu-sub {
    border-bottom: 1px solid var(--color-lightgray);
    box-sizing: border-box;
    width: 1401px;
    overflow: hidden;
    padding: var(--padding-base) 0;
}

.menu-sub,
.menu-sub-child,
.menu-sub1 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.menu-sub-child {
    align-self: stretch;
}

.menu-sub1 {
    border-bottom: 1px solid var(--color-lightgray);
    box-sizing: border-box;
    width: 1401px;
    overflow: hidden;
    padding: var(--padding-base) 0;
}

.dove-siamo-parent,
.home-parent1 {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.home-parent1 {
    overflow: hidden;
    flex-direction: column;
    align-items: flex-start;
    padding: var(--padding-61xl) var(--padding-36xl) var(--padding-21xl);
    z-index: 0;
}

.menu-1-icon3 {
    position: relative;
    width: 32px;
    height: 32px;
    overflow: hidden;
    flex-shrink: 0;
}

.icons66 {
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.head-icon9,
.logo-cia-agricoltori-italiani-3 {
    position: absolute;
    margin: 0 !important;
    overflow: hidden;
}

.logo-cia-agricoltori-italiani-3 {
    top: 17px;
    left: 567.1px;
    width: 376.8px;
    height: 48px;
    flex-shrink: 0;
    z-index: 2;
}

/*.dropdown-menu-wrapper {*/
/*    position: absolute;*/
/*    display: none;*/
/*    z-index: 1000;*/
/*    max-width: 1512px;*/
/*    width: 100%;*/
/*    height: 588px;*/
/*}*/

/*.dropdown-menu {*/
/*    position: relative;*/
/*    background-color: var(--color-white);*/
/*    width: 100%;*/
/*    overflow: hidden;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: center;*/
/*    justify-content: flex-start;*/
/*    text-align: left;*/
/*    font-size: var(--font-size-base);*/
/*    color: var(--color-darkslategray);*/
/*    font-family: var(--section-title);*/
/*}*/

.head-icon-wrapper-menu {
    position: absolute;
    margin: 0 !important;
    overflow: hidden;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: var(--padding-5xl);
    z-index: 1;
    border: 0;
    padding: 0;
    background-color: transparent;
    transition: background-color 0.3s;
}

.head-icon-wrapper-menu:hover {
    background-color: #f2f2f2; /* Darker shade for hover effect */
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(51, 51, 51, 0.5);
    display: none;
    z-index: 1; /* Ensure it's above other elements */
}

.slide {
    position: relative;
    border-radius: var(--br-9xs);
    width: 1162px;
    height: 400px;
    overflow: hidden;
    flex-shrink: 0;
    flex-direction: column;
    justify-content: flex-end;
    padding: var(--padding-21xl);
    box-sizing: border-box;
    gap: var(--gap-3xs);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    display: flex;
    align-items: flex-start;
}

.slide-shadow {
    background: linear-gradient(261deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.8) 100%), rgba(169, 169, 169, .1);
    position: absolute;
    top: 0;
    z-index: -1;
    bottom: 0;
    right: 0;
    left: 0;
}

.slide {
    isolation: isolate;
}

@media (max-width: 1360px) {
    .slide {
        width: 1000px;
    }
}


@media (max-width: 1190px) {
    .slide {
        width: 900px;
    }
}

@media (max-width: 1100px) {
    .slide {
        width: 700px;
    }
}

@media (max-width: 950px) {
    .slide {
        width: 550px;
    }
}

@media (max-width: 750px) {
    .slide {
        width: 450px;
        height: 500px;
    }
}

@media (max-width: 610px) {
    .slide {
        width: 400px;
    }
}


@media (max-width: 540px) {
    .slide {
        width: 400px;
    }
}


@media (max-width: 510px) {
    .slide {
        width: 300px;
    }
}

.youtube-player {
    border-radius: var(--br-9xs) var(--br-9xs) 0 0;
    height: 456px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: var(--padding-base) var(--padding-base) 0;
    box-sizing: border-box;
    background-image: url(./public/frame-183@3x.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    min-width: 300px;
}

.video-container {
    position: relative;
    width: 100%;
}

.card-servizi-inner .invisible-link {
    width: 100%;
}

.dove-siamo__center-buttons {
    display: flex;
    gap: 24px;
    padding: 40px 0 20px;
}

#sediRegionali.dove-siamo .dove-siamo__center-button:hover {
    color: #FFF !important;
}

#sediRegionali.dove-siamo .dove-siamo__center-button {
    cursor: pointer;
    color: #509636;
}

.dove-siamo__center-buttons > * {
    flex: 1;
}

@media (max-width: 767px) {
    .dove-siamo__center-buttons {
        flex-direction: column;
    }
}

.dove-siamo > .col-md-6 {
    width: 100%;
    /*box-shadow: 0 0 20px 0 rgba(144, 144, 144, .15);*/
}

@media (max-width: 1023px) {
    .branch.primary-branch {
        margin-top: 20px;
    }
}

/*.dove-siamo>.col-md-6 {*/
/*    padding: 0;*/
/*}*/

.dove-siamo .slick-dots li::before {
    color: #ccc;
}

.dove-siamo .branch-children {
    /*background-color: #fcfcfc;*/
}

.dove-siamo .branch-children h5 {
    overflow: hidden;
    color: #006937;
    text-overflow: ellipsis;
    font-family: "Libre Franklin";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.24px;
    text-transform: uppercase;
}

.dove-siamo .branch {
    /*padding: 1rem;*/
}

.dove-siamo .branch h4 {
    overflow: hidden;
    color: #006937;
    text-overflow: ellipsis;
    font-family: "Libre Franklin";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.36px;
    margin-bottom: 16px;
}

#sediRegionali hr {
    margin: 16px 0;
}

/*#sede-regionale .branch {*/
/*    margin: 8px 0;*/
/*}*/

.primary-branch-link svg {
    flex-shrink: 0;
}

.primary-branch-link span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 767px) {
    #sediRegionali hr {
        display: none;
    }

    #sede-regionale .branch {
        margin: 16px 0;
    }
}

#sediRegionali .links-wrap {
    display: flex;
    gap: 8px;
}

.sede-regionale-phone {
    margin-top: 8px;
}

.dove-siamo .branch p {
    color: #666;
    font-family: "Libre Franklin";
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.dove-siamo .branch strong {
    color: #000;
    font-family: "Libre Franklin";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 8px;
    display: block;
}

.dove-siamo .branch a.branch-link {
    display: flex;
    gap: 10px;
    color: #006937;
    text-align: right;
    font-family: "Roboto Mono";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration-line: underline;
}

.dove-siamo .branch.branch-small a.branch-zonali-link {
    padding: 4px 8px;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    color: #006937;
    color: #FFF;
    font-family: "Libre Franklin";
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.24px;
    text-transform: uppercase;
}

.dove-siamo .branch a.branch-link:hover {
    text-decoration-line: none;
}

.dove-siamo-section {
    width: 100%;
}

.dove-siamo-title {
    text-align: center;
    color: #006937;
    margin-top: 60px;
    padding-bottom: 40px;
    font-family: "Libre Franklin";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.2px;
    border-bottom: 1px solid #CDCDCD;
    margin-bottom: 60px;
}

.dove-siamo .branch a.branch-link span {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .9px;
    text-align: left;
    color: #509636;
}

.branch-link svg {
    flex-shrink: 0;
}

.branch-link span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dove-siamo .branch a.branch-link:last-of-type {
    margin-left: 0 !important;
}

.dove-siamo .branch.primary-branch {
    background-color: #fff;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 16px;
    padding-bottom: 16px;
}

.dove-siamo .branch.primary-branch h4 {
    overflow: hidden;
    color: #006937;
    text-overflow: ellipsis;
    font-family: "Libre Franklin";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.36px;
    margin-bottom: 16px;
}

.dove-siamo .branch.primary-branch .primary-branch-contacts {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.dove-siamo .primary-branch-link {
    color: #509636;
    font-family: "Roboto Mono";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    gap: 10px;
    text-decoration: underline;
}

.dove-siamo .primary-branch-link:active,
.dove-siamo .primary-branch-link:hover {
    color: #509636;
    text-decoration: none;
}

.dove-siamo .branch .branch-link {
    color: #509636;
}

.dove-siamo .branch .branch-link:active,
.dove-siamo .branch .branch-link:hover {
    color: #509636;
    text-decoration: none;
}

.dove-siamo .branch.branch-small {
    padding: .4rem;
}

.slick-track {
    margin-left: -0.4rem;
    margin-right: -0.4rem;
}

.branch-children + .branch-children {
    margin-top: 16px;
}

.dove-siamo .branch.branch-small {
    display: flex;
    gap: 8px;
    flex-direction: column;
}

.dove-siamo .branch.branch-small h4 {
    color: #000;
    font-family: "Libre Franklin";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.dove-siamo .branch.branch-small p {
    color: #666;
    font-family: "Libre Franklin";
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.dove-siamo .branch.branch-small a {
    border-radius: 0;
    background-color: #fff;
    border: 0;
    padding: 0;
    margin: 0;
}

.dove-siamo .branch.branch-small a span {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .9px;
    text-align: left;
}

.dove-siamo .dove-siamo-map-legend {
    position: absolute;
    top: 2rem;
    right: 5rem;
    padding: 1rem 2rem;
    width: 286px;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, .8);
    box-shadow: 0 0 18px 0 rgba(0, 0, 0, .15);
}

.dove-siamo-map {
    height: 600px;
}

.slick-dots {
    display: flex;
    margin-top: 8px;
    flex-wrap: wrap;
    gap: 8px;
}

.slick-dots li {
    list-style: none;
    cursor: pointer;
}

.slick-dots li:before {
    content: "";
    width: 24px;
    height: 4px;
    display: block;
    background: #ccc;
    border-radius: 1px;
    background: rgba(0, 0, 0, 0.50);
    margin: 5px 0;
}

.slick-dots li.slick-active:before {
    width: 48px;
    height: 4px;
    background: #000;
}

.slick-dots button {
    display: none;
}

.primary-branch-left strong {
    color: #000;
    font-family: "Libre Franklin";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 8px;
    display: block;
}

.primary-branch-left p {
    color: #666;
    font-family: "Libre Franklin";
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}