@import "../../../styles/varibale.scss";

.headerTitle {
  font-weight: 500;
  font-size: 22px;
  line-height: 1.2;
  text-align: center;
  color: $blackColor;
}
.headerSubTitle {
  font-weight: 400;
  font-size: 12px;
  line-height: 1.2;
  color: $lightGray;
  text-align: center;
}
.socialLoginText {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: $lightGray;
}
.loginWithText {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;

  color: $lightGray;
}
.linkText {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: $primaryColor;
}
.buttonData {
  width: 286px;
}
.userName {
  width: 100%;
  height: 41.88px;
  background: $grayBackground;
  border-radius: 5px;
  margin: 10px 0;
}
.checkboxLabel {
  margin-bottom: 10px !important;
  font-weight: 400;
  font-size: 10px;
  line-height: 24px;
  color: $lightGray;
}
.loginWithSocialMain{
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 100%;
}



.buttonSize {
  width: 111px;
}