.c2s {
  margin: 0 auto;
}
.eronet-title,
.cla-title {
  font-family: "Exo 2", sans-serif;
  font-weight: 300;
}
.eronet-title {
  margin: 10px 0;
}
.success #c2s-mo,
.c2s {
  background: #ffffff;
  width: 359px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-radius: 8px;
  box-shadow: 0px 0px 10px 0px #797c8d26;
}

#c2s-mo .text,
.c2s .text {
  font-size: 15px;
  font-weight: 400;
}

#c2s-mo .tracking,
.c2s .tracking {
  padding: 18px 40px;
  width: 225px;
  margin: 0 auto;
  animation: changeBorderColor 2s infinite;
}

#c2s-mo .kw,
#c2s-mo .sc,
#c2s-mo .tc,
.c2s .kw,
.c2s .sc,
.c2s .tc {
  font-family: "Montserrat", sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 30px;
  display: inline-block;
  animation: changeColor 2s infinite;
}

#c2s-mo .na,
.c2s .na {
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  display: block;
}
#btnSend, #mtel-sms-button,  #sms-button {
  box-shadow: inset 0px 0px 0px #2cda94;
  animation: boxShadow 1.5s infinite;
}

@media (max-width: 767px) {
  .c2s {
    background: unset;
    box-shadow: unset;
  }
  .c2s .tracking {
    display: flex;
    gap: 5px;
    justify-content: center;
    align-items: center;
    padding: 10px 40px;
  }
}

@keyframes changeColor {
  0% {
    color: #f33c0e;
  }

  50% {
    color: #ffa600;
  }

  100% {
    color: #f33c0e;
  }
}

@keyframes changeBorderColor {
  0% {
    border: 3px solid #f33c0e;
  }

  50% {
    border: 3px solid #ffa600;
  }

  100% {
    border: 3px solid #f33c0e;
  }
}

@keyframes boxShadow {
  from,
  to {
    box-shadow: 0 0 10px 0 #f3750e, -1px -2px 13px 0 #f33c0e inset,
      0 -2px 3px 0 rgba(255, 171, 72, 0.7) inset,
      0 6px 6px 0 rgba(255, 184, 0, 0.8) inset, 0 0 0 0 #ff7a00;
  }
  50% {
    box-shadow: 0 0 10px 0 #f33c0e, -1px -2px 13px 0 #f33c0e inset,
      0 -2px 3px 0 rgba(255, 171, 72, 0.7) inset,
      0 6px 6px 0 rgba(255, 184, 0, 0.8) inset, 0 0 22px 0 #ff7a00;
  }
}