.corporate-governance-section {
  background: var(--color-020b14);

  padding: 150px 0px;
}

.governance-cards {
  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 25px;

  max-width: 1330px;
  margin: 0 auto;
}

.governance-item {
  background: linear-gradient(
    145deg,
    var(--color-ffffff-alpha-06),
    var(--color-ffffff-alpha-02)
  );

  border: 1px solid var(--color-ffffff-alpha-1);

  border-radius: 22px;

  padding: 32px;

  transition: 0.35s ease;
}

.governance-item:hover {
  transform: translateY(-8px);

  border-color: var(--color-brand-accent);
}

.governance-icon {
  width: 48px;

  height: 48px;

  border-radius: 14px;

  background: var(--color-009fe3-alpha-12);

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 22px;
}

.governance-icon i {
  color: var(--color-brand-accent);

  font-size: var(--font-size-20);
}

.governance-label {
  margin: 18px 0 14px;
  color: var(--color-text-dark);
  font-weight: 600;
  font-family: gotham;
  font-size: var(--font-size-14);
  line-height: 1.5;
}

.governance-item h3 {
  color: var(--color-white);

  font-size: var(--font-size-24);

  margin: 14px 0 5px;
}

.governance-item h5 {
  color: var(--color-text-muted);

  font-size: var(--font-size-16);

  margin: 0 0 20px;
}

.governance-item p {
  color: var(--color-text-muted);

  line-height: 1.8;

  font-size: var(--font-size-16);

  margin-bottom: 20px;
}

.governance-item strong {
  color: var(--color-brand-accent);

  font-size: var(--font-size-15);
}

.audit-status {
  margin-top: 20px;

  max-width: fit-content;

  gap: 8px;

  padding: 10px 18px;

  border-radius: 40px;

  background: var(--color-brand-accent);

  color: var(--color-white);

  font-size: var(--font-size-12);
}

.audit-status b {
  color: var(--color-white);
}

.governance-download-grid {
  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 25px;

  max-width: 1330px;
  margin: 30px auto 0;
}

.governance-download {
  padding: 28px;

  border-radius: 20px;

  background: linear-gradient(135deg, var(--color-006fd6), var(--color-brand-accent));

  display: flex;

  justify-content: space-between;

  align-items: center;

  text-decoration: none;
}

.governance-download small {
  color: var(--color-ffffff-alpha-7);

  font-size: var(--font-size-11);

  letter-spacing: 1.5px;
}

.governance-download h4 {
  color: var(--color-white);

  margin: 10px 0 0;

  font-size: var(--font-size-18);
}

.governance-download-icon {
  height: 50px;
  width: 50px;
  background-color: var(--color-white) !important;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.governance-download-icon svg {
  height: 30px;
  width: 30px;
}

@media (max-width: 900px) {
  .corporate-governance-section {
    padding: 70px 40px;
  }

  .governance-cards,
  .governance-download-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .corporate-governance-section {
    padding: 60px 20px;
  }

  .governance-title h2 {
    font-size: var(--font-size-32);
  }
}