/* Global Colors */
:root {
  --default-color: #74308c;
  --default-color-rgb: 116, 48, 140;

  --default-color-hover: #8f3dad;
  --default-color-hover-rgb: rgb(143, 61, 173);
}

#AuthForm{
  margin-top: 100px; 
  background-color: #ffffff;
  color: var(--default-color);
}
#AuthForm a{
  color: #ffffff;
  font-weight: 600;
}
#AuthForm .card {
  background-color: var(--default-color);
}
#AuthForm hr, 
.form-control:focus {
  border-color: var(--default-color) !important;
  color: #000000;
  background-color: var(--bs-body-bg);
  outline: 0;
  box-shadow: 0 0 0 .20rem rgba(143, 61, 173);
}
.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a {
  color: var(--default-color);
}

#AuthForm .login-btn,
#AuthForm .login-btn:focus {
  background: var(--default-color);
  padding: 8px 25px;
  border-radius: 4px;
  font-weight: 400;
  color: #ffffff;
  border: solid;
}

#AuthForm .login-btn:hover,
#AuthForm .login-btn:focus:hover {
  color: #ffffff;
  background: var(--default-color-hover);
}

#EditProfile{margin-top: 100px; background-color: #f8f6fa;color: #1a1919;}
.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a {
  color: #ffffff;
}

#EditProfile .login-btn,
#EditProfile .login-btn:focus {
  background: var(--default-color);
  padding: 8px 25px;
  border-radius: 4px;
  font-weight: 400;
  color: #ffffff;
}

#EditProfile .login-btn:hover,
#EditProfile .login-btn:focus:hover {
  color: #ffffff;
  background-color: var(--default-color-hover);
}

.py-8{padding-bottom:4.5rem!important;padding-top:4.5rem!important}@media(min-width:576px){.py-sm-8{padding-bottom:4.5rem!important;padding-top:4.5rem!important}}@media(min-width:768px){.py-md-8{padding-bottom:4.5rem!important;padding-top:4.5rem!important}}@media(min-width:992px){.py-lg-8{padding-bottom:4.5rem!important;padding-top:4.5rem!important}}@media(min-width:1200px){.py-xl-8{padding-bottom:4.5rem!important;padding-top:4.5rem!important}}@media(min-width:1400px){.py-xxl-8{padding-bottom:4.5rem!important;padding-top:4.5rem!important}}.bsb-btn-xl{--bs-btn-padding-y:0.625rem;--bs-btn-padding-x:1.25rem;--bs-btn-font-size:calc(1.26rem + 0.12vw);--bs-btn-border-radius:var(--bs-border-radius-lg)}@media(min-width:1200px){.bsb-btn-xl{--bs-btn-font-size:1.35rem}}.bsb-btn-2xl{--bs-btn-padding-y:0.75rem;--bs-btn-padding-x:1.5rem;--bs-btn-font-size:calc(1.27rem + 0.24vw);--bs-btn-border-radius:var(--bs-border-radius-lg)}@media(min-width:1200px){.bsb-btn-2xl{--bs-btn-font-size:1.45rem}}.bsb-btn-3xl{--bs-btn-padding-y:0.875rem;--bs-btn-padding-x:1.75rem;--bs-btn-font-size:calc(1.28rem + 0.36vw);--bs-btn-border-radius:var(--bs-border-radius-lg)}@media(min-width:1200px){.bsb-btn-3xl{--bs-btn-font-size:1.55rem}}.bsb-btn-4xl{--bs-btn-padding-y:1rem;--bs-btn-padding-x:2rem;--bs-btn-font-size:calc(1.29rem + 0.48vw);--bs-btn-border-radius:var(--bs-border-radius-lg)}@media(min-width:1200px){.bsb-btn-4xl{--bs-btn-font-size:1.65rem}}.bsb-btn-5xl{--bs-btn-padding-y:1.125rem;--bs-btn-padding-x:2.25rem;--bs-btn-font-size:calc(1.3rem + 0.6vw);--bs-btn-border-radius:var(--bs-border-radius-lg)}@media(min-width:1200px){.bsb-btn-5xl{--bs-btn-font-size:1.75rem}}.bsb-btn-circle{align-items:center;backface-visibility:hidden;border-radius:50%!important;display:inline-flex;height:2.5rem;justify-content:center;line-height:1;padding:0;width:2.5rem}.bsb-btn-circle.bsb-btn-circle-sm{height:2rem;width:2rem}.bsb-btn-circle.bsb-btn-circle-lg{height:3rem;width:3rem}.bsb-btn-circle.bsb-btn-circle-xl{height:3.5rem;width:3.5rem}.bsb-btn-circle.bsb-btn-circle-2xl{height:4rem;width:4rem}.bsb-btn-circle.bsb-btn-circle-3xl{height:4.5rem;width:4.5rem}.bsb-btn-circle.bsb-btn-circle-4xl{height:5rem;width:5rem}.bsb-btn-circle.bsb-btn-circle-5xl{height:5.5rem;width:5.5rem}.bsb-btn-circle.bsb-btn-circle-6xl{height:6rem;width:6rem}.bsb-btn-circle.bsb-btn-circle-7xl{height:6.5rem;width:6.5rem}.bsb-btn-circle.bsb-btn-circle-8xl{height:7rem;width:7rem}.bsb-btn-circle.bsb-btn-circle-9xl{height:7.5rem;width:7.5rem}.bsb-btn-circle.bsb-btn-circle-10xl{height:8rem;width:8rem}