/* Wrapper */
.aboutSection {
  padding: 80px 20px;
  background: #fff;
  text-align: center;
}

/* Container */
.aboutSection .aboutContainer {
  max-width: 1100px;
  margin: 0 auto;
}

/* Headings */
.aboutSection h2 {
  font-size: 42px;
  color: #0e8fb0;
  font-weight: 700;
  margin: 0 0 20px;
}

.aboutSection h3 {
  font-size: 28px;
  color: #6b7280;
  font-weight: 600;
  margin: 0 0 20px;
}

/* Description */
.aboutSection .aboutDescription {
  margin: 20px auto;
  max-width: 800px;
  font-size: 16px;
  color: #374151;
  line-height: 1.6;
  letter-spacing: 0.8px;
  font-weight: 500;
}

/* Cards */
.aboutSection .aboutCards {
  display: flex;
  justify-content: center;
  gap: 25px;
  margin-top: 40px;
  flex-wrap: wrap;
}

/* Card */
.aboutSection .aboutCard {
  background: #f3f8fc;
  padding: 25px;
  border-radius: 12px;
  max-width: 300px;
  text-align: center;
  transition: 0.3s;
  cursor: pointer;
}

.aboutSection .aboutCard h4 {
  margin-top: 15px;
  font-size: 16px;
  color: #1f2937;
  font-weight: 600;
}

.aboutSection .aboutCard p {
  margin-top: 10px;
  font-size: 16px;
  color: #6b7280;
  line-height: 24px;
}

.aboutSection .aboutCard:hover {
  transform: translateY(-5px);
}

/* CTA */
.aboutSection .aboutCTA {
  margin-top: 40px;
  background: #10a3c5;
  color: #fff;
  border: none;
  padding: 14px 24px;
  border-radius: 6px;
  font-size: 20px;
  cursor: pointer;
  transition: 0.3s;
  font-weight: 500;
}

.aboutSection .aboutCTA:hover {
  background: #0c7a96;
}