.loading{
  width: 100%;
  height: 100%;
  background-color: #35353573;
  z-index: 1600;
  position: fixed;
  text-align: center;
  padding: 20%;
  left: 0;
    top: 0;
  display: none;
}
@media (max-width: 993px) {
  .loading {
    padding: 0%;
    padding-top: 45% 
    } 
}

.text-red{
  color: red;
}
#countdown {
  position: relative;
  margin: auto;
  height: 40px;
  width: 40px;
  text-align: center;
}

#countdown-number {
  color: red;
  display: inline-block;
  line-height: 40px;
}

svg {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  transform: rotateY(-180deg) rotateZ(-90deg);
}

#circle {
  stroke-dasharray: 113px;
  stroke-dashoffset: 0px;
  stroke-linecap: round;
  stroke-width: 4px;
  stroke: red;
  fill: none;
  animation: countdown 90s linear infinite forwards;
}

@keyframes countdown {
  from {
    stroke-dashoffset: 0px;
  }
  to {
    stroke-dashoffset: 113px;
  }
}