.borderColored,
.sectionAppearV {
  position: absolute;
  z-index: 1000;
  visibility: hidden;
}
.imageInSectionOnTop {
  width: 100px;
  height: 50px;
}
.borderColored {
  width: 310px;
  height: 280px;
  top: 15px;
  left: calc(50% - 155px);
  border-radius: 20px;
  background: linear-gradient(to right, #0053f7, #0080ff);
  padding: 20px;
  opacity: 0;
}
#press1,
#press2,
#press3 {
  pointer-events: all;
  background: red;
  box-shadow: none !important;
  border: none;
  outline: 0;
  padding: 8px 16px !important;
  border-radius: 100px !important;
  color: #ffffff !important;
  position: relative !important;
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
  height: 44px;
  cursor: pointer;
  width: clamp(0px, 100%, 216px);
}
#press1:disabled,
#press2:disabled,
#press3:disabled {
  background: #c2c2c2;
  opacity: 0.2;
}
.textSectionV {
  color: #000000;
  line-height: 22px;
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 0.3rem !important;
  text-align: center;
}
.sectionAppearV {
  width: 90% !important;
  height: min-content;
  top: 0px;
  left: 0px;
  border-radius: 20px;
  font-weight: 600;
  font-size: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  padding: 2rem;
  border: 7px solid red;;
  background: #1f2025;
  justify-content: space-between;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.animateClickV {
  -webkit-animation: 1.2s ease-out fadeInFromNone;
  -moz-animation: 1.2s ease-out fadeInFromNone;
  -o-animation: 1.2s ease-out fadeInFromNone;
  animation: 1.2s ease-out fadeInFromNone, 4s infinite mymove;
}
.animateFrameWithColor {
  animation: 2s ease-out forwards newAnimation;
}
.hideanimateClickV {
  -webkit-animation: 0.5s ease-out forwards hideAnimate;
  -moz-animation: 0.5s ease-out forwards hideAnimate;
  -o-animation: 0.5s ease-out forwards hideAnimate;
  animation: 0.5s ease-out forwards hideAnimate, 4s infinite mymove;
}
.hideanimateFrameWithColor {
  animation: 0.5s ease-out forwards newHideAnimation;
}
@keyframes newHideAnimation {
  0%,
  70% {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
  }
  100% {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
}
@keyframes hideAnimate {
  0%,
  70% {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
  }
  100% {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
}
@-webkit-keyframes fadeInFromNone {
  0% {
    display: flex;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
  }
  80% {
    display: flex;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  100% {
    display: none;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
}
@-moz-keyframes fadeInFromNone {
  0% {
    display: flex;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
  }
  80% {
    display: flex;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  100% {
    display: none;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
}
@-o-keyframes fadeInFromNone {
  0% {
    display: flex;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
  }
  80% {
    display: flex;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  100% {
    display: none;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
}
@keyframes fadeInFromNone {
  0% {
    display: flex;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
  }
  80% {
    display: flex;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  100% {
    display: none;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
}
@keyframes newAnimation {
  0% {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  30% {
    opacity: 0;
    visibility: hidden;
    pointer-events: all;
  }
  100% {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
  }
}
@keyframes mymove {
  0%,
  100% {
    visibility: visible;
    background-color: #ffffff;
  }
  50% {
    background-color: #ffffff;
  }
}
@-webkit-keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  80% {
    display: flex;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  100% {
    display: flex;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
  }
}
@-moz-keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  80% {
    display: flex;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  100% {
    display: flex;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
  }
}
@-o-keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  80% {
    display: flex;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  100% {
    display: flex;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
  }
}
@keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  30% {
    display: flex;
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
  }
  100% {
    display: flex;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
  }
}

@media only screen and (min-width: 1400px) {
  .textSectionV {
    font-size: 20px;
  }
}

.register-form {
  position: relative;
}