.user-logged-in .anony-user,
.auth-user{
    display: none;
}



/* Target both the textarea and the pre elements */
.npm__react-simple-code-editor__textarea,
.npm__react-simple-code-editor pre {
  font-family: 'Fira Code', monospace !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  padding: 10px !important;
  margin: 0 !important;
  white-space: pre !important;
  word-break: normal !important;
  tab-size: 2 !important;
  letter-spacing: normal !important;
  box-sizing: border-box !important;
}

/* For textarea only */
.npm__react-simple-code-editor__textarea {
  color: transparent !important;
  caret-color: #ffffff !important;
  background: none !important;
  overflow: hidden !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}


.login-form .developer-app-add-for-developer-form label{
	display: unset !important;
}


.user__user-picture a, .user__user-picture img {
    width: 100%;
    height: auto;
}


.three-col--default .card-icon span, .three-col--default .card-icon p {
    color: #4D4D4D !important;
    font-family: "Product Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    text-align: left;
}

.three-col--default .card-icon strong {
    color: #4d4d4d;
}
.text-blue{
	color: #003CA4 !important;
}
form > .form-actions:last-child {
    margin-bottom: 1.5rem;
    display: flex;
}
.terms-condition h2{
	border: none !important;
}
.login-form .contact-left b {
    color: #4D4D4D;
    font-family: "Product Sans";
    font-size: 20px !important;
}

 .user-logged-in .auth-user{
    display: inline-block  !important;
}

pre {
    background: #f0f0f033 !important;
    margin: 2.1255rem 0;
    padding: 0.9975rem;
}

form#developer-app-edit-for-developer-form .login-form label {
    display: block !important;
}

.user-logged-in .register{
	display: none;
}
.apps-btn{
	display: none;
}

.user-logged-in .apps-btn{
	display: block;
}


.api-cat-block .api-card {
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 340px;
    text-align: center;
}

.contact-left h3{
    color: #4D4D4D;
    font-family: "Product Sans";
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 12px !important;
}


.stretched-title {
    color: #000;
    font-family: "Product Sans";
    font-size: 25.321px;
    font-style: normal;
    font-weight: 700 !important;
    line-height: normal !important;
    letter-spacing: 5.824px !important;
    margin: 0 !important;
}

.login-form label, .login-form small {
    display: none !important;
}


.login-form form#developer-app-edit-for-developer-form label {
    display: block !important;
}