.res-stats-with-quote {
  background: #fff;
  padding-top: 40px;
  padding-bottom: 40px;
  .container {
    display: flex;
    gap: var(--spacing_medium);
    background: #FBFBFB;
    padding: var(--spacing_medium);
    border-radius: var(--border_radius);
    border: solid 1px #CFE1FF;

    @media screen and (max-width: 1350px) {
      margin-left: 20px;
      margin-right: 20px;
    }

    @media screen and (max-width: 991px) {
      flex-direction: column;

      img {
        max-height: 300px;
      }
    }

    > div {
      flex: 1;
    }

    .swq-left {
      .swq-stats {
        display: grid;
        gap: var(--spacing_small);
        grid-template-columns: 1fr 1fr;

        @media screen and (max-width: 535px) {
          grid-template-columns: 1fr;
        }

        svg {
          min-width: 30px;
          min-height: 30px;
        }
      }
    }

    .swq-right {
      position: relative;
      img {
        width: 100%;
        height: 100%;
        border-radius: var(--border_radius);
        object-fit: cover;
      }

      div.floating-quote {
        svg {
          position: absolute;
          left: -30px;
          font-size: 40px;
          color: #fff;
          top: 50%;
          padding: 12px 9px;
          border-radius: 50%;
          transform: translateY(-50%);
          background: linear-gradient(45deg, var(--res3), var(--res4));
        }

        p {
          background: #fff;
          padding: 20px;
          border-radius: 12px;
          margin-left: 28px;
        }
        width: 80%;
        position: absolute;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
      }

    }
  }
}