/*===================================================================================*/
/*  Global | Variables | Partial
/*===================================================================================*/
.paragraph-two-columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
@media screen and (min-width: 0) and (max-width: 63.9375em) {
  .paragraph-two-columns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media screen and (min-width: 64em) {
  .paragraph-two-columns .col-left {
    width: 65%;
    padding-left: calc(8.3333333333% - 3.75rem);
    padding-right: calc(8.3333333333% - 3.75rem);
  }
}
@media screen and (min-width: 0) and (max-width: 63.9375em) {
  .paragraph-two-columns .col-left {
    width: 100%;
    padding: 0;
  }
}
@media screen and (min-width: 64em) {
  .paragraph-two-columns .col-right {
    width: 30%;
    padding-left: 4.1666666667%;
    position: relative;
  }
  .paragraph-two-columns .col-right .sticky {
    height: 100%;
    min-width: 29rem;
  }
  .paragraph-two-columns .col-right::before {
    bottom: 0;
    position: absolute;
    top: 0;
    left: 0;
    border-color: #dedede;
    border-style: solid;
    border-width: 0;
    border-left-width: 1px;
    content: "";
  }
}
@media screen and (min-width: 0) and (max-width: 63.9375em) {
  .paragraph-two-columns .col-right {
    padding-top: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
  }
  .paragraph-two-columns .col-right .sticky {
    width: 100%;
  }
  .paragraph-two-columns .col-right__content .button {
    margin-top: 0.6rem;
  }
  .paragraph-two-columns .col-right::before {
    border-top-width: 1px;
    right: 0;
  }
}
@media screen and (min-width: 0) and (max-width: 47.9375em) {
  .paragraph-two-columns .col-right {
    width: 100%;
    padding: 0;
    margin-top: 3rem;
  }
}

@media screen and (min-width: 64em) {
  .paragraph-two-columns--default .col-right {
    width: 35%;
    padding-left: 4.1666666667%;
    position: relative;
  }
  .paragraph-two-columns--default .col-right .sticky {
    height: 100%;
    min-width: 29rem;
  }
  .paragraph-two-columns--default .col-right::before {
    bottom: 0;
    position: absolute;
    top: 0;
    left: 0;
    border-color: #dedede;
    border-style: solid;
    border-width: 0;
    border-left-width: 1px;
    content: "";
  }
}
@media screen and (min-width: 0) and (max-width: 63.9375em) {
  .paragraph-two-columns--default .col-right {
    padding-top: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
  }
  .paragraph-two-columns--default .col-right .sticky {
    width: 100%;
  }
  .paragraph-two-columns--default .col-right__content .button {
    margin-top: 0.6rem;
  }
  .paragraph-two-columns--default .col-right::before {
    border-top-width: 1px;
    right: 0;
  }
}
@media screen and (min-width: 0) and (max-width: 47.9375em) {
  .paragraph-two-columns--default .col-right {
    width: 100%;
    padding: 0;
  }
}
@media screen and (min-width: 64em) {
  .paragraph-two-columns--default .col-left {
    width: 65%;
    padding-left: calc(8.3333333333% - 3.75rem);
    padding-right: calc(8.3333333333% - 3.75rem);
  }
}
@media screen and (min-width: 0) and (max-width: 63.9375em) {
  .paragraph-two-columns--default .col-left {
    width: 100%;
    padding: 0;
  }
}

.paragraph-two-columns--reverse {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.paragraph-two-columns--reverse .col-left {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
.paragraph-two-columns--reverse .col-right {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
@media screen and (min-width: 64em) {
  .paragraph-two-columns--reverse .col-right {
    padding-right: 8.3333333333%;
    margin-right: 8.3333333333%;
  }
}
/*# sourceMappingURL=paragraph-two-columns.css.map */