.exclusive-section {
  background: linear-gradient(180deg, #fff 0, #eef4f8 100%);
}

.exclusive-heading {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 7vw;
  align-items: end;
  margin-bottom: 2.6rem;
}

.exclusive-heading > p {
  color: #607087;
  font-size: 1.08rem;
  margin: 0;
}

.exclusive-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}

.exclusive-grid article {
  background: #fff;
  border: 1px solid #d5e1ea;
  border-top: 4px solid #0877b3;
  padding: 1.55rem;
  min-height: 235px;
  box-shadow: 0 10px 30px rgba(7, 22, 43, .06);
}

.exclusive-grid b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.15rem;
  height: 2.15rem;
  border-radius: 50%;
  background: #e4f4fc;
  color: #0077b9;
}

.exclusive-grid h3 {
  font-size: 1.28rem;
  line-height: 1.2;
  margin: .85rem 0 .55rem;
}

.exclusive-grid p {
  color: #607087;
  margin: 0;
}

.exclusive-grid .exclusive-visual {
  padding: 0;
  overflow: hidden;
  border-top-color: #ef9c36;
}

.exclusive-visual img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  background: #edf3f7;
}

.exclusive-visual div {
  padding: 1.55rem;
}

.exclusive-links {
  display: flex;
  gap: .9rem;
  align-items: center;
  margin-top: 2rem;
  flex-wrap: wrap;
}

.exclusive-links .text-link {
  color: #0077b9;
  margin-left: auto;
}

@media (max-width: 900px) {
  .exclusive-heading {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .exclusive-grid {
    grid-template-columns: 1fr;
  }

  .exclusive-grid article {
    min-height: 0;
  }

  .exclusive-visual img {
    height: 240px;
  }

  .exclusive-links .text-link {
    margin-left: 0;
    width: 100%;
  }
}