/* === Navbar Styling Override === */

:root {
  --nav-text-color: #111;
  --nav-hover-color: #17bed2;
  --nav-font-family: 'Hind', sans-serif;
}

.header .nav-item-child,
.page-on-scroll .header .nav-item-child {
  color: var(--nav-text-color) !important;
  font-family: var(--nav-font-family) !important;
}

/* Responsive navbar text color */
@media (max-width: 991px) {
  .header .nav-item-child {
    color: var(--nav-text-color) !important;
  }
}

/* Hover state */
.header .nav-item-child:hover,
.header .nav-item-child:focus {
  color: var(--nav-hover-color) !important;
  text-decoration: none;
}

/* Active menu item */
.navbar-nav > li.active > a {
  color: var(--nav-hover-color) !important;
}

/* Language Switcher */
.nav-lang li a {
  color: var(--nav-text-color) !important;
  font-family: var(--nav-font-family) !important;
}
.nav-lang li a:hover,
.nav-lang li a:focus,
.nav-lang li a.active {
  color: var(--nav-hover-color) !important;
}

/* Navbar background */
.header.navbar-fixed-top {
    background-color: rgba(255, 255, 255, 0.1); /* oppure 0 per full transparent */
    backdrop-filter: blur(8px); /* opzionale per effetto vetro */
}
/* SOLO per immagini nella sezione #SciTechCards */
#SciTechCards .card img {
    width: 100%; /* larghezza del contenitore */
    height: 220px; /* altezza fissa per tutte */
    object-fit: cover; /* ritaglia l’immagine per riempire l’area */
    object-position: center;
    border-radius: 4px;
    display: block;
}

/* Uniforma altezza delle card */
#SciTechCards .card {
    height: 100%;
    display: flex;
    flex-direction: column;
}

#SciTechCards .card-body {
    flex-grow: 1;
}

.accordion {
    cursor: pointer;
    padding: 20px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 6px 6px 0 0;
    margin: 0;
    color: white;
}


.accordion {
    font-size: 20px; /* Cambia la grandezza del font */
    color: #111; /* Colore del testo */
    font-weight: 600; /* Spessore del testo (opzionale) */
    letter-spacing: 0.5px; /* Spaziatura lettere (opzionale) */
}

    .accordion span {
        color: inherit; /* In modo che il testo interno prenda il colore del .accordion */
        font-size: inherit; /* Idem per la grandezza */
    }

    .accordion .icon {
        color: #ffffff; /* Colore dell'icona + o - */
        font-size: 16px; /* Dimensione icona */
    }


