.spotlight {
  background-image: url(../../../images/bkg-blue-circles.jpg);
  min-height: 500px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.spotlight .dots {
  margin: 0 auto;
  padding: 60px 10px;
  max-width: 1400px;
  background: url(../../../images/spotlight-dots.svg) no-repeat center center;
  background-size: 80%;
}
@media (min-width: 376px) {
  .spotlight .dots {
    padding: 60px 15px;
  }
}
@media (min-width: 821px) {
  .spotlight .dots {
    padding: 6rem;
  }
}
.spotlight .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  padding: 2rem;
  width: 100%;
  max-width: 540px;
  aspect-ratio: 1/1;
  background-color: #ffc222;
  text-align: center;
}
@media (min-width: 821px) {
  .spotlight .container {
    padding: 5rem;
  }
}
.spotlight .container .copy p {
  line-height: 1.3;
}
.spotlight .container .copy strong {
  font-size: 1.2rem;
}