* a {
  text-decoration: none;
  color: inherit !important; }

html, body {
  padding: 0;
  margin: 0;
  direction: rtl;
  font-size: clamp(9px, 1vh, 12.5px);
  font-family: 'Roboto Condensed', sans-serif;
  color: #101820;
  background: #fafb38;
  -webkit-font-smoothing: antialiased; }

.header {
  width: 100%;
  height: auto; }
  .header.mob-only {
    display: none; }

.num {
  animation: blinker 1.2s linear infinite; }

@keyframes blinker {
  50% {
    opacity: 1; }
  75% {
    opacity: 0.6; }
  100% {
    opacity: 1; } }
.abram {
  font-size: 16px;
  font-family: 'Rubik', sans-serif;
  color: #060606;
  margin-top: 1vh; }

.content {
  margin: 0 auto;
  text-align: center;
  padding: 8vh 0; }
  .content .logo {
    margin-top: 12vh;
    width: 110px; }
  .content .wa {
    margin: 0 auto;
    text-align: center;
    padding: 0 13vw;
    box-sizing: border-box;
    margin-top: 5vh;
    font-size: 1.5vw;
    font-family: 'Rubik', sans-serif;
    color: white;
    background: #060606;
    font-weight: 800;
    display: inline-block;
    padding: 1vh 3vw;
    border-radius: 10px; }
  .content .past {
    margin-top: 4vh;
    font-size: 4.7vh;
    font-family: 'Rubik', sans-serif;
    color: #060606;
    font-weight: 800; }
  .content .counter {
    display: inline-block; }
    .content .counter .digits {
      display: inline-block;
      position: relative; }
      .content .counter .digits .num {
        color: white;
        font-weight: black;
        font-size: 15vh;
        width: 100%;
        text-align: left;
        position: absolute;
        line-height: 18vh;
        left: 0;
        left: 3vh;
        top: 0;
        letter-spacing: 5.9vh; }
    .content .counter .digit {
      margin: 0 1vh;
      position: relative;
      display: inline-block; }
      .content .counter .digit img {
        height: 18vh; }
      .content .counter .digit .num {
        color: white;
        font-weight: black;
        font-size: 15vh;
        width: 100%;
        text-align: center;
        position: absolute;
        line-height: 18vh;
        left: 0;
        top: 0; }
    .content .counter .count-title {
      margin: 0 5px;
      margin-right: 25px;
      position: relative;
      display: inline-block; }
      .content .counter .count-title img {
        height: 18vh; }
        .content .counter .count-title img.mob-only {
          display: none; }

@media only screen and (max-width: 600px) {
  .header {
    display: none; }
    .header.mob-only {
      display: block; }

  .content {
    margin: 0 auto;
    text-align: center;
    padding: 2vh 0; }
    .content .wa {
      margin-top: 4vh;
      font-size: 6vw; }
    .content .logo {
      margin-top: 8vh;
      width: 16vw;
      position: absolute;
      top: 0;
      margin-top: 1vh;
      right: 3vw;
      filter: invert(1); }
    .content .past {
      margin: 0 auto;
      text-align: center;
      padding: 0 13vw;
      box-sizing: border-box;
      margin-top: 3vh;
      font-size: 6vw;
      font-family: 'Rubik', sans-serif;
      color: #060606;
      font-weight: 800; }
    .content .counter {
      display: inline-block; }
      .content .counter .digits .num {
        font-weight: black;
        font-size: 11vh;
        width: 100%;
        text-align: center;
        position: absolute;
        line-height: 13vh;
        left: 0;
        left: 2vh;
        top: 0;
        letter-spacing: 3.2vh; }
      .content .counter .digit {
        margin: 0 0vh;
        position: relative;
        display: inline-block; }
        .content .counter .digit img {
          height: 13vh; }
        .content .counter .digit .num {
          color: white;
          font-weight: black;
          font-size: 12vh;
          width: 100%;
          text-align: center;
          position: absolute;
          line-height: 15vh;
          left: 0;
          top: 0; }
      .content .counter .count-title {
        margin: 0 5px;
        margin-right: 5px;
        position: relative;
        display: inline-block;
        margin-top: 2vh; }
        .content .counter .count-title img {
          height: auto;
          width: 60vw;
          display: none; }
          .content .counter .count-title img.mob-only {
            display: inline-block; } }

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