/*gray, basic*/
/*faq*/
#faq{margin:30px auto 250px;}
.faq-text { max-width: 100%; margin: auto; margin-bottom: 20px; font-size:20px;max-width: none;}
.faq-title {font-weight: 400; box-sizing: border-box; color:#404040; font-size: 21px;  cursor: pointer; padding:10px 40px 10px 3%; margin-top: 10px; background-color:#eee; position:relative;max-width: none;border-bottom: #e9e4e0 1px solid;
  background: transparent;
  padding: 20px;
  margin: 0;}
.faq-title img.arrow-icon{ width:auto; height: 6px; position: absolute; right: 15px; top: 24px; transition: transform 0.3s ease; filter: brightness(0.3);/*transform: translateY(50%);*/transform: rotate(-90deg);}
.faq-title img.arrow-icon.rotate { transform: rotate(0deg);}
.faq-title:hover {opacity:0.8;}
.faq-text .faq_text_in { display: none; padding:5px 3% 30px; background-color:transparent; font-size: 19px;}

/* Rendiamo il contenitore principale il "recinto" entro cui la barra rimane fissata */
#faq {
    position: relative;
    margin: 30px auto 250px;
}

/* La barra di ricerca diventa sticky */
.faq-search-wrapper {
    position: -webkit-sticky; /* Supporto Safari */
    position: sticky;
    top: 58px; /* Distanza dal bordo superiore dello schermo quando si scende */
    z-index: 1; /* Evita che i titoli delle FAQ ci passino sopra */
    background-color: trasparent; /* Copre il testo che scorre sotto */
    padding: 15px 0; /* Spazio interno per non far toccare i testi */
    margin: 0 auto 30px auto;
    max-width: 1050px;

}

#faq-search {
    width: 100%;
    padding: 14px 24px;
    font-size: 18px;
    color: #404040;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    box-sizing: border-box;
    outline: none;
    transition: all 0.3s ease;

	border:none;
}

#faq-search:focus {
    background-color: #fff;
    border-color: #404040;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}