.suicide-more-reasons-summary {
  color:  #508d24;
  font-weight: bold;
  text-align: center;
  
}

.suicide-more-reasons-details {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
  
}

.suicide-more-reasons-list {
  list-style-type: none; /* Removes bullet points */
  padding-left: 0; /* Removes default padding */
}

.suicide-more-reasons-list li {
  border: 1px solid black; /* Adds a thin black border */
  padding: 5px; /* Adds some padding inside the border */
  margin: 5px 0; /* Adds some margin between list items */
  text-align: center;
  
}
 .quote-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh; /* 100% of the viewport height */
}
.quote.suicide-quote {
  font-weight: bold;
  font-style: italic;
  font-size: 1.2em;
  color: #508d24;
  margin-bottom: 1em;
  text-align: center;

}
.quote.suicide-quote::before {
  content: "\f10d";
  font-family: "Font Awesome 5 Free"; /* Replace with the actual font-family you're using for Font Awesome */
  padding-right: 0.5em; /* Add space to the right */
  color: #1c4c54;
}

.quote.suicide-quote::after {
  content: "\f10e";
  font-family: "Font Awesome 5 Free"; /* Replace with the actual font-family you're using for Font Awesome */
  padding-left: 0.5em; /* Add space to the left */
  color: #1c4c54;
}
.suicide-quote {
    border: 1px solid #CCCCCC; /* Adds a border around the element */
    padding: 10px; /* Adds space inside the box, around the content */
    margin-top: 20px; /* Adds space above the box */
    /* Other styling like background-color, border-radius, etc., can be added here */
}