/* Importa il font Montserrat */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap');

body{
    font-family: 'Montserrat', sans-serif;
    color:#183047;
}

h1,h2,h3,h4,h5,h6 {
    font-weight: 400;
}

a{
    text-decoration: none;
    font-weight: 500;
    color:#183047;
}


.nav-item.dropdown.dropdown-mega {
    position: static; /* Assicura che il dropdown si allinei con il contenitore */
}

.nav-item.dropdown.dropdown-mega .dropdown-menu {
    width: 90%; /* Larghezza del mega menu rispetto al contenitore */
    max-width: 1200px; /* Larghezza massima */
    /*left: 50%; /* Allinea il menu al centro */
    /*transform: translateX(-50%); /* Centra il menu orizzontalmente */
    right: 1em;
    left: unset;
    top: auto; /* Assicura il posizionamento sotto il menu */
    margin-top: 1rem; /* Spaziatura tra menu e dropdown */
    padding: 10px; /* Padding interno del menu */
    background-color: #fafafa; /* Sfondo bianco */
    border: 1px solid #ebebeb; /* Rimuove eventuali bordi */
    z-index: 1050; /* Porta il menu in primo piano */
}

/* Rimuovi il transform per schermi piccoli */
@media (max-width: 768px) {
    .nav-item.dropdown.dropdown-mega .dropdown-menu {
        transform: none; /* Disabilita il centraggio orizzontale */
        width: 100%; /* Il menu occupa tutta la larghezza dello schermo */
        padding: 15px; /* Aggiungi un po' di padding per il contenuto */
        margin-left: 1em;
        padding: 0;
    }
}

/* Contenuto del mega menu */
.mega-content {
    max-width: 1200px; /* Larghezza massima del contenuto interno */
    margin: 0 auto; /* Centra il contenuto all'interno del mega menu */
}

/* Colonne del mega menu */
.mega-content .col-md-3 {
    padding: 15px; /* Spaziatura interna tra le colonne */
}

/* Stile dei titoli e link */
.mega-content h5 {
    font-size: 18px;
    font-weight: 600;
    color: #183047; /* Blu scuro */
    margin-bottom: 10px;
}

.mega-content .list-group-item {
    color: #555; /* Grigio scuro */
    text-decoration: none;
    transition: color 0.3s ease;
}

/* Personalizzazione del menu di navigazione */
.navbar-nav .nav-link {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    color: #183047; /* Blu scuro */
    text-decoration: none;
    padding: 10px 15px;
    position: relative; /* Necessario per posizionare ::after */
    display: inline-block;
    transition: color 0.3s ease; /* Per un'animazione fluida del colore */
}

/* Sottolineatura per hover e active */
.navbar-nav .nav-link::after {
    content: ""; /* Contenuto vuoto per creare la linea */
    position: absolute;
    bottom: 0; /* Posiziona la linea sotto il testo */
    left: 0; /* Inizia da sinistra */
    width: 0; /* Inizialmente, la linea è invisibile */
    height: 2px; /* Spessore della linea */
    background-color: #ff0000; /* Colore della linea */
    transition: width 0.3s ease; /* Animazione fluida */
}

.navbar-nav .nav-link:hover::after,
.navbar-nav .nav-link.active::after {
    width: 50%; /* La linea si estende fino a metà della voce */
}

/* Cambia il colore del testo durante l'hover */
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
    color: #004488; /* Colore leggermente più chiaro */
}

/* Stile per l'icona del dropdown */
.navbar-nav .dropdown-icon {
    display: inline-block;
    margin-left: 5px;
    width: 8px; /* Larghezza della freccia */
    height: 8px; /* Altezza della freccia */
    background-color: #183047; /* Colore pieno */
    clip-path: polygon(50% 100%, 0% 0%, 100% 0%); /* Forma di triangolo invertito */
    transition: transform 0.3s ease; /* Animazione di rotazione */
}

/* Ruota la freccia quando il dropdown è aperto */
.nav-item .nav-link.show .dropdown-icon {
    transform: rotate(180deg); /* Rotazione verso l'alto */
}

