/* Page header styles */
.page-header {
  padding: 200px 0 60px;
  background: linear-gradient(to bottom, #000, #111827);
  text-align: center;
}
.page-title {
  font-size: 48px;
  font-weight: 700;
  margin-bottom: 16px;
}
.page-description {
  font-size: 20px;
  color: #d1d5db;
  max-width: 800px;
  margin: 0 auto;
}


/* About page styles */
.about-main {
  padding: 120px 0 60px;
  background: linear-gradient(to bottom, #000, #111827);

}

.about-content {
  max-width: 800px;
  margin: 0 auto;
}

.about-title {
  font-size: 48px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 40px;
}

.about-section {
  margin-bottom: 40px;
  padding: 32px;
}

.about-section-title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
  color: #22d3ee;
}

.about-text {
  color: #d1d5db;
  margin-bottom: 16px;
}

.about-text:last-child {
  margin-bottom: 0;
}

/* Approach grid */
.approach-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

.approach-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 8px;
  color: #fff;
}

.approach-text {
  color: #d1d5db;
}

/* CTA section */
.about-cta {
  text-align: center;
  margin-top: 40px;
}

.cta-text {
  font-size: 20px;
  color: #d1d5db;
  margin-bottom: 20px;
}


/* Responsive adjustments */
@media (max-width: 768px) {
  .about-title {
    font-size: 36px;
  }
  
  .approach-grid {
    grid-template-columns: 1fr;
  }
}
.dots {
  color: #d1d5db;
  margin-bottom: 16px;
}