body{
    font-family: 'Work Sans', sans-serif;
    background-color: black;

}

/* unvisited link */
a:link {
        color: #FFFF00;
      }
/* visited link */
a:visited {
        color: #FFFF00;
      }
/* mouse over link */
a:hover {
        color: #FF8080;
      }
/* selected link */
a:active {
        color: #800000;
      }

.faq-heading{
    border-bottom: #777;
    padding: 20px 60px;
	color: #00DF00;
	
}
.faq-container{
display: flex;
justify-content: center;
flex-direction: column;

}
.hr-line{
  width: 60%;
  margin: auto;
  
}
/* Style the buttons that are used to open and close the faq-page body */
.faq-page {
    background-color: #000;
    color: #777;
    cursor: pointer;
    padding: 30px 20px;
    width: 60%;
    border: none;
    outline: none;
    transition: 0.4s;
    margin: auto;

}
.faq-body{
    margin: auto;
    /* text-align: center; */
   width: 50%; 
   padding: auto;
   color: white;
}


/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active,
.faq-page:hover {
    background-color: #F9F9F9;
}

/* Style the faq-page panel. Note: hidden by default */
.faq-body {
    padding: 0 18px;
    background-color: black;
    display: none;
    overflow: hidden;
}

.faq-page:after {
    content: '\02795';
    /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
}

.active:after {
    content: "\2796";
    /* Unicode character for "minus" sign (-) */
}

.list-page {
    background-color: #000;
    color: #777;
    padding: 30px 20px;
    width: 60%;
    border: none;
    outline: none;
    transition: 0.4s;
    margin: auto;

}

/* The navigation bar */
.navbar {
  overflow: hidden;
  background-color: #333;
  position: fixed; /* Set the navbar to fixed position */
  top: 0; /* Position the navbar at the top of the page */
  width: 100%; /* Full width */
}
/* Links inside the navbar */
.navbar a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
/* Change background on mouse-over */
.navbar a:hover {
  background: #ddd;
  color: black;
}

/* Footer */
.footer {
  padding: 10px;
  text-align: center;
  background: #ddd;
  margin-top: 80px;
}
.footer-heading{
    border-bottom: #777;
    padding: 10px 20px;
	color: black;
	
}

/* Contact Form */
.contact-form {
  margin: auto;
  padding: 50px;
  max-width: 1000px;
  display: flex;
  flex-direction: column;

  .btn {
    width: 100%;
  }

  form {
    width: 100%;
    align-items: center;
  }
}