.about-us {
           position: relative;
           background-image: url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRAiBMO4WsapySVnvu5p02SpgFZCT_o9tVhZQ-NzRj2dch-TrtztAR25iY-oX6lKVZWDTY&usqp=CAU');
           background-size: cover;
           background-position: center;
           padding: 40px;
           margin-top: 20px;
           height: 200px;
           color: white;
       }

       .about-us::before {
           content: "";
           position: absolute;
           top: 0;
           left: 0;
           width: 100%;
           height: 100%;
           background-color: #060000e0;
           z-index: 1;
       }

       .about-us h1 {
           position: relative;
           z-index: 2;
       }


       .intro {
           padding: 40px 20px;
       }

       .how-it-works {
           padding: 40px 20px;
           background-color: #fff;
       }



       .faq-section {
           width: 80%;
           margin: auto;
       }

       h1 {
        
           font-size: 36px;
       }

       .faq-intro {
           text-align: center;
           font-size: 16px;
           color: #7a7a7a;
           margin-bottom: 20px;
       }

       .faq-item {
           margin-bottom: 10px;
           border: none !important;
           outline: none !important;
       }

       .faq-title {
           display: flex;
           justify-content: space-between;
           align-items: center;
           cursor: pointer;
           padding: 15px;
           background-color: #f0fafb;
           border-radius: 20px;
           border: none !important;
           outline: none !important;
       }

       .faq-number {
           font-size: 18px;
           color: #0ab7c9;
           flex-shrink: 0;
           width: 30px;
       }

       .faq-question {
           flex-grow: 1;
           font-size: 18px;
           color: #333;
       }

       .faq-icon {
           font-size: 24px;
           color: #0ab7c9;
           transition: transform 0.3s;
       }

       .faq-content {
           display: none;
           padding: 15px;
           background-color: #fff;
           font-size: 16px;
           color: #666;
           border-radius: 20px;
           border: none !important;
           outline: none !important;

       }

       .faq-item.active .faq-content {
           display: block;
       }

       .faq-item.active .faq-icon {
           transform: rotate(45deg);
           /* Change icon from + to x */
       }

       .text-left {
           text-align: left !important;
       }

       @media (max-width: 1200px) {
           .intro {
               padding: 50px 10px;
           }
       }

       @media (max-width: 768px) {
           .intro {
               padding: 20px;
           }
       }

       @media (max-width: 576px) {
           .intro {
               padding: 10px;
           }
       }

       @media (max-width: 320px) {
           .intro {
               padding: 5px;
           }
       }