.anchor-underline {
  text-decoration-line: underline !important;
  text-decoration-color: #f53e4c !important;
  text-decoration-thickness: 3px;
}

.scholarships-banner {
  position: relative;
  border: 0px solid rgb(49.2, 47.2, 44.8);
  border-block-end-width: 1px;
  padding-block: 4.5em;
}

.scholarships-banner-body {
  position: relative;
}

.scholarships-banner-body h1 {
  color: #ffffff;
  font-size: clamp(2rem, 5vw + 1rem, 4rem);
}

.scholarships-banner-body p {
  color: #ffffff;
  font-weight: bold;
  font-size: clamp(1.2rem, 2vw + 1rem, 2rem);
  margin-block-start: 0.8em;
}

.scholarships-banner-cover {
  position: absolute;
  inset: 0;
}

.scholarships-banner-cover > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.scholarships-banner-overlay {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(-45deg, rgba(0, 0, 0, 0.8) 3em, rgba(0, 0, 0, 0) 100%);
}

.scholarships {
  margin-block: 1.5em;
  grid-column: breakout-width;
  gap: 1em;
}

.scholarships-aside {
  background-color: rgb(253.2, 251.2, 248.8);
  border: 1px solid rgb(221.4, 212.4, 201.6);
  height: fit-content;
  border-block-start-color: #f53e4c;
  border-block-start-width: 4px;
  padding: 0 1em 1em 1em;
}
.scholarships-aside h2 {
  margin-block-start: 0.8em;
}
.scholarships-aside p {
  margin-block-start: 0.2em;
  font-size: 1rem;
}
.scholarships-aside p a {
  color: #f53e4c;
  font-weight: bold;
}

.scholarships-main > h2 {
  padding-block: 0.5em;
  border: 0px solid #7b7670;
  border-block-end-width: 1px;
}

.scholarships-item {
  width: 100%;
  margin-block: 1em;
  background: linear-gradient(to bottom, rgba(251.4, 247.4, 242.6, 0.8), transparent);
  background-color: #f6ece0;
  border: 1px solid rgb(196.8, 188.8, 179.2);
  border-radius: 0.5em;
  padding: 1.2em 1.5em;
}

.scholarships-item-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.scholarships-item-status > span {
  color: green;
  font-weight: bold;
}
.scholarships-item-status.closed > span {
  color: hsl(0, 50%, 31%);
}

.scholarships-register-button {
  font-weight: bold;
  color: #f53e4c;
}

.scholarships-item-header > h3 {
  font-size: 1.5rem;
}
.scholarships-item-header > span {
  font-size: 1.1rem;
}

.scholarships-item-closed {
  background-color: #666666;
  cursor: not-allowed;
}
.scholarships-item-closed * {
  color: #666666;
}

@media screen and (max-width: 900px) {
  .scholarships-banner {
    padding-inline: 1.5em;
  }
  .scholarships-banner-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .scholarships-banner-overlay {
    background-image: linear-gradient(-270deg, rgba(0, 0, 0, 0.8) 3em, rgba(0, 0, 0, 0) 100%);
  }
  .scholarships {
    display: flex;
    flex-direction: column;
  }
}