@media (max-width: 991.5px) {
  .grafik-tabela .only-text .text .text-inner .table-responsive {
    overflow-x: auto;
    overflow-y: hidden; } }
.two-text {
  box-sizing: border-box; }
  .two-text.reverse .wrapper {
    flex-direction: row-reverse; }
  .two-text .container-block.left {
    margin-left: 0;
    padding-left: 15px;
    padding-right: 0; }
  .two-text .container-block.right {
    padding-left: 0; }
  .two-text .text-inner {
    padding: 0;
    height: 100%;
    border-radius: 0; }
  .two-text .text {
    min-width: 0;
    padding: 0 0;
    box-sizing: border-box; }
  .two-text .container-fluid {
    padding-left: 0;
    padding-right: 0; }
  .two-text .wrapper {
    display: flex;
    flex-wrap: nowrap;
    margin-left: 0;
    margin-right: 0; }
    .two-text .wrapper .icon figure img {
      border-radius: var(--image-border-radius); }
    .two-text .wrapper h3 {
      color: var(--element1-title);
      font-size: 48rem;
      line-height: .98;
      margin: 0 0 28px;
      font-family: "Bebas Neue", sans-serif;
      font-weight: 500;
      margin-bottom: 15px; }
      .two-text .wrapper h3 span {
        color: var(--element1-highlighted-title); }
    .two-text .wrapper .left .text-inner p, .two-text .wrapper .left .text-inner li, .two-text .wrapper .left .text-inner ul, .two-text .wrapper .left .text-inner ol {
      color: var(--element1-text); }
    .two-text .wrapper .left .text-inner p > a {
      color: var(--element1-link); }
      .two-text .wrapper .left .text-inner p > a:hover {
        color: var(--element1-link-hover); }
    .two-text .wrapper .left .buttons a, .two-text .wrapper .left .buttons button {
      border-width: var(--button-border-width);
      border-radius: var(--button-border-radius); }
    .two-text .wrapper .left .buttons .btn-primary {
      color: var(--element1-btn1-text);
      background-color: var(--element1-btn1-bg);
      border-color: var(--element1-btn1-border); }
      .two-text .wrapper .left .buttons .btn-primary:hover {
        color: var(--element1-btn1-text-hover) !important;
        background-color: var(--element1-btn1-bg-hover) !important;
        border-color: var(--element1-btn1-border-hover) !important; }
    .two-text .wrapper .left .buttons .btn-secondary {
      color: var(--element1-btn2-text);
      background-color: var(--element1-btn2-bg);
      border-color: var(--element1-btn2-border); }
      .two-text .wrapper .left .buttons .btn-secondary:hover {
        color: var(--element1-btn2-text-hover) !important;
        background-color: var(--element1-btn2-bg-hover) !important;
        border-color: var(--element1-btn2-border-hover) !important; }
    .two-text .wrapper .right .text-inner p, .two-text .wrapper .right .text-inner li, .two-text .wrapper .right .text-inner ul, .two-text .wrapper .right .text-inner ol {
      color: var(--element2-text);
      font-family: "Barlow", sans-serif;
      text-wrap: pretty;
      line-height: 1.7;
      margin: 0 0 28px;
      font-size: 16rem; }
    .two-text .wrapper .right .text-inner p > a {
      color: var(--element2-link); }
      .two-text .wrapper .right .text-inner p > a:hover {
        color: var(--element2-link-hover); }
    .two-text .wrapper .right .text-inner .table td {
      border: none;
      padding: 0;
      color: var(--element2-text);
      font-family: "Barlow", sans-serif;
      text-wrap: pretty;
      line-height: 1.7;
      font-size: 14px; }
    .two-text .wrapper .right .buttons a, .two-text .wrapper .right .buttons button {
      border-width: var(--button-border-width);
      border-radius: var(--button-border-radius); }
    .two-text .wrapper .right .buttons .btn-primary {
      color: var(--element2-btn1-text);
      background-color: var(--element2-btn1-bg);
      border-color: var(--element2-btn1-border); }
      .two-text .wrapper .right .buttons .btn-primary:hover {
        color: var(--element2-btn1-text-hover) !important;
        background-color: var(--element2-btn1-bg-hover) !important;
        border-color: var(--element2-btn1-border-hover) !important; }
    .two-text .wrapper .right .buttons .btn-secondary {
      color: var(--element2-btn2-text);
      background-color: var(--element2-btn2-bg);
      border-color: var(--element2-btn2-border); }
      .two-text .wrapper .right .buttons .btn-secondary:hover {
        color: var(--element2-btn2-text-hover) !important;
        background-color: var(--element2-btn2-bg-hover) !important;
        border-color: var(--element2-btn2-border-hover) !important; }

