.section__discover-more {
  position: relative;
  padding-top: 16.8rem;
}

.section__discover-more h2 {
  color: var(--color-title-gray);
  font-family: var(--font-featured);
  font-size: 8rem;
  line-height: 7rem;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 4.2rem;
  margin-left: 5.37%;
  text-transform: uppercase;
}

.section__discover-more h5 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row-reverse;
  gap: 1rem;
  color: black;
  font-size: 1.6rem;
  line-height: 1.9rem;
  font-weight: 330;
  margin-top: 0;
  margin-bottom: 5.5rem;
  margin-left: 5.833%;
}

.section__discover-more h5:before {
  content: "05";
  order: 2;
}

.section__discover-more h5:after {
  content: "";
  display: inline-block;
  width: 7.4rem;
  border-top: 1px solid black;
  order: 0;
}

.section__discover-more .wrap__discover-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.9rem;
  padding-inline: 5.833%;
}

.section__discover-more .wrap__overlay-circle {
  position: absolute;
  top: 12.7rem;
  right: -34.72%;
  width: 93.4028%;
  padding-bottom: 93.4028%;
  z-index: -1;
  pointer-events: none;
}

.section__discover-more .wrap__overlay-circle:before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--bg-yellow-circle);
  background-size: cover;
  background-position: center;
  animation: pulse 4s infinite;
}

@media screen and (max-width: 1023px) {
  .section__discover-more {
    padding-top: 13.1rem;
  }

  .section__discover-more h2 {
    font-size: 4.5rem;
    line-height: 4rem;
    margin-bottom: 1.9rem;
    margin-left: 9.4213%;
  }
  
  .section__discover-more h5 {
    margin-left: 10.2%;
    gap: .9rem;
    font-size: 1.4rem;
    line-height: 1.7rem;
    margin-bottom: 4.2rem;
  }

  .section__discover-more h5::after {
    width: 6.5rem;
  }

  .section__discover-more .wrap__discover-grid {
    padding-inline: 10.2%;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 2.4rem;
  }

  .section__discover-more .wrap__overlay-circle {
    top: 36.4rem;
    left: -69.352%;
    right: auto;
    width: 313.472%;
    padding-bottom: 313.408%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .section__discover-more .wrap__discover-grid {
    padding-inline: 5.6%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2.4rem;
  }

  .section__discover-more .wrap__overlay-circle {
    top: 15.4rem;
    right: -50.352%;
    left: auto;
    width: 113.472%;
    padding-bottom: 113.408%;
  }
}