:root {
  --bs-body-font-family: $graphik;
}

html {
  font-family: "GraphikRegular";
}

@font-face {
  font-family: "Axiforma-Bold";
  src: url("../fonts/axiforma/Axiforma-Bold.otf");
}
@font-face {
  font-family: "GraphikRegular";
  src: url("../fonts/GraphikRegular.otf");
}
.bg-green {
  background: #00CC63;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-inline: 200px;
}
@media screen and (max-width: 1366px) {
  .bg-green {
    padding-inline: 100px;
  }
}

.start-login {
  background-color: white;
  text-decoration: none;
  color: black;
  padding: 12px 40px 10px 40px;
  border-radius: 10px;
  font-family: "Axiforma-Bold";
  display: inline-block;
  font-size: 19px;
}
.start-login img {
  float: left;
  padding-right: 25px;
}

.bg-gray {
  background-color: #F6F6F6;
}

.login-head {
  font-size: 55px;
  font-weight: 800;
  font-family: "Axiforma-Bold";
  color: #1D1D1B;
}

.login-desc {
  color: white;
}

.login-signup-card, .buy-plan-card {
  height: auto;
  padding: 70px 115px;
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.0588235294);
  border-radius: 30px;
  text-align: center;
  background-color: white;
}
@media screen and (max-width: 1366px) {
  .login-signup-card, .buy-plan-card {
    padding: 30px 90px;
    margin: 80px auto;
    max-width: 500px;
    height: auto;
  }
}
@media (max-width: 768px) {
  .login-signup-card, .buy-plan-card {
    padding: 30px;
    margin-top: 15px;
  }
}

.login-outer {
  width: 100%;
  max-width: 600px;
}
@media (max-width: 430px) {
  .login-outer {
    min-height: 100vh;
    padding: 15px;
  }
}

.buy-plan-card {
  width: 100%;
  max-width: 100%;
  padding: 40px;
  text-align: left;
}
@media (max-width: 430px) {
  .buy-plan-card {
    padding-inline: 20px;
  }
}

.buy-plan-card-container {
  padding-inline: 65px;
}
@media (max-width: 430px) {
  .buy-plan-card-container {
    padding-inline: 20px;
  }
}

.mh-100vh {
  min-height: 100vh;
}

.login-btn {
  border-color: transparent !important;
  color: #C7C7C7;
}
.login-btn.active {
  color: black;
}

.btn-success {
  padding: 12px 40px;
  font-family: "Axiforma-Bold";
}

.login-signup-btn {
  background-color: #00CC63;
  color: white;
  text-decoration: none;
  padding: 12px 40px 10px 40px;
  border-radius: 10px;
  font-family: "Axiforma-Bold";
  display: inline-block;
  transition: 0.3s ease-in-out;
}
.login-signup-btn:hover {
  background-color: green;
  color: white;
}
.login-signup-btn img {
  float: left;
  padding-right: 25px;
}

.login-bg {
  background-color: #00CC63;
  display: flex;
  justify-content: center;
  align-items: center;
}
.login-bg h2 {
  color: white;
}

.login-content {
  padding-top: 58px;
}
.login-content .nav li button {
  font-family: "Axiforma-Bold";
}

.nav-tabs .nav-link {
  border-width: 2px;
}

.login-nav {
  border: none;
  margin-bottom: 68px;
}
.login-nav li {
  border-bottom: 2px solid #E4E4E4;
}
.login-nav li:has(.active) {
  border-bottom: 3px solid black;
}
.login-nav li .nav-link {
  color: #C7C7C7;
  font-weight: 800;
}
.login-nav li .nav-link.active {
  color: black;
  border-width: 2px;
}

.signup-nav {
  margin-bottom: 30px;
}

.register-page-details {
  text-align: left;
  padding-bottom: 30px;
}
.register-page-details h4 {
  font-size: 20px;
  font-weight: 800;
  font-family: "Axiforma-Bold";
}
.register-page-details p {
  font-family: "GraphikRegular";
}

.login-fields input, .login-fields select {
  border: 1px solid #E4E4E4;
  font-size: 18px;
  line-height: 18px;
  padding: 17px 14px;
}
.login-fields input:focus, .login-fields select:focus {
  border-color: #E4E4E4;
  box-shadow: none;
}
.login-fields .input-group-text {
  width: auto;
  aspect-ratio: 1;
}

