.twoColumns {
  padding: 3rem 0 10rem;
  position: relative; }
  .twoColumns.isRight:before, .twoColumns.isLeft:before {
    content: ' ';
    position: absolute;
    bottom: 0;
    top: 5rem;
    width: 30rem;
    height: 20rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position-y: top; }
  .twoColumns.isRight:before {
    left: 0;
    background-image: url("/images/svg/icon_left.svg");
    background-position-x: left; }
  .twoColumns.isLeft {
    padding: 3rem 0; }
    .twoColumns.isLeft:before {
      right: 0;
      background-image: url("/images/svg/icon_right.svg");
      background-position-x: right; }
    .twoColumns.isLeft .image {
      margin-top: -15rem; }
  .twoColumns.isDark {
    color: #F2F3F5; }
  @media (max-width: 991px) {
    .twoColumns {
      padding: 2rem 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; }
  .twoColumns .text {
    font-weight: 300; }
    @media (min-width: 992px) {
      .twoColumns .text {
        padding: 0 1rem; } }
    @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 > div {
      width: 100%;
      height: 100%;
      padding: 1rem 3rem; }
    .twoColumns .text blockquote {
      max-width: 40%;
      width: 40%; }
    @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 h3 {
      color: #0e4c80;
      font-size: 1.1rem; }
    .twoColumns .text h1, .twoColumns .text h2, .twoColumns .text h4, .twoColumns .text h5, .twoColumns .text h6 {
      color: #171717;
      font-size: 1.4rem;
      position: relative; }
      .twoColumns .text h1 > span, .twoColumns .text h2 > span, .twoColumns .text h4 > span, .twoColumns .text h5 > span, .twoColumns .text h6 > span {
        color: #F2F3F5; }
    .twoColumns .text a.link {
      text-decoration: none; }
      .twoColumns .text a.link > i {
        color: #26A7D6; }
      .twoColumns .text a.link:hover {
        color: #26A7D6; }
  .twoColumns .image {
    overflow: hidden; }
    @media (max-width: 1199px) {
      .twoColumns .image {
        width: 100%; } }
    @media (min-width: 1200px) {
      .twoColumns .image {
        width: 50%; } }
    .twoColumns .image > img {
      width: 100%; }
  .twoColumns h2 {
    color: #65951E;
    font-size: 1.4rem;
    position: relative; }
  .twoColumns a {
    color: #65951E;
    font-weight: 600; }
  .twoColumns .isDark a, .twoColumns .isDark p, .twoColumns .isDark h1, .twoColumns .isDark h2, .twoColumns .isDark h3, .twoColumns .isDark h4 {
    color: #FFFFFF; }
  @media (min-width: 1200px) {
    .twoColumns .cl999 .image {
      width: 30%; } }
  @media (min-width: 1200px) {
    .twoColumns .cl999 .text {
      width: 70%; } }
  .twoColumns .circle {
    border-radius: 50%;
    border: 1px solid #f4f4f4;
    height: 10rem;
    width: 10rem;
    background-color: #f4f4f4;
    box-shadow: 0 5px 20px #cdcdcd;
    margin: 2rem auto;
    background-position: center center;
    background-repeat: no-repeat; }