.verified-badge-text {
  color: #d742a2;
  font-size: 12px;
  font-weight: 800;
}
/* .user-follow:hover,
.user-follow:active,
.user-follow:focus {
  color: #fff !important;
  background-color: #428bca !important;
  border-color: #357ebd !important;
} */
.s-icon {
  margin-right: 3rem !important;
}

.s_icon_16 {
  width: 32px;
  height: 32px;
  margin-right: 2px;
  object-fit: cover;
}
.mb-10 {
  margin-bottom: 2rem;
}

.w-600px {
  width: 600px !important;
}

.d-flex {
  display: flex !important;
}

.border-0 {
  border: none !important;
}

.mr-20px {
  margin-right: 20px !important;
}

.btn-light-primary {
  background: var(--primary-color);
}

.mt-30px {
  margin-top: 40px !important;
}

.mt-15px {
  margin-top: 15px !important;
}

.fs-18px {
  font-size: 18px !important;
}

.ml-0 {
  margin-left: 0px !important;
}

.font-robot {
  font-family: "Roboto", sans-serif !important;
}

.text-start {
  text-align: left;
}

.fs-48px {
  font-size: 45px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.mr-15px {
  margin-right: 15px !important;
}

.landing_label {
  white-space: pre-wrap;
  text-overflow: clip;
  /* overflow: hidden; */
}

.mb-30px {
  margin-bottom: 30px !important;
}

.h-60 {
  height: 60px !important;
}
@media (max-width: 349px) {
  .button-div {
    width: auto;
  }
  .overflow-height {
    height: fit-content;
    margin-bottom: 10px;
  }
  .user_landing_div {
    display: inline-grid;
    justify-content: center;
    width: 100%;
    margin: 20px auto;
    position: relative;
    top: 15%;
  }
  .text_align,
  .sign-in-logo {
    text-align: center;
  }
}

@media (min-width: 350px) and (max-width: 768px) {
  .button-div {
    width: auto;
  }

  .overflow-height {
    height: fit-content;
    margin-bottom: 10px;
  }

  .text_align {
    text-align: center;
  }

  .user_landing_div {
    display: inline-grid;
    justify-content: center;
    width: 100%;
    margin: 20px auto;
    position: relative;
    top: 15%;
  }
  .sign-in-logo {
    text-align: center;
  }
}
@media (min-width: 769px) {
  .button-div {
    width: 400px;
  }
  .overflow-height {
    height: auto;
    margin-bottom: 10px;
  }
  .user_landing_div {
    width: 100%;
    margin: 0 auto;
    margin-left: 50px;
    position: relative;
    top: 15%;
    overflow: auto;
  }

  .text_align {
    text-align: start;
  }
}
