/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/spotlight/spotlight.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
.spotlight-container {
  max-width: 750px;
}
@media screen and (max-width: 991.99px) {
  .spotlight-container {
    max-width: 70%;
  }
}
@media screen and (max-width: 767.99px) {
  .spotlight-container {
    max-width: 80%;
  }
}
.spotlight-container {
  margin-inline: auto;
  padding-inline: 30px;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 991.99px) {
  .spotlight-container {
    padding-inline: 15px;
  }
}
.spotlight-container {
  margin-block: 50px !important;
  padding-top: 100px;
}
@media screen and (max-width: 767.99px) {
  .spotlight-container {
    padding-top: 40px;
  }
}
.spotlight-container .custom-media-upload {
  position: relative;
}
.spotlight-container .custom-media-upload button {
  position: absolute;
  right: 70px;
  top: -50px;
}
.spotlight-content {
  font-family: "Reader", sans-serif;
  font-weight: 400;
  font-size: clamp(1.125rem, 0.447vw + 0.838rem, 1.375rem);
  font-family: "Reader", sans-serif;
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-block-start: 30px;
}
.spotlight-content h2 {
  font-family: "Reader", sans-serif;
  font-weight: 400;
  font-size: clamp(1.75rem, 1.342vw + 0.889rem, 2.5rem) !important;
  font-family: "Reader", sans-serif;
  font-weight: 500;
  letter-spacing: 10%;
  margin: 0;
  text-transform: uppercase;
}
.spotlight-content h2 {
  margin: 0;
  text-align: center;
  text-transform: uppercase;
}
.spotlight-content p {
  margin: 0;
  text-align: center;
}
.spotlight-image {
  aspect-ratio: 1.78;
  position: relative;
  height: 100%;
  width: 100%;
}
.spotlight-image video,
.spotlight-image img, .spotlight-image iframe {
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.spotlight-image {
  aspect-ratio: 0.9;
  margin-inline: auto;
  max-width: 450px;
}
@media screen and (max-width: 767.99px) {
  .spotlight-image {
    max-width: 200px;
  }
}
.spotlight-image:before {
  content: "";
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTExIiBoZWlnaHQ9IjI5IiB2aWV3Qm94PSIwIDAgMTExIDI5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfOThfNTczKSI+CjxwYXRoIGQ9Ik0yNy40NjY3IDE0LjUxN0wwLjUzNzQ4NCAyOUMyLjQ1MTQgMjQuNTY5OSAzLjUyNTg4IDE5LjY5NjggMy41MjU4OCAxNC41NTExQzMuNTI1ODggOS40MDU0MSAyLjQ1MTQgNC40NjQxNiAwLjUwMzkwNiAwTDI3LjQ2NjcgMTQuNTE3WiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTY5LjAwMTggMTQuNTE3TDQyLjA3MjYgMjlDNDMuOTg2NiAyNC41Njk5IDQ1LjA2MSAxOS42OTY4IDQ1LjA2MSAxNC41NTExQzQ1LjA2MSA5LjQwNTQxIDQzLjk4NjYgNC40NjQxNiA0Mi4wMzkxIDBMNjkuMDAxOCAxNC41MTdaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMTEwLjUwNCAxNC41MTdMODMuNTc0OCAyOUM4NS40ODg4IDI0LjU2OTkgODYuNTYzMiAxOS42OTY4IDg2LjU2MzIgMTQuNTUxMUM4Ni41NjMyIDkuNDA1NDEgODUuNDg4OCA0LjQ2NDE2IDgzLjU0MTMgMEwxMTAuNTA0IDE0LjUxN1oiIGZpbGw9ImJsYWNrIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfOThfNTczIj4KPHJlY3Qgd2lkdGg9IjExMCIgaGVpZ2h0PSIyOSIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuNTAzOTA2KSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=) no-repeat;
  background-size: 100%;
  height: 30px;
  width: 85px;
  position: absolute;
  left: calc((10% + 85px) * -1);
  top: 65%;
}
@media screen and (max-width: 767.99px) {
  .spotlight-image:before {
    left: -85px;
    width: 60px;
  }
}
.spotlight-image:after {
  content: "";
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTExIiBoZWlnaHQ9IjI5IiB2aWV3Qm94PSIwIDAgMTExIDI5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfOThfNTczKSI+CjxwYXRoIGQ9Ik0yNy40NjY3IDE0LjUxN0wwLjUzNzQ4NCAyOUMyLjQ1MTQgMjQuNTY5OSAzLjUyNTg4IDE5LjY5NjggMy41MjU4OCAxNC41NTExQzMuNTI1ODggOS40MDU0MSAyLjQ1MTQgNC40NjQxNiAwLjUwMzkwNiAwTDI3LjQ2NjcgMTQuNTE3WiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTY5LjAwMTggMTQuNTE3TDQyLjA3MjYgMjlDNDMuOTg2NiAyNC41Njk5IDQ1LjA2MSAxOS42OTY4IDQ1LjA2MSAxNC41NTExQzQ1LjA2MSA5LjQwNTQxIDQzLjk4NjYgNC40NjQxNiA0Mi4wMzkxIDBMNjkuMDAxOCAxNC41MTdaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMTEwLjUwNCAxNC41MTdMODMuNTc0OCAyOUM4NS40ODg4IDI0LjU2OTkgODYuNTYzMiAxOS42OTY4IDg2LjU2MzIgMTQuNTUxMUM4Ni41NjMyIDkuNDA1NDEgODUuNDg4OCA0LjQ2NDE2IDgzLjU0MTMgMEwxMTAuNTA0IDE0LjUxN1oiIGZpbGw9ImJsYWNrIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfOThfNTczIj4KPHJlY3Qgd2lkdGg9IjExMCIgaGVpZ2h0PSIyOSIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuNTAzOTA2KSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=) no-repeat;
  background-size: 100%;
  height: 30px;
  width: 85px;
  position: absolute;
  right: calc((5% + 85px) * -1);
  top: 50%;
  transform: rotate(90deg);
}
@media screen and (max-width: 767.99px) {
  .spotlight-image:after {
    right: -60px;
    width: 60px;
  }
}
.spotlight-number {
  font-family: "Reader", sans-serif;
  font-weight: 400;
  color: #B87D23;
  font-size: clamp(6.25rem, 28.935vw - 7.639rem, 14.063rem);
  font-family: "Reader", sans-serif;
  line-height: 0.5;
}
.spotlight-number {
  font-variant-numeric: slashed-zero;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
@media screen and (max-width: 767.99px) {
  .spotlight-number {
    left: 0;
  }
}

/*# sourceMappingURL=spotlight.css.map*/