.purpose-section.active .overlay {
  transition: background-color 1s;
  background: #000000;
  mix-blend-mode: multiply;
  opacity: 0.4; }

.purpose-section.active .purpose-section-content {
  visibility: visible; }

.purpose-section.active .fadeInContent {
  -webkit-animation: fadeIn 1s;
          animation: fadeIn 1s;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards; }

@media (min-width: 1920px) {
  .purpose-section .purpose-section-content {
    padding-right: 20rem !important; } }

@media only screen and (min-width: 1920px) {
  .purpose-section .purpose-section-content_container {
    max-width: 1920px;
    position: relative;
    max-width: 1920px;
    position: relative;
    margin: 0 auto;
    height: 100%; }
    .purpose-section .purpose-section-content_container .purpose-section-content {
      padding-right: 0 !important; } }

@media only screen and (max-width: 1023px) {
  .purpose-section .purpose-section-content {
    padding-top: 72px;
    padding-bottom: 72px;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
    .purpose-section .purpose-section-content p {
      font-size: 1rem;
      line-height: 1.5rem;
      line-height: 130%;
      letter-spacing: -0.25px; }
  .purpose-section h4 {
    font-size: 28px; } }

@media (min-width: 1024px) {
  .purpose-section .purpose-section-content .caption-1 p {
    font-size: 20px !important;
    font-weight: 400;
    line-height: 125%; } }