@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap");

* {
  box-sizing: border-box;
}
.body {
  /* background-color: #8e44ad; */
  background-color: #fff;
  color: #fff;
  /* font-family: "Roboto Mono", sans-serif; */
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  /* justify-content: space-around; */
  /* height: 100vh; */
  height: auto;
  overflow: hidden;
}

.counter-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 30px 50px;
  text-align: center;
  gap: 20px 0;
  font-weight: bolder;
  color: #243565;
}

.counter {
  font-size: 30px;
  /* margin-top: 10px; */
}

@media (max-width: 580px) {
  .body {
    flex-direction: column;
  }
}

.body i {
  font-size: 60px;
}

@media (min-width: 768px) {
  .left-border::before {
      /* right: 24px; */
      content: "";
      width: 100px;
      height: 2px;
      z-index: 99999;
      background: red;
      position: relative;
      left: 100%;
      rotate: 90deg;
      bottom: -54px;
  }

  /* .left-border{
    padding-right: 100px !important;
  } */

  .line-transparent::before{
    background: transparent;
  }
}