.twoColumns {
  padding: 3rem;
  position: relative; }
  .twoColumns.isDark {
    color: #FFFFFF; }
  @media (max-width: 991px) {
    .twoColumns {
      padding: 5rem 1rem; }
      .twoColumns .order-2 .ml-5 {
        margin-left: 0 !important; } }
  .twoColumns .row .col-fhd-12 {
    padding-left: 0;
    padding-right: 0; }
  .twoColumns .text ul, .twoColumns .text2 ul {
    padding: 0; }
    .twoColumns .text ul li, .twoColumns .text2 ul li {
      background-size: contain;
      background-position: left center;
      background-repeat: no-repeat;
      padding-left: 2rem;
      padding-right: 2rem;}
  @media (min-width: 1440px) {
    .twoColumns .text.order-1 > div {
      padding-left: 7rem; } }
  @media (min-width: 1440px) {
    .twoColumns .text.order-2 > div {
      padding-right: 7rem; } }
  .twoColumns .text {
    font-weight: 300; }
    .twoColumns .text blockquote {
      max-width: 50%;
      width: 50%; }
    @media (max-width: 767px) {
      .twoColumns .text {
        width: 100%; }
        .twoColumns .text blockquote {
          max-width: 90%;
          width: 90%; } }
    @media (min-width: 1200px) {
      .twoColumns .text {
        width: 50%; } }
    .twoColumns .text h2 {
      position: relative;
      font-weight: 600;
      font-size: 2.4rem;
      margin-bottom: 2rem; }
      .twoColumns .text h2 > span {
        color: #0a265e; }
  @media (max-width: 1199px) {
    .twoColumns .image {
      width: 100%; } }
  @media (min-width: 1200px) {
    .twoColumns .image {
      width: 50%; } }
  .twoColumns .image > img {
    width: 100%; }
  .twoColumns h2 {
    color: #0E2F61; }
  .twoColumns a {
    color: #0a265e; }
  .twoColumns .isDark a, .twoColumns .isDark p, .twoColumns .isDark h1, .twoColumns .isDark h2, .twoColumns .isDark h3, .twoColumns .isDark h4 {
    color: #515150; }