/* ourstory.css */

.ourstory-container {
  font-family: 'Segoe UI', sans-serif;
  color: #1f2937;
  background-color: #fff;
}



/* Story Section */
.story-section {
  padding: 5rem 2rem;
  text-align: center;
  background-color: #ffffff;
}

.story-section h2 {
  font-size: 2rem;
  font-weight: bold;
  color: #731399; /* yellow-700 */
  text-decoration: underline;
  text-decoration-color: #200119;
  margin-bottom: 1.5rem;
}

.story-section p {
  max-width: 700px;
  margin: 0 auto;
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: #374151; /* gray-800 */
}

.story-section .highlight {
  font-weight: 600;
  color: #731399;
}

.story-section .italic {
  margin-top: 1.5rem;
  font-style: italic;
  color: #4b5563; /* gray-600 */
}

/* Logo Section */
.logo-section {
  background-color: #f3f4f6; /* gray-100 */
  padding: 5rem 2rem;
  text-align: center;
}

.logo-section h2 {
  font-size: 2rem;
  font-weight: bold;
  color: #731399;
  text-decoration: underline;
  text-decoration-color: #200119;
  margin-bottom: 2rem;
}

.logo-container {
  display: flex;
  justify-content: center;
  margin-bottom: 1.5rem;
}

.logo-container img {
  height: 12rem;
  width: 12rem;
  object-fit: contain;
  border-radius: 9999px;
  border: 4px solid #200119;
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.2);
}

.logo-section p {
  max-width: 600px;
  margin: 0 auto;
  font-size: 1.125rem;
  color: #374151;
  line-height: 1.75rem;
}