/* ----------------------------------------------
html reset
-------------------------------------------------*/

/* Reset CSS */
*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

body { background-color: #F2F3F1 !important;}

/* ----------------------------------------------
Title, paragraph,link and button
-------------------------------------------------*/
 
/* Title */
h1{font-family: "montserrat", sans-serif; font-weight: 400; font-style: normal; font-size: 40px !important;}
h2{font-family: "montserrat", sans-serif; font-weight: 400; font-style: normal; font-size: 35px !important;}
h3{font-family: "montserrat", sans-serif; font-weight: 500; font-style: normal; font-size: 16px !important;}
h4{font-family: "montserrat", sans-serif; font-weight: 300; font-style: normal; font-size: 12px !important;}

/* Paragraph */
p{font-family: "montserrat", sans-serif; font-weight: 300; font-style: normal; font-size: 16px; margin-bottom: 0px; color: #8B8B8B;}

/* Link */
a{font-family: "montserrat", sans-serif; font-weight: 500; font-style: normal; font-size: 14px; text-decoration: none !important; text-transform: uppercase; color: black !important; border-bottom: 1px black solid;}

/* Button */
button {font-family: "montserrat", sans-serif; font-weight: 500; font-style: normal; background: transparent; border-bottom: 1px black solid; text-transform: uppercase !important; font-size: 12px;}

.a-bblight a{border-bottom: 1px white solid !important;}
/* ----------------------------------------------
Colors
-------------------------------------------------*/

/* Primary */
.primary1-c {color: #CCBBA2;}
.primary1-b {background-color: #CCBBA2 !important;}

/* Greys */
.grey1-c {color: #8B8B8B;}
.grey1-b {background-color: #8B8B8B;}

/* whites */
.white1-c {color: #F2F3F1;}
.white1-b {background-color: #F2F3F1;}

/* blacks */
.dark1-c {color: #000;}
.dark1-b {background-color: #000;}

.blu1-c {color: #4B61D1 !important;}
.blu1-b {background-color: #4B61D1 !important;} 

/* ----------------------------------------------
Margin and padding
-------------------------------------------------*/

/* Margin */
.m-8{margin: 8px;}
.m-16{margin: 16px;}
.m-32{margin: 32px;}
.m-64{margin: 64px;}
.m-128{margin: 128px;}
.m-256{margin: 256px;}

/* Margin top */
.mtop-8{margin-top: 8px;}
.mtop-16{margin-top: 16px;}
.mtop-32{margin-top: 32px;}
.mtop-64{margin-top: 64px;}
.mtop-128{margin-top: 128px;}
.mtop-256{margin-top: 256px;}

/* Margin bottom */
.mbottom-8{margin-bottom: 8px;}
.mbottom-16{margin-bottom: 16px;}
.mbottom-32{margin-bottom: 32px;}
.mbottom-64{margin-bottom: 64px;}
.mbottom-128{margin-bottom: 128px;}
.mbottom-256{margin-bottom: 256px;}

/* Margin left */
.mstart-8{margin-left: 8px;}
.mstart-16{margin-left: 16px;}
.mstart-32{margin-left: 32px;}
.mstart-64{margin-left: 64px;}
.mstart-128{margin-left: 128px;}
.mstart-256{margin-left: 256px;}

/* Margin right */
.mend-8{margin-right: 8px;}
.mend-16{margin-right: 16px;}
.mend-32{margin-right: 32px;}
.mend-64{margin-right: 64px;}
.mend-128{margin-right: 128px;}
.mend-256{margin-right: 256px;}

/* Margin x */
.mxx-8{margin: 0px 8px;}
.mxx-16{margin: 0px 16px;}
.mxx-32{margin: 0px 32px;}
.mxx-64{margin: 0px 64px;}
.mxx-128{margin: 0px 128px;}
.mxx-256{margin: 0px 256px;}

/* Margin y */
.myy-8{margin: 8px 0px;}
.myy-16{margin: 16px 0px;}
.myy-32{margin: 32px 0px;}
.myy-64{margin: 64px 0px;}
.myy-128{margin: 128px 0px;}
.myy-256{margin: 256px 0px;}

/* Padding */
.p-8{padding: 8px;}
.p-16{padding: 16px;}
.p-32{padding: 32px;}
.p-64{padding: 64px;}
.p-128{padding: 128px;}
.p-256{padding: 256px;}

/* Padding top */
.ptop-8{padding-top: 8px;}
.ptop-16{padding-top: 16px;}
.ptop-32{padding-top: 32px;}
.ptop-64{padding-top: 64px;}
.ptop-128{padding-top: 128px;}
.ptop-256{padding-top: 256px;}

/* Padding bottom */
.pbottom-8{padding-bottom: 8px;}
.pbottom-16{padding-bottom: 16px;}
.pbottom-32{padding-bottom: 32px;}
.pbottom-64{padding-bottom: 64px;}
.pbottom-128{padding-bottom: 128px;}
.pbottom-256{padding-bottom: 256px;}

/* Padding left */
.pstart-0 {padding-left: 0px;}
.pstart-8{padding-left: 8px;}
.pstart-16{padding-left: 16px;}
.pstart-32{padding-left: 32px;}
.pstart-64{padding-left: 64px;}
.pstart-128{padding-left: 128px;}
.pstart-256{padding-left: 256px;}

/* Padding right */
.pend-8{padding-right: 8px;}
.pend-16{padding-right: 16px;}
.pend-32{padding-right: 32px;}
.pend-64{padding-right: 64px;}
.pend-128{padding-right: 128px;}
.pend-256{padding-right: 256px;}

/* Padding x */
.pxx-8{padding: 0px 8px;}
.pxx-16{padding: 0px 16px;}
.pxx-32{padding: 0px 32px;}
.pxx-64{padding: 0px 64px;}
.pxx-128{padding: 0px 128px;}
.pxx-256{padding: 0px 256px;}

/* Padding y */
.pyy-8{padding: 8px 0px;}
.pyy-16{padding: 16px 0px;}
.pyy-32{padding: 32px 0px;}
.pyy-64{padding: 64px 0px;}
.pyy-128{padding: 128px 0px;}
.pyy-196{padding: 196px 0px;}
.pyy-256{padding: 256px 0px;}

.fs-25 {font-size: 25px !important;}
.fs-12 {font-size: 12px !important;}
.fs-14 {font-size: 14px !important;}
.fs-16 {font-size: 16px !important;}
.fs-18 {font-size: 18px !important;}

/* ----------------------------------------------
Utilities
-------------------------------------------------*/

.fw-100 {font-weight: 400 !important;}

.object-fit-cover {object-fit: cover;}
.object-fit-contain {object-fit: cover; object-position: left;}

.image-container {
    position: relative;
    overflow: hidden;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 32px;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity 0.3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
}

.overlay-content {
    color: white;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.image-container:hover .overlay {
    opacity: 1;
}

.image-container:hover .overlay-content {
    opacity: 1;
}

.link-overlay {
    color: white !important;
    border-bottom: none !important;
}

.button-primary-class {
    border-bottom: none !important;
}

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

.object-position-top {
    object-position: top;
}

.distanziatore {
    height: 30px;
    width: auto;
}

.distanziatore2 {
    height: 30px;
    width: auto;
}

.bb-white {
    border-bottom: white 1px solid;
}

.bb-none {
    border-bottom: #F2F3F1 1px solid !important;
}

/* ----------------------------------------------
Header
-------------------------------------------------*/

.header {position: fixed !important; z-index: 10; padding: 32px 64px;}

.navbar.bg-body-tertiary {
    background-color: transparent !important; /* Imposta lo sfondo della navbar trasparente */
}

.logo-header-img {height: 70px; width: auto;}

ul li {list-style-type: none; margin: 0px 16px; font-size: 17px; text-transform: uppercase; color: white;}

.menu-item {color: white !important; border-bottom: none; font-weight: 400; font-size: 16px;}

.color-black {
    color: black !important;
}

.icon-menu-span {display: none;}

/*
.display-modifiy {
    display: flex;
    justify-content: start;
    align-items: center;
} */

/* ----------------------------------------------
Hero section
-------------------------------------------------*/

.logo-index {
    height: 350px;
    width: 100%;
    z-index: 8;
}

.container1 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh; /* Usa l'altezza completa della viewport */
  }

.hero-primary {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 35%;
    left: 35%;
    z-index: 1;
}

.ramo-left {
    position: absolute;
    left: 30%;
    bottom: 0;
    transform: rotate(180deg);
    background-repeat: no-repeat;
    z-index: 10;
    height: 60vh;
}

.ramo-right {
    position: absolute;
    right: 27%;
    top: 0;
    background-repeat: no-repeat;
    z-index: 6;
    height: 80vh;
}

.circle-left {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 90vh;
}

.circle-right {
    position: absolute;
    right: 0;
    top: 0;
    height: 90vh;
}

.link-private {
    position: absolute;
    top: 50%;
    right: 13%;
    color: #CCBBA2 !important;
    font-weight: bolder;
    font-size: 35px;
    border-bottom: none;
    transform: translateY(-50%);
    z-index: 15;
}

.link-corporate {
    position: absolute;
    top: 50%;
    left: 9%;
    color: #8d9d70 !important;
    font-weight: bolder;
    font-size: 35px;
    border-bottom: none;
    transform: translateY(-50%);
    z-index: 15;
}

.carousel-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.2) 100%);
}

.carousel-caption {
    position: absolute;
    top: 40%;
    left: 50%;
  }

  .carousel-control-prev-icon,
.carousel-control-next-icon {
    height: 60px !important; /* o la dimensione desiderata */
    width: 60px !important; /* o la dimensione desiderata */
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-image: none !important;
}

.carousel {z-index: 1;}

.button-primary-class {
    color: black;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    background-color: white;
    padding: 20px 30px;
    display: inline-block;
}

/* Stile per i bottoni degli indicatori del carosello */
.carousel-indicators button {
    background-color: #fff; /* Imposta il colore di sfondo a tuo piacimento */
    width: 15px !important; /* Imposta la larghezza del cerchio */
    height: 15px !important; /* Imposta l'altezza del cerchio */
    border-radius: 50%; /* Rende il bottone completamente rotondo */
    border: none; /* Rimuove il bordo, se presente */
    opacity: 0.5; /* Imposta l'opacità per non attivo (puoi modificare a tuo piacimento) */
    margin: 0 8px !important;
}

/* Stile per il bottone attivo degli indicatori del carosello */
.carousel-indicators .active {
    opacity: 1; /* Rende il bottone attivo completamente opaco */
}

/* ----------------------------------------------
Services home section
-------------------------------------------------*/

.services-home-section-img {
    width: 100%;
    height: 100vh;
}

.separator {
    background-color: #CCBBA2;
    height: 7px;
    width: 30px;
    transform: rotate(15deg);
}

.separator2 {
    background-color: #fff;
    height: 7px;
    width: 30px;
    transform: rotate(15deg);
}

.text-md-dark {
    color: #000 !important;
}

.contact-color {
    color: #000 !important;
}
/* ----------------------------------------------
Three section column home
-------------------------------------------------*/

.three-section-column-home-img {
    width: 100%;
    height: 45vh;
    object-fit: cover;
}

.c-white-imp {
    color: white;
    border-bottom: 1px solid white;
}

/* ----------------------------------------------
Gallery event section home
-------------------------------------------------*/

.gallery-home-section-img{
    width: 100%;
    height: 45vh;
    object-fit: cover;
}

.icon-harrow-qa {
    height: 22px;
    margin-right: 8px;
}

.faq {
    border-radius: 40px;
}

.question img {
    transition: transform 0.5 ease-in-out;
}

.answer {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all .5s ease;
}

.faq.active .answer {
    max-height: 1500px;
    opacity: 1;
    animation: opacity .3s ease-in-out;
}

.faq.active .icon-harrow-qa {
    transition: all .5s ease;
}

.faq.active .icon-harrow-qa {
    transform: rotate(900deg);
}

.gallery-img-img {
    height: 40vh;
    width: 100%;
    object-fit: cover;
}

/* ----------------------------------------------
Footer
-------------------------------------------------*/

.logo-footer-img {
    height: 100px;
    width: 100%;
}

.link-footer {
    color: #8B8B8B !important;
    border-bottom: none !important;
    text-transform: capitalize;
    font-weight: 300;
    display: block;
    font-size: 16px;
}

/* ----------------------------------------------
Chi siamo Hero section
-------------------------------------------------*/

.icon-harrow-down-hero {
    height: 40px;
    transform: rotate(-90deg);
    cursor: pointer;
}

.collaboration-icon {
    height: 80px;
    width: auto;
}

.collaboration-icon-w {
    width: 80px;
    height: auto;
}

.collaboration-icon-wanda {
    width: 80px;
    height: auto;
}

.collaboration-icon-mini {
    width: 80px;
    height: auto;
}

.border-bottom-none {
    border-bottom: none;
}

/*
.polygon {
    clip-path: polygon(0% 10%, 100% 0%, 100% 90%, 0% 100%);
}
*/

/* ----------------------------------------------
Services catalog
-------------------------------------------------*/
.catalog-services-four-section {
    height: 40vh;
    width: 100%;
}

/* ----------------------------------------------
Product menu
-------------------------------------------------*/

.tab-btn {
    background: none;
    text-transform: uppercase;
    color: #000;
    margin: 0 16px;
}

.tab-btn.active {color: #313131;}

.content-menu {display: none; animation: moving .5s ease;}
@keyframes moving {
    from{transform: translateY(50px); opacity: 0;}
    to{transform: translateY(0px); opacity: 1;}
}
.content-menu.active {display: block;}

.catalog-link {
    color: #4f4f4f !important;
    font-size: 10px !important;
}

/* ----------------------------------------------
Contact menu
-------------------------------------------------*/
.dimensione {
    height: 20px !important;
    width: auto !important;
}

.menu-contact {
    color: black;
    text-decoration: none;
}

.constact-img {
    height: 100vh;
    width: 100%;
}

.form-container {
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    max-width: 900px;
    width: 100%;
    margin: auto;
}

form {
    display: flex;
    flex-direction: column;
}

.row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.col {
    flex: 1;
    display: flex;
    flex-direction: column;
    margin-right: 10px;
}

.col:last-child {
    margin-right: 0;
}

.col-full {
    flex: 1;
    display: flex;
    flex-direction: column;
}

label {
    margin-bottom: 5px;
    font-weight: bold;
}

input, textarea {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
}

textarea {
    resize: vertical;
    height: 100px;
}

.button-back {
    padding: 10px 15px;
    background-color: #2b2b2b;
    border: none;
    border-radius: 4px;
    color: white;
    font-size: 16px;
    cursor: pointer;
}

.button-back:hover {
    background-color: #000;
}

.z-index-1 {
    z-index: -1;
}

.z-index-101 {
    z-index: 101;
}


/* Media query per iPad Pro 12.9 pollici in modalità verticale */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) {
   
    .logo-index {
        height: 250px;
        width: 100%;
        z-index: 8;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translate(0%, -50%);
    }
    
    .container1 {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%; /* Usa l'altezza completa della viewport */
      }
    
    .hero-primary {
        position: absolute;
        top: 35%;
        bottom: 35%;
        right: 0;
        left: 0;
        z-index: 1;
    }
    
    .ramo-left {
        position: absolute;
        left: 0;
        bottom: 38%;
        transform: rotate(-90deg);
        z-index: 10;
        height: 60vw;
    }
    
    .ramo-right {
        position: absolute;
        right: 15%;
        top: 30%;
        transform: rotate(90deg);
        z-index: 6;
        height: 80vw;
    }
    
    .circle-left {
        position: absolute;
        left: 0;
        bottom: 0;
        height: 50vh;
    }
    
    .circle-right {
        position: absolute;
        right: 0;
        top: 0;
        height: 50vh;
    }
    
    .link-private {
        position: absolute;
        top: 15%;
        right: 50%;
        color: #CCBBA2 !important;
        font-weight: bolder;
        font-size: 35px;
        border-bottom: none;
        transform: translateX(50%);
        z-index: 15;
    }
    
    .link-corporate {
        position: absolute;
        top: 80%;
        left: 50%;
        color: #8d9d70 !important;
        font-weight: bolder;
        font-size: 35px;
        border-bottom: none;
        transform: translateX(-50%);
        z-index: 15;
    }

    .services-home-section-img {
        width: 100%;
        height: 60vh;
    }

    .three-section-column-home-img {
        width: 100%;
        height: 35vh;
        object-fit: cover;
    }

    .gallery-home-section-img{
        width: 100%;
        height: 35vh;
        object-fit: cover;
    }

    .gallery-img-img {
        height: 30vh;
        width: 100%;
        object-fit: cover;
    }

}

@media (max-width: 1200px) {


}

@media (max-width: 992px) {

    /* ----------------------------------------------
    Title, paragraph,link and button
    -------------------------------------------------*/

    /* Title */
    h1{font-family: "montserrat", sans-serif; font-weight: 400; font-style: normal; font-size: 35px !important;}
    h2{font-family: "montserrat", sans-serif; font-weight: 400; font-style: normal; font-size: 30px !important;}
    h3{font-family: "montserrat", sans-serif; font-weight: 500; font-style: normal; font-size: 16px !important;}
    h4{font-family: "montserrat", sans-serif; font-weight: 300; font-style: normal; font-size: 12px !important;}

    /* Paragraph */
    p{font-family: "montserrat", sans-serif; font-weight: 300; font-style: normal; font-size: 16px; margin-bottom: 0px; color: #8B8B8B;}

    /* Link */
    a{font-family: "montserrat", sans-serif; font-weight: 500; font-style: normal; font-size: 14px; text-decoration: none !important; text-transform: uppercase; color: black !important; border-bottom: 1px black solid;}

    /* Button */
    button {font-family: "montserrat", sans-serif; font-weight: 500; font-style: normal; background: transparent; border-bottom: 1px black solid; text-transform: uppercase !important; font-size: 12px;}

    .c-white-imp {
        color: white !important;
        border-bottom: 1px solid white;
    }

    .w-md-75-top {
        width: 75% !important;
    }
    

    .button-primary-class {
        padding: 15px 25px;
    }

    .icon-menu-span {
        display: flex;
        flex-direction: column;
        justify-content: center;  /* Centra gli elementi orizzontalmente */
        align-items: end;      /* Centra gli elementi verticalmente */
        padding: 4px; /* Aggiungi un po' di padding per assicurarti che gli span non tocchino i bordi */
        box-sizing: border-box; /* Includi padding e bordo nel calcolo della larghezza/altezza */
        cursor: pointer;
    }
    
    .icon-menu-span span:nth-child(1) {
        height: 1px;
        width: 30px;              /* Larghezza definita per gli span */
        background-color: #fff;
        margin: 2px 0;            /* Spazio verticale tra gli span */
        transition: all .5s ease;
    }
    
    .icon-menu-span span:nth-child(2) {
        height: 1px;
        width: 20px;              /* Larghezza definita per gli span */
        background-color: #fff;
        margin: 2px 0;            /* Spazio verticale tra gli span */
        transition: all .5s ease;
    }

    .mxx-128{margin: 0px 96px;}
    .mstart-128 {margin-left: 96px;}

    .services-home-section-img {
        width: 100%;
        height: 80vh;
    }

    .tab-btn {
        font-size: 14px;
    }

    .margin-top-mobile-128 {
        padding-top: 64px;
    }

    .margin-32-top-mobile {margin-bottom: 32px !important;}

    .display-modifiy {
        flex-direction: column !important;
        margin-top: 32px;
        padding-top: 32px;
        padding-left: 0px !important;
    }

    ul li {
        padding-bottom: 16px;
        margin-bottom: 16px;
        border-bottom: 1px solid #8B8B8B;
    }

    .header .menu-mobile {
        transform: translateY(-150%);
        transition: all .3s ease;
    }

    .hit-display .menu-mobile {
        height: 0px;
        opacity: 0;
        transition: all 0.3s ease;
    }

    .button-back {
        color: white !important;
    }
    
    .button-back:hover {
        background-color: #000;
    }

    .header.menu-mobile-open {
        background-color: #2b2b2b;
      }
      
      .header.menu-mobile-open .menu-mobile {
        transform: translateY(0%); 
      }

     .menu-mobile-open .menu-mobile{
        height: auto;
        opacity: 1;
     }

      button {
        color: black !important;
      }

      .logo-index {
        height: 250px;
        width: 100%;
        z-index: 8;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translate(0%, -50%);
    }
    
    .container1 {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%; /* Usa l'altezza completa della viewport */
      }
    
    .hero-primary {
        position: absolute;
        top: 35%;
        bottom: 35%;
        right: 0;
        left: 0;
        z-index: 1;
    }
    
    .ramo-left {
        position: absolute;
        left: 0;
        bottom: 38%;
        transform: rotate(-90deg);
        z-index: 10;
        height: 60vw;
    }
    
    .ramo-right {
        position: absolute;
        right: 15%;
        top: 30%;
        transform: rotate(90deg);
        z-index: 6;
        height: 80vw;
    }

    .text-md-dark {
        color: white !important;
    }
    
    .circle-left {
        position: absolute;
        left: 0;
        bottom: 0;
        height: 50vh;
    }
    
    .circle-right {
        position: absolute;
        right: 0;
        top: 0;
        height: 50vh;
    }
    
    .link-private {
        position: absolute;
        top: 15%;
        right: 50%;
        color: #CCBBA2 !important;
        font-weight: bolder;
        font-size: 35px;
        border-bottom: none;
        transform: translateX(50%);
        z-index: 15;
    }
    
    .link-corporate {
        position: absolute;
        top: 80%;
        left: 50%;
        color: #8d9d70 !important;
        font-weight: bolder;
        font-size: 35px;
        border-bottom: none;
        transform: translateX(-50%);
        z-index: 15;
    }

    .pbottom-64-mobile {
        padding-bottom: 16px;
    }



}

@media (max-width: 768px) {

    /* ----------------------------------------------
    Title, paragraph,link and button
    -------------------------------------------------*/

    /* Title */
    h1{font-family: "montserrat", sans-serif; font-weight: 400; font-style: normal; font-size: 25px !important;}
    h2{font-family: "montserrat", sans-serif; font-weight: 400; font-style: normal; font-size: 20px !important;}
    h3{font-family: "montserrat", sans-serif; font-weight: 500; font-style: normal; font-size: 16px !important;}
    h4{font-family: "montserrat", sans-serif; font-weight: 300; font-style: normal; font-size: 12px !important;}

    /* Paragraph */
    p{font-family: "montserrat", sans-serif; font-weight: 300; font-style: normal; font-size: 14px; margin-bottom: 0px; color: #8B8B8B;}

    /* Link */
    a{font-family: "montserrat", sans-serif; font-weight: 500; font-style: normal; font-size: 12px; text-decoration: none !important; text-transform: uppercase; color: black !important; border-bottom: 1px black solid;}

    /* Button */
    button {font-family: "montserrat", sans-serif; font-weight: 500; font-style: normal; background: transparent; border-bottom: 1px black solid; text-transform: uppercase !important; font-size: 12px;}

    .c-white-imp {
        color: white !important;
        border-bottom: 1px solid white;
    }


    .header { padding: 32px 32px;}

    .button-primary-class {
        padding: 15px 20px;
    }

    .mxx-128{margin: 0px 32px;}
    .mstart-128 {margin-left: 32px;}
    

    .tab-btn {
        font-size: 10px !important;
        margin: 0 8px;
    }

    .logo-index {
        height: 180px;
        width: 100%;
        z-index: 8;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translate(0%, -50%);
    }
    
    .container1 {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%; /* Usa l'altezza completa della viewport */
      }
    
    .hero-primary {
        position: absolute;
        top: 35%;
        bottom: 35%;
        right: 0;
        left: 0;
        z-index: 1;
    }
    
    .ramo-left {
        position: absolute;
        left: 0;
        bottom: 40%;
        transform: rotate(-90deg);
        z-index: 10;
        height: 60vw;
    }
    
    .ramo-right {
        position: absolute;
        right: 15%;
        top: 35%;
        transform: rotate(90deg);
        z-index: 6;
        height: 80vw;
    }
    
    .circle-left {
        position: absolute;
        left: 0;
        bottom: 0;
        height: 50vh;
    }
    
    .circle-right {
        position: absolute;
        right: 0;
        top: 0;
        height: 50vh;
    }
    
    .link-private {
        position: absolute;
        top: 15%;
        right: 50%;
        color: #CCBBA2 !important;
        font-weight: bolder;
        font-size: 25px;
        border-bottom: none;
        transform: translateX(50%);
        z-index: 15;
    }
    
    .link-corporate {
        position: absolute;
        top: 80%;
        left: 50%;
        color: #8d9d70 !important;
        font-weight: bolder;
        font-size: 25px;
        border-bottom: none;
        transform: translateX(-50%);
        z-index: 15;
    }

    .carousel-control-prev-icon,
    .carousel-control-next-icon {
        height: 50px !important; /* o la dimensione desiderata */
        width: 50px !important; /* o la dimensione desiderata */
    }

}

/* Media query per telefoni con larghezza del dispositivo inferiore a 768 pixel in modalità orizzontale */
@media only screen and (max-width: 1024px) and (orientation: landscape) {
    
    .logo-index {
        height: 180px;
        width: 100%;
        z-index: 8;
    }
    
    .container1 {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh; /* Usa l'altezza completa della viewport */
      }
    
    .hero-primary {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 35%;
        left: 35%;
        z-index: 1;
    }
    
    .ramo-left {
        position: absolute;
        left: 30%;
        bottom: 0;
        transform: rotate(180deg);
        z-index: 10;
        height: 60vh;
    }
    
    .ramo-right {
        position: absolute;
        right: 27%;
        top: 0;
        transform: rotate(0deg);
        z-index: 6;
        height: 80vh;
    }
    
    .circle-left {
        position: absolute;
        left: 0;
        bottom: 0;
        height: 90vh;
    }
    
    .circle-right {
        position: absolute;
        right: 0;
        top: 0;
        height: 90vh;
    }
    
    .link-private {
        position: absolute;
        top: 50%;
        right: 9%;
        color: #CCBBA2 !important;
        font-weight: bolder;
        font-size: 25px;
        border-bottom: none;
        transform: translateY(-50%);
        z-index: 15;
    }
    
    .link-corporate {
        position: absolute;
        top: 50%;
        left: 6%;
        color: #8d9d70 !important;
        font-weight: bolder;
        font-size: 25px;
        border-bottom: none;
        transform: translateY(-50%);
        z-index: 15;
    }

}