@charset "utf-8";

/* +++++++++++++++++++++++++
LEITWIND WEBSITE  - CUSTOM CSS
+++++++++++++++++++++++++ */

/* @view-transition {
    navigation: auto;
  }  */

/* ====== variabili ====== */

/*
@audit variabili
*/
:root {
    /* colori */
    --verde: #58A618;
    --verdeHover: #77B644;
    --verde2: #DEEDD1;
    --verde3: #00685B;
    --blu: #003F72;
    --blu2: #3DB7E4;
    --grigio: #F0EEEC;
    --grigio2: #82786F;
    --bianco: white;
    --nero: black;
    --arancio: #FF5800;
    /* dimensioni e stili*/
    --maxwidth: 1750px;
    --radius30: 30px;
    --radius20: 20px;
    --radius15: 15px;
    --radius10: 10px;
    --padding_card: clamp(30px, 2rem, 50px);
    --padding_card_big: clamp(25px, 3rem, 80px);
}

@media(max-width:600px) {
    :root {
        --radius20: 15px;
        --radius30: 20px;
    }
}

.verde {
    color: var(--verde);
}

.blu {
    color: var(--blu);
}


.bianco {
    color: white;
}

.bianco a:hover {
    color: white;
}

.bianco p a:hover {
    color: white;
    text-decoration: underline;
}

/*============================
MENU DI NAVIGAZIONE
@audit navigazione
============================= */


.burger__icon__line:last-child {
    margin-bottom: 0;
}

