body {
      background-color: #1a1a1a;
      color: #f5f5f5;
      font-family: 'Segoe UI', sans-serif;
    }
    .hero {
      background-color: red;
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 90vh;
      text-align: center;
      padding: 2rem;
      overflow: hidden;
    }
    
    .hero img {
      max-width: 100%;
      height: auto;
    }

    .hero img {
      max-width: 100%;
      height: auto;
      object-fit: contain;
    }
    .highlight {
      color: #f9d302; 
      font-weight: bold;
    }
    .section {
      padding: 4rem 1rem;
    }
    h1, h2 {
      color: #ffffff;
    }
    ul li::marker {
      color: #dc3545; /* Bootstrap's red */
    }
    hr {
      border-color: #444;
      margin: 3rem 0;
    }
    
    
    .faq {
        border:1px solid white;
        padding:3em;
    }