/* General Styles */
 details {
     font-family: 'Roobert Regular', Arial, sans-serif;
     margin-bottom: 8px;
     padding: 10px;
     border-bottom: 1px solid #cccccc;
 }

 /* Title style */
 summary {
     font-family: 'Roobert Light', Arial, sans-serif;
     font-weight: 300;
     font-size: 20px;
     color: #3d3d40;
     cursor: pointer;
     outline: none;
     list-style: none;
     padding-bottom:10px;
 }

 /* hide default marker */
 summary::-webkit-details-marker {
     display: none;
 }

 summary::before {
     content: "▶ ";
     color: #4bcd3e;
     transition: transform 0.2s ease;
     display: inline-block;
     margin-right: 8px;
     font-size: 16px;
     vertical-align: text-top;
 }

 /* arrow rotation */
 details[open]>summary::before {
     transform: rotate(90deg);
 }

 /* content style */
 details>div {
     margin-top: 8px;
     padding-left: 15px;
     /*border-left: 2px solid #ebebeb;*/
 }

 /* nested accordeon */
 details details {}

 .faq h2{
    margin-top:40px;
    margin-bottom:40px;
 }

 .faq a {
    color:#4bcd3e;
 }

 .imagesFaq {
     max-width:500px;
 }
 

 @media only screen and (max-width:450px) {
     .faq {
         padding: 0 15px;
     }

     details {
        padding:0;
     }

     summary::before {
        font-size:14px;
     }

     .faq details summary {
         font-size: 16px;
     }

     .faq p,
     .faq li {
         font-size: 14px !important;
     }

     .imagesFaq {
         width: 100%;
     }
 }