.burger {
    display: flex;
    align-items: center;
    gap: 10px;
    line-height: 100%;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.burger:hover {
    background-color: var(--verdeHover);
}

.burger__text {
    line-height: 100%;
    height: 16px;
    overflow-y: hidden;
    text-transform: lowercase;
    margin-top: -4px;
}


.burger__text span {
    display: block;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.burger.active .burger__text span {
    transform: translateY(-100%);
}

.burger__ico__wrapper {
    width: 40px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.burger__ico__line {
    width: 40px;
    height: 2px;
    background-color: white;
    margin-bottom: 6px;
    border-radius: 100px;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.burger.active .burger__ico__line {
    width: 20px;
    margin-bottom: 0;
}

.burger__ico {
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    transform-origin: center;
}

.burger.active .burger__ico__line:nth-child(2) {
    margin-top: -2px;
    transform-origin: center;
    transform: rotate(-90deg);
}

.burger.active .burger__ico {
    transform: rotate(45deg);
}


.burger__ico__line:nth-child(2) {
    margin-bottom: 0;
}

.burger:hover {
    cursor: pointer;
}


.header_controls {
    position: fixed;
    z-index: 1000000000;
    right: 40px;
    top: 40px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: flex-end;
    border-radius: 150px;
    padding: 7px;
    background-color: transparent;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}



.navigazione--scroll .header_controls {
    background-color: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(20px);
}

.navigazione--scroll .header_controls.header_controls--blu .header_item {
    background-color: var(--verde);
}

.navigazione--hide--stop {
    transform: translateY(0) !important;
}


.header_item {
    height: 45px;
    background-color: var(--verde);
    border-radius: 100px;
    display: inline-flex;
    align-items: center;
    color: white;
    text-decoration: none;
    font-size: 16px;
    font-family: 'barlow_medium';
}

.header_controls.header_controls--blu .header_item {
    background-color: var(--blu);
}

.header_item.header_item--expand {
    overflow: hidden;
    max-width: 45px;
    -webkit-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}

.header_item__ico {
    height: 45px;
    width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    flex-shrink: 0;
}

.header_item__ico__content {
    padding-right: 20px;
    white-space: nowrap;
}

.header_item.header_item--expand:hover {
    max-width: 220px;
    background-color: var(--verdeHover);
    color: white;
    /* abbastanza per contenere icona + testo */
}


.navigazione__menu li.current-menu-item {
    color: var(--rosso);
    font-family: font_bold;
}

.sub-menu {
    display: none;
}

.menu-item-has-children>a {
    display: flex !important;
    align-items: center;
    gap: clamp(8px, 1rem, 12px);
}

.menu-item-has-children>a:after {
    display: block;
    height: 18px;
    width: 18px;
    content: "";
    background-image: url('https://www.leitwind.com/wp-content/themes/leitwind/css/dropdown.svg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.menu-item-has-children.active>a:after {
    transform: rotate(45deg);
}

.navigazione__logo {
    position: absolute;
    top: 40px;
    left: 40px;
    z-index: 100;
}

.navigazione__logo.fixed {
    position: fixed !important;
    z-index: 1000000000000000;
}

.navigazione__logo img {
    width: 210px;
    height: auto;
}

.navigazione__logo {
    /* padding: clamp(7px, 1.5rem, 15px) 0; */
    align-self: center;
}

.navigazione__lingue {
    padding-left: 15px;
    position: relative;
}


@media(max-width:990px) {

    .header_item--email,
    .header_item--tel {
        display: none;
    }
}

@media(max-width:600px) {

    .header_controls {
        padding: 4px;
    }

    .burger__text {
        display: none;
    }

    .burger {
        height: 50px;
        width: 50px;
        border-radius: 100px;
        padding: 0;
    }

    .burger__ico__line {
        width: 22px;
    }

    .burger__ico__wrapper {
        width: 50px;
        height: 25px;
        justify-content: center;
    }
}

/* menu fullscreen */

.menu_fullscreen {
    /* display: none; */
    position: fixed;
    z-index: 5000;
    left: 0;
    top: 0;
    width: 100%;
    background-color: var(--grigio);
    height: auto;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    -webkit-transition: all 0.35s ease;
    -webkit-transition: all 0.7s cubic-bezier(.43, .195, .02, 1);
    transition: all 0.7s cubic-bezier(.43, .195, .02, 1);
    transform: translateY(-100%);
    padding: clamp(15px, 3rem, 40px);
    padding-top: clamp(130px, 3rem, 170px);
}

.menu_fullscreen.show {
    transform: translateY(0);
}

.menu_fullscreen li,
.menu_fullscreen ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.navigazione__menu__content {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: clamp(20px, 1.5rem, 30px);
    min-height: 60vh;
}

.navigazione__menu__content__sx {
    display: flex;
    gap: clamp(20px, 1.5rem, 30px);
    flex-direction: column;
}

.navigazione__menu__content__sx__top {
    background-color: white;
    border-radius: var(--radius20);
    padding: var(--padding_card_big);
    display: grid;
    grid-template-columns: 1fr 1fr;
    height: 100%;
    font-family: 'barlow_medium';
    color: var(--blu);
}

.navigazione__menu__content__sx__top__sx {
    font-size: clamp(20px, 2rem, 26px);
}

.navigazione__menu__content__sx__top__sx li {
    margin-bottom: clamp(12px, 2rem, 30px);
}

.navigazione__menu__content__sx__top__sx .sub-menu li {
    font-size: clamp(15px, 1.5rem, 20px);
    margin-bottom: clamp(10px, 1.5rem, 15px);
}

.navigazione__menu__content__sx__top__sx .sub-menu li:last-child {
    margin-bottom: 0;
}

.navigazione__menu__content__sx__top__sx .sub-menu {
    padding-top: clamp(10px, 1.5rem, 15px);
}

.navigazione__menu__content__sx__top__dx {
    font-size: clamp(16px, 1.5rem, 20px);
}

.navigazione__menu__content__sx__top__dx li {
    margin-bottom: clamp(10px, 1.5rem, 25px);
}

.login_park_viewer a {
    color: var(--verde);
    display: flex;
    gap: 20px;
}

.navigazione__menu__content__sx__down {
    display: flex;
    gap: 15px;
}

.navigazione__menu__content__sx__down .btn {
    background-color: white !important;
    flex: 1;
    color: var(--blu) !important;
    border-color: var(--blu) !important;
    width: 100%;
}

.navigazione__menu__content__sx__down .btn img:nth-child(2) {
    margin-left: auto;
}

.box_newsletter {
    height: 100%;
    width: 100%;
    border-radius: var(--radius20);
    overflow: hidden;
    position: relative;
}

.box_newsletter__img {
    height: 100%;
    width: 100%;
    position: relative;
}

.box_newsletter__img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.box_newsletter__img:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 80%;
    width: 100%;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 2;
}

.box_newsletter__text {
    position: absolute;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    padding: var(--padding_card);
    color: white;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

.box_newsletter__text__up .oswald_40 {
    font-family: 'oswald_medium';
    line-height: 105%;
    margin-bottom: 20px;
}

.menu_fullscreen__cover_grigia_mobile {
    display: none;
}

@media(min-width:768px) {
    .box_newsletter__text__down {
        text-align: right;
    }
}

@media(max-width:1500px) {}

@media(max-width:1250px) {}

@media(max-width:990px) {
    .navigazione__menu__content {
        display: grid;
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .box_newsletter {
        height: 350px;
    }

    .menu_fullscreen__content {
        height: 100%;
        overflow-y: scroll;
        padding: 15px;
        padding-top: 120px;
    }

    .menu_fullscreen {
        height: 100%;
        padding: 0;
    }

    .menu_fullscreen.show {
        border-radius: 0;
    }
}


@media(max-width:768px) {}

@media(max-width:600px) {

    .menu_fullscreen__content {
        padding-top: 0px;
    }

    .menu_fullscreen {
        padding-top: 15px;
    }

    .navigazione__menu__content__sx__top {
        grid-template-columns: 1fr;
        grid-gap: 20px;
        padding-top: 80px;
    }

    .navigazione__menu__content__sx__top__sx {
        padding-top: 5px;
        font-size: 24px;
    }

    .navigazione__menu__content__sx__top__dx {
        font-size: 19px;
    }

    .navigazione__menu__content__sx__down {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 10px;
    }

    .navigazione__menu__content__sx__down .btn img {
        height: 15px;
        width: auto;
    }
}

/* magellan sub menu */

.magellan {
    position: sticky;
    z-index: 1000;
    top: 50px;
    background-color: var(--grigio);
    padding: clamp(10px, 1.1rem, 15px) clamp(20px, 1.5rem, 30px);
    border-radius: 100px;
    text-transform: uppercase;
    font-size: clamp(13px, 1rem, 16px);
    display: inline-flex;
    flex-wrap: wrap;
    gap: clamp(10px, 1rem, 20px);
    color: black;
    margin-left: clamp(20px, 2.5%, 40px);
    margin-top: 20px;
    max-width: calc(100% - 300px);
}

/* .magellan--move {
    top: 0 !important;
} */

.magellan a.active {
    font-family: 'barlow_semibold';
    color: var(--verde);
}

.magellan--scroll {
    opacity: 1;
}

placeholder {
    text-transform: uppercase;
}

.magellan--scroll a {}


@media(max-width:768px) {
    .magellan {
        position: fixed;
        z-index: 1000;
        top: auto;
        bottom: 15px;
        bottom: 15px;
        padding: clamp(10px, 1.1rem, 15px) clamp(20px, 1.5rem, 30px);
        flex-wrap: nowrap;
        margin-left: 0;
        margin-top: 0;
        overflow-x: scroll;
        max-width: calc(100% - 70px);
        white-space: nowrap;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.35s ease;
        transition: all 0.35s ease;
        transform: translateX(-10%);
    }

    .magellan.show {
        opacity: 1;
        visibility: visible;
        transform: translateX(0);
    }
}

/* selettore lingue */

.selettore_lingue {
    text-transform: uppercase;
    font-size: 14px;
}

.selettore_lingue.selettore_lingue--mobile {
    display: none;
}

.selettore_lingue li {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-top: 2px;
    padding-bottom: 2px;
    position: relative;
}

.selettore_lingue ul {
    display: flex;
    gap: clamp(5px, 1.2rem, 15px);
    margin: 0;
    padding: 0;
}

.selettore_lingue li.current-lang a::after {
    display: block;
    content: "";
    background-color: var(--rosso);
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
}


@media(max-width:768px) {
    .selettore_lingue.selettore_lingue--menu {
        display: none;
    }

    .selettore_lingue.selettore_lingue--mobile {
        display: flex;
        width: 100%;
        margin-bottom: 10px;
    }

    .selettore_lingue.selettore_lingue--mobile ul {
        gap: 0;
        width: 100%;
    }

    .selettore_lingue.selettore_lingue--mobile li {
        background-color: var(--grigio);
        padding: 5px 21px;
        margin-right: 7px;
        border-radius: 100px;
    }

    .selettore_lingue.selettore_lingue--mobile ul li {}

    .selettore_lingue--mobile--current {
        background-color: var(--blu) !important;
        color: white;
    }
}

/*  =============== menu mobile ============= */

/* =========================
RICORRENTI
@audit ricorrenti
=========================
*/

/* hero */

.hero {
    width: calc(100% - 40px);
    margin: 0 auto;
    margin-top: 20px;
    border-radius: var(--radius20);
    overflow: hidden;
    position: relative;
    z-index: 20;
    height: clamp(200px, 55vh, 600px);
}

.hero.hero--no_img {
    background-color: var(--verde3);
    height: clamp(250px, 35vh, 450px);
}

.hero__img {
    height: 100%;
    width: 100%;
    position: relative;
}

.hero__img:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%;
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 10;
}

.hero__img img {
    height: 120%;
    width: 100%;
    object-fit: cover;
}

.hero___logo_cover {
    position: absolute;
    top: 0;
    left: -1px;
    z-index: 5;
}

.hero___logo_cover img {
    width: 280px;
    height: auto;
}

.hero.hero--full {
    height: calc(100vh - 40px);
}

.hero.hero--prodotto {
    height: 75vh;
}

.hero .hero__title {
    position: absolute;
    z-index: 10;
    left: 30px;
    bottom: 30px;
    color: white;
    margin-bottom: 0;
}

.hero .hero__title__label {
    display: block;
    margin-bottom: clamp(7px, 1rem, 15px);
}

.hero .hero__title h1,
.hero .hero__title h2 {
    margin-bottom: 0;
}

.hero__video {
    height: 100%;
    width: 100%;
}

.hero__video video {
    height: 100%;
    width: 100%;
    object-fit: cover;
}


@media(max-width:768px) {

    .hero .hero__title {
        left: 20px;
        bottom: 20px;
    }

    .hero {
        width: calc(100% - 20px);
        margin-top: 10px;
        border-radius: var(--radius15);
    }

    .hero.hero--full {
        height: auto;
        overflow: visible;
        border-radius: 0;
    }

    .hero.hero--full .hero__info_box {
        position: relative;
        right: auto;
        bottom: auto;
        z-index: 100;
        width: 100%;
        margin-top: 15px;
    }

    .hero.hero--full .hero__info_box__links {
        display: none;
    }

    .hero.hero--full .hero__video {
        height: calc(100vh - 20px);
        border-radius: var(--radius15);
        overflow: hidden;
    }

    .hero.hero--full .popup_news {
        padding: clamp(10px, 0.9rem, 25px) clamp(10px, 1rem, 30px);
        border-radius: var(--radius15);
        background-color: var(--grigio);
        backdrop-filter: none;
        color: black;
    }

    .popup_news__item__grid {
        grid-template-columns: 1fr 2fr !important;
        /* min-height: 300px; */
    }

    .hero.hero--full .hero__title {
        left: 20px;
        bottom: auto;
        top: calc(100vh - 130px);
    }

    .header_controls {
        right: 15px;
        top: 15px;
    }

    .hero___logo_cover img {
        width: 200px;
        height: auto;
    }

    .menu_fullscreen__cover_grigia_mobile {
        display: block;
        width: 200px;
        height: auto;
        position: absolute;
        z-index: 10;
        top: 15px;
        left: 15px;
    }


    .navigazione__logo img {
        width: 160px;
        height: auto;
    }

    .navigazione__logo {
        top: 20px;
        left: 15px;
    }
}

@media(max-width:600px) {
    .popup_news .popup_news__item__text h3 {
        font-size: 13px;
    }

    .popup_news__item__img {
        aspect-ratio: 1/1;
    }
}

/* introduzione pagina */

.introduzione_pagina p:last-child {
    margin-bottom: 0;
}

/* plus card */

.card_plus {
    padding: clamp(15px, 1.5rem, 30px) clamp(25px, 2rem, 50px);
    background-color: var(--grigio);
    border-radius: var(--radius15);
    color: black;
}

.card_plus .icona {
    margin-bottom: clamp(20px, 1.2rem, 30px);
}

.card_plus__wrapper_5col .card_plus__grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr !important;
}

.card_plus.card_plus--full_width {
    margin-bottom: clamp(15px, 1.5rem, 20px);
}

.card_plus.card_plus--full_width p:last-child,
.card_plus.card_plus--full_width li:last-child {
    margin-bottom: 0;
}

.card_plus h3 {
    font-family: 'barlow_medium';
    margin-bottom: clamp(12px, 1.2rem, 17px);
}

.card_plus__grid {
    position: relative;
    display: grid;
    grid-gap: clamp(10px, 1rem, 15px);
}

.card_plus__grid.card_plus__grid--2 {
    grid-template-columns: repeat(2, 1fr);
}


.card_plus__grid.card_plus__grid--3 {
    grid-template-columns: repeat(3, 1fr);
}

.card_plus__grid.card_plus__grid--4 {
    grid-template-columns: repeat(4, 1fr);
}

@media(max-width:768px) {
    .card_plus__grid.card_plus__grid--3 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media(max-width:600px) {
    .card_plus__grid {
        position: relative;
        display: flex;
        flex-wrap: nowrap;
        width: 100vw;
        transform: translateX(-20px);
        padding-left: 20px;
        padding-right: 20px;
        overflow-x: scroll;
        gap: 15px;
    }

    .card_plus {
        width: 80vw;
        min-width: 80vw;
    }
}

/* blocco prodotti */

.blocco_prodotti__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: clamp(15px, 2.5vw, 50px);
}

.prodotto_preview__item {
    background-color: var(--grigio);
    overflow: hidden;
    border-radius: var(--radius20);
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    color: black;
}

.prodotto_preview__item:hover {
    color: black;
}

.prodotto_preview__item__img {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.prodotto_preview__item__img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    -webkit-transition: all 0.65s ease;
    transition: all 0.65s ease;
}

.prodotto_preview__item:hover .prodotto_preview__item__img img {
    transform: scale(1.075);
}

.prodotto_preview__item__text {
    padding: clamp(18px, 2rem, 50px);
}

.prodotto_preview__item__info__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 0;
    border-bottom: 1px solid #d3d3d3;
}

.prodotto_preview__item__info__item .icona_label {
    display: flex;
    align-items: center;
    gap: 10px;
}

.prodotto_preview__item__info {
    margin-top: clamp(15px, 1.5rem, 30px);
}

.prodotto_preview__item__title {
    padding-top: clamp(15px, 1rem, 30px);
}

.prodotto_preview__item__text__cta {
    color: var(--verde);
    font-family: 'barlow_semibold';
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-top: clamp(15px, 1rem, 20px);
}

.prodotto_preview__item__text__cta img {
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.prodotto_preview__item:hover .prodotto_preview__item__text__cta img {
    transform: translateX(7px);
}


@media(max-width:768px) {
    .blocco_prodotti .info_btn {
        margin-top: 50px;
        justify-content: space-between;
    }

    .prodotto_preview__item .prodotto_preview__item__info .prodotto_preview__item__info__item:last-child {
        padding-bottom: 0;
        border: none;
    }

    .prodotto_preview__item__img {
        aspect-ratio: 2/1;
        width: 100%;
        height: auto;
    }

    .prodotto_preview__item {
        display: block;
    }

}

@media(max-width:600px) {

    .blocco_prodotti__grid {
        position: relative;
        display: flex;
        flex-wrap: nowrap;
        width: 100vw;
        transform: translateX(-20px);
        padding-left: 20px;
        padding-right: 20px;
        overflow-x: scroll;
        gap: 12px;
    }

    .prodotto_preview__item {
        min-width: 85vw;
        width: 85vw;
        display: block;
    }

    .swiper-slide .prodotto_preview__item {
        min-width: auto;
        width: auto;
    }

    .prodotto_preview__item__title {
        margin-top: 0;
        padding-top: 0;
    }
}

@media(max-width:600px) {
    .prodotto_preview__item__text__cta {
        display: none;
    }
}


/* applicazione */

.applicazione_preview__item {
    display: block;
}

.applicazione_preview__item__img {
    aspect-ratio: 4/3;
    overflow: hidden;
    border-radius: var(--radius20);
    margin-bottom: clamp(15px, 1rem, 30px);
    position: relative;
}

.applicazione_preview__item__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all 0.65s ease;
    transition: all 0.65s ease;
}

.applicazione_preview__item:hover .applicazione_preview__item__img img {
    transform: scale(1.08);
}

.tag_label__container {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 10;
    display: flex;
    gap: 8px;
}

.tag_label__container .tag_label {
    border-radius: 100px;
    padding: clamp(8px, 0.5rem, 12px) clamp(10px, 0.8rem, 20px);
    color: white;
}

.applicazioni__grid {
    display: grid;
    grid-gap: clamp(15px, 1.5rem, 30px);
}

.applicazioni__grid.applicazioni__grid--1 {
    grid-template-columns: 1fr;
}

.applicazioni__grid.applicazioni__grid--1 .applicazione_preview__item__img {
    aspect-ratio: 20/7;
}


.applicazioni__grid.applicazioni__grid--2 {
    grid-template-columns: 1fr 1fr;
}

.applicazioni__grid.applicazioni__grid--3 {
    grid-template-columns: 1fr 1fr 1fr;
}

.applicazione_preview__item__text {}

.ancora_flex {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.ancora_flex img {
    max-width: 16px;
    width: auto;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.ancora_flex:hover img:last-child {
    transform: translateX(15%);
}

.ancora_flex:hover {
    cursor: pointer;
}

@media(max-width:768px) {

    .applicazioni__grid.applicazioni__grid--2,
    .applicazioni__grid.applicazioni__grid--3 {
        grid-template-columns: 1fr;
        grid-gap: 30px;
    }

    .tag_label__container .tag_label {
        font-size: 13px;
    }
}

/* blocco timeline servizi */

.blocco_timeline_servizi__img {
    position: relative;
}

@media(min-width:768px) {
    .blocco_timeline_servizi__img {
        aspect-ratio: 16/9;
    }
}

.blocco_timeline_servizi__img::after {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.6);
}

.blocco_timeline_servizi__img img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.blocco_timeline_servizi__wrapper {
    height: auto;
    overflow: hidden;
    border-radius: var(--radius20);
    position: relative;
}

.blocco_timeline_servizi__content {
    position: absolute;
    z-index: 10;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    padding: clamp(29px, 5rem, 130px);
    color: white;
}

.blocco_timeline_servizi__content.blocco_timeline_servizi__content--prodotto {
    position: relative;
    height: auto;
    width: auto;
    top: auto;
    left: auto;
    color: black;
    padding: 0;
    padding-top: clamp(30px, 15vh, 150px);
}

.blocco_timeline_servizi__content__timeline__steps__item.in_evidenza .barlow_18 {
    font-family: 'barlow_semibold';
}

.blocco_timeline_servizi__content__timeline__line {
    height: 1px;
    background-color: var(--verde);
    width: 100%;
}

.blocco_timeline_servizi__content__timeline__steps {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.blocco_timeline_servizi__content__timeline__steps__item {
    flex: 1;
    position: relative;
}

@media(min-width:768px) {
    .blocco_timeline_servizi__content__timeline__steps__item:nth-child(odd) .blocco_timeline_servizi__content__timeline__steps__item__text {
        position: absolute;
        bottom: 120px;
    }
}

.blocco_timeline_servizi__content__timeline__steps__item__circle {
    height: 25px;
    width: 25px;
    transform: translateY(-50%);
    position: relative;
    z-index: 3;
}

.blocco_timeline_servizi__content__timeline__steps__item.in_evidenza .blocco_timeline_servizi__content__timeline__steps__item__circle {
    height: 35px;
    width: 35px;
}

.blocco_timeline_servizi__content__timeline__steps__item.in_evidenza .blocco_timeline_servizi__content__timeline__steps__item__circle img {
    height: 35px;
}

.blocco_timeline_servizi__content__timeline__steps__item__circle img {
    height: 25px;
    width: auto;
}

@media(min-width:768px) {
    .blocco_timeline_servizi__content__cta {
        display: flex;
        justify-content: flex-end;
    }
}

@media(max-width:990px) {

    .blocco_timeline_servizi__content__timeline {
        position: relative;
        height: auto;
    }

    .blocco_timeline_servizi__content__timeline__steps__item__circle {
        height: 25px;
        width: 25px;
        transform: none;
        transform: translatex(-50%);
        position: absolute;
        left: 50%;
        z-index: 3;
    }

    .blocco_timeline_servizi__content__timeline {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .blocco_timeline_servizi__content__timeline__steps__item__text {
        width: calc(50% - 30px);
    }

    .blocco_timeline_servizi__content__timeline__steps__item:nth-child(odd) .blocco_timeline_servizi__content__timeline__steps__item__text {
        margin-left: calc(50% + 25px);
    }

    .blocco_timeline_servizi__content__timeline__steps__item:nth-child(even) .blocco_timeline_servizi__content__timeline__steps__item__text {
        text-align: right;
    }

    .blocco_timeline_servizi__content__timeline__steps__item:last-child {
        margin-bottom: 0;
        height: auto;
    }

    .blocco_timeline_servizi__content__timeline__line {
        position: absolute;
        left: 50%;
        width: 1px;
        height: 100%;
        top: 0;
    }

    .blocco_timeline_servizi__content__timeline__steps__item {
        height: 80px;
    }

    .blocco_timeline_servizi__img {
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }

    .blocco_timeline_servizi__content {
        position: relative;
        z-index: 10;
        height: auto;
        width: auto;
        top: auto;
        left: auto;
        z-index: 10;
    }

    .blocco_timeline_servizi__wrapper {
        width: 100vw;
        transform: translateX(-15px);
    }

    .blocco_timeline_servizi__content__timeline__steps {
        display: block;
    }
}

/* riga testo immagine */

.riga_testo_immagine {
    display: flex;
    justify-content: space-between;
    margin-bottom: clamp(40px, 10rem, 150px);
}

.riga_testo_immagine.riga_testo_immagine--boxed {
    margin-bottom: 0;
}

@media(min-width:768px) {
    .riga_testo_immagine:nth-child(even) {
        flex-direction: row-reverse;
    }
}

.riga_testo_immagine.riga_testo_immagine--boxed:nth-child(even) {
    flex-direction: row-reverse;
    background-color: var(--grigio);
    border-radius: var(--radius15);
}

.riga_testo_immagine.riga_testo_immagine--boxed:nth-child(even) img {
    mix-blend-mode: multiply;
}

.riga_testo_immagine__img {
    aspect-ratio: 1/1;
    overflow: hidden;
    border-radius: var(--radius20);
    max-width: 80%;
    height: auto;
    display: inline-block;
}

.approfondimenti_box__wrapper .riga_testo_immagine__img {
    aspect-ratio: inherit;
    overflow: visible;
}

.riga_testo_immagine__img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.riga_testo_immagine__text {
    width: 40%;
}

.riga_testo_immagine__img__wrapper {
    width: 50%;
    text-align: center;
}

.riga_testo_immagine__img__wrapper {
    width: 50%;
    text-align: center;
}

.riga_testo_immagine.riga_testo_immagine--boxed img {
    display: inline-block;
    max-width: 70%;
    height: auto;
}

@media(max-width:768px) {
    .riga_testo_immagine.riga_testo_immagine--boxed:nth-child(even) {
        padding: 30px 20px;
    }
}

@media(max-width:600px) {

    .riga_testo_immagine {
        flex-direction: column-reverse;
        flex-wrap: wrap;
        gap: 20px;
    }

    .riga_testo_immagine__text,
    .riga_testo_immagine__img__wrapper {
        width: 100%;
    }

    .riga_testo_immagine__img {
        aspect-ratio: 5/4;
        max-width: 100%;
    }
}

/* faq accordion */

/* accordion */

.accordion__head {
    -webkit-transition: all 0.55s ease;
    transition: all 0.55s ease;
    padding: 3px;
}

@media(min-width:768px) {
    .accordion__head {
        border-radius: 100px;
    }
}

.accordion__head.active img {
    transform: rotate(180deg);
}

.accordion__head:hover {
    cursor: pointer;
}

.accordion.accordion--press.active .accordion__content {
    display: block;
}

.accordion {
    border-radius: var(--radius15);
    background-color: var(--grigio);
    -webkit-transition: all 0.45s ease;
    transition: all 0.45s ease;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.accordion--full {
    max-width: 100%;
}


.accordion__head h3 {
    line-height: 115%;
    margin-bottom: 0;
    letter-spacing: -0.03rem;
    font-family: 'barlow_semibold';
}


.accordion__head__symbol img {
    height: auto;
    width: clamp(40px, 3rem, 50px);
    transition: all 0.45s ease;
}

@media(min-width:768px) {
    .accordion__head:hover .accordion__head__symbol {
        transform: scale(1.1);
    }
}

.accordion__head__symbol__wrapper {
    padding: 10px;
}


.accordion__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: clamp(20px, 5vw, 40px);
}

.accordion__head__info {
    width: calc(100% - 75px);
}

.accordion__content {
    display: none;
    padding: clamp(15px, 2.2rem, 50px);
    padding-top: 10px;
}



.accordion--toc {
    margin-bottom: 30px;
}

@media(min-width:1250px) {
    .accordion--faq .accordion__content .accordion__content__wrapper {
        max-width: 80%;
    }
}

.accordion__content__wrapper {
    max-width: 1000px;
}

.accordion__content__wrapper.accordion__content__wrapper--full {
    max-width: 100%;
}

.accordion.active .accordion__content {
    animation: accordion__content 1.5s ease;
}


/* @keyframes accordion__content {
    0% {
        opacity: 0;
    }

    20% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
} */

.accordion__content__cta {
    margin-top: 3vh;
}

.accordion__content__cta a:hover {
    cursor: pointer;
}


@media(max-width:600px) {

    .accordion.active {
        border-radius: 25px;
    }

    .accordion__head__symbol__wrapper {
        padding: 7px;
    }

    .accordion__head {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .accordion--faq .accordion__content__wrapper {
        padding-left: 5%;
        padding-right: 5%;
    }

    .accordion__head__info {
        padding-left: 2%;
    }

}

/* banner cta box */

.banner_cta {
    border-radius: var(--radius20);
    background-color: var(--verde);
    color: white;
    padding: clamp(35px, 6rem, 100px) clamp(20px, 5rem, 80px);
}

@media(min-width:600px) {
    .banner_cta {
        display: flex;
        align-items: end;
        gap: 5%
    }

    .banner_cta__title {
        width: 40%;
    }

    .banner_cta__description {
        width: 60%;
    }
}

.banner_cta__description p:last-child {
    margin-bottom: 0;
}


@media(max-width:600px) {
    .banner_cta .banner_cta__title {
        margin-bottom: 30px;
    }

    .banner_cta p {
        line-height: 110%;
    }
}

/* approfondimenti accordion */

.approfondimento_accordion {
    border-radius: var(--radius20);
    padding: clamp(20px, 3rem, 70px);
    margin-top: -40px;
}

.approfondimenti_accordion .approfondimento_accordion:first-child {
    margin-top: 0;
}

.approfondimento_accordion__content__download {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 30px;
    flex-wrap: wrap;
}

.approfondimento_accordion__head {
    display: flex;
    justify-content: space-between;
    padding-bottom: clamp(25px, 2rem, 50px);
}

.approfondimento_accordion__head:hover {
    cursor: pointer;
}

.approfondimento_accordion__content {
    padding-bottom: 40px;
    padding-top: clamp(25px, 2rem, 50px);
    display: none;
}

.approfondimento_accordion__head .label img {
    transform: rotate(-90deg);
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.approfondimento_accordion__head.active .label img {
    transform: rotate(0);
}

.approfondimenti_accordion .approfondimento_accordion:last-child .approfondimento_accordion__content {
    padding-bottom: 0;
}

.approfondimenti_accordion .approfondimento_accordion:last-child .approfondimento_accordion__head {
    padding-bottom: 0;
}

@media(min-width:768px) {
    .approfondimento_accordion__content--text_2_col .approfondimento_accordion__content__text {
        column-count: 2;
        /* numero di colonne */
        column-gap: 3rem;
    }
}

.approfondimento_accordion__content--img .approfondimento_accordion__content__info {
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-gap: 10%;
}


/* approfondimenti blu */

.approfondimenti_blu .approfondimento_accordion {
    background-color: #31638C;
}

.approfondimenti_blu .approfondimento_accordion:nth-child(1) {
    background-color: #31638C;
}

.approfondimenti_blu .approfondimento_accordion:nth-child(1) .label {
    background-color: var(--verde);
}

.approfondimenti_blu .approfondimento_accordion:nth-child(2) {
    background-color: #597BA2;
}

.approfondimenti_blu .approfondimento_accordion:nth-child(2) .label {
    background-color: var(--verde3);
}


.approfondimenti_blu .approfondimento_accordion:nth-child(3) {
    background-color: #8699BC;
}

.approfondimenti_blu .approfondimento_accordion:nth-child(3) .label {
    background-color: var(--blu2);
}

/* approfondimenti verde */

.approfondimenti_verde .approfondimento_accordion {
    color: black;
}

.approfondimenti_verde .approfondimento_accordion .label {
    background-color: var(--verde3);
}

.approfondimenti_verde .approfondimento_accordion {
    background-color: #DEEDD1;
}

.approfondimenti_verde .approfondimento_accordion:nth-child(1) {
    background-color: #DEEDD1;
}

.approfondimenti_verde .approfondimento_accordion:nth-child(2) {
    background-color: #BCDBA3;
}

.approfondimenti_verde .approfondimento_accordion:nth-child(3) {
    background-color: #9BCA74;
}

.approfondimenti_verde .approfondimento_accordion:nth-child(4) {
    background-color: #79B846;
}

@media(max-width:600px) {

    .approfondimento_accordion__head {
        /* -webkit-transition: all 0.35s ease;
        transition: all 0.35s ease; */
    }

    .approfondimento_accordion__head .label {
        margin-bottom: 15px !important;
    }

    .approfondimento_accordion__head img {
        height: 15px;
        width: auto;
    }

    .approfondimento_accordion__head {
        flex-direction: column-reverse;
        padding-bottom: 50px;
    }

    .approfondimento_accordion.active .approfondimento_accordion__head {
        padding-bottom: 10px;
    }

    .approfondimento_accordion {
        width: 100vw;
        transform: translateX(-15px);
    }

    .approfondimento_accordion__content--img .approfondimento_accordion__content__info {
        grid-template-columns: 1fr;
        grid-gap: 30px;
    }

    .approfondimento_accordion__content__img img {
        max-height: 150px;
        max-width: 100%;
        width: auto;
    }

}

/* blocco prodotti certificati */

.grid--prodotti_certificati {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: clamp(15px, 1.5rem, 30px);
}

.prodotto_certificato_preview__item {
    aspect-ratio: 3.3/5;
    border-radius: var(--radius20);
    overflow: hidden;
    position: relative;
    color: white
}

.prodotto_certificato_preview__item__img {
    height: 100%;
    width: 100%;
}

.prodotto_certificato_preview__item__img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.prodotto_certificato_preview__item:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%;
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0465) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 1;
}

.prodotto_certificato_preview__item__text {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    gap: 15px;
    align-items: center;
    z-index: 10;
    right: clamp(15px, 1.5rem, 30px);
    bottom: clamp(15px, 1.5rem, 30px);
}

.modello_certificato_tab {
    color: white;
    background-color: var(--blu);
    padding: clamp(40px, 2.5rem, 80px);
    border-radius: var(--radius20);
    font-size: 16px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    /* right: 0; */
    z-index: 20;
    min-height: 400px;
    transform: scale(0.9);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s cubic-bezier(.43, .195, .02, 1);
    transition: all 0.3s cubic-bezier(.43, .195, .02, 1);
    transform-origin: center;
}

.prodotto_certificato_preview__item__text__ico:hover {
    cursor: pointer;
    transform: scale(1.075);
    transform-origin: center;
}

.prodotto_certificato_preview__item__text__ico img {
    width: clamp(35px, 3rem, 50px);
    height: auto;
}

.prodotto_certificato_preview__item__text__ico {
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.modello_certificato_tab.show {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}

.modello_certificato_tab__close {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 100;
    aspect-ratio: 1 / 1;
    border-radius: 100px;
    background-color: white;
    width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modello_certificato_tab__close:hover {
    cursor: pointer;
}

.blocco_prodotti_certificati__products {
    position: relative;
}

.modello_certificato_tab h3 {
    font-family: 'oswald_regular';
}

.modello_certificato_tab__head,
.modello_certificato_tab__row {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}

.modello_certificato_tab__head__item {
    display: flex;
    align-items: center;
    gap: 7px;
    font-family: 'barlow_semibold';
}

.modello_certificato_tab__head__item img {
    height: 25px;
    width: auto;
}

.modello_certificato_tab__head {
    border-bottom: 1px solid white;
    padding-bottom: 20px;
}

.modello_certificato_tab__row {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid white;
}

.modello_certificato_tab__row .modello_certificato_tab__row__item:first-child {
    font-family: 'barlow_semibold';
}

.blocco_prodotti_certificati__products {
    position: relative;
}

@media(max-width:768px) {
    .prodotto_certificato_preview__item {
        aspect-ratio: 3.7/5;
    }

    .grid--prodotti_certificati {
        width: 100vw;
        transform: translateX(-15px);
        overflow-x: scroll;
        display: flex;
        gap: 12px;
        flex-wrap: nowrap;
        padding-left: 15px;
        padding-right: 15px;
    }

    .grid--prodotti_certificati .prodotto_certificato_preview__item {
        min-width: 80vw;
        width: 80vw;
    }


    .modello_certificato_tab {
        padding: 25px;
        font-size: 15px;
        top: 0;
        left: 0;
        height: 100%;
        width: 100vw;
        margin-left: -15px;
        min-height: auto;
    }

    .modello_certificato_tab__table {
        overflow-x: scroll;
        width: 100%;
    }

    .modello_certificato_tab__head,
    .modello_certificato_tab__row {
        min-width: 1000px;
    }
}


@media(max-width:600px) {

    .modello_certificato_tab {
        transform: scale(1);
        transform: translateX(20%);
    }

    .modello_certificato_tab.show {
        transform: translateX(0);
    }

    .modello_certificato_tab {
        left: 15px;
        width: calc(100vw - 15px);
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        padding-right: 0;
    }

    .modello_certificato_tab__head,
    .modello_certificato_tab__row {
        min-width: 850px;
    }
}

/* sfondo parallax */

figure {
    display: block;
}

.sfondo_parallax .sfondo_parallax__inner {
    overflow: hidden;
    position: relative;
}

.sfondo_parallax__inner.sfondo_parallax__inner--sezione_sfondo {
    height: 70vh;
    width: 100%;
    border-radius: var(--radius20);
}

.sfondo_parallax__inner {
    height: 100%;
    width: 100%;
    margin-bottom: 0;
    margin: 0 auto;
}

.sfondo_parallax .sfondo_parallax__inner img {
    height: 130%;
    width: 100%;
    object-fit: cover;
}

/* modal approfondimenti aerogeneratore pala */

.modal_approfondimenti_aerogeneratore {
    width: auto;
    min-width: 90vw;
    /* max-width: 1300px; */
    padding: clamp(20px, 1.5rem, 30px);
    padding-top: 5vh;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1000000000000000000;
    /* transform: translateX(100%); */
    background-color: var(--grigio);
    border-top-left-radius: var(--radius20);
    border-bottom-left-radius: var(--radius20);
    transition: all 0.7s cubic-bezier(.43, .195, .02, 1);
    -webkit-transition: all 0.7s cubic-bezier(.43, .195, .02, 1);
    transform: translateX(100%);
    color: black;
}

.modal_approfondimenti_aerogeneratore__content {
    height: 100%;
    overflow-y: scroll;
}

@media(min-width:990px) {
    .modal_approfondimenti_aerogeneratore .hotspot_wrapper--pala .hotspot_image__wrapper {
        max-width: 50vw;
        /* max-height: 70vh; */
        height: auto;
        width: auto;
    }
}

.modal_approfondimenti_aerogeneratore .hotspot_wrapper--pala .hotspot_image__wrapper .hotspot_image__img {}

.modal_approfondimenti_aerogeneratore.show {
    transform: translateX(0);
}

.modal_approfondimenti_aerogeneratore__close img {
    width: 15px;
    height: auto;
}

.modal_approfondimenti_aerogeneratore__close {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 100;
    aspect-ratio: 1/1;
    border-radius: 100px;
    background-color: white;
    width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal_approfondimenti_aerogeneratore__close:hover {
    cursor: pointer;
}

.modal_approfondimenti_aerogeneratore .hotspot_image__img {
    border-radius: 0;
    overflow: visible;
}

@media(max-width:768px) {

    .modal_approfondimenti_aerogeneratore,
    .modal_approfondimenti_aerogeneratore .container-100 {
        width: 100%;
    }

    .modal_approfondimenti_aerogeneratore .tab_hotspot_mobile {
        width: 100%;
        margin-left: 0;
        margin-bottom: 0;
    }

    .modal_approfondimenti_aerogeneratore.show {
        border-radius: 0;
    }

    .modal_approfondimenti_aerogeneratore {
        padding: 0;
    }

    .modal_approfondimenti_aerogeneratore__content {
        padding: 20px;
    }
}

/* banner form */

.banner_form__box {
    border-radius: var(--radius20);
    background-color: var(--verde2);
    padding: clamp(30px, 2.5rem, 60px);
}


.banner_form__box .form input[type="text"],
.banner_form__box .form input[type="email"],
.banner_form__box .form input[type="tel"],
.banner_form__box .form select,
.banner_form__box .form textarea {
    border-color: white;
    background-color: white !important;
}

.banner_form__box .form input[type="checkbox"],
.banner_form__box .form input[type="radio"] {
    background-color: white !important;
}

.banner_form__box .form input[type="radio"] {
    border-radius: 100px !important;
}

.banner_form__box .form input[type="submit"] {
    background-color: var(--blu) !important;
}

.banner_form__btn a:nth-child(1) {
    margin-bottom: 12px;
}


@media(max-width:600px) {
    .banner_form__box {
        border-radius: var(--radius20);
        background-color: var(--verde2);
        padding: clamp(20px, 2.5rem, 60px);
        width: 100vw;
        transform: translateX(-15px);
    }

    .banner_form__btn a:nth-child(1) {
        margin-bottom: 7px;
    }

    .banner_form__btn .btn {
        padding: clamp(12px, 0.8rem, 12px) clamp(20px, 1.5rem, 28px);
    }

    .banner_form .banner_form__box {
        margin-top: 25px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

/* immagine card */

.card_immagine {}

.card_immagine__img {
    overflow: hidden;
    border-radius: var(--radius20);
    aspect-ratio: 4/3;
    margin-bottom: clamp(15px, 1rem, 20px);
}

.card_immagine__img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.card_immagine__grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: clamp(15px, 1.5rem, 25px);
}

@media(max-width:990px) {
    .card_immagine__grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media(max-width:600px) {
    .card_immagine__grid {
        grid-template-columns: 1fr;
    }

    .box_sfondo_verde {
        padding: 25px;
        margin-bottom: 50px;
    }
}


/*============================
HOME front-page.php
@audit home
============================= */

/* hero home */

.hero__info_box__links {
    display: flex;
    gap: 10px;
    width: 100%;
}

.hero__info_box__links__btn {
    flex-grow: 1;
    display: inline;
    margin-top: 10px;
}

.hero__info_box {
    position: absolute;
    right: 30px;
    bottom: 30px;
    z-index: 100;
    width: clamp(350px, 48vw, 550px);
}

.popup_news {
    padding: clamp(12px, 0.9rem, 25px) clamp(15px, 1rem, 30px);
    border-radius: var(--radius15);
    background-color: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(15px);
    color: white;
    position: relative;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.popup_news__item__grid {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    grid-gap: 20px;
}

.popup_news__item__categories {
    margin-bottom: 10px;
}

.popup_news__item__categories img {
    height: 14px;
    width: auto;
}

@media(min-width:768px) {
    .popup_news__item:hover {
        color: white;
    }

    .popup_news__item__img img {
        -webkit-transition: all 0.35s ease;
        transition: all 0.35s ease;
    }

    .popup_news__item:hover .popup_news__item__img img {
        transform: scale(1.1);
    }
}

.popup_news .popup_news__item__categories__label {
    font-family: 'barlow_semibold';
    text-transform: uppercase;
    font-size: 13px;
}

.popup_news__item__text h3 {
    font-family: 'barlow_semibold';
    margin-bottom: 10px;
}

.popup_news__item__img {
    width: 100%;
    aspect-ratio: 5/4;
    overflow: hidden;
    border-radius: var(--radius10);
}

.popup_news__item__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}



.popup_news .swiper-pagination-bullet {
    background-color: white;
}

.popup_news.popup_news--scroll .swiper-pagination-bullet {
    background-color: var(--blu);
}

.popup_news__item__close {
    height: 45px;
    width: 45px;
    /* display: flex; */
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    background-color: white;
    border-radius: 10px;
    display: none;
}

.popup_news.popup_news--scroll .popup_news__item__close {
    display: flex;
}

.popup_news__item__close:hover {
    cursor: pointer;
}

.popup_news .swiper-slide {
    height: auto !important;
}

.popup_news .swiper-container {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.popup_news .swiper-pagination-vertical {
    top: auto;
    bottom: 15px;
    right: 15px;
    transform: none;
}

.popup_news__item__text {
    padding-right: 20px;
}

.popup_news.popup_news--scroll {
    position: fixed;
    z-index: 100000;
    right: 20px;
    bottom: 80px;
    background-color: white;
    color: var(--blu);
    width: clamp(370px, 33vw, 430px);
    animation: popup_news--scroll 0.35s ease;
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.25);
}

.popup_news.popup_news--scroll h3 {
    font-size: 14px;
}

.popup_news.popup_news--scroll .popup_news__item__grid {
    grid-template-columns: 1.4fr 2fr;
}

.popup_news.popup_news--scroll p {
    display: none;
}

.popup_news.popup_news--scroll .popup_news__item__text {
    height: 100%;
    overflow-x: hidden;
}

@keyframes popup_news--scroll {
    from {
        opacity: 0;
        transform: translateX(15%);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.popup_news .freccia_popup_blu {
    display: none;
}

.popup_news.popup_news--scroll .freccia_popup_blu {
    display: block;
}

.popup_news.popup_news--scroll .freccia_popup_bianca {
    display: none;
}

.popup_news__item__categories {
    display: flex;
    justify-content: space-between;
}

/* scroll home plus animato */

.animated_plus_scroll {
    position: relative;
}

.animated_plus_scroll__sfondo {
    width: calc(100% - clamp(40px, 5%, 80px));
    margin: 0 auto;
    border-radius: var(--radius15);
    height: 40vh;
}

@media(min-width:990px) {
    .animated_plus_scroll__sfondo {
        position: absolute;
        z-index: 50;
        width: calc(100% - 40px);
        height: calc(100% - clamp(50px, 7.5rem, 100px));
        left: 20px;
        top: clamp(50px, 7.5rem, 100px);
        overflow: hidden;
        border-radius: var(--radius20);
    }
}

.animated_plus_scroll__sfondo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.animated_plus_scroll__mega_title {
    color: var(--blu);
    position: relative;
    z-index: 100;
}

.sritta_scorre_scroll {
    text-transform: uppercase;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    margin-bottom: clamp(20px, 10vh, 100px);
}

@media(min-width:990px) {
    .sritta_scorre_scroll__inner {
        display: inline-block;
        transform: translateX(70%);
        padding-right: 30px;
    }
}

.pala_trasparente_home {
    position: absolute;
    right: -3%;
    top: 0;
    transform: translateY(-71.5%);
    z-index: 5;
    height: clamp(650px, 60vh, 850px);
    width: auto;
    pointer-events: none;
}


@media(max-width:990px) {
    .sritta_scorre_scroll {
        padding-left: clamp(20px, 2.5%, 40px);
    }

    .pala_trasparente_home {
        display: none;
    }

    .animated_plus_scroll__sfondo {
        overflow: hidden;
        border-radius: var(--radius15);
        margin-bottom: 50px;
    }

    .animated_plus_scroll .grid__col:nth-child(1) {
        margin-bottom: 30px;
    }

    .animated_plus_scroll .grid__col:nth-child(1) .btn {
        margin-top: 30px;
    }
}


@media(max-width:768px) {

    .animated_plus_scroll__content .grid.grid--1-2 {
        grid-template-columns: 1fr;
        grid-gap: 30px;
    }

    .animated_plus_scroll__sfondo {
        margin-bottom: 30px;
    }

    .popup_news .swiper-pagination-bullet {
        background-color: black;
        height: 6px;
        width: 6px;
    }

    .popup_news .popup_news__item__categories__label {
        font-size: 12px;
    }

    .popup_news__item__categories img {
        height: 11px;
        width: auto;
        filter: invert(1);
    }
}

@media(max-width:600px) {

    .sritta_scorre_scroll {
        margin-bottom: 30px;
        margin-top: 40px;
        white-space: wrap;
    }

    .animated_plus_scroll__sfondo {
        margin-bottom: 15px;
    }

    .popup_news__item__grid {
        grid-gap: 10px;
    }

    .popup_news__item__img {
        aspect-ratio: 1/1;
    }
}

/* slideshow home */

.slideshow_home .swiper-container {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    padding: 0;
}

.slideshow_home .swiper-slide {
    width: 100%;
    aspect-ratio: 19/9;
    height: auto;
}

.slideshow_home .slideshow_home__slide {
    height: 100%;
    width: 100%;
}

.slideshow_home .slideshow_home__slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.swiper-slide-active .slideshow_home__slide img {
    animation: slideshow_home__slide 2s ease;
}

.slideshow_home__slide {
    position: relative;
}

.slideshow_home__slide__loader {
    position: absolute;
    z-index: 10;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
}

.slideshow_home__slide__loader__inner {
    background-color: var(--rosso);
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
}

.swiper-slide-active .slideshow_home__slide__loader__inner {
    animation: slideshow_home__slide__loader__inner 5s linear;
}

@keyframes slideshow_home__slide__loader__inner {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}

.slideshow_home .swiper-pagination {
    position: absolute;
    bottom: 20px;
    z-index: 10;
    text-align: right;
    padding: 0 20px;
}

.slideshow_home .swiper-pagination-bullet {
    border-radius: 0;
}

.slideshow_home .swiper-pagination-bullet {
    height: 6px;
    width: 12px;
    margin: 0 5px !important;
    background-color: white;
    opacity: 1;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    background-color: var(--rosso);
    opacity: 0.45;
}

.slideshow_home .swiper-pagination-bullet-active {
    background-color: var(--rosso);
    width: 24px;
    opacity: 1;
}



@keyframes slideshow_home__slide {
    from {
        scale: 1.02;
    }

    to {
        scale: 1;
    }
}

@media(max-width:990px) {
    .slideshow_home .swiper-slide {
        width: 100%;
        aspect-ratio: 16/9;
        height: auto;
    }
}

@media(max-width:768px) {
    .slideshow_home .swiper-slide {
        width: 100%;
        aspect-ratio: 14/9;
        height: auto;
    }

    .slideshow_home .swiper-container {
        border-radius: 15px;
    }
}


@media(max-width:600px) {
    .mt-nav {
        height: 58px;
    }

    .container-mobile_bigger {
        width: calc(100% - 16px);
    }

    .settori_di_applicazione .container-100.pt--big {
        padding-top: 30px;
    }

}

/* servizi in evidenza */

.griglia_servizi {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.servizio_item {
    aspect-ratio: 2/1;
    overflow: hidden;
    border-radius: 20px;
    position: relative;
    display: block;
}

.servizio_item__img {
    height: 100%;
    width: 100%;
    position: relative;
}

.servizio_item__img:after {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 20px;
}

.servizio_item__img img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    /* -webkit-transition: all 0.55s ease;
    transition: all 0.55s ease; */
}

/* .servizio_item:hover .servizio_item__img img {
    transform: scale(1.05);
} */

.servizio_item__title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 50;
    text-align: center;
    width: 90%;
}

.servizio_item__title h3 {
    color: white;
    font-size: clamp(18px, 1.8rem, 36px);
    font-family: font_bold;
    text-transform: uppercase;
    margin-bottom: 0;
}

.servizio_item__cta {
    position: absolute;
    bottom: clamp(20px, 1.5rem, 30px);
    left: 50%;
    transform: translateX(-50%);
    z-index: 50;
    text-align: center;
}

@media(max-width:600px) {
    .griglia_servizi {
        grid-template-columns: 1fr;
    }

    .servizio_item {
        aspect-ratio: 2/1.1;
        border-radius: 15px;
    }

    .servizio_item .btn {
        display: none;
    }

}

/* ultime news home */

.ultime_news .news__item {
    border-radius: var(--radius15);
    overflow: hidden;
}

.ultime_news .news__item .news__item__content__info,
.ultime_news .news__item .news__item__end {
    padding-left: 15px;
    padding-right: 15px;
}

.ultime_news .oswald_55 {
    color: var(--verde3);
}

.latest_news_content__grid {
    display: none;
    grid-gap: clamp(15px, 1.5rem, 30px);
}

.latest_news_content__grid.show {
    display: grid;
}

.latest_news_head__item.btn {
    border-color: var(--verde3);
    color: var(--verde3);
    background-color: transparent;
}

.latest_news_head__item.btn:hover {
    background-color: var(--verde3);
    color: white;
}

.latest_news_head__item.btn.active {
    background-color: var(--verde3);
    color: white;
}

/* news home */

.news_item {
    position: relative;

}

.news__item__content {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.news_item__categories {
    position: absolute;
    z-index: 10;
    left: 15px;
    top: 15px;
}

.news_item__categories span {
    background-color: white;
    font-size: clamp(11px, 0.8rem, 13px);
    color: black;
    border-radius: 100px;
    margin-right: 5px;
    display: inline-block;
    padding: 5px 13px;
}

.news_item__img {
    aspect-ratio: 2/1;
    overflow: hidden;
    position: relative;
    border-radius: 20px;
    margin-bottom: clamp(15px, 1rem, 25px);
}

.news_item__img img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

@media (min-width:768px) {
    .news__item:hover .news__item__img img {
        transform: scale(1.1);
    }
}

.news_item__info {
    display: flex;
    gap: 20px;
}

.swiper-arrows {
    display: flex;
    align-items: center;
    gap: 15px;
}

.swiper-arrows .swiper_prev img {
    transform: rotate(-180deg);
}

.swiper_prev:hover,
.swiper_next:hover {
    cursor: pointer;
}

.news_item__title h3 {
    color: black;
    margin-bottom: 0;
}

.swiper-arrows .swiper-arrows-item:first-child {
    border-right: none;
}

.news_item__date {
    color: gray;
    font-size: clamp(12px, 0.8rem, 14px);
}

.swiper-container {
    width: 100%;
    overflow-x: hidden;
}

@media(max-width:600px) {
    .grid--scroll_x_mobile {
        display: flex;
        width: 100vw;
        transform: translateX(-20px);
        padding: 0 20px;
        flex-wrap: nowrap;
        gap: 10px;
        overflow-x: scroll;
        overflow-y: visible;
        margin-top: 30px;
    }

    .grid--scroll_x_mobile .news_item {
        width: 85vw;
        min-width: 85vw;
    }
}

@media(max-width:768px) {
    .latest_news_head {
        white-space: nowrap;
        display: flex;
        gap: 7px;
        width: 100vw;
        transform: translateX(-15px);
        overflow-x: scroll;
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 30px;
        margin-bottom: 15px;
    }

    .latest_news_content__grid {
        overflow-x: scroll;
        width: 100vw;
        transform: translateX(-15px);
        padding-left: 15px;
        padding-right: 15px;
    }

    .latest_news_content__grid .news__item {
        width: 85vw;
        min-width: 85vw;
    }

    .latest_news_head .btn {
        display: inline-block;
        width: auto;
        overflow: visible;
    }
}

/*============================
IL GRUPPO template-gruppo.php
@audit il gruppo
============================= */

/* hotspot */

.hotspot_image__wrapper {
    position: relative;
    width: 100%;
    height: auto;
    display: inline-block;
    margin: 0 auto;
    border-radius: var(--radius20);
    overflow: hidden;
    background-color: #fafafa;
}

.hotspot_wrapper {
    position: relative;
}


.hotspot_wrapper--mappa--reduced {
    height: 70vh;
}

.hotspot_image__img {
    height: auto;
    width: 100%;
    overflow: hidden;
    border-radius: 20px;
}

@media(min-width:990px) {
    .hotspot_wrapper--pala .hotspot_image__wrapper {
        width: auto;
        max-width: 55vw;
        height: auto;
    }
}

.hotspot_image__img img {
    /* height: 100%; */
    width: auto;
}

.hotspot_item {
    position: absolute;
    z-index: 10;
    transform: translate(-50%, -50%);
    transform-origin: center;
}

.hotspot_item:hover {
    cursor: pointer;
}

.hotspot_item__circle {
    aspect-ratio: 1/1;
    width: 20px;
    height: auto;
    border-radius: 100px;
    background-color: var(--blu);
    position: relative;
    z-index: 5;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.hotspot_item.active .hotspot_item__circle {
    width: 32px;
}

.hotspot_item__circle__1 {
    background-color: white;
    aspect-ratio: 1/1;
    width: 14px;
    height: auto;
    border-radius: 100px;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.hotspot_item.active .hotspot_item__circle__1 {
    width: 22px;
}


.hotspot_item__circle__2 {
    background-color: var(--verde);
    aspect-ratio: 1/1;
    width: 10px;
    height: auto;
    border-radius: 100px;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.hotspot_item.active .hotspot_item__circle__2 {
    width: 16px;
}

.hotspot_item.active .hotspot_item__circle__3 {
    width: 0;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.hotspot_item.active .hotspot_item__circle__3 {
    background-color: var(--blu);
    aspect-ratio: 1/1;
    width: 9px;
    height: auto;
    border-radius: 100px;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}

.hotspot_item__circle img {
    display: none;
}

.hotspot_item__circle.hotspot_item__circle--principale img {
    display: block;
}

.hotspot_item__circle:hover {
    transform: scale(1.15);
}

.hotspot_item__content .hotspot_item__content__title {
    margin-bottom: 15px;
    color: white;
    background-color: var(--verde);
    border-radius: 100px;
}

.hotspot_item__circle img {
    width: clamp(10px, 1.1rem, 18px);
    height: auto;
}


.hotspot_item.active {
    z-index: 50;
}

.hotspot_item__content {
    display: none;
}

.hotspot_item__content p:last-child {
    margin-bottom: 0;
}

.hotspot_item.active .hotspot_item__content {}

.hotspot_tab--active {
    display: block;
    animation: hotspot_tab--show 0.5s ease;
}



@media(min-width:768px) {
    .tab_hotspot_mobile {
        display: block;
        position: absolute;
        top: 50%;
        right: 5%;
        z-index: 10;
        height: auto;
        max-width: 350px;
        min-width: 280px;
        -webkit-transition: all 0.35s ease;
        transition: all 0.35s ease;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-50%);
    }
}

.tab_hotspot_mobile__content .hotspot_item__content__title,
.tab_hotspot_mobile__content .hotspot_item__content__description {
    padding: clamp(12px, 1.5rem, 25px);
}

.hotspot_item__content__img {
    width: 100%;
    aspect-ratio: 3/1.5;
    overflow: hidden;
    border-radius: var(--radius10);
    margin-top: 15px;
}

.hotspot_item__content__img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.tab_hotspot_mobile__content .hotspot_item__content__title {
    background-color: var(--verde);
    border-radius: 100px;
    font-family: 'barlow_semibold';
    color: white;
    margin-bottom: 10px;
    filter: drop-shadow(0px 4px 100px rgba(0, 0, 0, 0.25));
}

.tab_hotspot_mobile__content .hotspot_item__content__description {
    background-color: white;
    border-radius: var(--radius15);
    filter: drop-shadow(0px 4px 100px rgba(0, 0, 0, 0.25));
}

.tab_hotspot_mobile p:last-child {
    margin-bottom: 0;
}

.tab_hotspot_mobile.show {
    opacity: 1;
    visibility: visible;
}


.tab_hotspot_mobile__close {
    height: 35px;
    width: 35px;
    background-color: rgba(255, 255, 255, 0.35);
    position: absolute;
    top: -45px;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    z-index: 100;
}

.tab_hotspot_mobile__close:hover {
    cursor: pointer;
}

.tab_hotspot_mobile__close img {
    height: 13px;
    width: auto;
}

.hotspot_wrapper--pala .hotspot_wrapper__intro {
    position: relative;
    left: auto;
    top: auto;
    width: auto;
    margin-bottom: 50px;
}

.hotspot_wrapper__box {
    background-color: var(--verde2);
    border-radius: var(--radius15);
    padding: clamp(20px, 3rem, 65px);
}


@media(min-width:990px) {

    .hotspot_wrapper__intro {
        position: absolute;
        z-index: 10;
        width: 40%;
        left: clamp(50px, 5rem, 130px);
        top: clamp(50px, 5rem, 130px);
    }

    .hotspot_wrapper__box {
        position: absolute;
        width: 30%;
        max-width: 400px;
        min-width: 250px;
        left: clamp(50px, 5rem, 130px);
        bottom: clamp(50px, 5rem, 130px);
        z-index: 50;
    }
}

.banner_mappa .hotspot_wrapper__box {
    width: 40%;
    max-width: 550px;
    min-width: 350px;
}

.hotspot_wrapper__box .hotspot_wrapper__box--lista {
    list-style: none;
    margin-bottom: 30px;
    margin-left: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.hotspot_wrapper__box--lista em {
    font-size: 40px;
    font-family: 'barlow_medium';
}

.hotspot_wrapper__box--lista .titolo {
    margin-bottom: 10px;
    font-family: 'barlow_semibold';
}

.hotspot_wrapper__box strong {
    font-family: 'barlow_semibold';
    /* display: block; */
}

.hotspot_wrapper__box .ancora_flex {
    margin-top: 30px;
}

@media(max-width:990px) {
    .hotspot_wrapper__intro {
        width: calc(100% - clamp(30px, 5%, 80px));
        margin: 0 auto;
    }

    .hotspot_wrapper__box {
        width: calc(100% - clamp(30px, 5%, 80px));
        margin: 0 auto;
    }

}

@media(max-width:600px) {

    .tab_hotspot_mobile__close {
        display: none;
    }

    .hotspot_wrapper--mappa .hotspot_image__wrapper {
        width: 164vw;
        transform: translateX(-37%);
    }

    .tab_hotspot_mobile {
        width: calc(100vw - 30px);
        margin-left: 15px;
        margin-top: 30px;
        margin-bottom: 15px;
    }

    #sec-aerogeneratore .tab_hotspot_mobile {
        margin-left: 0;
        margin-top: 60px;
    }
}

/*============================
APPLICAZIONE  single-applicazione.php
@audit applicazione
============================= */

.box_blu_2col {
    background-color: var(--blu);
    border-radius: var(--radius20);
    padding: clamp(15px, 1.5rem, 25px);
}

.box_blu_2col__sx {
    /* aspect-ratio: 5/4; */
    background-color: #2D5D8A;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius20);
    padding: 30px;
}

.box_blu_2col__sx img {
    max-width: 100%;
    height: auto;
}

.box_blu_2col__dx {
    padding-right: 10%;
}

.box_blu_2col__dx p:last-child {
    margin-bottom: 0;
}

@media(max-width:600px) {

    .box_blu_2col {
        width: 100vw;
        transform: translateX(-15px);
        padding: 15px;
    }

    .box_blu_2col__sx {
        margin-bottom: 30px;
    }

    .box_blu_2col__dx {
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 30px;
    }
}

/* caso studio intro comp. sciistici */

.banner_immagine_testo {
    overflow: hidden;
    border-radius: var(--radius20);
    position: relative;
    height: 65vh;
    min-height: 450px;
    max-height: 650px;
}

.banner_immagine_testo__img {
    height: 100%;
    width: 100%;
}

.banner_immagine_testo__img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.banner_immagine_testo__text {
    position: absolute;
    z-index: 10;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.banner_immagine_testo__text__inner {
    max-width: 80%;
}

@media(min-width:768px) {
    .banner_immagine_testo__text__inner {
        max-width: 50%;
    }
}

/* box dati */

.box_dati--comp_scii {
    position: relative;
    z-index: 15;
    margin-top: -20vh;
}

.box_dati {
    background-color: var(--verde2);
    border-radius: var(--radius20);
    padding: clamp(20px, 3rem, 70px);
    display: block;
}

.box_dati .label {
    background-color: var(--verde3);
    margin-bottom: 30px;
}

.box_dati__head,
.box_dati__righe {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
}

.box_dati__head {
    font-family: 'barlow_semibold';
    margin-bottom: 10px;
}

.box_dati__righe {
    padding: clamp(15px, 1.2rem, 20px) 0;
    border-bottom: 1px solid var(--verde3);
}

.box_dati .box_dati__righe:last-child {
    padding-bottom: 0;
    border: none;
}

.consumo_totale strong {
    font-family: 'barlow_semibold';
}

.box_dati--3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px;
}

.box_dati__col p:last-child {
    margin-bottom: 0;
}

@media(max-width:600px) {
    .box_dati.box_dati--comp_scii {
        padding-left: 0;
        padding-right: 0;
    }

    .box_dati.box_dati--comp_scii .label,
    .box_dati.box_dati--comp_scii .scroll_x_mobile {
        margin-left: clamp(20px, 3rem, 70px);
    }

    .box_dati.box_dati--comp_scii .box_dati__inner {
        padding-left: 20px;
        padding-right: 20px;
        width: 100%;
        overflow-x: scroll;
    }

    .box_dati.box_dati--comp_scii .box_dati__head,
    .box_dati.box_dati--comp_scii .box_dati__righe {
        min-width: 650px;
        grid-gap: 15px;
    }

    .box_dati--3 {
        grid-template-columns: 1fr;
        grid-gap: 0;
    }

    .box_dati--3 .box_dati__col {
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid var(--verde3);
    }

    .box_dati--3 .box_dati__col:last-child {
        border: none;
        margin: 0;
        padding: 0;
    }

}

/* casi studio */

.case_study_slider {
    position: relative;
}

.case_study_slider .swiper-container {
    padding-right: 10%;
}

.case_study_slider__item {
    aspect-ratio: 4/5;
    border-radius: var(--radius20);
    overflow: hidden;
    position: relative;
    color: white
}

.case_study_slider__item__text {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    padding: clamp(25px, 2rem, 50px);
    font-family: 'oswald_medium';
    height: 100%;
}

.case_study_slider__item__text__title {
    padding-right: 20%;
}

.case_study_slider__item__img {
    height: 100%;
    width: 100%;
    position: relative;
}

.case_study_slider__item__img:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 90%;
    width: 100%;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 2;
}

.case_study_slider__item__img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.case_study_slider__item__text__logo {
    margin-bottom: 12px;
}

.case_study_slider__item:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40%;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0465) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 2;
}

.case_study_slider__item__cta {
    position: absolute;
    z-index: 100;
    bottom: clamp(25px, 2rem, 50px);
    right: clamp(25px, 2rem, 50px);
}

.case_study_slider_tab__close {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 100;
    aspect-ratio: 1 / 1;
    border-radius: 100px;
    background-color: white;
    width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.case_study_slider_tab__content__intro {
    margin-bottom: clamp(20px, 1.5rem, 40px);
}

.case_study_slider_tab {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.case_study_slider_tab.show {
    opacity: 1;
    visibility: visible;
}

.case_study_slider_tab__inner {
    color: white;
    background-color: var(--blu);
    padding: clamp(40px, 2.5rem, 80px);
    border-radius: var(--radius20);
    font-size: 16px;
    min-height: 400px;
    transform: scale(0.9);
    -webkit-transition: all 0.3s cubic-bezier(.43, .195, .02, 1);
    transition: all 0.3s cubic-bezier(.43, .195, .02, 1);
    transform-origin: center;
}

.case_study_slider_tab.show .case_study_slider_tab__inner {
    transform: scale(1);
}

.case_study_slider_tab__content__intro h4 {
    font-family: 'barlow_semibold' !important;
}

.case_study_slider_tab__content {
    display: grid;
    grid-gap: 10%;
    grid-template-columns: 1fr 1fr;
}

.case_study_slider_tab__content__dx__table {
    padding: clamp(15px, 1.5rem, 30px);
    border-radius: var(--radius15);
    border: 1px solid var(--verde);
    max-width: 450px;
    margin-top: 15px;
}

.case_study_slider_tab__content__dx__table__row {
    padding: 15px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border-top: 1px solid var(--verde);
}

.case_study_slider_tab__content__dx__table__row:last-child {
    padding-bottom: 0;
}

.case_study_slider_tab__content__dx__table__row.in_evidenza {
    background-color: var(--verde2);
    color: var(--blu);
}

.case_study_slider_tab__content__dx__table__row.in_evidenza span:nth-child(1) {
    padding-left: 15px;
}

.case_study_slider_tab__content__dx__table__head {
    text-transform: uppercase;
    font-family: 'barlow_semibold';
    padding-bottom: 15px;
}

.case_study_slider_tab__content__dx__table__head,
.case_study_slider_tab__content__dx__table__row {
    display: grid;
    grid-template-columns: 2fr 1fr;
}

@media(max-width:768px) {
    .case_study_slider_tab {
        position: fixed;
        top: auto;
        left: 0;
        bottom: 0;
        height: calc(100% - 100px);
        z-index: 10000000000;
        width: 100%;
        transform: translateY(10%);
        overflow-y: scroll;
    }

    .case_study_slider_tab__inner {
        transform: scale(1);
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .case_study_slider_tab__inner.container-100 {
        width: 100%;
    }

    .case_study_slider_tab.show {
        transform: translateY(0);
    }

    .case_study_slider_tab__content {
        grid-template-columns: 1fr;
    }

    .case_study_slider_tab__inner {
        height: 100%;
        padding: 0;
        padding-bottom: 25px;
    }

    .case_study_slider_tab__inner .elenco_plus li {}

    .case_study_slider_tab__inner__content {
        padding: 50px 25px;
        height: 100%;
        overflow-y: scroll;
    }
}

@media(max-width:600px) {
    #sec-soluzioni_cacer .card_plus {
        width: 100%;
        min-width: auto;
    }

    #sec-soluzioni_cacer .grid__col:nth-child(1) {
        margin-bottom: 30px;
    }

    .box_dati {
        margin-bottom: 10px;
    }

    #sec-casi_studio {
        margin-bottom: 50px;
    }

    #sec-casi_studio .swiper-container {
        padding-left: 15px;
        padding-right: 25px;
    }

    #sec-casi_studio .swiper-pagination {
        padding-left: 15px;
    }
}

/*============================
PRODOTTO  single-prodotti.php
@audit prodotto
============================= */

.elenco_plus li {
    margin-bottom: clamp(13px, 1.75rem, 30px);
    list-style: none;
    padding-left: 0;
}

.elenco_plus li:last-child {
    margin-bottom: 0;
}

.elenco_plus li {
    position: relative;
    padding-left: 30px;
    /* spazio per l'icona */
    margin-bottom: clamp(12px, 1.5rem, 25px);
}

.elenco_plus li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.25em;
    /* regola verticale */
    width: 21px;
    height: 21px;
    background-image: url('plus.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


.info_prodotto__title {
    font-family: 'barlow_semibold';
    margin-bottom: clamp(15px, 2rem, 35px);
}

.applicazioni_collegate {
    margin-bottom: clamp(30px, 4rem, 100px);
}

/* applicazioni correlate */

.applicazione_collegata {
    display: flex;
    gap: 15px;
    margin-bottom: clamp(20px, 1.5rem, 40px);
}

.applicazione_collegata__img {
    height: 25px;
    width: auto;
}

.applicazione_collegata__text__title {
    margin-bottom: 8px;
}

/* modelli prodotti certificati scheda prodotto */

.modello_certificato_scheda_prodotto .modello_certificato_tab__head img {
    filter: invert(1);
    height: 30px;
    width: auto;
}

.modello_certificato_scheda_prodotto .modello_certificato_tab__head {
    border-color: black;
}

.modello_certificato_scheda_prodotto {
    border-radius: var(--radius20);
    background-color: var(--verde2);
    padding: clamp(30px, 3rem, 70px);
}

.modello_certificato_scheda_prodotto__head {
    margin-bottom: clamp(30px, 3rem, 70px);
}

.modello_certificato_scheda_prodotto__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

.modello_certificato_scheda_prodotto__head__controls {
    display: flex;
    gap: 10px;
}

.modello_certificato_scheda_prodotto .modello_certificato_scheda_prodotto__head .btn {
    background-color: white;
    color: black;
}

.modello_certificato_scheda_prodotto .modello_certificato_scheda_prodotto__head .btn:hover {
    cursor: pointer;
}

.modello_certificato_scheda_prodotto .modello_certificato_scheda_prodotto__head .btn.active {
    background-color: var(--verde);
    color: white;
}

.modello_certificato_tab__row.modello_certificato_tab__row--prodotto {
    display: none;
    border: none;
    padding-bottom: 0;
}

.modello_certificato_tab__row.modello_certificato_tab__row--prodotto.show {
    display: grid;
}


.scroll_x_mobile {
    width: 100px;
    height: 4px;
    border-radius: 100px;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.4);
    /* border: 1px solid #dedede; */
    margin-top: 20px;
    position: relative;
}

.scroll_x_mobile__inner {
    width: 100%;
    height: 100%;
    background-color: white;
    border-radius: 100px;
    position: absolute;
    top: 0;
    left: 0;
    animation: scroll_x_mobile__inner 2s ease infinite;
}

@keyframes scroll_x_mobile__inner {
    from {
        left: 100%;
        width: 100%;
    }

    to {
        left: -100%;
        width: 100%;
    }
}

.scroll_x_mobile {
    display: none;
}


@media(max-width:768px) {
    .scroll_x_mobile {
        display: block;
    }
}

/* info tecniche prodotto */

.info_tecniche_prodotto__grid {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: clamp(10px, 1.5rem, 25px);
}

.info_tecniche_generatore_img {
    padding: clamp(20px, 3rem, 50px);
    background-color: var(--grigio);
    border-radius: var(--radius20);
    -webkit-position: sticky;
    position: sticky;
    top: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.info_tecniche_generatore_img img {
    max-width: 90%;
    max-height: 60vh;
    height: auto;
    width: auto;
}

.blocco_info_tecniche {
    padding: clamp(20px, 3rem, 50px);
    background-color: var(--grigio);
    border-radius: var(--radius20);
    margin-bottom: clamp(10px, 1.5rem, 25px);
}

.blocco_info_tecniche.blocco_info_tecniche--produzione_energia {
    background-color: var(--verde2);
}

.produzione_energia__head,
.produzione_energia__row {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
}

.produzione_energia__head {
    margin-bottom: 20px;
}

.blocco_info_tecniche .label {
    background-color: var(--verde3);
    color: white;
    text-transform: uppercase;
    margin-bottom: clamp(15px, 1.5rem, 30px);
}

.blocco_info_tecniche__riga__sx {
    display: flex;
    gap: 10px;
}


@media(min-width:768px) {
    .blocco_info_tecniche__riga__dx {
        text-align: right;
        max-width: 65%;
    }
}

.blocco_info_tecniche__riga {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-top: clamp(15px, 1rem, 25px);
    padding-bottom: clamp(15px, 1rem, 25px);
    border-bottom: 1px solid #c9c9c9;
}

.blocco_info_tecniche__riga img {
    width: clamp(18px, 3rem, 23px);
}

.blocco_info_tecniche .blocco_info_tecniche__riga:last-child {
    border: none;
    padding-bottom: none;
}

.annotazione {
    margin-top: 30px;
    font-style: italic;
    text-align: right;
}


@media(max-width:600px) {
    .blocco_info_tecniche__riga {
        display: block;
    }

    .blocco_info_tecniche__riga__sx {
        margin-bottom: 15px;
    }

    .blocco_info_tecniche--produzione_energia .label {
        font-size: 13px;
    }

    .blocco_info_tecniche {
        padding: clamp(30px, 4rem, 50px) clamp(20px, 3rem, 50px);
    }

}

/* mappa banner prodotto */

.banner_mappa {
    position: relative;
    height: auto;
}

.banner_mappa .hotspot_wrapper__box {
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
}


@media(max-width:768px) {
    .blocco_timeline_servizi__content.blocco_timeline_servizi__content--prodotto {
        padding-top: 50px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .blocco_timeline_servizi__content--prodotto .blocco_timeline_servizi__content__timeline {
        margin-top: 0;
    }
}

/* altri prodotti */

.altri_prodotti .swiper-slide {
    width: auto;
    height: auto;
}

.altri_prodotti .swiper-container,
.altre_news .swiper-container {
    padding-left: clamp(20px, 2.5%, 40px);
    padding-right: 5%;
}

.swiper-pagination--custom.swiper-pagination {
    text-align: left;
    position: relative;
    top: auto;
    bottom: auto;
    margin-top: clamp(30px, 5vh, 50px);
}

.swiper-pagination--custom .swiper-pagination-bullet {
    background-color: var(--verde);
    border-radius: 100px;
    height: 10px;
    width: 10px;
    opacity: 1;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.swiper-pagination--custom .swiper-pagination-bullet-active {
    width: clamp(25px, 5vw, 50px);
}

@media(max-width:1500px) {}

@media(max-width:1250px) {}

@media(max-width:990px) {
    .info_tecniche_prodotto__grid {
        grid-template-columns: 1fr 2.5fr;
    }
}

@media(max-width:768px) {
    .single-prodotti .grid--1-2 {
        grid-template-columns: 1fr;
    }

    .single-prodotti .grid--1-2 .flex_element {
        margin-bottom: 30px;
    }

    .modello_certificato__content {
        width: 100%;
        overflow-x: scroll;
        padding-left: clamp(25px, 3rem, 70px);
        padding-right: clamp(25px, 3rem, 70px);
    }

    .modello_certificato_scheda_prodotto {
        padding-left: 0;
        padding-right: 0;
    }

    .modello_certificato_scheda_prodotto__head {
        padding-left: clamp(25px, 3rem, 70px);
        padding-right: clamp(25px, 3rem, 70px);
    }

    .info_tecniche_prodotto__grid {
        grid-template-columns: 1fr;
    }

    .modello_certificato_scheda_prodotto .scroll_x_mobile {
        margin-left: clamp(25px, 3rem, 70px);
    }
}

@media(max-width:600px) {

    .swiper-pagination--custom .swiper-pagination-bullet {
        height: 8px;
        width: 8px;
    }

    .swiper-pagination--custom .swiper-pagination-bullet-active {
        width: 24px;
    }

    .info_prodotto .applicazioni_collegate .applicazione_collegata:last-child {
        margin-bottom: 0;
    }

    .info_prodotto .grid__col:nth-child(1) {
        padding-top: 25px;
        border-top: 1px solid #dedede;
    }

    .info_prodotto .grid__col:nth-child(1),
    .info_prodotto .applicazioni_collegate {
        margin-bottom: 25px;
        padding-bottom: 25px;
        border-bottom: 1px solid #dedede;
    }

    .modello_certificato_scheda_prodotto__head {
        display: block;
    }

    .modello_certificato_scheda_prodotto__head__controls {
        margin-top: 15px;
        display: block;
    }

    .modello_certificato_scheda_prodotto__head__controls .btn {
        margin-bottom: 7px;
    }

    .modello_certificato_scheda_prodotto__head__controls .btn:last-child {
        margin-bottom: 0;
    }
}



/*============================
ASSISTENZA E MANUTENZIONE template-assistenza_manutenzione.php
@audit assistenza manutenzione
============================= */

.contatti_rapidi .grid {
    grid-gap: clamp(15px, 1.5rem, 30px);
}

.contatti_rapidi .contatti_rapidi__intro {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: 'barlow_medium';
}

.headquarters__grid.headquarters__grid--3 {
    grid-gap: 7% 3%;
}

.contatti_rapidi__strong {
    font-family: 'barlow_semibold';
    padding-left: 32px;
    margin-top: 15px;
}

.headquarter.headquarter--contatti {
    padding: clamp(15px, 1.5rem, 30px) clamp(25px, 2rem, 50px);
    background-color: #D5D2CA;
    border-radius: var(--radius15);
    color: black;
}


@media(max-width:600px) {
    .contatti_rapidi__strong {
        margin-top: 7px;
    }
}

/* tab con blocchi di cards  */

.tab_blocchi_cards__head {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: clamp(8px, 1.5rem, 30px);
    margin-bottom: clamp(15px, 1.5rem, 30px);
}

.tab_blocchi_cards__head__item__check {
    width: clamp(25px, 1.5rem, 35px);
    height: clamp(25px, 1.5rem, 35px);
    min-width: clamp(25px, 1.5rem, 35px);
    border-radius: 100px;
    border: 1px solid var(--verde);
    position: relative;
}

.tab_blocchi_cards__head__item__check:after {
    content: "";
    display: block;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    border-radius: 100%;
    background-color: var(--verde);
    z-index: 10;
    width: 15px;
    height: 15px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.tab_blocchi_cards__head__item.active .tab_blocchi_cards__head__item__check:after {
    opacity: 1;
    visibility: visible;
}

.tab_blocchi_cards__head__item.active {
    background-color: #BCDBA3;
}

.tab_blocchi_cards__head__item {
    padding: clamp(20px, 3rem, 50px);
    border-radius: var(--radius20);
    background-color: var(--grigio);
}

.tab_blocchi_cards__head__item:hover {
    cursor: pointer;
}

.tab_blocchi_cards__head__item__inner {
    display: flex;
    gap: 15px;
}

.tab_blocchi_cards__head__item__dx__title {
    font-family: 'barlow_semibold';
    margin-bottom: 10px;
}

.tab_blocchi_cards__box {
    padding: clamp(20px, 3rem, 50px);
    background-color: var(--verde2);
    border-radius: var(--radius20);
    /* display: grid; */
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: clamp(15px, 1.3rem, 25px);
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    display: none;
}

.tab_blocchi_cards__box.show {
    display: grid;
    animation: tab_blocchi_cards__box 0.5s ease;
}

@keyframes tab_blocchi_cards__box {
    from {
        opacity: 0;
        transform: translateY(5%);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.tab_blocchi_cards__box__item {
    padding: clamp(15px, 1.5rem, 30px) clamp(25px, 2rem, 50px);
    background-color: white;
    border-radius: var(--radius15);
}

.tab_blocchi_cards__box__item img {
    height: 28px;
    width: auto;
}

.tab_blocchi_cards__box__item__ico {
    margin-bottom: clamp(15px, 1.3rem, 25px);
}

@media(max-width:990px) {
    .tab_blocchi_cards__box {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media(max-width:768px) {
    .tab_blocchi_cards__box {
        grid-template-columns: 1fr 1fr;
    }
}

@media(max-width:600px) {

    .contatti_rapidi .grid {
        grid-template-columns: 1fr;
    }

    .tab_blocchi_cards__head {
        grid-template-columns: 1fr;
    }

    .tab_blocchi_cards__box {
        grid-template-columns: 1fr;
    }

    .tab_blocchi_cards__head__item__dx span {
        display: none;
    }

    .tab_blocchi_cards__head__item__dx__title {
        margin-bottom: 0;
    }

    .tab_blocchi_cards__head__item__inner {
        gap: 10px;
    }
}

/*============================
CARRIERA template-carriera.php
@audit carriera
============================= */

.hero_cta_below {
    background-color: var(--blu);
    border-radius: var(--radius20);
    padding: clamp(30px, 6rem, 100px) clamp(20px, 5rem, 80px);
}

.hero_cta_below .btn {
    background-color: white;
    color: var(--blu);
}

.hero_cta_below .btn:hover {
    color: var(--blu);
}

.hero_cta_below.hero_cta_below--top {
    margin-top: -40px;
    position: relative;
    z-index: 1;
    margin-left: 20px;
    margin-right: 20px;
}

@media(max-width:768px) {
    .hero_cta_below.hero_cta_below--top {
        margin-top: -30px;
        padding-top: 60px;
        margin-left: 10px;
        margin-right: 10px;
    }

    .hero_cta_below .btn {
        margin-top: 20px;
    }
}

/* plus carriera */

.plus_carriera__grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: clamp(30px, 3rem, 50px) clamp(10px, 1rem, 15px);
    width: 100%;
}

.plus_carriera__ico {
    margin-bottom: 15px;
    text-align: center;
}

.plus_carriera__ico img {
    display: inline-block;
    width: 65%;
    max-width: 80px;
    height: auto;
}


@media(max-width:990px) {
    .plus_carriera__grid {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

@media(max-width:768px) {
    .plus_carriera__grid {
        /* grid-template-columns: 1fr 1fr 1fr; */
    }
}

@media(max-width:650px) {
    .plus_carriera__grid {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media(max-width:500px) {
    .plus_carriera__grid {
        grid-template-columns: 1fr 1fr;
    }
}

/* blocchi lavoro poszione */

.blocco_posizione {
    background-color: var(--grigio);
    border-radius: var(--radius20);
    margin-bottom: clamp(20px, 2rem, 30px);
    padding: clamp(35px, 6rem, 100px) clamp(25px, 5rem, 80px);
}


@media(min-width:990px) {
    .blocco_posizione .grid__col--dx {
        padding-right: 15%;
    }
}

.blocco_posizione h3 {
    margin-bottom: 15px;
}

.blocco_posizione .btn {
    margin-top: clamp(25px, 2rem, 35px);
}

/*============================
SERVIZI template-servizi.php
@audit servizi
============================= */

/* scroll steps */

.scroll_steps__item {
    display: grid;
    grid-template-columns: clamp(55px, 7vw, 75px) 95%;
    overflow: hidden;
}

.scroll_steps__item__dx {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 5%;
    padding-left: clamp(15px, 5vw, 40px);
    padding-top: clamp(30px, 10vh, 120px);
}

.scroll_steps__item__text h3 {
    margin-bottom: clamp(20px, 4vh, 40px);
}

.scroll_steps__item__text {
    padding-right: 15%;
}

.scroll_steps__item__img {
    width: 100%;
    height: auto;
    aspect-ratio: 5/3;
    overflow: hidden;
    border-radius: var(--radius20);
}

.scroll_steps__item__img img {
    object-fit: cover;
    width: 100%;
}

.scroll_steps__item__img video {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.scroll_steps__item__number {
    border-radius: 100px;
    height: clamp(55px, 7vw, 75px);
    width: clamp(55px, 7vw, 75px);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--verde2);
    border: 3px solid white;
    -webkit-transition: all 0.55s ease;
    transition: all 0.55s ease;
    position: relative;
    z-index: 10;
    transform: scale(0.85);
    color: black;
    font-family: 'barlow_semibold';
}

.scroll_steps__item__number:after {
    display: block;
    content: "";
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    width: 75%;
    aspect-ratio: 1/1;
    border-radius: 100px;
    border: 1px solid white;
    z-index: 2;
}

.scroll_steps__item__number.active {
    background-color: var(--verde);
    transform: scale(1);
    color: white;
}

.scroll_steps__item__progress {
    width: 3px;
    background-color: var(--verde2);
    height: 100%;
    margin: 0 auto;
    position: relative;
}

.scroll_steps__item__progress__inner {
    position: absolute;
    background-color: var(--verde);
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
}

@media(max-width:768px) {

    .scroll_steps__item__img {
        margin-bottom: 30px;
    }

    .scroll_steps__item__dx {
        display: flex;
        flex-direction: column-reverse;
    }

    .scroll_steps__item__progress {
        width: 3px;
    }

    .scroll_steps__item {
        grid-template-columns: 55px calc(100% - 55px);
    }
}



/*============================
AZIENDA template-azienda.php
@audit azienda
============================= */

/*mission vision scroll slider */

.blocco_con_cards__wrapper__wrapper {
    height: 100vh;
    padding-top: 10vh;
}

.blocco_con_cards__wrapper {
    height: 80vh;
    width: 100%;
    overflow: hidden;
    border-radius: 20px;
}

.blocco_con_cards__wrapper__img {
    height: 100%;
    width: 100%;
}

.blocco_con_cards__wrapper__img {
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.blocco_con_cards__wrapper__img__inner {
    width: 100%;
    -webkit-transition: all 0.65s ease;
    transition: all 0.65s ease;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0;
    overflow: hidden;
}

.blocco_con_cards__wrapper__img__inner:first-child {
    height: 100% !important;
}

.blocco_con_cards__wrapper__img__inner img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.blocco_con_cards {
    position: relative;
    z-index: 100;
}

.blocco_con_cards__dx {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}

.blocco_con_cards__wrapper__text {
    position: absolute;
    left: calc(80px + 2vw);
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    color: white;
    height: clamp(40px, 5rem, 80px);
    overflow: hidden;
}

.blocco_con_cards__wrapper__text h3 {
    margin: 0;
    -webkit-transition: all 0.75s ease;
    transition: all 0.75s ease;
}


.blocco_con_cards__dx {
    position: absolute;
    right: 50px;
    top: 0;
    height: 100%;
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    z-index: 150;
}

.blocco_con_cards__slide {
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* o 100vh */
}

.blocco_con_cards__slide p:last-child {
    margin-bottom: 0;
}

.blocco_con_cards__slide__number {
    margin-bottom: 10px;
    font-size: 15px;
}

.blocco_con_cards__slide__content {
    border-radius: 20px;
    color: white;
    width: 500px;
    padding: clamp(25px, 2.5rem, 50px);
}

.blocco_con_cards:nth-child(1) .blocco_con_cards__slide__content {
    background-color: var(--blu);
}

.blocco_con_cards:nth-child(2) .blocco_con_cards__slide__content {
    background-color: var(--verde);
}

.blocco_con_cards__wrapper__bullets {
    position: absolute;
    z-index: 100;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
}

.blocco_con_cards__wrapper__bullets {
    border-radius: 100px;
    padding: 14px;
}

.blocco_con_cards__wrapper__bullets__item {
    height: 8px;
    width: 8px;
    background-color: white;
    margin-bottom: 12px;
    border-radius: 100px;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    opacity: 0.8;
}

.blocco_con_cards__wrapper__bullets__item:nth-child(4).active,
.blocco_con_cards__wrapper__bullets__item:nth-child(5).active,
.blocco_con_cards__wrapper__bullets__item:nth-child(6).active {
    background-color: var(--verde);
}

.blocco_con_cards__wrapper__bullets__item:last-child {
    margin-bottom: 0;
}

.blocco_con_cards__wrapper__bullets__item.active {
    opacity: 1;
    background-color: var(--blu);
    transform: scale(1.5);
}

@media(max-width:1500px) {}

@media(max-width:1250px) {}

@media(max-width:990px) {}

@media(max-width:768px) {
    .blocco_con_cards__wrapper {
        height: calc(100vh - 30px);
        width: 100%;
        overflow: hidden;
        border-radius: 20px;
    }

    .blocco_con_cards__wrapper__wrapper {
        padding-top: 15px;
    }

    .blocco_con_cards__dx {
        right: 0;
        width: auto;
    }

    .blocco_con_cards__slide__content {
        border-radius: 20px;
        color: white;
        width: 90%;
        margin-left: 5%;
    }

    .blocco_con_cards__wrapper__bullets {
        display: none;
    }

    .blocco_con_cards__wrapper__text {
        left: 50%;
        transform: translate(-50%, -50%);
    }

}

@media(max-width:600px) {
    .blocco_con_cards__wrapper__text .oswald_80 {
        font-size: 64px;
    }

    .blocco_con_cards__wrapper__text {
        height: 64px;
    }
}

/* gruppo hti */

.gruppo_numeri__item {
    padding: clamp(25px, 2rem, 50px);
    background-color: #5a7aa2;
    color: white;
    border-radius: var(--radius30);
}

.gruppo_numeri__item__number {
    margin-bottom: 10px;
}

.gruppo_numeri__item.box1 {
    background-color: #8699BC;
}

.gruppo_numeri__item.box2 {
    background-color: #597BA2;
}

.gruppo_numeri__item.box3 {
    background-color: #597BA2;
}

.gruppo_numeri__item.box4 {
    background-color: #2D5D8A;
}

.gruppo_numeri__item.box5 {
    background-color: #195280;
}

.grid__col--logo_hti img {
    max-width: 100%;
    height: auto;
}

@media(min-width:600px) {
    .gruppo_numeri {
        display: grid;
        grid-template-columns: 2fr 1fr 1fr;
        grid-template-rows: 2fr 1fr 2fr;
        height: 700px;
        grid-gap: clamp(10px, 1rem, 15px);
        margin: 0 auto;
    }

    /* Posizionamento */
    .gruppo_numeri__item.box1 {
        grid-column: 1 / 2;
        grid-row: 1 / 3;
    }

    .gruppo_numeri__item.box2 {
        grid-column: 2 / 3;
        grid-row: 1 / 2;
    }

    .gruppo_numeri__item.box3 {
        grid-column: 3 / 4;
        grid-row: 1 / 2;
    }

    .gruppo_numeri__item.box4 {
        grid-column: 1 / 2;
        grid-row: 3 / 4;
    }

    .gruppo_numeri__item.box5 {
        grid-column: 2 / 4;
        grid-row: 2 / 4;
        height: 100%;
    }
}


@media(max-width:600px) {
    .gruppo_numeri {
        display: flex;
        gap: 10px;
        flex-wrap: nowrap;
        width: 100vw;
        transform: translateX(-15px);
        overflow-x: scroll;
        padding-left: 15px;
        padding-right: 15px;
    }

    .gruppo_numeri__item {
        min-width: 70vw;
        width: 70vw;
    }

    .grid__col--logo_hti {
        margin-top: 50px;
    }

    .grid__col--logo_hti {
        padding: 0 20%;
    }


}



/* storia */

.storia .storia_container {
    position: relative;
}

.swiper_controls {
    display: flex;
    gap: 7px;
}

.storia_intro_text {
    margin-bottom: 30px;
}

@media(min-width:768px) {
    .storia_intro_text {
        position: absolute;
        z-index: -1;
        left: 0;
        top: 50%;
        transform: translate(0, -50%);
        max-width: 20vw;
        -webkit-transition: all 0.35s ease;
        transition: all 0.35s ease;
        padding-left: clamp(20px, 2.5%, 40px);
        margin-bottom: 0;
    }

    .storia_intro_text.fade_out {
        transform: translate(-30%, -50%);
        opacity: 0;
    }

}

.swiper_controls.swiper_controls--right {
    justify-content: flex-end;
}

.swiper_btn {
    width: clamp(35px, 5vw, 50px);
    height: auto;
    aspect-ratio: 1/1;
    border-radius: 100px;
    border: 1px solid var(--verde);
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.swiper_btn img {
    width: 18px;
    height: auto;
}

@media(max-width:768px) {
    .swiper_btn img {
        width: 14px;
    }

    .swiper_controls {
        gap: 5px;
    }
}

.swiper_btn:hover .swiper_btn--2 {
    display: block;
}

.swiper_btn:hover .swiper_btn--1 {
    display: none;
}

.swiper_btn:hover {
    background-color: var(--verde);
    cursor: pointer;
}

.swiper_btn.swiper_prev img {
    transform: rotate(-180deg);
}

.swiper_btn .swiper_btn--2 {
    display: none;
}

@media(min-width:990px) {
    .storia .swiper-slide {
        width: 20vw;
        height: 35vw;
        -webkit-transition: all 0.65s ease;
        transition: all 0.65s ease;
        max-width: 320px;
    }

    .storia .swiper-slide-active {
        width: 30vw;
        max-width: 480px;
    }
}


@media(max-width:600px) {
    .altre_news {
        margin-top: 50px;
    }

    .altre_news .news__item__end {
        display: none;
    }
}

@media(max-width:500px) {
    .swiper_controls {
        display: none;
    }
}


.storia__item {
    aspect-ratio: 1/1;
    overflow: hidden;
    border-radius: var(--radius20);
    background-color: var(--blu);
    -webkit-transition: all 0.75s ease;
    transition: all 0.75s ease;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.storia__item__text .oswald_80 {
    margin-bottom: 15px;
}

.storia__item__text {
    padding: clamp(15px, 1.5rem, 30px) clamp(25px, 2rem, 50px);
}

.storia__item__img {
    height: 0;
    overflow: hidden;
    width: 100%;
    border-radius: var(--radius15);
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.storia__item__img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.storia__item__wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.storia .swiper-slide-active .storia__item {
    background-color: var(--verde);
}

.storia .swiper-slide-active .storia__item .storia__item__img {
    height: 45%;
}

@media(max-width:600px) {
    .storia .swiper-container {
        padding-left: 6%;
        padding-right: 6%;
    }

    .storia .swiper_controls {
        display: none;
    }
}

/* 
=============
FORM
@audit form
=============
*/

/* form laterale */

input:focus,
textarea:focus {
    outline: none;
    box-shadow: none;
    border-color: initial;
    /* o qualsiasi altro stile di default */
}

*:focus {
    outline: none !important;
}

/* Stile personalizzato solo per il focus da tastiera */
*:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px #b50000;
    border-radius: 15px;
}


.dark_cover_body,
.dark_cover_body2 {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 500;
    background-color: rgba(0, 0, 0, 0.3);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    backdrop-filter: blur(15px);
}

.dark_cover_body.show,
.dark_cover_body2.show {
    opacity: 1;
    visibility: visible;
}

/* form laterale */

.element_scroll_show {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.element_scroll_show.show {
    opacity: 1;
    visibility: visible;
}

.attiva_form_laterale {
    height: 45px;
    width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
    border-radius: 100px;
    background-color: var(--blu);
    position: fixed;
    right: 20px;
    bottom: 20px;
    transform: translateX(30%);
}

.attiva_form_laterale.show {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
}

.attiva_form_laterale img {
    height: 25px;
    width: auto;
}

.attiva_form_laterale--move_top {}

.form_laterale__intro {
    margin-bottom: 30px;
    max-width: calc(100% - 50px);
}

.form_laterale {
    width: auto;
    min-width: 35vw;
    max-width: 700px;
    padding: clamp(20px, 1.5rem, 30px);
    /* padding-top: clamp(50px, 10vh, 80px); */
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1000000000000000000;
    /* transform: translateX(100%); */
    background-color: white;
    border-top-left-radius: var(--radius20);
    border-bottom-left-radius: var(--radius20);
    transition: all 0.7s cubic-bezier(.43, .195, .02, 1);
    -webkit-transition: all 0.7s cubic-bezier(.43, .195, .02, 1);
    overflow: hidden;
    transform: translateX(calc(100% + 16px));
    color: black;
}

.form_laterale_fast_contact {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    gap: 12px;
    padding: clamp(20px, 1.5rem, 30px) clamp(20px, 1.5rem, 30px);
    background-color: var(--grigio);
    z-index: 5;
}


@media(min-width:768px) and (max-height: 800px) {
    .form_laterale_fast_contact {
        display: none;
    }
}

.form_laterale_fast_contact .btn {
    flex: 1;
}

.wpcf7-spinner {
    display: none;
}


.form_laterale.show {
    transform: translateX(0);
}

#oggetto_form p {
    margin-bottom: 0;
}

.form_laterale__close img {
    width: 15px;
    height: auto;
}

.form_laterale__close {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 100;
    aspect-ratio: 1/1;
    border-radius: 100px;
    background-color: var(--grigio);
    width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.form_laterale__close:hover {
    cursor: pointer;
}

.form_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
}

#oggetto_form {
    display: none;
}


@media(max-width:768px) {
    .attiva_form_laterale {
        height: 40px;
        width: 40px;
        right: 15px;
        bottom: 15px;
    }

    .form_laterale {
        padding-top: 0;
        padding-bottom: 0;
    }

    .form_laterale__content {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .form_privacy .wpcf7-list-item {
        margin-bottom: 7px;
    }
}

/* Nascondi i messaggi di errore di CF7 */
.input_form .wpcf7-not-valid-tip,
.input_form .wpcf7-response-output {
    display: none !important;
}

/* Evidenzia i campi con errore */
.wpcf7-form input.wpcf7-not-valid,
.wpcf7-form textarea.wpcf7-not-valid,
.wpcf7-form select.wpcf7-not-valid,
.wpcf7-form .wpcf7-not-valid input {
    border: 1px solid red !important;
    outline: none;
}

.form input[type="text"],
.form input[type="tel"],
.form textarea,
.form input[type="email"] {
    width: 100%;
    max-width: 100%;
    -webkit-appearance: none;
    border: none;
    border: 1px solid var(--grigio2);
    background-color: transparent;
    border-radius: var(--radius10);
    color: black;
    font-size: clamp(14px, 1rem, 16px);
    padding: 30px 15px 15px 15px;
    font-family: 'barlow_regular';
}

.form input[type="text"]:focus,
.form input[type="tel"]:focus,
.form textarea:focus,
.form input[type="email"]:focus {
    border-color: var(--verde3);
}

.form textarea {
    max-height: 150px;
}

.form select {
    width: 100%;
    padding: 22.5px 15px 22.5px 15px;
    border-radius: var(--radius10);
    font-size: clamp(14px, 1rem, 16px);
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg fill='black' height='12' viewBox='0 0 24 24' width='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 20px;
}

.input_form {
    position: relative;
}

.input_form label {
    position: absolute;
    display: block;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    z-index: 5;
    pointer-events: none;
    margin: 0;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.input_form label.label_textarea {
    transform: none;
    top: 15px;
}

.input_form label.label_select {
    display: none;
}

.input_form label.move {
    top: 10px;
    transform: translateY(0);
    font-size: 12px;
    color: dimgray;
}

.input_form__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: clamp(7px, 1rem, 13px);
    margin-bottom: clamp(7px, 1rem, 13px);
}

input[type="checkbox"],
input[type="radio"] {
    display: block;
    -webkit-appearance: none;
    border: 1px solid black;
    max-height: 16px !important;
    height: 16px !important;
    width: 16px;
    min-width: 16px !important;
    border-radius: 2px;
    margin: 0;
    position: relative;
}

input[type="checkbox"]:after,
input[type="radio"]:after {
    -webkit-appearance: none;
    display: block;
    content: "";
    height: 11px !important;
    width: 11px;
    border-radius: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    background-color: var(--blu);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

input[type="checkbox"]:checked,
input[type="radio"]:checked {
    border-color: var(--blu);
}

input[type="checkbox"]:checked:after,
input[type="radio"]:checked:after {
    opacity: 1;
    visibility: visible;
}

.form p:last-child {
    margin-bottom: 0 !important;
}

.form_intro_text {
    padding-top: clamp(15px, 1rem, 25px);
}

.form_selezione_prodotti {
    margin-bottom: clamp(15px, 1.3rem, 30px);
}

.form_intro_text .barlow_18 {
    font-family: 'barlow_semibold';
    margin-bottom: 10px;
}

.form__privacy p {
    font-size: 14px;
}


@media(min-width:600px) {
    .form_privacy {
        width: 50%;
    }
}

.form_end {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-end;
}

.wpcf7-list-item {
    margin: 0;
}

.form input[type="submit"] {
    font-family: 'barlow_medium';
    -webkit-transition: all 0.45s ease;
    transition: all 0.45s ease;
    display: inline-flex;
    align-items: center;
    overflow: hidden;
    position: relative;
    gap: clamp(10px, 1.5rem, 20px);
    position: relative;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    color: white;
    background-color: var(--verde);
    border-radius: 100px;
    padding: clamp(10px, 0.8rem, 13px) clamp(18px, 1.2rem, 25px);
    text-align: center;
    font-size: clamp(17px, 1.15rem, 18px);
    border: none;
    margin-top: 20px;
    -webkit-appearance: none;
}


@media(max-width:600px) {
    .form input[type="submit"] {
        width: 100%;
        padding: clamp(10px, 0.7rem, 13px) clamp(18px, 1.2rem, 25px);
    }

    .wpcf7-submit {
        text-align: center;
        font-weight: normal;
        display: flex;
        justify-content: center;
    }

}

.form input[type="submit"]:hover {
    cursor: pointer;
}

.form_laterale__content {
    height: 100%;
    overflow-y: scroll;
}

.wpcf7-list-item,
.wpcf7-list-item label {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.wpcf7-list-item {
    margin-right: clamp(15px, 1.3rem, 30px);
}

.form_privacy {
    margin-top: clamp(15px, 1.3rem, 30px);
}

@media(max-width:1250px) {
    .form_laterale {
        width: 50%;
    }
}


@media(max-width:600px) {

    .wpcf7-list-item,
    .wpcf7-list-item label {
        margin-bottom: 5px;
    }

    .form_laterale {
        top: 0;
        right: 0;
        border-radius: 0;
        height: 100%;
        width: 100%;
    }

    .form_laterale_fast_contact {
        display: none;
    }

    .input_form__grid {
        grid-template-columns: 1fr;
    }

    .form_end {
        display: block;
    }
}

/*
========================================
FOTO template-foto.php
@audit foto 
========================================
*/

.grid.grid--foto {
    grid-gap: 4vh 2vw;
}

.foto_item__img {
    aspect-ratio: 4/2.5;
    overflow: hidden;
    border-radius: var(--radius15);
    margin-bottom: 15px;
}

.foto_item__img.foto_item__img--brochure {
    aspect-ratio: 4/3;
}

.foto_item__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.foto_item__cta {
    margin-top: clamp(15px, 1.2rem, 25px);
    display: flex;
    justify-content: space-between;
    font-family: 'barlow_medium';
}

.foto_item__cta a {
    display: flex;
    align-items: center;
    color: var(--verde);
    gap: 10px;
}

.foto_item__cta a img {
    width: 20px;
    height: auto;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.foto_item__cta a:hover img {
    transform: translateY(10%);
}

/* video */

.video_item__video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
    border-radius: var(--radius20);
    margin-bottom: 15px;
}

.video_item__video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


@media(max-width:990px) {
    .grid.grid--foto {
        grid-template-columns: 1fr 1fr;
    }
}

@media(max-width:600px) {

    .video_item {
        margin-bottom: 30px;
    }

    .video_item:last-child {
        margin-bottom: 0;
    }

    .foto_item__cta span:not(a span) {
        display: none;
    }

    .foto_item__cta a {
        padding: 10px 20px;
        border-radius: 100px;
        border: 1px solid var(--verde);
        display: flex;
        justify-content: space-between;
        white-space: nowrap;
    }

    .foto_item__cta {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 10px;
    }

    .foto_item {
        margin-bottom: 30px;
    }

    .foto_item:last-child {
        margin-bottom: 0;
    }
}

/*
========================================
REFERENZE  template-referenze.php
@audit referenze 
========================================
*/

.mappa_referenze {
    overflow: hidden;
    border-radius: var(--radius20);
}


/*
========================================
MAGAZINE ARCHIVIO template-magazine.php
@audit magazine 
========================================
*/

.news__item {
    display: block;
    background-color: white;
    overflow: hidden;
    position: relative;
}

.grid--card_slider--news .news__item {
    background-color: var(--grigio);
}

.news__item.news__item--evidenza {
    border-radius: var(--radius20);
    max-height: 550px;
}

.news__item.news__item--evidenza .news__item__titolo h2 {
    font-size: clamp(22px, 1.5rem, 25px);
    font-family: 'barlow_semibold';
}


.news__item.news__item--evidenza .news__item__content {
    display: block;
}

.news__item--evidenza .news__item__titolo {
    margin-top: 10px;
    margin-bottom: 15px;
}

@media(min-width:768px) {
    .news__item.news__item--evidenza {}
}

.news__item__img:not(.news__item.news__item--evidenza .news__item__img) {
    aspect-ratio: 1.8/1;
}

.news__item--evidenza .news__item__img {
    aspect-ratio: initial;
    height: 100%;
    width: 100%;
    border-radius: var(--radius20);
}

.news__item--evidenza {
    overflow: hidden;
    border-radius: var(--radius20);
    margin-bottom: clamp(25px, 2rem, 40px);
}

.news__item.news__item--evidenza .news__item__content__info {
    position: absolute;
    left: clamp(20px, 1.5rem, 60px);
    bottom: clamp(20px, 1.5rem, 60px);
    right: clamp(20px, 1.5em, 60px);
    z-index: 10;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.news__item.news__item--evidenza .news__item__categorie {
    position: relative;
    left: auto;
    top: auto;
    display: flex;
    gap: 0.5em;
}

.news__item.news__item--evidenza .news__item__titolo h2 {
    max-width: 700px;
    line-height: 110%;
}

.news__item.news__item--evidenza .news__item__categorie .news__item__categorie__label {
    background-color: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(10px);
    color: black;
    border: none;
}

.news__item.news__item--evidenza:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60%;
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 2;
}

.news__item.news__item--evidenza .news__item__cta {
    padding: 0;
    width: 100%;
}

.news__item--evidenza .btn {
    background-color: white;
    color: var(--verde);
}

.news__item.news__item--flex {
    display: flex;
    flex-direction: column;
}

.news__item__img {
    border-radius: var(--radius15);
    overflow: hidden;
}

.news__item__img img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.news__item__categorie {
    display: flex;
    gap: 3px;
    flex-wrap: wrap;
}

.news__item__categorie__label {
    padding: clamp(4px, 0.3rem, 5px) clamp(8px, 1.1rem, 11px);
    color: var(--verde1);
    background-color: var(--grigio);
    border-radius: 100px;
    display: inline-block;
    font-size: 13px;
    /* margin-bottom: 7px; */
}

.news__item__date span {
    font-size: clamp(11px, 1rem, 13px);
}

.news__item__content__info:not(.news__item.news__item--evidenza .news__item__content__info) {
    /* padding: clamp(15px, 2rem, 25px); */
    padding-top: 0;
}

.grid--card_slider--news .news__item .news__item__content__info {
    padding: clamp(15px, 2rem, 25px);
}


.news__item__content__info__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 15px;
}

.news__item__cta {
    font-family: 'barlow_medium';
}

.news__item.news__item--flex .news__item__cta {
    margin-top: auto;
}


.news__item__titolo h3 {
    margin-bottom: clamp(10px, 0.5rem, 15px);
    line-height: 115%;
}

.news__item__date {}


/* pagina archivio */

.categorie_news {
    margin-top: clamp(30px, 4rem, 90px);
    margin-bottom: clamp(20px, 2rem, 40px);
}

.categorie_news {
    display: inline-flex;
    gap: clamp(12px, 1rem, 15px);
    text-transform: uppercase;
    padding: clamp(4px, 1rem, 8px);
    border-radius: 100px;
    background-color: var(--grigio);
}

.categorie_news .btn.btn--outline {
    border: 1px solid var(--verde3);
    color: var(--verde3);
    background-color: white;
}

.categorie_news .btn.active {
    background-color: var(--verde3);
    color: white;
}

.categorie_news.categorie_news--blu .btn {
    border-color: var(--blu);
    color: var(--blu);
}

.categorie_news.categorie_news--blu .btn.active {
    background-color: var(--blu);
    color: white;
}

@media(max-width:768px) {
    .categorie_news.categorie_news--blu {
        padding-top: 20px;
    }
}

.navigazione__menu__content__sx__down .btn.btn--outline.btn--outline--blu:hover {
    background-color: white !important;
}

.pagination {
    display: flex;
    gap: 5px;
    margin-top: 50px;
    justify-content: center;
}

.pagination a,
.pagination span {
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    background-color: var(--grigio);
    font-size: 15px;
}

.pagination a.current,
.pagination span.current {
    background-color: var(--verde3);
    color: white;
}

.pagination a.prev,
.pagination a.next {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
}


/* griglia articoli */

.header_grid_magazine {
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin-bottom: clamp(15px, 1.8rem, 50px);
}

.header_grid_magazine h2 {
    margin-bottom: 0;
}

.grid--magazine {
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 4vh 2vw;
}

.grid--magazine .news__item {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.news__item__end span {
    font-size: clamp(13px, 1.05rem, 15px);
}

.news__item__end {
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.grid--magazine .news__item__end {
    padding-left: 0;
    padding-right: 0;
}

.grid--card_slider--news .news__item .news__item__end {
    padding: clamp(15px, 2rem, 25px);
    display: flex;
    justify-content: space-between;
}

.news__item__cta img {
    width: 18px;
    height: auto;
}

.news__item__cta {
    display: flex;
    align-items: center;
    gap: 9px;
}

.tempo_di_lettura {
    font-family: 'barlow_medium';
    display: flex;
    gap: clamp(5px, 1rem, 10px);
    align-items: center;
}

.tempo_di_lettura img {
    width: clamp(17px, 1.1rem, 20px);
    height: auto;
}

@media(max-width:990px) {
    .grid--magazine {
        grid-template-columns: 1fr 1fr;
        grid-gap: 10px;
    }
}

@media(max-width:600px) {

    .news__item--evidenza h2 {
        margin-bottom: 10px;
    }

    .news__item--evidenza .news__item__date {
        margin-top: 0;
    }

    .news__item__titolo h3 {
        font-size: 18px;
    }

    .grid--magazine .news__item {
        margin-bottom: 30px;
    }

    .news__item__categorie__label {
        font-size: 12px;
    }

    .grid--magazine .news__item:last-child {
        margin-bottom: 0;
    }

    .categorie_news {
        background-color: transparent;
        padding: 0;
        width: 100vw;
        transform: translateX(-15px);
        padding-left: 15px;
        padding-right: 15px;
        overflow-x: scroll;
        border-radius: 0;
    }

    .grid--magazine {
        grid-template-columns: 1fr;
        grid-gap: 40px 10px;
    }

    .news__item.news__item--evidenza {
        aspect-ratio: 1 / 1;
    }

    .news__item.news__item--evidenza .news__item__content {
        height: 100%;
        width: 100%;
    }

    .news__item.news__item--evidenza:after {
        height: 100%;
    }

    .news__item.news__item--evidenza .news__item__content__info {
        display: block;
    }

    .news__item--evidenza .news__item__cta {
        display: none;
    }

    .news__item--evidenza .news__item__date {
        padding-top: 15px;
        padding-bottom: 0;
    }

    .news__item.news__item--evidenza .news__item__titolo h2 {
        padding-top: 5px;
    }


}

/*
========================================
PAGINA ARTICOLO single.php
@audit articolo magazine
========================================
*/

.single__head__go__back,
.single__head__condividi {
    display: flex;
    gap: 7px;
    align-items: center;
}

.single__head__go__back img {
    transform: rotate(-180deg);
}

.single__head {
    display: flex;
    justify-content: space-between;
    margin-bottom: clamp(30px, 3rem, 80px);
}

.single_head_categories {
    margin-bottom: 15px;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.career__item__info.career__item__info--blog {
    gap: clamp(10px, 4rem, 50px);
}

.copertina_news {
    overflow: hidden;
    border-radius: var(--radius15);
}

.single_head_info__date {
    margin-top: 15px;
}

/* se evento  */

.info_evento_riga__wrapper {
    padding: clamp(20px, 1.5rem, 35px);
    border-radius: var(--radius20);
    margin-bottom: clamp(30px, 2rem, 50px);
    background-color: var(--grigio);
}

.info_evento_riga img {
    height: 27px;
    width: auto;
}

.info_evento_riga {
    display: flex;
    align-items: center;
    gap: 10px;
}

.info_evento_riga {
    margin-bottom: clamp(15px, 1rem, 25px);
}

.info_evento_riga a {
    color: var(--verde);
}

.info_evento_riga p {
    margin-bottom: 0;
}

.info_evento_riga strong {
    font-family: 'barlow_semibold';
}

.info_evento_riga:last-child {
    margin-bottom: 0;
}

/* gallery evento */

.swiper_controls_bottom {
    margin-top: clamp(20px, 2rem, 40px);
    display: flex;
    justify-content: space-between;
}

.gallery_evento__item {
    aspect-ratio: 16/9;
    width: 100%;
}

.gallery_evento .swiper-container {
    border-radius: var(--radius20);
    overflow: hidden;
}

.gallery_evento__item img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.swiper_controls_bottom .swiper-pagination {
    margin-top: 0;
}

/* contenuto articolo */

.wp-block-details {
    padding: 20px;
    background-color: var(--grigio);
    margin-bottom: 10px;
    border-radius: 15px;
}

.wp-block-buttons {
    display: inline-block !important;
}

.wp-block-button__link,
.wp-element-button {
    background-color: var(--verde3);
    color: white;
    padding: clamp(7px, 0.7rem, 10px) clamp(12px, 1.3rem, 20px);
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.wp-block-button__link:hover,
.wp-element-button:hover {
    color: white !important;
    background-color: #029483;
}

.wp-block-details summary {
    font-family: 'barlow_semibold';
    font-size: clamp(16px, 1.2rem, 18px);
}

.wp-block-details[open]>summary {
    margin-bottom: 20px;
}

@media(min-width:990px) {
    .wp-block-group {
        /* width: 80%; */
        margin-left: auto;
        margin-right: auto;
    }
}

article p {
    margin-bottom: 20px;
    padding-right: 10%;
}

article figure img {
    border-radius: var(--radius15);
}

article figure {
    margin-top: clamp(25px, 3rem, 50px);
    margin-bottom: clamp(25px, 3rem, 50px);
}

article a {
    text-decoration: underline;
}

article a:hover {
    text-decoration: underline;
}

article ul {
    margin-left: 1em;
    margin-bottom: 20px;
    padding-left: 0;
}

article li {
    list-style: disc;
    /* margin-left: 0.4em; */
    margin-bottom: 0.8em;
}

article p strong {
    font-family: 'barlow_semibold';
}

article a {
    text-decoration: underline;
    color: var(--blu);
}

article figure img {
    width: 100%;
    height: auto;
    /* border-radius: 10px; */
}

article figcaption {
    font-family: font_regular_italic;
    max-width: 60%;
    font-size: 1.1em;
}

article figure {
    overflow: hidden;
    display: block;
    width: 100%;
    height: auto;
}

article .wp-block-cover h2,
article .wp-block-cover h3 {
    font-family: 'titolo_bold';
    text-transform: uppercase;
}

article .wp-block-cover {
    padding: clamp(25px, 3em, 40px);
}

article .wp-block-embed__wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

article .wp-block-embed__wrapper {
    position: relative;
    margin-top: 50px;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
    border-radius: 30px;
}

article .wp-block-button__link:hover {
    text-decoration: none;
    color: inherit;
}

.articoli_correlati {}

article h2,
article h3 {
    margin-bottom: clamp(15px, 1.7rem, 40px);
}

article h2 {
    font-size: clamp(20px, 1.85rem, 30px);
    font-family: 'barlow_semibold';
}

article h3 {
    font-size: clamp(22px, 1.5rem, 25px);
    font-family: 'barlow_semibold';
}


h1.h1_articolo {
    letter-spacing: -0.075rem;
    line-height: 110%;
    font-family: 'testo_semi_bold';
}



@media(max-width:768px) {
    .copia_link img {
        height: 18px;
        width: auto;
    }

    article p {
        margin-bottom: 15px;
        padding-right: 0;
    }
}

@media(max-width:600px) {

    .wp-block-button__link,
    .wp-element-button {
        display: block;
        margin-right: 0;
        margin-bottom: 5px;
    }

    .wp-block-buttons {
        display: block !important;
    }

    .wp-block-buttons>.wp-block-button {
        display: block;
    }
}


/*
========================================
PAGINA CONTATTI template-contatti.php
@audit contatti
========================================
*/

.hero.hero--no_img--contatti {
    background-color: var(--verde);
}

.hero.hero--no_img--media_eventi {
    background-color: var(--blu);
}

.sezione_box {
    padding: clamp(50px, 6rem, 120px) 0;
    background-color: var(--grigio);
    border-radius: var(--radius20);
}

/* team */
.team__grid {
    grid-template-columns: repeat(5, 1fr);
    grid-gap: clamp(10px, 1rem, 15px);
}

.team_item__img {
    aspect-ratio: 1/1;
    overflow: hidden;
    width: 100%;
    border-radius: var(--radius20);
    margin-bottom: clamp(15px, 1rem, 20px);
}

.team_item__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


@media(max-width:990px) {

    .headquarters__grid--3 {
        grid-template-columns: 1fr 1fr;
    }

    .team__grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media(max-width:600px) {

    .sezione_box {
        padding: 40px 20px;
    }

    .sezione_box .headquarter:first-child {
        margin-top: 15px;
    }

    .sezione_box .headquarter:last-child {
        margin-bottom: 0;
    }

    .headquarters__grid.headquarters__grid--3 {
        grid-template-columns: 1fr;
        grid-gap: 12px;
    }

    .team__grid {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 30px 10px;
    }

    .team__grid.grid {
        display: grid;
    }
}

/*
========================================
FOOTER footer.php
@audit footer
========================================
*/

/* newsletter footer */



/* footer */

.form__wrapper {
    background-color: var(--verde2);
    border-top-left-radius: var(--radius30);
    border-top-right-radius: var(--radius30);
    padding-top: clamp(50px, 4rem, 100px);
    padding-bottom: clamp(30px, 2rem, 50px);
    margin-top: clamp(50px, 12rem, 200px);
}

footer {
    background-color: var(--verde);
    color: white;
    padding: clamp(50px, 2.5rem, 90px) clamp(25px, 2.5rem, 50px);
    border-radius: 20px;
}

/* footer headquarters */

.headquarters__grid {
    display: grid;
    grid-gap: 50px 10%;
    margin-top: 15px;
}

.headquarters__grid--2 {
    grid-template-columns: 1fr 1fr;
}

.headquarters__grid--3 {
    grid-template-columns: 1fr 1fr 1fr;
}

.headquarter__title {
    font-family: 'oswald_medium';
    margin-bottom: 8px;
    font-size: 17px;
}

.footer__bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: clamp(30px, 2rem, 50px);
}

.footer__bottom strong {
    font-family: 'barlow_medium';
    margin-right: 10px;
}

.footer__bottom ul {
    display: flex;
    align-items: center;
    gap: 15px;
}

.logo_footer img {
    width: clamp(140px, 15vw, 250px);
    height: auto;
}

.logo_footer {
    margin-bottom: clamp(20px, 4rem, 90px);
}

footer .grid {
    grid-gap: 50px 10%;
}

.footer_menus {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10%;
}

.footer_menus__col--2 {
    font-family: 'barlow_medium';
}


footer ul,
.footer__bottom ul,
.footer__bottom li,
.footer_loghi li,
footer li {
    padding: 0;
    margin: 0;
}

footer li,
.footer_loghi li,
.footer__bottom li {
    margin-left: 0;
    list-style: none;
    margin-bottom: 4px;
}

footer li a:hover {
    color: white;
}

.footer_intro {
    text-transform: uppercase;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid white;
}


.footer_loghi img {
    max-width: 100%;
    height: auto;
}

.footer_loghi ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: clamp(15px, 2rem, 30px);
}

.footer_loghi li {
    margin: 0;
    padding: 0;
}

.footer_loghi img {
    mix-blend-mode: multiply;
}

.footer_buttons {
    display: flex;
    justify-content: flex-end;
    gap: 15px;
}

.footer_buttons .btn {}

.footer_end {
    display: grid;
    grid-template-columns: 3fr 1fr;
    grid-gap: 10%;
    margin-top: 30px;
}

.footer_credits {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    font-size: 15px;
}

.footer_credits a {
    font-family: 'barlow_semibold';
    color: #500EA6;
    text-decoration: underline;
}

@media(max-width:600px) {

    .linkedin_slider {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .footer_menus {
        margin-top: 50px;
        margin-bottom: 50px;
        grid-gap: 20px;
    }

    .footer_buttons {
        display: block;
    }

    .footer_buttons .btn.btn--small {
        padding: clamp(12px, 0.7rem, 12px) clamp(20px, 1.4rem, 28px);
        margin-bottom: 10px;
    }

    .footer_buttons .btn.btn--small:last-child {
        margin-bottom: 0;
    }

    .footer_menus li {
        font-size: 18px;
        margin-bottom: 7px;
    }

    .footer_menus .footer_menus__col--1 li {
        font-family: 'barlow_semibold';
    }

    .footer_menus .footer_menus__col--2 li {
        font-family: 'barlow_regular';
    }

    .footer h3.oswald_30 {
        margin-bottom: 30px;
    }

    .logo_footer {
        text-align: center;
        margin-bottom: 60px;
    }

    .logo_footer img {
        display: inline-block;
        height: 50px;
        width: auto;
    }

    .headquarters__grid--2,
    .headquarters__grid--3 {
        grid-template-columns: 1fr;
        grid-gap: 25px;
    }

    .newsletter_footer .btn {
        margin-top: 30px;
    }

    .container--full_mobile {
        width: 100%;
    }

    .footer_loghi img {
        display: inline-block;
    }

    .footer_loghi li {
        text-align: center;
    }

    footer .grid {
        grid-gap: 30px;
    }

    footer {
        border-radius: 20px;
    }

    .footer__bottom {
        display: flex;
        flex-direction: column;
    }

    .footer__bottom .footer_socials {
        order: 1;
        margin-bottom: 50px;
    }

    .footer__bottom .footer__bottom__dati {
        order: 2;
        width: 100%;
    }

    .footer__bottom .footer__bottom__legals {
        order: 3;
        margin-bottom: 25px;
    }

    .footer__bottom__dati strong {
        display: block;
        text-align: center;
        margin-bottom: 4px;
    }

    ul.footer__bottom__legals {
        display: flex;
        justify-content: space-between;
        width: 100%;
        margin-top: 30px;
    }

    .footer__bottom ul {
        gap: 30px;
    }

    .footer__bottom ul a {
        text-decoration: underline;
    }

    .footer_loghi ul {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 20px 10px;
    }

    .footer_loghi {
        padding: 15px;
        background-color: rgba(255, 255, 255, 0.3);
        border-radius: 15px;
    }

    .footer_loghi img {
        max-width: 100%;
        /* max-height: 35px; */
    }

    .footer_end {
        grid-template-columns: 1fr;
        padding-bottom: 20px;
    }

    .footer_credits {
        display: block;
        text-align: center;
        margin-top: 10px;
    }

}

/* complianz banner cookie */



.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
    height: inherit !important;
    padding: 10px 20px;
    width: inherit !important;
    font-family: 'barlow_medium' !important;
}

.cmplz-cookiebanner .cmplz-header .cmplz-title {
    color: black !important;
}

#gestione_cookies:hover {
    cursor: pointer;
}

#cmplz-manage-consent .cmplz-manage-consent {
    display: none;
}

.container_article {
    max-width: 1500px;
}