/* -------------------------------------------- */
/* Port Note: Selectors adjusted to work with EN form markup.
/* See details in specific selectors below.
/* -------------------------------------------- */

@media (min-width: 960px) {
  .oc__block.oc__block__programs-listing-sign-up {
    display: grid;
    grid-template-columns: 1fr 1fr;

    min-height: 640px;
  }
}

.oc__block .oc__block__programs-listing-sign-up__image {
  position: relative;

  width: 100%;
  height: 100%;

  @media (min-width: 960px) {
    order: 2;
  }
}

.oc__block .oc__block__programs-listing-sign-up__image img {
  display: block;

  height: 100%;
  width: 100%;

  object-fit: cover;
}

.oc__block .oc__block__programs-listing-sign-up__content {
  position: relative;

  padding: var(--oc--spacing--15) var(--oc--spacing--15) var(--oc--spacing--30);

  background-color: #F9CD88;
}

@media (min-width: 960px) {
  .oc__block .oc__block__programs-listing-sign-up__content {
    order: 1;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    padding: var(--oc--spacing--50) 0;
  }
}

@media (min-width: 1320px) {
  .oc__block .oc__block__programs-listing-sign-up__content {
    align-items: flex-end;
    padding-right: 140px;
  }
}

@media (min-width: 960px) {
  .oc__block .oc__block__programs-listing-sign-up__content::after {
    content: '';
    display: block;

    position: absolute;
    top: 0;
    right: -45px;

    height: 100%;
    width: 46px;

    /* Vertical Wave */
    /* http://tinyurl.com/26wzw93m */
    background-size: cover;
    background-image: url("data:image/svg+xml,%3Csvg width='46' height='640' viewBox='0 0 46 640' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_1479_31328' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='46' height='965'%3E%3Crect width='965' height='46' transform='matrix(-4.37114e-08 -1 -1 4.37114e-08 46 965)' fill='%23C4C4C4'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1479_31328)'%3E%3Cpath d='M7.2188 1009.1C13.3054 988.367 18.8689 965.393 23.8327 940.498C25.2627 933.324 26.6931 925.498 26.9136 916.443C27.2396 903.061 24.8348 890.972 22.1566 882.547C19.4783 874.122 16.3502 867.552 14.2179 857.009C9.271 832.55 11.3892 796.428 15.0102 768.644C18.6312 740.859 23.6364 713.984 23.9522 682.823C24.0215 675.991 23.8408 668.917 23.0155 662.889C20.8879 647.349 15.4949 644.254 12.2279 632.109C7.62362 614.992 8.47654 585.048 11.1729 562.553C13.8692 540.059 18.0575 519.866 19.3473 495.54C20.7411 469.253 18.2725 440.368 13.1171 422.641C11.2315 416.157 8.98278 410.905 7.64868 402.587C5.68104 390.319 6.17837 374.295 7.40137 360.626C9.19187 340.613 12.3305 322.917 14.6336 303.724C16.9367 284.53 18.3912 262.193 16.5716 242.221C14.086 214.937 6.15785 198.802 4.26306 170.802C2.68494 147.482 5.76637 123.749 8.26419 101.692C10.194 84.6502 11.8202 67.1068 13.1312 49.1875C13.6857 41.6073 14.1864 33.6216 13.7626 25.9136C13.3903 19.1445 12.3389 13.2705 11.2229 7.89557C6.40311 -15.2327 0.0292207 -32.6445 -7.18219 -42.3828C-10.6808 -47.08 -14.746 -49.6718 -17.9238 -42.2677C-21.3866 -34.1998 -22.6222 -17.2451 -23.5063 -1.86566C-27.8044 72.9105 -30.7123 148.805 -32.2073 225.224C-36.4903 444.25 -29.1225 663.828 -26.1594 883.187C-25.6173 923.32 -24.5972 968.596 -16.6143 993.904C-10.2282 1014.15 -0.202976 1014.16 7.2188 1009.1Z' fill='%23F9CD88'/%3E%3C/g%3E%3C/svg%3E%0A");
  }
}

@media (min-width: 960px) {
  .oc__block .oc__block__programs-listing-sign-up__content > * {
    max-width: 385px;
    width: 100%;
  }
}

.oc__block .oc__block__programs-listing-sign-up__content__heading {
  margin-bottom: var(--oc--spacing--07);

  color: var(--oc--color--navy-text);
  font-family: var(--oc--font-family--base);
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.oc__block .oc__block__programs-listing-sign-up__content__subheading {
  margin-bottom: var(--oc--spacing--15);

  color: var(--oc--color--navy-text);
  font-family: var(--oc--font-family--base);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}

/* Port Note: Selector adjusted to work with EN form. */
.oc__block .rsform__field .text {
  margin-bottom: var(--oc--spacing--07);
}

/* Port Note: Selector adjusted to work with EN form. */
@media (min-width: 960px) {
  .oc__block .rsform__field .text {
    width: 100%;
  }
}

/* Port Note: Selector adjusted to work with EN form. */
.oc__block .oc__block__programs-listing-sign-up__content .rsform__field .text label {
  display: block;

  margin-bottom: var(--oc--spacing--05);

  color: var(--oc--color--navy-text);
  font-family: var(--oc--font-family--base);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.32px;
  line-height: 100%;
}

/* Port Note: Selector adjusted to work with EN form. */
.oc__block .oc__block__programs-listing-sign-up__content .rsform__field .text #email {
  display: block;

  padding: var(--oc--spacing--12) var(--oc--spacing--10);
  width: 100%;

  background-color: #F7FAFE;
  border-radius: 4px;
  border: 1px solid var(--oc--color--navy-text);

  color: var(--oc--color--navy-text);
  font-family: var(--oc--font-family--base);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.18px;
  line-height: 100%;
}

/* Port Note: Selector adjusted to work with EN form. */
/* Applies styles from .oc__element__button and .oc__element__button--navy, because we can't apply */
/* those classes directly to the rendered form button. */
.oc__block .oc__block__programs-listing-sign-up__content .rsform--submit__btn {
  display: inline-block;
  width: 100%;
  position: relative;
  top: 0;

  padding: 21px 44px;

  border-radius: 10px;

  border: none;
  font-family: var(--oc--font-family--base);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.2px;
  line-height: 20px;
  position: relative;
  text-decoration: none;

  background-color: var(--oc--color--navy-text);
  color: white;

  transition: all 0.25s;
}

/* Port Note: Selector adjusted to work with EN form. */
.oc__block .oc__block__programs-listing-sign-up__content .rsform--submit__btn:hover {
  cursor: pointer;
  top: -3px;

  background-color: var(--oc--color--new-blue);
  color: black;
}

/* Port Note: Selector adjusted to work with EN form. */
.oc__block .oc__block__programs-listing-sign-up__content .revmsg-fdbk {
  color: var(--oc--color--navy-text);
  font-family: var(--oc--font-family--base);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}