.two-text-wrapper {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto; }

.two-text-group {
  padding: 40px 0 80px; }
  .two-text-group .two-text-wrapper {
    position: relative;
    max-width: 1140px; }
    .two-text-group .two-text-wrapper::before {
      content: "";
      position: absolute;
      top: 0;
      right: 15px;
      left: 15px;
      height: 1px;
      background-image: linear-gradient(to right, transparent, rgba(233, 233, 237, 0.2) 48px, rgba(233, 233, 237, 0.2) calc(100% - 48px), transparent); }
  .two-text-group .two-text .text1 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%; }
  .two-text-group .two-text .text2 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%; }
  .two-text-group .two-text .container-block {
    padding-top: 65px;
    padding-bottom: 0; }
    .two-text-group .two-text .container-block.left {
      padding-left: 15px; }
    .two-text-group .two-text .container-block.right {
      width: 100%;
      max-width: none;
      padding-right: 0;
      padding-left: 0; }
  .two-text-group .two-text .wrapper {
    gap: 20px; }
    .two-text-group .two-text .wrapper h3 {
      margin: 0;
      margin-bottom: 15px;
      color: var(--element1-title);
      font-size: 48rem;
      font-weight: 400;
      line-height: .98; }
    .two-text-group .two-text .wrapper .right .text-inner > p, .two-text-group .two-text .wrapper .left .text-inner > p {
      margin: 0 0px 28px;
      max-width: 542px;
      color: color-mix(in srgb, var(--element2-text) 82%, transparent);
      font-size: 16rem;
      line-height: 1.7; }
    .two-text-group .two-text .wrapper .right .text-inner .table-responsive, .two-text-group .two-text .wrapper .left .text-inner .table-responsive {
      overflow: visible;
      margin: 0; }
    .two-text-group .two-text .wrapper .right .text-inner .table, .two-text-group .two-text .wrapper .left .text-inner .table {
      width: 100%;
      margin: 0;
      border: 0; }
      .two-text-group .two-text .wrapper .right .text-inner .table tbody, .two-text-group .two-text .wrapper .left .text-inner .table tbody {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px 0; }
        .two-text-group .two-text .wrapper .right .text-inner .table tbody tr, .two-text-group .two-text .wrapper .left .text-inner .table tbody tr {
          display: contents; }
        .two-text-group .two-text .wrapper .right .text-inner .table tbody td, .two-text-group .two-text .wrapper .left .text-inner .table tbody td {
          display: flex;
          align-items: center;
          padding: 0 15px;
          border: 0;
          color: var(--element1-text);
          font-family: "Barlow", sans-serif;
          font-size: 14px;
          font-weight: 400;
          line-height: 1.5; }
          .two-text-group .two-text .wrapper .right .text-inner .table tbody td .image, .two-text-group .two-text .wrapper .left .text-inner .table tbody td .image {
            width: auto !important;
            display: contents; }
            .two-text-group .two-text .wrapper .right .text-inner .table tbody td .image img, .two-text-group .two-text .wrapper .left .text-inner .table tbody td .image img {
              width: 19px;
              height: 19px;
              object-fit: contain; }
            .two-text-group .two-text .wrapper .right .text-inner .table tbody td .image + p, .two-text-group .two-text .wrapper .left .text-inner .table tbody td .image + p {
              margin-bottom: 0;
              margin-left: 10px; }