.hero-section {
    /*background: linear-gradient(to bottom, #fde7e7, #ffffff);*/
    padding-top: 100px;
    padding-bottom: 100px;
    font-family: 'Montserrat', sans-serif;
}

#hero-section-img-bg {
    position: relative;
    margin-top: -8rem !important;
    z-index: -10;
}

@media (min-width: 768px) {
    #hero-section-img-bg {
        margin-top: -20rem !important;
    }
}

.hero-section h1 {
    font-family: 'Montserrat', sans-serif;
    color: #183047; /* Blu scuro */
}

.hero-section .lead {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.2rem;
    color: #666;
}

.search-bar {
    max-width: 600px;
}

.search-bar .form-control {
    border-radius: 25px;
    height: 50px;
    border: 1px solid #ddd;
    padding: 10px 20px;
    font-size: 1rem;
}

.search-bar .btn {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Search input placeholder styling */
#home-search-input::placeholder {
    font-size: 0.9rem;
    opacity: 0.7;
}

#search-input::placeholder {
    font-size: 0.8rem;
    opacity: 0.7;
}

.features-section {
    background-color: #f9f9f9;
    padding: 60px 0;
}

.features-section h2 {
    font-family: 'Montserrat', sans-serif;
    color: #183047;
}

.feature-item h5 {
    font-family: 'Montserrat', sans-serif;
    color: #183047;
    margin-top: 10px;
    margin-bottom: 15px;
}

.feature-item p {
    font-family: 'Montserrat', sans-serif;
    color: #555;
    font-size: 14px;
}

.services-slider {
    background-color: #f9f9f9;
    padding: 60px 0;
}

.services-slider h2 {
    font-family: 'Montserrat', sans-serif;
    color: #183047; /* Colore del titolo principale */
}

.service-item {
    text-align: center;
}

.service-item img {
    width: 200px;
    height: 200px;
    object-fit: cover;
    border: 2px solid #ddd;
    margin: 0 auto;
}

.service-item p {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px; /* Dimensione leggibile */
    color: #183047; /* Colore del titolo */
    margin-top: 10px;
}

/* Posizionamento frecce laterali */
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
    position: absolute;
    top: 50%; /* Centrate verticalmente */
    transform: translateY(-50%);
    background-color: #183047; /* Colore di sfondo */
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff; /* Colore dell'icona */
    font-size: 18px;
    cursor: pointer;
    z-index: 1000; /* Garantisce che siano sopra tutto */
}

.owl-carousel .owl-nav button.owl-prev {
    left: -50px; /* Distanza dal lato sinistro del carosello */
}

.owl-carousel .owl-nav button.owl-next {
    right: -50px; /* Distanza dal lato destro del carosello */
}

/* Cambia colore al passaggio del mouse */
.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-next:hover {
    background-color: #d9534f; /* Colore rosso su hover */
    color: #fff;
}

.footer, .intestazioni {
    background-color: #183047; /* Blu scuro */
    color: #ffffff;
}

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

.footer ul li {
    margin-bottom: 8px;
}

.footer hr {
    border-color: rgba(255, 255, 255, 0.2);
}

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

.footer i{
    color: white;
}

.copyright {
    color: #ffffff;
    background-color: #183047; /* Blu scuro */
}

.copyright img {
    max-width: 100px;
    height: auto;
}


/* Cambia il colore dello sfondo e del testo del bottone quando l'accordion è aperto */
.accordion-button:not(.collapsed) {
    background-color: #ebebeb; /* Colore di sfondo quando è aperto */
    color: #183047; /* Colore del testo */
    border-color: #ebebeb; /* Colore del bordo */
}

/* Cambia il colore del bordo dell'intestazione aperta */
.accordion-item .accordion-header {
    border-color: #ebebeb;
}

/* Rimuove il box-shadow sul focus */
.accordion-button:focus {
    box-shadow: none; /* Nessun effetto di focus */
    outline: none; /* Rimuove la linea di contorno */
}


.rounded-5 {
    border-radius: 0.6rem !important; 
}