.accordion-1 {
    background: linear-gradient(135deg, #17bed2, #0e9caf);
}

.accordion-2 {
    background: linear-gradient(135deg, #ff6f61, #e05547);
}

.accordion-3 {
    background: linear-gradient(135deg, #7e57c2, #5e3e9c);
}

.accordion-4 {
    background: linear-gradient(135deg, #ffa000, #d88500);
}

.accordion .icon {
    margin-left: 10px;
    font-size: 16px;
}

.panel {
    background: white;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transform: translateY(-10px);
    transition: all 0.4s ease;
    padding: 0 20px;
    border-radius: 0 0 6px 6px;
    margin-bottom: 0;
}

    .panel.show {
        max-height: 800px;
        opacity: 1;
        transform: translateY(0);
        padding: 20px;
        margin-bottom: 10px;
    }

    .panel p, .panel ul {
        color: #333;
        font-size: 15px;
        margin: 0;
    }

    .panel ul {
        padding-left: 20px;
        margin: 15px 0;
    }

    .panel li {
        margin-bottom: 5px;
    }
.color-orange {
    color: #FFA500 !important; /* Arancione pieno, senza trasparenza */
}
.color-gray {
    color: #0e0e0e !important; /* Grigio pieno, senza trasparenza */
}
.why-us-wrapper {
    width: 100%;
    background-color: #D8A7B1; /* ✅ Rosa old */
    color: #1a1a1a;
    padding: 40px 0;
    margin: 0;
    font-family: 'Segoe UI', sans-serif;
    box-sizing: border-box;
}

.why-us-content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 30px;
    box-sizing: border-box;
}

    .why-us-content h2 {
        font-size: 36px;
        text-align: center;
        margin-bottom: 20px;
        color: #1a1a1a; /* testo scuro sul rosa */
    }

    .why-us-content .lead {
        font-size: 18px;
        text-align: center;
        color: #2a2a2a; /* grigio scuro */
        max-width: 800px;
        margin: 0 auto 40px auto;
    }

.why-us-list {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    max-width: 700px;
}

    .why-us-list li {
        font-size: 16px;
        padding: 12px 0;
        border-bottom: 1px solid #b87f89; /* una linea più scura per contrasto */
        display: flex;
        align-items: center;
    }

    .why-us-list i {
        color: #7b2e3a; /* icona bordeaux per contrasto, elegante */
        margin-right: 10px;
        min-width: 24px;
    }
.human-driven-wrapper {
    width: 100%;
    background-color: #1da7b5; /* ✅ Turchese */
    color: #ffffff;
    padding: 40px 0;
    margin: 0;
    margin-top: 40px; /* ✅ Spazio sopra la sezione */
    font-family: 'Segoe UI', sans-serif;
    box-sizing: border-box;
}

.human-driven-content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 30px;
}

    .human-driven-content h2 {
        font-size: 36px;
        text-align: center;
        margin-bottom: 20px;
        color: #ffffff;
    }

    .human-driven-content .lead {
        font-size: 18px;
        text-align: center;
        color: #e6f9fb;
        max-width: 800px;
        margin: 0 auto 40px auto;
    }
.white-text {
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    margin-top: 20px;
}
.pricing-icon {
    color: #FFA500 !important; /* Arancione classico */
    font-size: 40px; /* opzionale: regola la dimensione dell’icona */
    margin-bottom: 15px;
    display: inline-block;
}
.contact-wrapper-modern {
    width: 100%;
    background-color: #2f2f2f;
    color: #ffffff;
    padding: 60px 20px 0;
    box-sizing: border-box;
}

.container-full {
    max-width: 1300px;
    margin: 0 auto;
}

.section-title {
    font-size: 32px;
    margin-bottom: 10px;
    color: #ffffff;
}

.contact-description {
    font-size: 16px;
    color: #cccccc;
    margin-bottom: 20px;
}

.contact-details li {
    font-size: 16px;
    margin-bottom: 10px;
    color: #dddddd;
}

.contact-details a {
    color: #17bed2;
    text-decoration: none;
}

    .contact-details a:hover {
        text-decoration: underline;
    }

.contact-form-horizontal .form-group {
    margin-bottom: 20px;
    display: flex;
    gap: 15px;
}

.contact-form-horizontal .form-label {
    width: 100px;
    font-weight: bold;
    color: #ffffff;
}

.contact-form-horizontal .form-control {
    flex: 1;
    border: none;
    border-radius: 4px;
    padding: 10px 12px;
    font-size: 16px;
    background-color: #444;
    color: #fff;
}

.contact-form-horizontal textarea.form-control {
    resize: vertical;
    min-height: 100px;
}

.btn.btn-primary {
    background-color: #17bed2;
    color: white;
    border: none;
    padding: 10px 25px;
    border-radius: 4px;
    font-size: 16px;
}

    .btn.btn-primary:hover {
        background-color: #1495a7;
    }

.map-container {
    width: 100%;
    height: auto;
    margin-top: 60px;
}
#Solutions .col-sm-4 {
    min-height: 100%;
}
/*Allinea le 3 colonne nella row con altezza uguale */
.equal-height-row {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.equal-height-row > .equal-card {
    display: table-cell;
    float: none !important;
    vertical-align: top;
}
.masonry-grid {
    margin-left: -15px;
    margin-right: -15px;
}

.masonry-grid-sizer {
    width: 100%;
}

@media (min-width: 768px) {
    .masonry-grid-sizer {
        width: 50%;
    }
}

@media (min-width: 992px) {
    .masonry-grid-sizer {
        width: 33.3333%;
    }
}

.masonry-grid-item {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
}