.custom-basic-block--container {
  padding-block: 6%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}

.custom-basic-block--img-box img {
  width: 100%;
  height: auto;
}

.label-text-and-link-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
}
.link.link-blue {
  color: #153d6e;
}
.read-more-link-and-icon-box a {
  color: #fff;
}
.link:link,
.link:visited,
.read-more-link-and-icon-box a:link,
.read-more-link-and-icon-box:visited {
  position: relative;
  display: inline-block;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
}

.link:hover,
.link:active,
.read-more-link-and-icon-box a:hover,
.read-more-link-and-icon-box a:active {
  color: #b69a64;
}

.icon {
  width: 20px;
  height: 20px;
}

.link::after,
.read-more-link-and-icon-box a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #b69a64;
  width: 100%;
  height: 4px;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform 0.3s ease-in-out;
}

.link:hover::after,
.read-more-link-and-icon-box a:hover::after {
  transform-origin: left;
  transform: scaleX(1);
}

.read-more-link-and-icon-box {
  display: flex;
  align-items: center;
  gap: 8px;
}

.custom-basic-block--spotlight-container {
  height: 100%;
  padding: 8% 4%;
}

.custom-basic-block--spotlight-container .field--name-body p,
.title-label {
  color: #fff;
  line-height: 1.6;
}

.custom-basic-block--spotlight-container .field--name-body {
  max-width: 50%;
}

.custom-basic-block--spotlight-container
  .read-more-link-and-icon-box
  .link.link-blue {
  color: #fff;
}

@media (max-width: 75em) {
  .custom-basic-block--spotlight-container .field--name-body {
    max-width: 80%;
  }
}

@media (max-width: 58.3333333em) {
  .custom-basic-block--container {
    grid-template-columns: 1fr;
  }
  .custom-basic-block--spotlight-container .field--name-body {
    max-width: 100%;
  }
}