.credit-rating-section {
  background:
    radial-gradient(
      circle at 80% 30%,
      var(--color-009fe3-alpha-15),
      var(--color-transparent) 35%
    ),
    var(--color-020b14);

  padding: 150px 80px;
}

.credit-rating-header {
  text-align: center;

  margin-bottom: 55px;
}

.credit-rating-header h2 {
  color: var(--color-white);

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

  margin: 0 0 15px;
}

.credit-rating-header p {
  color: var(--color-ffffff-alpha-55);

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

.credit-rating-wrapper {
  display: flex;

  flex-direction: column;

  gap: 25px;
}

.rating-highlight {
  display: flex;

  align-items: center;

  gap: 22px;

  background: linear-gradient(
    135deg,
    var(--color-009fe3-alpha-18),
    var(--color-ffffff-alpha-04)
  );

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

  border-radius: 22px;

  padding: 30px;
}

.rating-icon {
  width: 60px;

  height: 60px;

  border-radius: 18px;

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

  display: flex;

  align-items: center;

  justify-content: center;
}

.agency-icon svg {
  width: 40px;
  fill: var(--color-brand-accent);
}

.rating-icon svg {
  width: 50px;
  fill: var(--color-0a2a3b);
}
.rating-highlight span,
.rating-agency span {
  color: var(--color-text-dark);
  font-weight: 600;
  font-family: gotham;
  font-size: var(--font-size-14);
  line-height: 1.5;
}

.rating-highlight h3 {
  margin: 8px 0 5px;

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

  color: var(--color-white);
}

.rating-highlight p {
  margin: 0;

  color: var(--color-ffffff-alpha-6);
}

.rating-table-wrapper {
  overflow-x: auto;

  background: var(--color-ffffff-alpha-04);

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

  border-radius: 22px;
}

.rating-table {
  width: 100%;

  border-collapse: collapse;

  min-width: 850px;
}

.rating-table th {
  text-align: left;

  padding: 18px;

  background: var(--color-ffffff-alpha-05);

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

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

  letter-spacing: 1px;
}

.rating-table td {
  padding: 20px 18px;

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

  color: var(--color-ffffff-alpha-7);

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

.rating-table td:first-child {
  color: var(--color-white);

  font-weight: 600;
}

.rating-value {
  color: var(--color-brand-accent);

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

.rating-agency {
  display: flex;

  align-items: center;

  gap: 20px;

  background: var(--color-ffffff-alpha-04);

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

  padding: 28px;

  border-radius: 22px;
}

.agency-icon {
  width: 50px;

  height: 50px;

  border-radius: 15px;

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

  display: flex;

  align-items: center;

  justify-content: center;
}

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

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

.rating-agency h3 {
  margin: 8px 0 0;

  color: var(--color-white);

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

@media (max-width: 700px) {
  .credit-rating-section {
    padding: 60px 20px;
  }

  .credit-rating-header h2 {
    font-size: var(--font-size-32);
  }

  .rating-highlight {
    align-items: flex-start;
  }

  .rating-agency {
    align-items: flex-start;

    flex-direction: column;
  }
}