.custom-html--sitecore .btn.btn-primary.front::after {
  content: '';
  background: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1) 10px, #004DFF 10px, #004DFF 12px);
  position: absolute;
  top: 20px;
  left: 20px;
  width: 29%;
  height: 75%;
  z-index: -2;
}
.custom-html--sitecore .top-title {
  font-size: 2.24rem;
}
.custom-html--sitecore .sub-marquee {
  top: 2em;
}
@media screen and (min-width: 1900px) {
  .custom-html--sitecore .sub-marquee {
    height: 40vh;
    position: relative;
  }
}
@media screen and (min-width: 2100px) {
  .custom-html--sitecore .sub-marquee {
    height: 23vh !important;
  }
  .custom-html--sitecore .marquee-container {
    height: 40vh;
  }
  .custom-html--sitecore .marquee-content {
    transform: translateY(25%);
    padding-top: 8em;
  }
}
@media screen and (max-width: 767px) {
  .custom-html--sitecore .sub-marquee {
    top: 1em;
    height: 19vh;
  }
}
.custom-html--sitecore .first-layer {
  width: 53%;
  background-image: linear-gradient(90deg, #A100FF 0%, #6B00B0 89.54%);
  min-height: 19em;
  padding: 4% 4% 4% 6%;
}
@media screen and (max-width: 767px) {
  .custom-html--sitecore .first-layer {
    min-height: 9em;
  }
}
.custom-html--sitecore .second-layer {
  width: 56%;
  top: 47%;
}
.custom-html--sitecore .third-layer {
  height: 18.5em;
}
@media screen and (max-width: 767px) {
  .custom-html--sitecore .third-layer {
    height: 9em;
    top: 55%;
  }
}
.custom-html--sitecore .eyebrow-title {
  margin-top: 8rem;
}
.custom-html--sitecore .mott-link p {
  font-size: 14px;
  color: black !important;
  font-family: "Graphik Medium", "Arial", Sans-Serif;
  text-decoration: none !important;
}
.custom-html--sitecore .mott-link p {
  line-height: 16px !important;
}
.custom-html--sitecore .mott-link p:hover {
  color: blue !important;
  text-decoration: underline !important;
}
.custom-html--sitecore .topic-head {
  font-family: "Graphik Regular", "Arial", Sans-Serif !important;
  font-size: 1.6rem !important;
}
@media screen and (max-width: 767px) {
  .custom-html--sitecore .topic-head {
    font-size: 0.96rem !important;
  }
}
.custom-html--sitecore .sub-head {
  font-family: "Graphik Bold", "Arial", Sans-Serif !important;
  font-size: 4.8rem !important;
  line-height: 4.8rem !important;
}
@media screen and (max-width: 767px) {
  .custom-html--sitecore .sub-head {
    font-size: 2.08rem !important;
    line-height: 2.4rem !important;
  }
}
.custom-html--sitecore .folder {
  height: 45px;
  float: left;
  margin-right: 0.8em;
}
.custom-html--sitecore .white-box-blue-shade {
  width: 70%;
}
.custom-html--sitecore .white-box-blue-shade p {
  font-family: "Graphik Semibold", "Arial", Sans-Serif;
  font-size: 1.1em;
  line-height: 1.2em;
  margin-bottom: 0;
  color: #004DFF;
}
.custom-html--sitecore .white-box-blue-shade p:hover {
  text-decoration: underline;
}
.custom-html--sitecore .bg-color-gray-lightest {
  background-color: #F9F9F9 !important;
}
.custom-html--sitecore p.moveTo {
  font-family: "Graphik Bold", "Arial", Sans-Serif;
  font-size: 13px;
}
.custom-html--sitecore .double-arrow-down {
  text-align: center;
}
.custom-html--sitecore #block-section-overview .arrow-container {
  margin: 0 0 3em;
}
.custom-html--sitecore .arrow-container {
  margin: 3em 0;
}
.custom-html--sitecore .double-arrow-down {
  cursor: pointer;
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translate(-50%, 0);
  animation: arrowDown 1.5s infinite;
}
@-webkit-keyframes arrowDown {
  0% {
    top: 10px;
  }
  70% {
    top: 30px;
  }
  100% {
    top: 10px;
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media screen and (min-width: 1000px) {
  .custom-html--sitecore h1,
  .custom-html--sitecore .page-title {
    line-height: 1.1em !important;
  }
}
@media screen and (min-width: 1200px) {
  .custom-html--sitecore .marquee-content,
  .custom-html--sitecore .top-title {
    left: 7%;
  }
  .custom-html--sitecore .marquee-content {
    top: 23%;
  }
}
@media screen and (min-width: 1300px) {
  .custom-html--sitecore .marquee-content,
  .custom-html--sitecore .top-title {
    left: 9%;
  }
  .custom-html--sitecore .marquee-content {
    top: 23%;
  }
}
@media screen and (min-width: 1600px) {
  .custom-html--sitecore .marquee-content {
    top: 29%;
  }
}
@media screen and (min-width: 1920px) {
  .custom-html--sitecore .marquee-content {
    top: 35%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .custom-html--sitecore .first-layer {
    min-height: 12em;
  }
  .custom-html--sitecore .third-layer {
    height: 11.5em;
  }
  .custom-html--sitecore .sub-marquee {
    height: 27vh;
  }
  .custom-html--sitecore .marquee-container {
    height: 30vh;
  }
  .custom-html--sitecore .top-title {
    font-size: 1.44rem;
  }
  .custom-html--sitecore h1,
  .custom-html--sitecore .page-title {
    font-size: 3.6rem;
    line-height: 1.1em !important;
  }
  .custom-html--sitecore h3 {
    font-size: 2rem;
  }
  .custom-html--sitecore h2 {
    font-size: 2.4rem;
  }
  .custom-html--sitecore .content-module p {
    font-size: 1.4rem;
  }
}
.custom-html--sitecore .btn.btn-primary.front.ucase.moveToTop {
  line-height: 3.2rem;
}
.custom-html--sitecore .btn.btn-primary.front:hover {
  background-color: #004DFF;
}
@media screen and (max-width: 767px) {
  .custom-html--sitecore .content-module p {
    font-size: 1.4rem;
  }
  .custom-html--sitecore .folder {
    height: 45px;
  }
  .custom-html--sitecore .white-box-blue-shade p {
    font-size: 0.875em;
  }
  .custom-html--sitecore .mott-link img {
    width: 70% !important;
  }
}
@media screen and (min-width: 768px) {
  .custom-html--sitecore .mobile-only {
    display: none;
  }
}
@media screen and (max-width: 320px) {
  .custom-html--sitecore .marquee-container {
    height: 90vh;
  }
  .custom-html--sitecore .marquee-content {
    top: 0%;
  }
}
@media screen and (max-width: 767px) {
  .custom-html--sitecore h1,
  .custom-html--sitecore .page-title {
    font-size: 3.36rem !important;
  }
}
.custom-html--sitecore .feature-content-date {
  font-size: 1.2rem !important;
  margin-bottom: 0 !important;
  font-family: "Graphik SemiBold", "Arial", Sans-Serif !important;
  font-weight: 600 !important;
}
@media screen and (min-width: 1000px) {
  .custom-html--sitecore h1,
  .custom-html--sitecore .page-title {
    font-size: 4.8rem !important;
  }
}
@media only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) {
  .custom-html--sitecore .marquee-container {
    height: 75vh;
  }
}
.custom-html--sitecore .cta-arrow:after,
.custom-html--sitecore .cta-alt-arrow:after {
  transform: translateY(-50%);
  float: right;
}
.custom-html--sitecore .center-subhead {
  transform: translateY(50%);
}
@media screen and (min-width: 1000px) {
  .custom-html--sitecore .top-adjust {
    padding-top: 5%;
  }
}
.custom-html--sitecore #block-section-overview a.arrow {
  font-family: "Graphik Semibold", "Arial", Sans-Serif;
  font-size: 1.1em;
  line-height: 1.2em;
}
@media screen and (max-width: 767px) {
  .custom-html--sitecore .cta-arrow:after,
  .custom-html--sitecore .cta-alt-arrow:after {
    transform: translateY(-100%);
  }
}
.custom-html--sitecore #block-section-overview .cta-arrow:after,
.custom-html--sitecore .cta-alt-arrow:after {
  transform: none;
  float: none;
}
