.fs-18 {
  font-size: 18px;
}

.fs-16 {
  font-size: 16px;
}

.fs-14 {
  font-size: 14px;
}

.fs-12 {
  font-size: 12px;
}

.fs-10 {
  font-size: 10px;
}

.fs-8 {
  font-size: 8px;
}

.fs-6 {
  font-size: 6px;
}

.star-color {
  color: #ff9900;
}

.icon-color {
  color: #ccb392;
}

.social_login_wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 3vh;
}
.social_login_wrapper .or_divider {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  margin: 2vh 0;
  color: #000000;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
}
.social_login_wrapper .or_divider::before {
  position: absolute;
  left: -110px;
  background: linear-gradient(
    200deg,
    #a7a7a7 -4.98%,
    rgba(255, 255, 255, 0) 72.67%
  );
  width: 100px;
  height: 2px;
  content: '';
}
.social_login_wrapper .or_divider::after {
  position: absolute;
  right: -110px;
  background: linear-gradient(
    90deg,
    #a7a7a7 -4.98%,
    rgba(255, 255, 255, 0) 72.67%
  );
  width: 100px;
  height: 2px;
  content: '';
}
.social_login_wrapper .buttons_container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 15px;
}
.social_login_wrapper .buttons_container .login_button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  transition: all 0.3s;
  cursor: pointer;
  outline: 0;
  border: 0;
  border-radius: 85px;
  background: #ececec;
  width: 160px;
  height: 50px;
  color: #fff;
  font-size: 22px;
}
.social_login_wrapper .buttons_container .login_button.googlebtn {
  border: 1px solid black;
  background: none;
  color: #000000;
  font-weight: 500;
  font-size: 18px;
  font-family: 'CreatoDisplay';
}
.social_login_wrapper .buttons_container .login_button.fbbtn {
  border: 1px solid black;
  background: none;
  color: #000000;
  font-weight: 500;
  font-size: 18px;
  font-family: 'CreatoDisplay';
}
.social_login_wrapper .buttons_container .login_button:hover {
  transform: scale(0.95);
  color: #010c38;
  font-weight: 700;
}
@media (max-width: 425px) {
  .social_login_wrapper .buttons_container .login_button {
    width: 140px;
  }
}