/* determina i colori da usare per questa pagina */
 :root {
     --navEfooter: rgb(9, 59, 104);
     --mainFaq: #ffffff;
 }

 /* sezione NAV SET COLORE PER QUESTA PAGINA */
 #navTop {
     background: var(--navEfooter);
 }

 /* INIZIO SEZIONE FAQ */
 #boxAllFaq {
     display: flex;
     justify-content: center;
     align-items: center;
     min-height: 100vh;
     background: var(--mainFaq);
 }

 .container {
     margin: 0 40px;
     max-width: 800px;
     display: flex;
     flex-direction: column;
     gap: 20px;
 }

 .container h1 {
     color: #333;
 }

 /* SEZIONE NUOVA */
 summary {
     font-size: 1.1rem;
     font-weight: 400;
     background-color: #fff;
     color: #333;
     padding: 1rem;
     margin-bottom: 0.6rem;
     outline: none;
     border-radius: 0.25rem;
     text-align: left;
     cursor: pointer;
     position: relative;
     padding-right: 20px;
 }

 details>summary::after {
     position: absolute;
     content: "+";
     right: 5px;
 }

 details[open]>summary::after {
     position: absolute;
     content: "-";
     right: 5px;
 }

 details>summary::-webkit-details-marker {
     display: none;
 }

 details[open] summary~* {
     animation: sweep .5s ease-in-out;
 }

 @keyframes sweep {
     0% {
         opacity: 0;
         margin-top: -10px
     }

     100% {
         opacity: 1;
         margin-top: 0px
     }
 }

 /* CELLULARI SMART PHONE min 450 px Verticali */
 /* setta media quesry per ipad verticale */
 @media screen and (max-width:450px) {

     /* SET H1 */
     h1 {
         font-size: 1.3rem;
     }

     /* SET H2 E H3 */
     .h2c,
     .h3c {
         font-size: 1.1rem;
     }

     /* SET p */
     p {
         font-size: 1rem;
     }
 }