.show-error {
  display: block;
}

.btnHide {
  display: none !important;
}

.featureLeftPadding {
  padding-left: calc(3vw - 1vw);
}

.dynamicWidthSandbox {
  font-family: Poppins, sans-serif;
  padding-left: calc(3vw - 1vw);
  width: calc(13vw - 1vw);
}

.dynamicWidthRegister {
  font-family: Poppins, sans-serif;
  width: calc(9vw - 1vw);
}

.dynamicWidthLogin {
  font-family: Poppins, sans-serif;
  width: calc(7vw - 1vw);
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.button.cc-contact-us {
  margin-right: unset;
}

.button.sandbox {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.button.register {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.menu {
  min-width: min-content;
}

.logo-image {
  margin-left: 4px !important;
}

.navigation-usecases {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
  padding-right: 2% !important;
  padding-left: 1.2% !important;
}

.button:hover {
  background-color: #2a2a46;
  color: #fff;
  box-shadow: 2px 2px 11px -3px #000;
}

.button-4:hover {
  background-color: #2a2a46;
  color: #fff;
  box-shadow: 2px 2px 11px -3px #000;
}

.loginSubmit{
  padding-left: 5%;
  padding-right: 5%;
}

.loginBtn{
   width: auto !important;
}

.logBtn{
  width: auto !important;
  padding: 12px 2% 12px 2% !important;
}