.res-three-column-stat {

  background-color: #fff;
  padding-top: 40px;
  padding-bottom: 40px;
  .container {
    gap: var(--spacing_medium);
    border: 2px solid #eaeaea;
    background: #fff;
    border-radius: var(--border_radius);
    padding: var(--spacing_small);

    @media screen and (max-width: 991px) {
      flex-direction: column;
    }
    .tcs-1 {
      flex: 3;

      h2 {
        font-size: var(--h4_size);
        font-weight: 400 !important;
      }

    }
    .tcs-2 {
      flex: 3;

      img {
        height: 100%;
        object-fit: cover;
        border-radius: var(--border_radius);
      }
    }
    .tcs-3 {
      flex: 2;
      padding: 20px;
      background: #F0F5FF;
      border-radius: var(--border_radius);

      ul {

        list-style: none;

        padding-left: 0;

        li {
          display: flex;
          gap: 3px;
        }
      }

      ul li::before {

        content: "✓ ";

        color: var(--res3);

        font-weight: bold;

        margin-right: 0.5em;

      }

      h3 {
        font-size: 21px;
      }
    }
  }
}