@media (max-width: 575.5px) {
  .two-text-group .two-text .container, .two-text-group .two-text .container-fluid {
    max-width: 100%; }
  .two-text-group .two-text.reverse .wrapper {
    flex-direction: row-reverse; }
  .two-text-group .two-text .container-block.left {
    max-width: 100%; }
  .two-text-group .two-text .container-block.right {
    padding-top: 0; }
  .two-text-group .two-text .text {
    margin-bottom: 0; }
    .two-text-group .two-text .text.text2 {
      max-width: 100%;
      margin-bottom: 0; }
    .two-text-group .two-text .text.text1 {
      max-width: 100%;
      width: 100%; }
  .two-text-group .two-text .wrapper {
    flex-direction: column; }
    .two-text-group .two-text .wrapper h3 {
      max-width: 100%;
      width: 100%;
      font-size: 35rem;
      margin-bottom: 20px; }
    .two-text-group .two-text .wrapper .container-block.left {
      padding-left: 15px;
      padding-right: 15px;
      max-width: 100%; }
    .two-text-group .two-text .wrapper .right, .two-text-group .two-text .wrapper .left {
      padding-left: 15px;
      padding-right: 15px; }
      .two-text-group .two-text .wrapper .right .text-inner .table tbody, .two-text-group .two-text .wrapper .left .text-inner .table tbody {
        display: flex;
        flex-direction: column;
        gap: 0; }
        .two-text-group .two-text .wrapper .right .text-inner .table tbody tr, .two-text-group .two-text .wrapper .left .text-inner .table tbody tr {
          display: flex;
          flex-wrap: wrap;
          width: 100%; }
          .two-text-group .two-text .wrapper .right .text-inner .table tbody tr td, .two-text-group .two-text .wrapper .left .text-inner .table tbody tr td {
            width: 100%;
            margin-bottom: 10px;
            padding-left: 0; }
      .two-text-group .two-text .wrapper .right .text-inner > p, .two-text-group .two-text .wrapper .left .text-inner > p {
        font-size: 16px;
        max-width: 100%; } }
@media (min-width: 576px) and (max-width: 767.5px) {
  .two-text-group .two-text .container, .two-text-group .two-text .container-fluid {
    max-width: 100%; }
  .two-text-group .two-text.reverse .wrapper {
    flex-direction: row-reverse; }
  .two-text-group .two-text .container-block.left {
    max-width: 100%; }
  .two-text-group .two-text .container-block.right {
    padding-top: 0; }
  .two-text-group .two-text .text {
    margin-bottom: 0; }
    .two-text-group .two-text .text.text2 {
      max-width: 100%;
      margin-bottom: 0; }
    .two-text-group .two-text .text.text1 {
      max-width: 100%;
      width: 100%; }
  .two-text-group .two-text .wrapper {
    flex-direction: column; }
    .two-text-group .two-text .wrapper h3 {
      max-width: 100%;
      width: 100%;
      font-size: 35rem;
      margin-bottom: 20px; }
    .two-text-group .two-text .wrapper .container-block.left {
      padding-left: 15px;
      padding-right: 15px;
      max-width: 100%; }
    .two-text-group .two-text .wrapper .right, .two-text-group .two-text .wrapper .left {
      padding-left: 15px;
      padding-right: 15px; }
      .two-text-group .two-text .wrapper .right .text-inner > p, .two-text-group .two-text .wrapper .left .text-inner > p {
        font-size: 16px;
        max-width: 100%; } }
@media (min-width: 768px) and (max-width: 991.5px) {
  .two-text-group .two-text .container, .two-text-group .two-text .container-fluid {
    max-width: 720px; }
  .two-text-group .two-text.reverse .wrapper {
    flex-direction: row-reverse; }
  .two-text-group .two-text .container-block.left {
    max-width: 100%;
    padding-left: 0; }
  .two-text-group .two-text .container-block.right {
    padding-top: 0; }
  .two-text-group .two-text .text {
    margin-bottom: 0; }
    .two-text-group .two-text .text.text2 {
      max-width: 100%;
      margin-bottom: 0; }
    .two-text-group .two-text .text.text1 {
      max-width: 100%;
      width: 100%; }
  .two-text-group .two-text .wrapper {
    flex-direction: column; }
    .two-text-group .two-text .wrapper h3 {
      max-width: 100%;
      width: 100%;
      font-size: 40rem;
      margin-bottom: 20px; }
    .two-text-group .two-text .wrapper .container-block.left {
      max-width: 100%; }
    .two-text-group .two-text .wrapper .right .text-inner > p, .two-text-group .two-text .wrapper .left .text-inner > p {
      font-size: 16px;
      max-width: 100%; } }
@media (min-width: 992px) and (max-width: 1199.5px) {
  .two-text .container, .two-text .container-fluid {
    max-width: 960px; }

  .two-text-group .two-text .wrapper h3 {
    font-size: 3.6vw; }
  .two-text-group .two-text .wrapper .right .text-inner > p, .two-text-group .two-text .wrapper .left .text-inner > p {
    font-size: 16px; } }

/*# sourceMappingURL=two_text.css.map */