:root {
  --brand-color: #00b140;
}

#weblogin-spinner-wapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#grab-logo {
  display: none;
}

#weblogin-spinner-cotent {
  display: none;
}

#weblogin-spinner-cotent .secured-title {
  font-size: 24px;
  font-weight: 500;
}

#weblogin-spinner-cotent .secured-icon {
  display: inline-block;
  vertical-align: bottom;
}

#weblogin-spinner-wapper #grab-logo {
  margin: 16px 24px;
  display: none;
}

#weblogin-spinner-wapper .weblogin-content {
  padding: 24px 29px;
  border-top: 1px solid #f5f5f5;
}

#weblogin-spinner-wapper .weblogin-content p {
  color: #707070;
  padding-top: 16px;
}

#weblogin-spinner-wapper .weblogin-spinner {
  position: absolute;
  top: calc(50% + 12.5px);
  left: calc(50% - 12px);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 3px solid var(--brand-color);
  border-bottom: 3px solid transparent;
  animation: webloginspinner 1.5s linear infinite;
}

@keyframes webloginspinner {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes webloginspinner {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@-moz-keyframes webloginspinner {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.grecaptcha-badge {
  visibility: hidden;
}

.control-dots {
  padding: 0 0 4.5rem !important;
}

.carousel-root {
  min-height: calc(100vh-76px);
}

@media screen and (max-width: 800px) {
  #weblogin-spinner-wapper .weblogin-spinner {
    display: none;
  }
}