.elementor-535 .elementor-element.elementor-element-5d7028b .ms-slider--img::after{background-color:transparent;background-image:linear-gradient(180deg, #0000003D 63%, #171717 100%);}.elementor-535 .elementor-element.elementor-element-5d7028b .ms-slider{height:100vh;}.elementor-535 .elementor-element.elementor-element-5d7028b .ms-slider .swiper-slide .ms-slider--img img{object-fit:cover;}.elementor-535 .elementor-element.elementor-element-5d7028b .ms-slider--cont{justify-content:left;align-items:flex-end;}.elementor-535 .elementor-element.elementor-element-5d7028b .ms-slider--cont .ms-cont__inner{text-align:left;margin:50px 50px 50px 50px;}.elementor-535 .elementor-element.elementor-element-5d7028b .ms-sc--t{font-size:8vw;font-weight:600;text-transform:uppercase;line-height:0.9em;color:#FFFFFF;}.elementor-535 .elementor-element.elementor-element-5d7028b .ms-sc--l{font-size:7vw;font-weight:500;text-transform:uppercase;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0px;color:#FFFFFF;}.elementor-535 .elementor-element.elementor-element-5d7028b .ms-slider--cont .ms-sc--l{justify-content:left;}.elementor-535 .elementor-element.elementor-element-5d7028b .ms-slider--cont .elementor-section-wrap{margin:50px 50px 50px 50px;}@media(max-width:1024px){.elementor-535 .elementor-element.elementor-element-5d7028b .ms-slider--cont{justify-content:center;align-items:flex-end;}.elementor-535 .elementor-element.elementor-element-5d7028b .ms-slider--cont .ms-cont__inner{text-align:center;}.elementor-535 .elementor-element.elementor-element-5d7028b .ms-sc--t{font-size:8em;}.elementor-535 .elementor-element.elementor-element-5d7028b .ms-slider--cont .ms-sc--l{justify-content:center;}}@media(max-width:767px){.elementor-535 .elementor-element.elementor-element-5d7028b .ms-slider .swiper-slide .ms-slider--img img{object-fit:cover;}.elementor-535 .elementor-element.elementor-element-5d7028b .ms-sc--t{font-size:3em;}.elementor-535 .elementor-element.elementor-element-5d7028b .ms-sc--l{font-size:41px;}.elementor-535 .elementor-element.elementor-element-5d7028b .ms-slider--cont .elementor-section-wrap{margin:50px 20px 50px 20px;}.elementor-535 .elementor-element.elementor-element-5d7028b .ms-slider--cont .ms-cont__inner{margin:50px 20px 50px 20px;}}/* Start custom CSS for ms_slider_fs, class: .elementor-element-5d7028b */.ms-slider--cont {
    position: relative;
    z-index: 10; /* Porta il testo in primo piano sopra il video */
    transform: translateZ(0);
    will-change: opacity, transform;
}

.ms-cont__inner {
    display: flex;
    flex-direction: column-reverse;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateZ(0);
    will-change: transform, opacity;
}

.ms-sc--t, .ms-sc--desc, .ms-sc--l {
    opacity: 1 !important;
    visibility: visible !important;
    position: relative;
    z-index: 10;
    transform: translate3d(0, 0, 0);
    will-change: transform, opacity;
}



.mg-tag{
    background-color: #fff;
    color: #171717;
    padding: 5px 10px;
    border-radius: 5px;
    text-wrap: nowrap;
    transition: 0.5s ease;
}
.mg-tag:hover{
    background-color: #171717;
}

.ms-sc--desc{
    margin-top: 20px;
    line-height: 36px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-abfe176 *//* Layout Desktop */
.vertical-navigation {
    position: fixed;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    z-index: 100;
}

.vertical-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.vertical-navigation ul li {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 10px 0;
    position: relative;
}

.dot-title {
    font-size: 14px;
    color: #BFCBE8;
    background-color: #000;
    padding: 5px 10px;
    border-radius: 5px;
    margin-right: 10px;
    width: auto;
    cursor: pointer;
}

.dot-title:hover {
    color: #fff;
}

.vertical-navigation ul li.active .dot-title {
    background-color: #fff !important; 
    color:#000 !important;
}

.dot {
    width: 12px;
    height: 12px;
    background-color: #fff;
    border-radius: 50%;
    position: relative;
}

.vertical-navigation ul li.active .dot {
    background-color: #000;
}

.vertical-navigation ul li.active .dot-title {
    color: #BFCBE8;
    background-color: #000;
}

.mobile-navigation {
    display: none;    
}

/* Layout Mobile */
@media (max-width: 1024px) {
    .vertical-navigation {
        display: none; /* Nasconde la navigazione verticale */
    }

    .mobile-navigation {
        display:block;
        position: fixed;
        top: 80px;
        left: 0;
        width: 100%;
        background-color: #000;
        z-index: 100;
        overflow: hidden; 
        white-space: nowrap;
    }

    .mobile-navigation ul {
        display: flex;
        list-style: none;
        padding: 10px;
        margin: 0;
        overflow-x: auto;
        scroll-behavior: smooth; 
        cursor: grab; 
    }

    .mobile-navigation ul.dragging {
        cursor: grabbing; /* Cambia il cursore durante il trascinamento */
    }

    .mobile-navigation ul li {
        color: #BFCBE8;
        padding: 5px 15px;
        margin: 0 5px;
        font-size: 16px;
        cursor: pointer;
        white-space: nowrap; 
        border-radius: 5px;
        transition: background-color 0.3s;
    }

    .mobile-navigation ul li.active {
        background-color: #BFCBE8;
        color: #000;
    }


}




/* Personalizzare la barra di scorrimento in Webkit (Chrome, Safari) */
.mobile-navigation ul::-webkit-scrollbar {
    height: 8px; /* Altezza della barra di scorrimento orizzontale */
}

.mobile-navigation ul::-webkit-scrollbar-thumb {
    background-color: #A7BEDF; /* Colore del "pollice" (parte scorrevole) */
    border-radius: 10px; /* Rende il "pollice" arrotondato */
    border: 2px solid #fff; /* Bordo bianco intorno al "pollice" */
}

.mobile-navigation ul::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Colore della traccia (area di scorrimento) */
    border-radius: 10px; /* Rende la traccia arrotondata */
}

/* Personalizzare la barra di scorrimento in Firefox */
.mobile-navigation ul {
    scrollbar-width: thin; /* Imposta lo spessore della barra (thin, auto, none) */
    scrollbar-color: #A7BEDF #f1f1f1; /* Colore del "pollice" e della traccia */
}/* End custom CSS */