.paid-plan .desc {
  font-weight: bold;
  font-size: 20px;
  font-family: "Axiforma-Bold";
}

.plan-option-container, .paid-plan {
  padding: 35px;
  border-radius: 10px;
  border: 1px solid #C0C0C0;
}
.plan-option-container h2, .paid-plan h2 {
  font-family: "Axiforma-Bold";
  font-size: 28px;
}
.plan-option-container .desc, .paid-plan .desc {
  margin-top: 20px;
}
.plan-option-container .price-container, .paid-plan .price-container {
  font-family: "Axiforma-Bold";
  font-size: 28px;
  padding: 20px;
  margin-right: 25px;
  background: #E4E4E4;
  border-radius: 10px;
}
.plan-option-container .price-container .price-desc, .paid-plan .price-container .price-desc {
  font-family: "GraphikRegular";
  font-size: 13px;
  color: #00CC63;
}
.plan-option-container .price-container.bg-parrot, .paid-plan .price-container.bg-parrot {
  background: #E6F7E9;
}
.plan-option-container .price-detail, .paid-plan .price-detail {
  font-size: 16px;
}
.plan-option-container .number-of-emp, .paid-plan .number-of-emp {
  font-size: 20px;
  margin-top: 8px;
}

[type=radio] ~ .checked {
  display: none;
}

[type=radio]:checked ~ .checked {
  display: block;
}

[type=radio]:checked ~ .unchecked {
  display: none;
}

.text-success {
  color: #00CC63 !important;
}

.mt-10 {
  margin-top: 10px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mt-20 {
  margin-top: 20px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mt-30 {
  margin-top: 30px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mt-40 {
  margin-top: 40px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mt-50 {
  margin-top: 50px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mt-60 {
  margin-top: 60px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mt-70 {
  margin-top: 70px;
}

.mb-70 {
  margin-bottom: 70px;
}

.mt-80 {
  margin-top: 80px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mt-90 {
  margin-top: 90px;
}

.mb-90 {
  margin-bottom: 90px;
}

.mt-100 {
  margin-top: 100px;
}

.mb-100 {
  margin-bottom: 100px;
}

.btn-success {
  --bs-btn-bg: #00CC63;
  --bs-btn-border-color: #00CC63;
  --bs-btn-hover-bg: #157347;
  --bs-btn-hover-border-color: #146c43;
  --bs-btn-active-border-color: #13653f;
  --bs-btn-disabled-bg: #00CC63;
  --bs-btn-disabled-border-color: #00CC63;
}

.pi-120 {
  padding-inline: 120px;
}

.animate-forgot {
  transition: 0.3s ease-in-out;
}
.animate-forgot:hover {
  color: #00CC63;
}

input {
  font-family: "GraphikRegular";
}

.btn-dark {
  font-family: "Axiforma-Bold";
  font-size: 13px;
}
.btn-dark span {
  padding-top: 2px;
}

.buy-plan-card .btn-success {
  font-size: 19px;
  padding-top: 15px;
  padding-inline: 45px;
}

.privacy-link {
  margin-top: 25px;
}
.privacy-link img {
  width: 25px;
}
.privacy-link .checked-img {
  display: none;
}
.privacy-link .unchecked-img {
  display: inline-block;
}
.privacy-link :checked ~ .checked-img {
  display: inline-block;
}
.privacy-link :checked ~ .unchecked-img {
  display: none;
}
.privacy-link span {
  padding-top: 2px;
  font-size: 14px;
}
.privacy-link span a {
  color: #00CC63;
  transition: 0.3s ease-in-out;
}
.privacy-link span a:hover {
  color: #1D1D1B;
}
.privacy-link label {
  display: flex;
  align-items: center;
  justify-content: center;
}

.mr-12 {
  margin-right: 12px;
}

.login-content input {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}

.login-side {
  font: bold 37px "Axiforma-Bold";
  max-width: 470px;
  margin-inline: auto;
  text-align: center;
}

.guest-left-flex {
  align-items: center;
}

.grecaptcha-badge {
  display: none !important;
}

/*# sourceMappingURL=auth.css.map */