:root {
  --main-bg-color: #fff;
  --main-action-color: #3563E9;
  --main-text-color: #233643;
  --main-link-color: #0f1f2c;
  --main-hover-link-color: #495c69;
  --main-container-width: 1320px;
  --main-container-max-width: 96%;
  --main-transition: 0.5s all ease;
  --main-font: "Plus Jakarta Sans", sans-serif; }

.text-image {
  margin: 150px 0; }
  @media screen and (max-width: 576px) {
    .text-image {
      margin: 80px 0; } }
  .text-image .container {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media screen and (max-width: 1024px) {
      .text-image .container {
        display: block; } }
    .text-image .container .right-content {
      max-width: 538px;
      width: 100%; }
      @media screen and (max-width: 1024px) {
        .text-image .container .right-content {
          max-width: 100%; } }
      .text-image .container .right-content h3 {
        margin-bottom: 10px;
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: var(--main-action-color); }
      .text-image .container .right-content h2 {
        margin-bottom: 40px;
        font-weight: 800;
        font-size: 40px;
        line-height: 150%;
        letter-spacing: -0.01em;
        text-transform: capitalize;
        color: var(--main-text-color); }
        @media screen and (max-width: 576px) {
          .text-image .container .right-content h2 {
            font-size: 22px;
            margin-bottom: 20px; } }
      .text-image .container .right-content .text {
        margin-bottom: 40px;
        font-weight: 400;
        font-size: 16px;
        line-height: 200%;
        color: var(--main-text-color); }
        .text-image .container .right-content .text.style-list {
          font-size: 18px; }
          @media screen and (max-width: 576px) {
            .text-image .container .right-content .text.style-list {
              font-size: 16px;
              margin-bottom: 20px; } }
          .text-image .container .right-content .text.style-list ul {
            column-count: 2;
            list-style: none;
            padding-left: 0; }
            .text-image .container .right-content .text.style-list ul li {
              margin-bottom: 10px;
              position: relative;
              padding-left: 20px; }
              .text-image .container .right-content .text.style-list ul li:before {
                content: "";
                width: 8px;
                height: 8px;
                position: absolute;
                left: 0;
                top: 14px;
                background: var(--main-action-color);
                border-radius: 50%; }
        .text-image .container .right-content .text p {
          margin-bottom: 20px; }
    .text-image .container .image {
      max-width: 700px;
      margin-right: 30px; }
      .text-image .container .image img {
        width: 100%; }
      @media screen and (max-width: 1340px) {
        .text-image .container .image {
          max-width: 500px; } }
      @media screen and (max-width: 1024px) {
        .text-image .container .image {
          margin: 0 auto 30px; } }
    .text-image .container.space .right-content {
      max-width: 565px;
      width: 100%;
      margin-top: -30px; }
      @media screen and (max-width: 1024px) {
        .text-image .container.space .right-content {
          max-width: 100%; } }
    .text-image .container.space .image {
      max-width: 600px; }
      .text-image .container.space .image img {
        width: unset; }
      @media screen and (max-width: 1340px) {
        .text-image .container.space .image {
          max-width: 500px; }
          .text-image .container.space .image img {
            width: 100%; } }
      @media screen and (max-width: 1024px) {
        .text-image .container.space .image {
          margin: 0 auto 30px; } }

/*# sourceMappingURL=text-image-block.css.map */