.about-page .about-section {
  background:
    radial-gradient(circle at 8% 0%, rgba(66, 105, 178, 0.1), transparent 40%),
    radial-gradient(circle at 92% 100%, rgba(247, 143, 30, 0.08), transparent 36%),
    #f8faff;
}

.about-page .section-title h2,
.about-page .features-content-box .section-title h2 {
  color: var(--brand-text);
  letter-spacing: -0.01em;
}

.about-page .fancy-icon-box-three {
  padding: 18px 14px;
  border-radius: 18px;
  border: 1px solid rgba(66, 105, 178, 0.14);
  background: #ffffff;
  box-shadow: 0 12px 32px -26px rgba(66, 105, 178, 0.45);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.about-page .fancy-icon-box-three:hover {
  transform: translateY(-2px);
  border-color: rgba(66, 105, 178, 0.24);
  box-shadow: 0 18px 38px -26px rgba(66, 105, 178, 0.55);
}

.about-page .fancy-icon-box-three .icon {
  width: 64px;
  height: 64px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(66, 105, 178, 0.08);
  border: 1px solid rgba(66, 105, 178, 0.16);
}

.about-page .fancy-icon-box-three .icon img {
  max-width: 36px;
  max-height: 36px;
}

.about-page .fancy-icon-box-three .content h4 {
  color: var(--brand-text);
}

.about-page .fancy-icon-box-three .content p,
.about-page .features-content-box p {
  color: #2f3a4e;
  font-size: 17px;
  line-height: 1.8;
}

.about-page .partners-marquee-section {
  background: #f9fbff;
}

.about-page .partners-marquee {
  border: 1px solid rgba(66, 105, 178, 0.12);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 14px 34px -30px rgba(66, 105, 178, 0.45);
}

.about-page .features-section {
  background: #f8faff;
}

.about-page .features-content-box .main-btn.secondary-btn {
  background: var(--brand-primary) !important;
  border: 1px solid var(--brand-primary) !important;
}

.about-page .features-content-box .main-btn.secondary-btn:hover {
  background: var(--brand-gradient) !important;
  border-color: transparent !important;
}