header.page-header {
    display: none;
}

input#form-field-file {
    color: #fff;
}

.elementor-message.elementor-message-success {
    color: #fff;
    padding-top: 10px;
}

.lista-contatti a {
    color: #0C8FCF;
}

.lista-contatti a:hover {
    color: #232323;
}

.img-vx-1,
.img-vx-2,
.img-vx-3 {
    background-color: #0C8FCF;
    width: 90px !important;
    margin: 0 auto;
    padding: 20px;
    border-radius: 50%;
    cursor: pointer;
}

.vx-active {
    background: #fff;
}

.vx-active img {
    filter: invert(1);
}

#img-vx-1,
#img-vx-2,
#img-vx-3 {
    display: none;
}

.img-vx-2,
.img-vx-3 {
    margin-top: 90px;
}

.img-vx-2::before {
    content: '';
    border: 1px solid #0C8FCF;
    background: #0C8FCF;
    width: 185px;
    position: absolute;
    left: 90px;
    top: 40px;
    height: 5px;
}

.elementor-widget:not(:last-child) {
    margin-bottom: 0 !important;
}

.img-vx-1::before,
.img-vx-1::after {
    content: '';
    border: 1px solid #0C8FCF;
    background: #0C8FCF;
    width: 165px;
    position: absolute;
    left: 30px;
    top: 150px;
    height: 5px;
    transform: rotate(55deg);
}

.img-vx-1::after {
    transform: rotate(-55deg);
    left: -115px;
    width: 172px;
}

.box-triangle-text {
    margin-top: 50px;
    color: #fff;
}

.box-triangle-text strong {
    color: #0c8fcf;
}

body .preventivo a {
    background: #0C8FCF;
    color: #fff !important;
    border-radius: 4px;
    font-weight: bold !important;
}

body .preventivo a:hover {
    background: #fff;
    color: #0C8FCF !important;
    border-radius: 4px;
    font-weight: bold !important;
}

.lista-tab .lavorazioni {
    cursor: pointer;
}

.lista-tab .lavorazioni:hover .dce-post-title,
.lista-tab .lavorazioni.active .dce-post-title {
    border-color: #0C8FCF;
}

.current-menu-item a {
    font-weight: bold !important;
    color: #0C8FCF;
}

.current-page-ancestor a {
    font-weight: bold !important;
    color: #0C8FCF;
}

.box strong {
    color: #0C8FCF
}

.img-box-desc {
    position: relative;
}

.desc-img-container {
    padding: 15px;
    position: absolute;
    bottom: 0;
    font-size: 16px;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30.67%, rgba(0, 0, 0, 0.9) 60.98%);
    width: 100%;
}

.refrenza-titolo h2,
.referenza-short-desc {
    color: #fff !important;
    font-size: 14px;
}

.box-desc-img p {
    margin-bottom: 0;
}

.elementor-nav-menu--indicator-classic .elementor-nav-menu .sub-arrow i:before {
    content: "";
    background-image: url(https://www.metacom.it/wp-content/uploads/2021/12/arrowDown.png);
    background-size: 15px;
    height: 15px;
    width: 15px;
    background-repeat: no-repeat;
    position: absolute;
    top: 20px;
}

@media (max-width: 1024px) {
    .tabs-wrapper .tab {
        margin: 0 30px;
    }

    .close-btn-menu img {
        width: 35px !important;
    }

    .menu-item.preventivo {
        display: block;
        width: 220px;
        margin: 0 auto;
    }

    li.menu-item ul.sub-menu {
        position: unset;
        background: transparent;
    }

    li.menu-item ul.sub-menu li a {
        text-align: center !important;
        justify-content: center;
        color: #fff;
    }
}

@media (max-width: 768px) {
    .img-vx-2::before {
        width: 135px;
    }

}

@media (max-width: 767px) {

    .img-vx-1::before {
        width: 145px;
        left: 35px;
        top: 140px;
    }

    .img-vx-1::after {
        left: -99px;
        width: 153px;
        top: 145px;
    }

    .img-vx-2,
    .img-vx-3 {
        margin-top: 30px
    }

    .box-triangle-text {
        padding-bottom: 50px;
    }
}