.wps-at-a-glance {
  margin-top: 8px;
  display: flex;
  flex-wrap: wrap;

  &.wps-at-a-glance__two-col {
    .wps-at-a-glance-item {
      &:first-child {
        flex: 0 0 calc(50%);
        overflow: hidden;

        @media (max-width: 600px) {
          flex: 0 0 100% !important;
          overflow: hidden;
        }
      }

      &:nth-child(even) {
        display: flex;
        flex-direction: column;
        align-items: flex-end;

        .wps-at-a-glance-label {
          text-align: right;

          .rtl & {
            text-align: left;
          }
        }

        .wps-at-a-glance-value{
          justify-content: flex-end;
        }

        @media (max-width: 600px) {
          align-items: flex-start;

          .wps-at-a-glance-label {
            text-align: left;

            .rtl & {
              text-align: right;
            }
          }

          .wps-at-a-glance-value{
            justify-content: flex-start;
          }
        }
      }

      &:nth-child(odd) {
        display: flex;
        flex-direction: column;
        align-items: flex-start;

        .wps-at-a-glance-label {
          text-align: left;

          .rtl & {
            text-align: right;
          }
        }

        .wps-at-a-glance-value{
          justify-content: flex-start;
        }

        @media (max-width: 600px) {
          .wps-at-a-glance-label {
            text-align: left;

            .rtl & {
              text-align: right;
            }
          }
        }
      }

    }
  }

  .wps-at-a-glance-icon {
    width: 16px;
    min-width: 16px;
    height: 16px;
    display: inline-flex;
    margin-bottom: -1px;
    margin-right: 4px;

    .rtl & {
      margin-left: 4px;
      margin-right: 0;
    }

    &.rank-math {
      background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1IDguMTA1OTlMMTIuNjg5MiA4LjIwMDJMMTMuMDk0IDguNzg5MDFMOS4yNDgxOSAxMS4wODE1TDUuNDM2MTQgOS41ODk3OUwxIDExLjMwOTFMMS4zMDM2MSAxMkw1LjQyNzcxIDEwLjM5ODRMOS4zMjQxIDExLjkyMTVMMTMuNTI0MSA5LjQyNDkzTDEzLjkyODkgMTAuMDIxNkwxNSA4LjEwNTk5WiIgZmlsbD0iIzMzNEU2OCIvPgo8cGF0aCBkPSJNMi42MzYxNCAxMC4zMDQyTDUuNDI3NyA5LjIyMDgxTDUuNTYyNjQgOS4yNzU3NlY3LjczN0gyLjYzNjE0VjEwLjMwNDJaTTkuMDI4OTEgNFYxMC42MjYxTDkuMjQ4MTggMTAuNzEyNUwxMS45NTU0IDkuMTAzMDRWNEg5LjAyODkxWk01LjgzMjUyIDkuMzc3ODJMOC43NTkwMyAxMC41MjRWNS44Njg1SDUuODMyNTJWOS4zNzc4MloiIGZpbGw9IiM2NjY2QzMiLz4KPC9zdmc+Cg==") center center no-repeat;
    }
  }

  .wps-at-a-glance-label a {
    color: #56585a;

    &:hover {
      color: #1e1e20
    }
  }

  &-item {
    box-sizing: border-box;
    padding-top: 16px;
    padding-bottom: 16px;

    &:first-child {
      flex: 0 0 100%;
      overflow: hidden;
    }

    &:not(:first-child) {
      flex: 0 0 calc(50%);
      overflow: hidden;
      padding-right: 10px;

      .rtl & {
        padding-right: 0;
        padding-left: 10px;
      }

      @media (max-width: 600px) {
        padding-right: 0 !important;
        padding-left: 0 !important;
        flex: 0 0 100% !important;
      }

      &:nth-child(odd) {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        padding-right: 0;

        .wps-at-a-glance-label {
          text-align: right;

          .rtl & {
            text-align: left;
          }
        }

        .wps-at-a-glance-value{
          justify-content: flex-end;
        }

        @media (max-width: 600px) {
          align-items: flex-start;

          .wps-at-a-glance-label {
            text-align: left;

            .rtl & {
              text-align: right;
            }
          }

          .wps-at-a-glance-value{
            justify-content: flex-start;
          }
        }
      }

    }

    .wps-at-a-glance-label {
      color: #56585A;
      font-weight: 500;
      font-size: 11px;
      line-height: 11px;
      text-transform: uppercase;
      margin-bottom: 12px;
      width: 100%;
      overflow: hidden;
      display: block;
      white-space: nowrap;
      text-overflow: ellipsis;
      word-break: break-all;

      .wps-tooltip {
        width: 12px;
        min-width: 12px;
        height: 12px;

        .wps-tooltip-icon.info {
          background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgMS4wMDc4MUMzLjIzODUgMS4wMDc4MSAxIDMuMjQ2MzEgMSA2LjAwNzgxQzEgOC43NjkzMSAzLjIzODUgMTEuMDA3OCA2IDExLjAwNzhDOC43NjE1IDExLjAwNzggMTEgOC43NjkzMSAxMSA2LjAwNzgxQzExIDMuMjQ2MzEgOC43NjE1IDEuMDA3ODEgNiAxLjAwNzgxWk02IDIuMDA3ODFDNy4wNjA4NyAyLjAwNzgxIDguMDc4MjggMi40MjkyNCA4LjgyODQzIDMuMTc5MzlDOS41Nzg1NyAzLjkyOTUzIDEwIDQuOTQ2OTUgMTAgNi4wMDc4MUMxMCA3LjA2ODY4IDkuNTc4NTcgOC4wODYwOSA4LjgyODQzIDguODM2MjRDOC4wNzgyOCA5LjU4NjM5IDcuMDYwODcgMTAuMDA3OCA2IDEwLjAwNzhDNC45MzkxMyAxMC4wMDc4IDMuOTIxNzIgOS41ODYzOSAzLjE3MTU3IDguODM2MjRDMi40MjE0MyA4LjA4NjA5IDIgNy4wNjg2OCAyIDYuMDA3ODFDMiA0Ljk0Njk1IDIuNDIxNDMgMy45Mjk1MyAzLjE3MTU3IDMuMTc5MzlDMy45MjE3MiAyLjQyOTI0IDQuOTM5MTMgMi4wMDc4MSA2IDIuMDA3ODFaTTYgMy41MDc4MUM1Ljg2NzM5IDMuNTA3ODEgNS43NDAyMSAzLjU2MDQ5IDUuNjQ2NDUgMy42NTQyNkM1LjU1MjY4IDMuNzQ4MDMgNS41IDMuODc1MiA1LjUgNC4wMDc4MUM1LjUgNC4xNDA0MiA1LjU1MjY4IDQuMjY3NiA1LjY0NjQ1IDQuMzYxMzdDNS43NDAyMSA0LjQ1NTEzIDUuODY3MzkgNC41MDc4MSA2IDQuNTA3ODFDNi4xMzI2MSA0LjUwNzgxIDYuMjU5NzkgNC40NTUxMyA2LjM1MzU1IDQuMzYxMzdDNi40NDczMiA0LjI2NzYgNi41IDQuMTQwNDIgNi41IDQuMDA3ODFDNi41IDMuODc1MiA2LjQ0NzMyIDMuNzQ4MDMgNi4zNTM1NSAzLjY1NDI2QzYuMjU5NzkgMy41NjA0OSA2LjEzMjYxIDMuNTA3ODEgNiAzLjUwNzgxWk01LjUgNS4wMDc4MUM1LjM2NzM5IDUuMDA3ODEgNS4yNDAyMSA1LjA2MDQ5IDUuMTQ2NDUgNS4xNTQyNkM1LjA1MjY4IDUuMjQ4MDMgNSA1LjM3NTIgNSA1LjUwNzgxQzUgNS43NDg4MSA1LjE3OTUgNS45Mjg4MSA1LjQwNiA1Ljk3NjgxTDUuMTA5NSA3LjQxMzgxQzQuOTkzNSA3Ljk5NDMxIDUuNDA4NSA4LjUwNzgxIDUuOTk5NSA4LjUwNzgxSDYuNDk5NUM2LjYzMjExIDguNTA3ODEgNi43NTkyOSA4LjQ1NTEzIDYuODUzMDUgOC4zNjEzN0M2Ljk0NjgyIDguMjY3NiA2Ljk5OTUgOC4xNDA0MiA2Ljk5OTUgOC4wMDc4MUM2Ljk5OTUgNy44NzUyIDYuOTQ2ODIgNy43NDgwMyA2Ljg1MzA1IDcuNjU0MjZDNi43NTkyOSA3LjU2MDQ5IDYuNjMyMTEgNy41MDc4MSA2LjQ5OTUgNy41MDc4MUg2LjEwOTVMNi40ODQ1IDUuNjAxODFDNi40OTk1NiA1LjUyOTg1IDYuNDk4MzQgNS40NTU0MyA2LjQ4MDkyIDUuMzg0MDFDNi40NjM1IDUuMzEyNTggNi40MzAzMyA1LjI0NTk1IDYuMzgzODMgNS4xODkwMUM2LjMzNzM0IDUuMTMyMDYgNi4yNzg2OSA1LjA4NjIzIDYuMjEyMTkgNS4wNTQ4OEM2LjE0NTY5IDUuMDIzNTMgNi4wNzMwMiA1LjAwNzQ1IDUuOTk5NSA1LjAwNzgxSDUuNVoiIGZpbGw9IiM1NjU4NUEiLz4KPC9zdmc+Cg==");
          width: 12px;
          min-width: 12px;
          height: 12px;
        }
      }
    }

    .wps-at-a-glance-value {
      display: flex;
      gap: 4px;
      align-items: center;
      width: 100%;

      &.wps-at-a-glance-link {
        &:after {
          content: '';
          width: 13px;
          min-width: 13px;
          height: 13px;
          background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxMyAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuNDE2NjcgMy43NVY0LjgzMzMzSDIuNzA4MzNWMTAuNzkxN0g4LjY2NjY3VjguMDgzMzNIOS43NVYxMS4zMzMzQzkuNzUgMTEuNjMyNSA5LjUwNzUgMTEuODc1IDkuMjA4MzMgMTEuODc1SDIuMTY2NjdDMS44Njc1MSAxMS44NzUgMS42MjUgMTEuNjMyNSAxLjYyNSAxMS4zMzMzVjQuMjkxNjdDMS42MjUgMy45OTI1MiAxLjg2NzUxIDMuNzUgMi4xNjY2NyAzLjc1SDUuNDE2NjdaTTExLjM3NSAyLjEyNVY2LjQ1ODMzSDEwLjI5MTdMMTAuMjkxNiAzLjk3MzcxTDYuMDcwNTEgOC4xOTU1MUw1LjMwNDQ4IDcuNDI5NDlMOS41MjUxNSAzLjIwODMzSDcuMDQxNjdWMi4xMjVIMTEuMzc1WiIgZmlsbD0iIzEwMTg4RCIvPgo8L3N2Zz4K");

          .rtl & {
            transform: rotateY(180deg);
          }
        }

        &:hover:after {
          filter: brightness(0);
        }
      }

      span:first-child, .wps-external-link {
        color: #1E1E20;
        font-weight: 400;
        font-size: 20px;
        line-height: 26px;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-all;
        max-width: 100%;

        @media (max-width: 768px) {
          font-size: 16px;
          line-height: 20px;
        }

        @media (max-width: 480px) {
          font-size: 14px;
          line-height: 18px;
        }
      }

      .wps-external-link {
        color: #10188D;

        &:hover {
          color: #3c4043;
        }
      }

      .wps-at-a-glance-change {
        padding: 2px 4px;
        border-radius: 2px;
        gap: 4px;
        position: relative;
        align-items: center;
        font-size: 12px;
        color: #56585A;
        line-height: 12px;
        background: #A9AAAE1A;
        display: inline-flex;

        .rtl &{
          direction: ltr;
        }

        &.wps-glance-positive {
          color: #196140;
          background: #1961400A;

          &:before {
            content: '';
            width: 6px;
            min-width: 6px;
            height: 3.28px;
            display: inline-flex;
            background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI0IiB2aWV3Qm94PSIwIDAgNiA0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNS44NjMzNCAyLjY3ODExTDQuNDg3MTcgMS40MTgwNkwzLjY0NjkgMC42NDQ3NDhDMy4yOTEwNyAwLjMxODkzOCAyLjcxMjMxIDAuMzE4OTM4IDIuMzU2NDggMC42NDQ3NDhMMC4xMzU3NTMgMi42NzgxMUMtMC4xNTU3NzEgMi45NDUwNCAwLjA1NDI5NzcgMy40MDAzOSAwLjQ2MTU3NCAzLjQwMDM5SDIuODY2NjRINS41Mzc1MkM1Ljk0OTA4IDMuNDAwMzkgNi4xNTQ4NiAyLjk0NTA0IDUuODYzMzQgMi42NzgxMVoiIGZpbGw9IiMxOTYxNDAiLz4KPC9zdmc+Cg==") center center no-repeat;
            .rtl &{
              transform: rotateY(180deg);
            }
          }
        }

        &.wps-glance-negative {
          color: #D54037;
          background: #D540370A;

          &:before {
            content: '';
            width: 6px;
            min-width: 6px;
            height: 3.28px;
            display: inline-flex;
            background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI0IiB2aWV3Qm94PSIwIDAgNiA0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMC4xMzY2NjIgMS4wNTE0N0wxLjUxMjgzIDIuNDI3NjNMMi4zNTMxIDMuMjcyMTlDMi43MDg5MyAzLjYyODAyIDMuMjg3NjkgMy42MjgwMiAzLjY0MzUyIDMuMjcyMTlMNS44NjQyNSAxLjA1MTQ2QzYuMTU1NzcgMC43NTk5NDEgNS45NDU3IDAuMjYyNjM1IDUuNTM4NDMgMC4yNjI2MzZMMy4xMzMzNiAwLjI2MjYzNkwwLjQ2MjQ4MyAwLjI2MjYzNkMwLjA1MDkxOTcgMC4yNjI2MzYgLTAuMTU0ODYyIDAuNzU5OTQxIDAuMTM2NjYyIDEuMDUxNDdaIiBmaWxsPSIjRDU0MDM3Ii8+Cjwvc3ZnPgo=") center center no-repeat;
            .rtl &{
              transform: rotateY(180deg);
            }
          }

          &.wps-glance-up{
            &:before {
              transform: rotateX(180deg);

              .rtl &{
                transform: rotateY(180deg) rotateX(180deg);
              }
            }
          }
        }
      }
    }
  }

  .wps-at-a-glance-score{
    display: flex!important;
    color:#1E1E20!important;
    font-weight: 400!important;
    font-size: 20px!important;
    line-height: 24px!important;

    .rtl &{
      direction: ltr!important;
    }

    span{
      color:#565759!important;
      font-size: 14px!important;
    }
  }
}