/*
 * Manifest file for users pages (signup, signin etc)


*/
@charset "UTF-8";
/* User Form Pages
 * ---------------------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");
/* line 7, app/assets/stylesheets/site/users/users.scss.erb */
body {
  font-family: 'Open Sans', Helvetica, Arial, Sans-Serif;
  background: #181818;
  color: #a4a4a4;
  margin-top: 0px;
}

/* line 14, app/assets/stylesheets/site/users/users.scss.erb */
.user-account-details {
  margin: 8rem auto 0 auto;
  max-width: 720px;
}

/* line 18, app/assets/stylesheets/site/users/users.scss.erb */
.user-account-details a {
  color: #fdcc07;
}

/* line 22, app/assets/stylesheets/site/users/users.scss.erb */
.user-account-details .alert {
  background: #fdcc07;
  padding: 6px 6px 6px 16px;
  margin: 4px 0 40px 0;
  color: #000;
  font-size: 16px;
}

/* line 30, app/assets/stylesheets/site/users/users.scss.erb */
.user-account-details .help-block {
  float: right;
  margin: 5px 5px 0 0;
  font-size: 14px;
}

/* line 36, app/assets/stylesheets/site/users/users.scss.erb */
.user-account-details .form {
  margin: 32px 0 0 0;
}

/* line 39, app/assets/stylesheets/site/users/users.scss.erb */
.user-account-details .form .form-title {
  text-align: center;
  padding: 5px 0;
  color: #ffd800;
  padding-bottom: 2rem;
  font-size: 3rem;
  line-height: 3rem;
}

/* line 48, app/assets/stylesheets/site/users/users.scss.erb */
.user-account-details .form .form-fields {
  margin-left: 1rem;
}

/* line 53, app/assets/stylesheets/site/users/users.scss.erb */
.user-account-details .form input:focus {
  outline: none;
}

/* line 56, app/assets/stylesheets/site/users/users.scss.erb */
.user-account-details .form .col-xs-9 {
  width: 72.5%;
}

/* line 59, app/assets/stylesheets/site/users/users.scss.erb */
.user-account-details .form .form-group label.form-control-label {
  font-size: 1.5rem;
  line-height: 1.125rem;
  margin-top: 8px;
}

/* line 66, app/assets/stylesheets/site/users/users.scss.erb */
.user-account-details .form .button {
  margin: 0 0 40px 0;
  font-size: 1.4rem;
  float: right;
}

/* line 72, app/assets/stylesheets/site/users/users.scss.erb */
.user-account-details .form .form-actions {
  text-align: center;
}

/* line 75, app/assets/stylesheets/site/users/users.scss.erb */
.user-account-details .form .form-actions p {
  text-align: right;
  padding-right: 0px;
}

/* line 81, app/assets/stylesheets/site/users/users.scss.erb */
.user-account-details .form .form-actions p.back-link {
  float: left;
  text-align: left;
  margin: 0 0 40px 1rem;
  line-height: 2.4rem;
  font-size: 1.4rem;
}

/* line 91, app/assets/stylesheets/site/users/users.scss.erb */
.user-account-details .form .remember-me-label {
  opacity: 0;
}

/* line 92, app/assets/stylesheets/site/users/users.scss.erb */
.user-account-details .form #remember-me-text {
  margin-left: 4px;
}

/* line 96, app/assets/stylesheets/site/users/users.scss.erb */
.user-account-details .form #forgot-password-help {
  display: block;
  margin-top: -68px;
  margin-right: 5px;
}

@font-face {
  font-family: "feature-icons";
  src: url(/assets/feature-icons.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}

/* line 120, app/assets/stylesheets/site/users/users.scss.erb */
[data-icon-feature]:before {
  font-family: "feature-icons" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 133, app/assets/stylesheets/site/users/users.scss.erb */
[class^="icon-feature-"]:before,
[class*=" icon-feature-"]:before {
  font-family: "feature-icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 146, app/assets/stylesheets/site/users/users.scss.erb */
.icon-feature-badges:before {
  content: "f";
}

/* line 147, app/assets/stylesheets/site/users/users.scss.erb */
.icon-feature-levels:before {
  content: "a";
}

/* line 148, app/assets/stylesheets/site/users/users.scss.erb */
.icon-feature-rewards:before {
  content: "c";
}

/* line 149, app/assets/stylesheets/site/users/users.scss.erb */
.icon-feature-social:before {
  content: "d";
}

/* line 150, app/assets/stylesheets/site/users/users.scss.erb */
.icon-feature-leaderboard:before {
  content: "e";
}

/* line 151, app/assets/stylesheets/site/users/users.scss.erb */
.icon-feature-management:before {
  content: "b";
}

/* line 154, app/assets/stylesheets/site/users/users.scss.erb */
.features {
  font-family: 'Open Sans', sans-serif;
  text-align: center;
  border-bottom: 2px solid #fdcc07;
  padding-bottom: 30px;
}

/* line 160, app/assets/stylesheets/site/users/users.scss.erb */
.features h2 {
  color: #ffd800;
  font-size: 3rem;
  margin: 1.4rem 0 1.4rem 0;
}

/* line 166, app/assets/stylesheets/site/users/users.scss.erb */
.features .feature-items {
  display: flex;
  justify-content: space-between;
}

/* line 170, app/assets/stylesheets/site/users/users.scss.erb */
.features .feature-items .feature-item {
  text-align: center;
}

/* line 173, app/assets/stylesheets/site/users/users.scss.erb */
.features .feature-items .feature-item .icon {
  font-size: 2rem;
}

@media (max-width: 767px) {
  /* line 154, app/assets/stylesheets/site/users/users.scss.erb */
  .features {
    display: none;
  }
}

/* line 185, app/assets/stylesheets/site/users/users.scss.erb */
#edit-account-information input[type='submit'] {
  margin-right: -16px;
}

/* line 190, app/assets/stylesheets/site/users/users.scss.erb */
#two-factor-authentication {
  clear: both;
  padding-top: 24px;
  border-top: 1px solid #ffffff33;
}

/* line 196, app/assets/stylesheets/site/users/users.scss.erb */
.user-account-details a.button {
  color: #000;
  text-decoration: none;
}

/* line 200, app/assets/stylesheets/site/users/users.scss.erb */
.two-factor-qr-code {
  background: #fff;
  padding: 12px;
  width: 240px;
  margin: 16px auto;
}

/* line 206, app/assets/stylesheets/site/users/users.scss.erb */
.two-factor-qr-code svg {
  display: block;
  width: 100%;
  height: auto;
}

/* line 213, app/assets/stylesheets/site/users/users.scss.erb */
.two-factor-manual-key code {
  display: block;
  margin-top: 4px;
}

/* line 217, app/assets/stylesheets/site/users/users.scss.erb */
.two-factor-manual-key code,
.two-factor-recovery-codes code {
  color: #fff;
  background: transparent;
  font-size: 1.6rem;
  letter-spacing: 1px;
}

/* line 224, app/assets/stylesheets/site/users/users.scss.erb */
.two-factor-recovery-codes {
  list-style: none;
  columns: 2;
  padding: 0;
  margin: 16px 0 32px;
}

/* line 231, app/assets/stylesheets/site/users/users.scss.erb */
#user-sign-up-page input[type='submit'] {
  margin-right: 15px;
}

/* line 254, app/assets/stylesheets/site/users/users.scss.erb */
.user-sign-in-custom {
  width: 100%;
  max-width: 900px;
  font-family: "Inter", sans-serif !important;
  background: #181818;
  width: 100% !important;
  margin: 0;
  max-width: 100%;
  background-size: 100%;
  background-image: url(https://assets-global.website-files.com/63a9dc6d40dad33bc442967e/65a0e7fcf3f6a74628e76cba_banner-layer.svg);
  padding: 129px 80px 60px;
  margin-top: -120px;
}

/* line 266, app/assets/stylesheets/site/users/users.scss.erb */
.user-sign-in-custom .features {
  border: none;
  padding-bottom: 0px;
}

/* line 269, app/assets/stylesheets/site/users/users.scss.erb */
.user-sign-in-custom .features .feature-items {
  margin: 40px auto 10px;
  max-width: 900px;
}

/* line 272, app/assets/stylesheets/site/users/users.scss.erb */
.user-sign-in-custom .features .feature-items .feature-item {
  width: 100%;
}

/* line 275, app/assets/stylesheets/site/users/users.scss.erb */
.user-sign-in-custom .features .feature-items .feature-item .icon:before {
  display: none;
}

/* line 278, app/assets/stylesheets/site/users/users.scss.erb */
.user-sign-in-custom .features .feature-items .feature-item .icon svg {
  width: 50px;
  height: 50px;
}

/* line 283, app/assets/stylesheets/site/users/users.scss.erb */
.user-sign-in-custom .features .feature-items .feature-item:not(:last-child) {
  border-right: solid 1px #fff;
}

/* line 286, app/assets/stylesheets/site/users/users.scss.erb */
.user-sign-in-custom .features .feature-items .feature-item .text {
  font-size: 15px;
  font-family: "Inter";
  font-weight: 600;
  color: white;
}

/* line 294, app/assets/stylesheets/site/users/users.scss.erb */
.user-sign-in-custom .features h2 {
  font-size: 55px;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "Inter", sans-serif !important;
  color: white;
}

/* line 300, app/assets/stylesheets/site/users/users.scss.erb */
.user-sign-in-custom .features h2 span {
  color: #fdcc07;
}

/* line 305, app/assets/stylesheets/site/users/users.scss.erb */
.user-sign-in-custom .sign-in-component {
  background: #181818;
  padding: 30px 30px 50px;
  box-sizing: border-box;
  display: flow-root;
  position: relative;
  max-width: 630px;
  margin: 40px auto 20px;
  border-radius: 13px;
  border: solid 1px #5d5d5d;
}

/* line 315, app/assets/stylesheets/site/users/users.scss.erb */
.user-sign-in-custom .sign-in-component input.button {
  margin-bottom: 0;
  font-family: "Inter";
  font-weight: 700;
  font-size: 18px;
  border-radius: 5px;
  transition-duration: .3s;
  padding: 10px 24px;
}

/* line 323, app/assets/stylesheets/site/users/users.scss.erb */
.user-sign-in-custom .sign-in-component input.button:hover {
  background: #dbb20d;
}

/* line 327, app/assets/stylesheets/site/users/users.scss.erb */
.user-sign-in-custom .sign-in-component h3 {
  color: #fff;
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 35px;
}

/* line 332, app/assets/stylesheets/site/users/users.scss.erb */
.user-sign-in-custom .sign-in-component h3 span {
  color: #fdcc07;
}

/* line 336, app/assets/stylesheets/site/users/users.scss.erb */
.user-sign-in-custom .sign-in-component .form {
  margin: 0;
}

/* line 339, app/assets/stylesheets/site/users/users.scss.erb */
.user-sign-in-custom .sign-in-component .form-fields {
  margin-left: 0;
  display: flex;
  flex-direction: column;
}

/* line 343, app/assets/stylesheets/site/users/users.scss.erb */
.user-sign-in-custom .sign-in-component .form-fields input {
  width: 100%;
  padding: 10px 10px 10px 45px;
  background: #ffffff24;
  border: solid 1px #5d5d5d;
  border-radius: 5px;
  color: #fff;
  transition-duration: .3s;
}

/* line 352, app/assets/stylesheets/site/users/users.scss.erb */
.user-sign-in-custom .sign-in-component .form-fields input:focus {
  border: solid 1px #ffd800;
}

/* line 356, app/assets/stylesheets/site/users/users.scss.erb */
.user-sign-in-custom .sign-in-component .form-fields label {
  position: absolute;
  top: 6px;
  left: 5px;
}

/* line 361, app/assets/stylesheets/site/users/users.scss.erb */
.user-sign-in-custom .sign-in-component .form-fields .form-custom-field {
  position: relative;
  margin-bottom: 20px;
}

/* line 365, app/assets/stylesheets/site/users/users.scss.erb */
.user-sign-in-custom .sign-in-component .form-fields input[type="checkbox"] {
  width: 20px;
  opacity: 0;
}

/* line 370, app/assets/stylesheets/site/users/users.scss.erb */
.user-sign-in-custom .sign-in-component .form-fields input[type="checkbox"] + label:after {
  content: '';
  display: block;
  left: 0;
  top: 0;
  width: 25px;
  height: 25px;
  background: white;
  position: absolute;
  border-radius: 5px;
  transition-duration: .1s;
  transform: scale(0.9);
}

/* line 388, app/assets/stylesheets/site/users/users.scss.erb */
.user-sign-in-custom .sign-in-component .form-fields input[type="checkbox"]:checked + label:before {
  content: '✓';
  position: absolute;
  left: 0;
  top: 0;
  width: 25px;
  height: 25px;
  color: black;
  z-index: 111;
  display: flex;
  justify-content: center;
  align-items: baseline;
  font-weight: bold;
  font-size: 22px;
  line-height: 1.1;
  transition-duration: .3s;
  transform: scale(0.9);
}

/* line 406, app/assets/stylesheets/site/users/users.scss.erb */
.user-sign-in-custom .sign-in-component .form-fields input[type="checkbox"]:checked + label:after {
  background: #fdcc07;
}

/* line 415, app/assets/stylesheets/site/users/users.scss.erb */
.user-sign-in-custom .sign-in-component .form-fields input[type="checkbox"]:hover + label:after {
  transform: scale(1);
}

/* line 423, app/assets/stylesheets/site/users/users.scss.erb */
.user-sign-in-custom .sign-in-component .form-bottom-fields {
  position: relative;
  margin-bottom: 16px;
}

/* line 426, app/assets/stylesheets/site/users/users.scss.erb */
.user-sign-in-custom .sign-in-component .form-bottom-fields label {
  color: #fff !important;
  display: inline-block;
  position: relative;
  opacity: 1;
  top: 0;
  left: 0;
  padding-left: 35px;
  min-height: 25px;
  line-height: 25px;
  font-size: 15px;
  cursor: pointer;
}

/* line 440, app/assets/stylesheets/site/users/users.scss.erb */
.user-sign-in-custom .sign-in-component .form-actions {
  text-align: right;
}

/* line 443, app/assets/stylesheets/site/users/users.scss.erb */
.user-sign-in-custom .sign-in-component .form-bottom-fields.check-box-ui {
  position: relative;
  display: flex;
}

/* line 449, app/assets/stylesheets/site/users/users.scss.erb */
.user-sign-in-custom .sign-in-component #forgot-password-help {
  color: #fff;
  font-size: 13px;
  line-height: 1.4;
}

/* line 453, app/assets/stylesheets/site/users/users.scss.erb */
.user-sign-in-custom .sign-in-component #forgot-password-help strong {
  color: #fdcc07;
  font-size: 15px;
}

/* line 463, app/assets/stylesheets/site/users/users.scss.erb */
.user-sign-in-custom .sign-in-component.layout-split .form-bottom-fields {
  width: 50%;
  margin-top: -5px;
  margin-bottom: 0;
}

/* line 468, app/assets/stylesheets/site/users/users.scss.erb */
.user-sign-in-custom .sign-in-component.layout-split .form-actions {
  width: 50%;
  float: right;
  margin-top: 52px;
  text-align: left;
}

/* line 474, app/assets/stylesheets/site/users/users.scss.erb */
.user-sign-in-custom .sign-in-component.layout-split input.button {
  float: left;
  position: absolute;
  left: 30px;
  bottom: 65px;
}

/* line 480, app/assets/stylesheets/site/users/users.scss.erb */
.user-sign-in-custom .sign-in-component.layout-split #forgot-password-help {
  display: block;
  margin-top: -67px;
  margin-right: 5px;
  max-width: 100%;
  float: right;
}

/* line 489, app/assets/stylesheets/site/users/users.scss.erb */
.user-sign-in-custom .sign-in-component input:-webkit-autofill {
  -webkit-background-clip: text;
  -webkit-text-fill-color: #ffffff;
  transition: background-color 5000s ease-in-out 0s;
  box-shadow: inset 0 0 20px 20px #23232329;
}

/* line 494, app/assets/stylesheets/site/users/users.scss.erb */
.user-sign-in-custom .sign-in-component input:-webkit-autofill:hover {
  -webkit-background-clip: text;
  -webkit-text-fill-color: #ffffff;
  transition: background-color 5000s ease-in-out 0s;
  box-shadow: inset 0 0 20px 20px #23232329;
}

/* line 500, app/assets/stylesheets/site/users/users.scss.erb */
.user-sign-in-custom .sign-in-component input:-webkit-autofill:focus {
  -webkit-background-clip: text;
  -webkit-text-fill-color: #ffffff;
  transition: background-color 5000s ease-in-out 0s;
  box-shadow: inset 0 0 20px 20px #23232329;
}

/* line 506, app/assets/stylesheets/site/users/users.scss.erb */
.user-sign-in-custom .sign-in-component input:-webkit-autofill:active {
  -webkit-background-clip: text;
  -webkit-text-fill-color: #ffffff;
  transition: background-color 5000s ease-in-out 0s;
  box-shadow: inset 0 0 20px 20px #23232329;
}

/* line 516, app/assets/stylesheets/site/users/users.scss.erb */
.user-sign-in-custom .form span {
  color: #fff;
}

/* line 521, app/assets/stylesheets/site/users/users.scss.erb */
nav.navbar.cpt-w-transparent-header {
  background: transparent;
}

/* line 524, app/assets/stylesheets/site/users/users.scss.erb */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* line 529, app/assets/stylesheets/site/users/users.scss.erb */
header {
  font-family: "Inter", sans-serif;
  z-index: 1111;
  position: relative;
}

/* line 534, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-container {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}

/* line 540, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper {
  width: 100%;
  padding: 20px 0px;
}

/* line 544, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .logo img {
  width: auto;
  height: 56px;
}

/* line 549, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 553, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner ul {
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  margin-bottom: 0px;
}

/* line 560, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner ul li a {
  color: #fff;
  text-decoration: none;
}

/* line 564, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner ul li ul {
  position: absolute;
  left: 0;
  width: 100%;
  opacity: 0;
  margin-bottom: 0px !important;
  visibility: hidden;
  min-width: max-content;
  transform: translateY(10px);
  background-color: #211d1d;
  border: solid 1px #4b4b4b;
  border-radius: 10px;
  flex-direction: column;
  padding: 5px;
  font-family: Inter, sans-serif;
  display: flex;
  align-items: stretch;
  transition-duration: .3s;
}

/* line 586, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner > ul > li {
  position: relative;
  margin-left: 10px;
  padding: 10px 0px;
}

/* line 590, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner > ul > li > a {
  padding: 10px 10px;
  display: inline-block;
}

/* line 593, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner > ul > li > a > svg {
  margin-left: 3px;
}

/* line 598, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner > ul > li:hover > a {
  transition-duration: .3s;
  color: #fdc20f;
}

/* line 602, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner > ul > li:hover > a > svg path {
  stroke: #fdc20f;
  transition-duration: .3s;
}

/* line 608, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner > ul > li:hover ul {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}

/* line 616, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner > ul > li > ul > li > a {
  text-align: left;
  display: inline-block;
  padding: 6px 11px;
  width: 100%;
  transition-duration: .3s;
  border-radius: 5px;
}

/* line 623, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner > ul > li > ul > li > a:hover {
  background-color: #ffffff30;
  transition-duration: .3s;
}

/* line 632, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner .cpt-buttons-wrapper {
  display: flex;
  align-items: center;
}

/* line 635, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner .cpt-buttons-wrapper a {
  padding: 9px 16px;
  border-radius: 10px;
  text-decoration: none;
}

/* line 640, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner .cpt-buttons-wrapper a.secondary-btn {
  border: 1px solid #57481c;
  color: #fdc20f;
  transition-duration: .3s;
}

/* line 644, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner .cpt-buttons-wrapper a.secondary-btn:hover {
  background-color: rgba(253, 194, 15, 0);
  border-color: #d1a51d;
  transform: translate(0, -2px);
  box-shadow: 0 5px 4px rgba(255, 145, 0, 0.32);
}

/* line 651, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner .cpt-buttons-wrapper a.primary-btn {
  background: #fdc20f;
  color: #000;
  margin-left: 10px;
  font-weight: 600;
  transition-duration: .3s;
  display: flex;
  align-items: center;
}

/* line 660, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner .cpt-buttons-wrapper a.primary-btn svg {
  width: 17px;
  height: 17px;
  margin-left: 10px;
}

/* line 666, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner .cpt-buttons-wrapper a.primary-btn:hover {
  transform: translate(0, -2px);
  box-shadow: 0 5px 7px rgba(255, 208, 0, 0.32);
}

/* line 672, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner .cpt-ham-button {
  background: transparent;
  width: 33px;
  height: 30px;
  border-radius: 8px;
  border: none;
  position: relative;
  cursor: pointer;
  display: none;
}

/* line 681, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner .cpt-ham-button:before {
  width: 24px;
  height: 1px;
  background: #fff;
  content: '';
  display: block;
  position: absolute;
  transition-duration: .3s;
  top: 20px;
  left: 5px;
}

/* line 692, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner .cpt-ham-button:after {
  width: 24px;
  height: 1px;
  background: #fff;
  content: '';
  display: block;
  position: absolute;
  transition-duration: .3s;
  top: 10px;
  left: 5px;
}

/* line 705, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner .cpt-ham-button.cpt-active:after {
  transform: rotate(220deg) translate(0px, -7px);
}

/* line 708, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner .cpt-ham-button.cpt-active:before {
  transform: rotate(136deg) translate(0px, 7px);
}

/* line 714, app/assets/stylesheets/site/users/users.scss.erb */
.users_page {
  margin-bottom: 0px;
}

/* line 717, app/assets/stylesheets/site/users/users.scss.erb */
footer {
  width: 100%;
  clear: both;
  float: none;
  display: block;
  padding-top: 50px;
  background-color: #181818;
  overflow: hidden;
}

/* line 725, app/assets/stylesheets/site/users/users.scss.erb */
footer .cpt-footer-wrapper {
  width: 100%;
  position: relative;
  margin-bottom: 40px;
}

/* line 729, app/assets/stylesheets/site/users/users.scss.erb */
footer .cpt-footer-wrapper .cpt-form-area {
  position: relative;
  z-index: 1;
}

/* line 732, app/assets/stylesheets/site/users/users.scss.erb */
footer .cpt-footer-wrapper .cpt-form-area h3 {
  width: 100%;
  text-align: center;
  font-size: 46px;
  font-family: "Inter", sans-serif;
  color: #fff;
  font-weight: 700;
}

/* line 739, app/assets/stylesheets/site/users/users.scss.erb */
footer .cpt-footer-wrapper .cpt-form-area h3 span {
  color: #fdc20f;
}

/* line 744, app/assets/stylesheets/site/users/users.scss.erb */
footer .cpt-footer-wrapper form {
  width: 100%;
  max-width: 680px;
  background: rgba(255, 255, 255, 0.11);
  padding: 10px;
  display: flex;
  font-family: "Inter", sans-serif;
  border-radius: 10px;
  margin: 10px auto;
}

/* line 753, app/assets/stylesheets/site/users/users.scss.erb */
footer .cpt-footer-wrapper form img {
  transform: scale(0.8);
}

/* line 756, app/assets/stylesheets/site/users/users.scss.erb */
footer .cpt-footer-wrapper form input {
  width: 100%;
  background-color: transparent;
  border: none;
  outline: none;
  font-size: 20px;
  color: #fff;
  margin-left: 10px;
}

/* line 765, app/assets/stylesheets/site/users/users.scss.erb */
footer .cpt-footer-wrapper form button {
  font-size: 20px;
  font-weight: 700;
  border-radius: 6px;
  border: none;
  padding: 10px 30px;
}

/* line 773, app/assets/stylesheets/site/users/users.scss.erb */
footer .cpt-footer-wrapper .cpt-list-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

/* line 778, app/assets/stylesheets/site/users/users.scss.erb */
footer .cpt-footer-wrapper .cpt-list-wrapper ul li a {
  transition-duration: .3s;
  font-size: 18px;
  margin-bottom: 15px;
  display: inline-block;
  color: #fff;
  font-family: "Inter", sans-serif;
  text-decoration: none;
}

/* line 786, app/assets/stylesheets/site/users/users.scss.erb */
footer .cpt-footer-wrapper .cpt-list-wrapper ul li a:hover {
  color: #fdc20f;
}

/* line 793, app/assets/stylesheets/site/users/users.scss.erb */
footer .cpt-footer-wrapper .cpt-footer-bottom {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: solid 1px #fff;
  padding-top: 20px;
  margin-top: 40px;
  position: relative;
  z-index: 1;
}

/* line 803, app/assets/stylesheets/site/users/users.scss.erb */
footer .cpt-footer-wrapper .cpt-footer-bottom p {
  color: #fff;
  font-family: "Inter", sans-serif;
  font-size: 14px;
}

/* line 808, app/assets/stylesheets/site/users/users.scss.erb */
footer .cpt-footer-wrapper .cpt-footer-bottom .cpt-social-icons {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 180px;
}

/* line 813, app/assets/stylesheets/site/users/users.scss.erb */
footer .cpt-footer-wrapper .cpt-footer-bottom .cpt-social-icons img {
  width: 34px;
}

/* line 818, app/assets/stylesheets/site/users/users.scss.erb */
footer .cpt-footer-wrapper .cpt-footer-bottom .cpt-links a {
  font-family: "Inter", sans-serif;
  text-decoration: none;
  color: #fff;
  margin-left: 20px;
  font-size: 14px;
  transition-duration: .3s;
}

/* line 825, app/assets/stylesheets/site/users/users.scss.erb */
footer .cpt-footer-wrapper .cpt-footer-bottom .cpt-links a:hover {
  color: #d1a51d;
}

/* line 833, app/assets/stylesheets/site/users/users.scss.erb */
footer .cpt-footer-wrapper .cpt-col .cpt-images img {
  width: 114px;
}

/* line 839, app/assets/stylesheets/site/users/users.scss.erb */
footer .cpt-bottom-area {
  display: grid;
  grid-template-columns: 1fr 1.5fr 1fr;
  margin-top: 50px;
}

/* line 844, app/assets/stylesheets/site/users/users.scss.erb */
footer .cpt-bottom-area a.logo img {
  height: 60px;
}

/* line 849, app/assets/stylesheets/site/users/users.scss.erb */
footer .cpt-bottom-area .cpt-col ul {
  padding: 0;
  list-style: none;
}

@media (max-width: 1200px) {
  /* line 857, app/assets/stylesheets/site/users/users.scss.erb */
  .user-sign-in-custom {
    padding: 172px 80px 60px;
    background-size: cover;
  }
  /* line 862, app/assets/stylesheets/site/users/users.scss.erb */
  nav.navbar.cpt-w-transparent-header .navbar-nav {
    width: 60%;
    display: flex;
    justify-content: flex-end;
  }
  /* line 866, app/assets/stylesheets/site/users/users.scss.erb */
  nav.navbar.cpt-w-transparent-header .navbar-nav .nav-item {
    width: max-content;
    display: block !important;
    float: none;
    margin: 0 !important;
  }
  /* line 871, app/assets/stylesheets/site/users/users.scss.erb */
  nav.navbar.cpt-w-transparent-header .navbar-nav .nav-item a {
    display: block !important;
    width: max-content;
    margin: 0 !important;
  }
  /* line 877, app/assets/stylesheets/site/users/users.scss.erb */
  nav.navbar.cpt-w-transparent-header .navbar-nav .nav-item.hidden-sm-down {
    width: 30px;
    padding: 10px;
  }
  /* line 886, app/assets/stylesheets/site/users/users.scss.erb */
  nav.navbar .navbar-nav .nav-item .nav-link {
    margin: 7px 10px;
  }
}

@media (max-width: 991px) {
  /* line 897, app/assets/stylesheets/site/users/users.scss.erb */
  #footer .container .column #social-links {
    display: flex;
    margin-top: -10px;
  }
  /* line 902, app/assets/stylesheets/site/users/users.scss.erb */
  #footer .container .column a img {
    width: 20px;
    height: 20px;
    object-fit: contain;
  }
  /* line 911, app/assets/stylesheets/site/users/users.scss.erb */
  .user-sign-in-custom {
    height: 85dvh;
    padding-inline: 20px;
  }
  /* line 918, app/assets/stylesheets/site/users/users.scss.erb */
  .user-sign-in-custom .features .feature-items .feature-item .icon svg {
    width: 40px;
    height: 40px;
  }
  /* line 923, app/assets/stylesheets/site/users/users.scss.erb */
  .user-sign-in-custom .features .feature-items .feature-item .text {
    font-size: 12px;
  }
  /* line 929, app/assets/stylesheets/site/users/users.scss.erb */
  .user-sign-in-custom .sign-in-component {
    margin: 0;
    padding: 30px 15px;
  }
  /* line 934, app/assets/stylesheets/site/users/users.scss.erb */
  nav.navbar.cpt-w-transparent-header {
    padding: 10px;
  }
}

@media (max-width: 767px) {
  /* line 940, app/assets/stylesheets/site/users/users.scss.erb */
  .user-sign-in-custom .sign-in-component.layout-split {
    padding-bottom: 80px;
    padding: 20px 20px 75px;
  }
  /* line 943, app/assets/stylesheets/site/users/users.scss.erb */
  .user-sign-in-custom .sign-in-component.layout-split .form-actions {
    width: 100%;
    margin-top: 19px;
  }
  /* line 947, app/assets/stylesheets/site/users/users.scss.erb */
  .user-sign-in-custom .sign-in-component.layout-split .form-bottom-fields {
    width: 100%;
  }
  /* line 950, app/assets/stylesheets/site/users/users.scss.erb */
  .user-sign-in-custom .sign-in-component.layout-split input.button {
    bottom: 20px;
    left: 20px;
  }
  /* line 956, app/assets/stylesheets/site/users/users.scss.erb */
  .user-sign-in-custom .sign-in-component.layout-split #forgot-password-help {
    margin-top: 0px;
    float: none;
    text-align: left;
  }
}

@media (max-width: 991px) {
  /* line 967, app/assets/stylesheets/site/users/users.scss.erb */
  .cpt-header-wrapper .cpt-header-inner .cpt-responsive-header {
    position: fixed;
    top: 0;
    left: 0;
    height: 100dvh;
    background: #0c0c0c;
    align-items: flex-start;
    width: 270px;
    margin-left: -270px;
    transition-duration: .3s;
    z-index: 111;
  }
  /* line 979, app/assets/stylesheets/site/users/users.scss.erb */
  .cpt-header-wrapper .cpt-header-inner .cpt-responsive-header.cpt-active {
    margin-left: 0;
  }
  /* line 983, app/assets/stylesheets/site/users/users.scss.erb */
  .cpt-header-wrapper .cpt-header-inner .cpt-header-inner ul {
    display: flex;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
    border: none;
    background-color: transparent;
    padding: 0;
  }
  /* line 994, app/assets/stylesheets/site/users/users.scss.erb */
  .cpt-header-wrapper .cpt-header-inner > ul > li {
    margin-left: 0px;
    width: 270px;
    padding: 0;
  }
  /* line 998, app/assets/stylesheets/site/users/users.scss.erb */
  .cpt-header-wrapper .cpt-header-inner > ul > li > a {
    padding: 15px 20px;
  }
  /* line 1000, app/assets/stylesheets/site/users/users.scss.erb */
  .cpt-header-wrapper .cpt-header-inner > ul > li > a > svg {
    margin-left: 3px;
    position: absolute;
    right: 20px;
    top: 21px;
    transition-duration: .3s;
  }
  /* line 1008, app/assets/stylesheets/site/users/users.scss.erb */
  .cpt-header-wrapper .cpt-header-inner > ul > li:not(:last-child) {
    border-bottom: solid 1px #ffffff0d;
  }
  /* line 1013, app/assets/stylesheets/site/users/users.scss.erb */
  .cpt-header-wrapper .cpt-header-inner > ul > li > ul > li > a {
    padding: 7px 35px;
    border-radius: 0px;
  }
  /* line 1023, app/assets/stylesheets/site/users/users.scss.erb */
  .cpt-header-wrapper .cpt-header-inner ul li ul {
    position: relative;
    opacity: 1;
    visibility: visible;
    margin: 0px 0px;
    transform: translate(0);
  }
  /* line 1030, app/assets/stylesheets/site/users/users.scss.erb */
  .cpt-header-wrapper .cpt-header-inner ul li a {
    width: 100%;
  }
  /* line 1034, app/assets/stylesheets/site/users/users.scss.erb */
  .cpt-header-wrapper .cpt-header-inner ul li a.cpt-dropdown.cpt-open svg {
    transform: rotate(180deg);
  }
  /* line 1038, app/assets/stylesheets/site/users/users.scss.erb */
  .cpt-header-wrapper .cpt-header-inner ul li a.cpt-dropdown.cpt-open + ul {
    height: auto;
    overflow: hidden;
    padding: 10px 0px 10px;
    background-color: #161616;
    border-radius: 0px;
  }
  /* line 1049, app/assets/stylesheets/site/users/users.scss.erb */
  .cpt-header-wrapper .cpt-header-inner ul li a.cpt-dropdown + ul {
    height: 0;
    overflow: hidden;
  }
  /* line 1057, app/assets/stylesheets/site/users/users.scss.erb */
  .cpt-header-wrapper .cpt-header-inner .cpt-ham-button {
    display: block;
  }
  /* line 1062, app/assets/stylesheets/site/users/users.scss.erb */
  .cpt-header-wrapper .logo img {
    height: 40px;
  }
}

@media (max-width: 767px) {
  /* line 1071, app/assets/stylesheets/site/users/users.scss.erb */
  .cpt-header-wrapper .cpt-header-inner .cpt-buttons-wrapper {
    display: none;
  }
  /* line 1077, app/assets/stylesheets/site/users/users.scss.erb */
  footer .cpt-bottom-area {
    grid-template-columns: 1fr;
  }
  /* line 1079, app/assets/stylesheets/site/users/users.scss.erb */
  footer .cpt-bottom-area .logo {
    margin-bottom: 25px;
    display: block;
  }
  /* line 1083, app/assets/stylesheets/site/users/users.scss.erb */
  footer .cpt-bottom-area .cpt-images {
    margin-top: 20px;
  }
  /* line 1087, app/assets/stylesheets/site/users/users.scss.erb */
  footer .cpt-bottom-area a.logo img {
    height: 50px;
    display: inline-block;
  }
  /* line 1095, app/assets/stylesheets/site/users/users.scss.erb */
  footer .cpt-footer-wrapper .cpt-form-area h3 {
    font-size: 32px;
  }
  /* line 1102, app/assets/stylesheets/site/users/users.scss.erb */
  footer .cpt-footer-wrapper .cpt-list-wrapper ul li a {
    font-size: 16px;
  }
  /* line 1108, app/assets/stylesheets/site/users/users.scss.erb */
  footer .cpt-footer-wrapper .cpt-footer-bottom {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 20px;
  }
  /* line 1113, app/assets/stylesheets/site/users/users.scss.erb */
  footer .cpt-footer-wrapper .cpt-footer-bottom .cpt-social-icons {
    margin: 10px 0px;
  }
  /* line 1117, app/assets/stylesheets/site/users/users.scss.erb */
  footer .cpt-footer-wrapper .cpt-footer-bottom .cpt-links a {
    margin-right: 10px;
    margin-left: 0;
  }
  /* line 1123, app/assets/stylesheets/site/users/users.scss.erb */
  footer .cpt-footer-wrapper form {
    padding: 5px;
  }
  /* line 1125, app/assets/stylesheets/site/users/users.scss.erb */
  footer .cpt-footer-wrapper form input {
    font-size: 16px;
  }
  /* line 1128, app/assets/stylesheets/site/users/users.scss.erb */
  footer .cpt-footer-wrapper form button {
    padding: 0px 15px;
    font-size: 16px;
    transition-duration: .3s;
  }
  /* line 1133, app/assets/stylesheets/site/users/users.scss.erb */
  footer .cpt-footer-wrapper form button:hover {
    background: #fdc20f;
  }
  /* line 1137, app/assets/stylesheets/site/users/users.scss.erb */
  footer .cpt-footer-wrapper form img {
    width: 40px;
  }
}

/* line 1145, app/assets/stylesheets/site/users/users.scss.erb */
.login_with_azure {
  position: absolute;
  bottom: 13px;
  font-size: 1.2rem;
}

/* line 1151, app/assets/stylesheets/site/users/users.scss.erb */
.user-sign-in-custom .password-reset.alert.alert-info {
  background: transparent;
  color: #fdcc07;
  border: none;
  padding: 0;
  margin-bottom: 20px;
}

/* line 1158, app/assets/stylesheets/site/users/users.scss.erb */
.user-sign-in-custom .sign-in-component.layout-split {
  padding: 30px 30px 20px;
}

/* line 1160, app/assets/stylesheets/site/users/users.scss.erb */
.user-sign-in-custom .sign-in-component.layout-split input.button {
  bottom: 30px;
}

@media (max-width: 767px) {
  /* line 1158, app/assets/stylesheets/site/users/users.scss.erb */
  .user-sign-in-custom .sign-in-component.layout-split {
    padding: 20px 20px 95px;
  }
}

/* line 1171, app/assets/stylesheets/site/users/users.scss.erb */
.user-sign-in-custom.admin-sign-in {
  min-height: 70vh;
}

/* line 1174, app/assets/stylesheets/site/users/users.scss.erb */
.user-sign-in-custom.admin-sign-in .sign-in-component {
  max-width: 480px;
  margin: 60px auto;
  padding: 40px 40px 30px;
}

/* line 1179, app/assets/stylesheets/site/users/users.scss.erb */
.user-sign-in-custom.admin-sign-in .sign-in-component h3 {
  text-align: center;
  margin-bottom: 30px;
  letter-spacing: 1px;
}

/* line 1206, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-container {
  position: relative;
}

/* line 1211, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner ul.cpt-mega-nav {
  gap: 30px;
}

/* line 1214, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner ul.cpt-mega-nav > li.cpt-mega-item {
  position: static;
  margin-left: 0;
  padding: 10px 0;
}

/* line 1219, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner ul.cpt-mega-nav > li.cpt-mega-item > a.cpt-dropdown {
  padding: 10px 6px;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.35;
  letter-spacing: -.02em;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #fff;
  cursor: pointer;
  transition: color .2s;
}

/* line 1232, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner ul.cpt-mega-nav > li.cpt-mega-item > a.cpt-dropdown svg.cpt-mega-caret {
  width: 10px;
  height: 7px;
  transition: transform .25s;
}

/* line 1239, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner ul.cpt-mega-nav > li.cpt-mega-item:hover > a.cpt-dropdown {
  color: #fdc20f;
}

/* line 1242, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner ul.cpt-mega-nav > li.cpt-mega-item:hover > a.cpt-dropdown svg.cpt-mega-caret {
  transform: rotate(180deg);
}

/* line 1247, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner ul.cpt-mega-nav > li.cpt-mega-item .cpt-mega-panel {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  width: auto;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(6px);
  transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

/* line 1265, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner ul.cpt-mega-nav > li.cpt-mega-item .cpt-mega-panel:before {
  content: "";
  position: absolute;
  top: -22px;
  left: 0;
  right: 0;
  height: 24px;
}

/* line 1275, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner ul.cpt-mega-nav > li.cpt-mega-item:hover > .cpt-mega-panel, .cpt-header-wrapper .cpt-header-inner ul.cpt-mega-nav > li.cpt-mega-item.cpt-open > .cpt-mega-panel {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

/* line 1290, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner .cpt-mega-cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(200px, 1fr));
  gap: 10px;
  padding: 10px;
  width: 887px;
  max-width: 100%;
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0 7px 35.2px rgba(83, 83, 83, 0.16);
}

/* line 1302, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner .cpt-mega-card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 20px;
  background-color: #f5f5f5;
  border-radius: 10px;
  color: #111111;
  text-decoration: none;
  transition: background-color .2s;
}

/* line 1313, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner .cpt-mega-card:hover {
  background-color: #ededed;
  color: #111111;
  text-decoration: none;
}

/* line 1319, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner .cpt-mega-card__tagline {
  color: #fb8a1d;
  font-size: 12px;
  font-style: italic;
  font-weight: 800;
  letter-spacing: -.022em;
  text-transform: uppercase;
  margin-bottom: 10px;
  line-height: 1;
}

/* line 1330, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner .cpt-mega-card__title {
  color: #111111;
  font-size: 24px;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: -.02em;
  margin: 0 0 10px;
}

/* line 1339, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner .cpt-mega-card__text {
  color: rgba(17, 17, 17, 0.7);
  font-size: 14px;
  line-height: 1.3;
  margin: 0 0 15px;
  letter-spacing: -.02em;
  flex: 1 1 auto;
}

/* line 1348, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner .cpt-mega-card__arrow {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #111111;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: auto;
  color: #111111;
  background: transparent;
  transition: background-color .2s, color .2s, border-color .2s;
}

/* line 1361, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner .cpt-mega-card__arrow svg {
  width: 11px;
  height: 11px;
}

/* line 1367, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner .cpt-mega-card:hover .cpt-header-wrapper .cpt-header-inner .cpt-mega-card__arrow {
  background-color: #fdc20f;
  border-color: #fdc20f;
  color: #111111;
}

/* line 1375, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner .cpt-mega-links {
  background-color: #ffffff;
  border-radius: 10px;
  padding: 40px;
  box-shadow: 0 7px 35.2px rgba(83, 83, 83, 0.16);
  width: 721px;
  max-width: 100%;
}

/* line 1383, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner .cpt-mega-links__title {
  color: #111111;
  font-size: 12px;
  font-weight: 900;
  font-style: italic;
  letter-spacing: -.022em;
  text-transform: uppercase;
  margin: 0 0 15px;
  line-height: 1.2;
}

/* line 1394, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner .cpt-mega-links__wrapper {
  column-count: 2;
  column-gap: 40px;
  margin-bottom: -5px;
}

/* line 1400, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner .cpt-mega-links--single-column .cpt-header-wrapper .cpt-header-inner .cpt-mega-links__wrapper {
  column-count: 1;
}

/* line 1404, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner .cpt-mega-links__group {
  position: relative;
  break-inside: avoid;
  padding: 15px;
  border-radius: 10px;
  margin-bottom: 5px;
  transition: background-color .2s;
}

/* line 1412, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner .cpt-mega-links__group:has(.cpt-mega-links__link:hover) {
  background-color: #f5f5f5;
}

/* line 1417, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner .cpt-mega-links__desc {
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: rgba(17, 17, 17, 0.7);
}

/* line 1430, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner a.cpt-mega-links__link {
  display: inline-block;
  font-size: 20px;
  font-weight: 900;
  letter-spacing: -.02em;
  line-height: 1.2;
  color: #111111;
  text-decoration: none;
  margin-bottom: 5px;
  transition: color .2s;
}

/* line 1441, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner a.cpt-mega-links__link:hover {
  color: #fb8a1d;
  text-decoration: none;
}

/* line 1446, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner a.cpt-mega-links__link:before {
  content: "";
  position: absolute;
  inset: 0;
}

/* line 1454, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner .cpt-mega-panel--links-small .cpt-mega-links {
  width: 360px;
}

/* line 1460, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner .cpt-mega-cta {
  display: grid;
  grid-template-columns: minmax(0, 345px) minmax(0, 350px);
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0 7px 35.2px rgba(83, 83, 83, 0.16);
  width: 695px;
  max-width: 100%;
  overflow: hidden;
}

/* line 1470, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner .cpt-mega-cta__col {
  padding: 40px;
}

/* line 1473, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner .cpt-mega-cta__col--action {
  background-color: #f5f5f5;
}

/* line 1479, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner .cpt-mega-cta-card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background-color: #2754ff;
  border-radius: 20px;
  padding: 30px;
  height: 321px;
  color: #ffffff;
  overflow: hidden;
}

/* line 1491, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner .cpt-mega-cta-card a.cpt-mega-cta-card__link {
  color: #ffffff;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: -.02em;
  text-decoration: none;
  margin-bottom: 5px;
}

/* line 1500, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner .cpt-mega-cta-card a.cpt-mega-cta-card__link:hover {
  color: #ffffff;
  text-decoration: none;
}

/* line 1505, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner .cpt-mega-cta-card a.cpt-mega-cta-card__link:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}

/* line 1513, app/assets/stylesheets/site/users/users.scss.erb */
.cpt-header-wrapper .cpt-header-inner .cpt-mega-cta-card__text {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  line-height: 1.3;
}

@media (max-width: 991px) {
  /* line 1526, app/assets/stylesheets/site/users/users.scss.erb */
  .cpt-header-wrapper .cpt-header-inner ul.cpt-mega-nav {
    flex-direction: column;
    gap: 0;
    width: 100%;
    align-items: stretch;
  }
  /* line 1532, app/assets/stylesheets/site/users/users.scss.erb */
  .cpt-header-wrapper .cpt-header-inner ul.cpt-mega-nav > li.cpt-mega-item {
    position: relative;
    width: 100%;
    padding: 0;
    border-bottom: solid 1px #ffffff0d;
  }
  /* line 1538, app/assets/stylesheets/site/users/users.scss.erb */
  .cpt-header-wrapper .cpt-header-inner ul.cpt-mega-nav > li.cpt-mega-item > a.cpt-dropdown {
    padding: 15px 20px;
    width: 100%;
    justify-content: space-between;
  }
  /* line 1543, app/assets/stylesheets/site/users/users.scss.erb */
  .cpt-header-wrapper .cpt-header-inner ul.cpt-mega-nav > li.cpt-mega-item > a.cpt-dropdown svg.cpt-mega-caret {
    transition: transform .25s;
  }
  /* line 1548, app/assets/stylesheets/site/users/users.scss.erb */
  .cpt-header-wrapper .cpt-header-inner ul.cpt-mega-nav > li.cpt-mega-item.cpt-open > a.cpt-dropdown svg.cpt-mega-caret {
    transform: rotate(180deg);
  }
  /* line 1552, app/assets/stylesheets/site/users/users.scss.erb */
  .cpt-header-wrapper .cpt-header-inner ul.cpt-mega-nav > li.cpt-mega-item .cpt-mega-panel {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    width: 100%;
    max-width: 100%;
    padding-top: 0;
    transform: none;
    transition: max-height .25s ease, opacity .25s ease, visibility .25s ease;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  /* line 1570, app/assets/stylesheets/site/users/users.scss.erb */
  .cpt-header-wrapper .cpt-header-inner ul.cpt-mega-nav > li.cpt-mega-item:hover > .cpt-mega-panel {
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  /* line 1577, app/assets/stylesheets/site/users/users.scss.erb */
  .cpt-header-wrapper .cpt-header-inner ul.cpt-mega-nav > li.cpt-mega-item.cpt-open > .cpt-mega-panel {
    max-height: 2000px;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  /* line 1587, app/assets/stylesheets/site/users/users.scss.erb */
  .cpt-header-wrapper .cpt-header-inner .cpt-mega-cards {
    grid-template-columns: 1fr;
    max-width: 100%;
    padding: 10px 20px 20px;
    box-shadow: none;
    background-color: transparent;
    gap: 10px;
  }
  /* line 1596, app/assets/stylesheets/site/users/users.scss.erb */
  .cpt-header-wrapper .cpt-header-inner .cpt-mega-links {
    padding: 10px 20px 20px;
    box-shadow: none;
    background-color: transparent;
    max-width: 100%;
  }
  /* line 1602, app/assets/stylesheets/site/users/users.scss.erb */
  .cpt-header-wrapper .cpt-header-inner .cpt-mega-links__title {
    color: #fb8a1d;
    margin-bottom: 15px;
  }
  /* line 1607, app/assets/stylesheets/site/users/users.scss.erb */
  .cpt-header-wrapper .cpt-header-inner .cpt-mega-links__wrapper {
    column-count: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  /* line 1614, app/assets/stylesheets/site/users/users.scss.erb */
  .cpt-header-wrapper .cpt-header-inner .cpt-mega-links__group {
    padding: 8px 0;
  }
  /* line 1618, app/assets/stylesheets/site/users/users.scss.erb */
  .cpt-header-wrapper .cpt-header-inner .cpt-mega-links__desc {
    display: none;
  }
  /* line 1623, app/assets/stylesheets/site/users/users.scss.erb */
  .cpt-header-wrapper .cpt-header-inner .cpt-mega-cta {
    grid-template-columns: 1fr;
    padding: 10px 20px 20px;
    box-shadow: none;
    background-color: transparent;
    max-width: 100%;
    gap: 15px;
  }
  /* line 1631, app/assets/stylesheets/site/users/users.scss.erb */
  .cpt-header-wrapper .cpt-header-inner .cpt-mega-cta__col {
    padding: 0;
    background-color: transparent;
  }
  /* line 1637, app/assets/stylesheets/site/users/users.scss.erb */
  .cpt-header-wrapper .cpt-header-inner .cpt-mega-cta-card {
    height: auto;
    padding: 20px;
  }
  /* line 1643, app/assets/stylesheets/site/users/users.scss.erb */
  .cpt-header-wrapper .cpt-header-inner .cpt-mega-panel {
    background-color: transparent;
    border: 0;
  }
}

/* line 1652, app/assets/stylesheets/site/users/users.scss.erb */
.user-account-details .cpt-login-microsoft {
  position: relative;
  margin-top: 70px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 620px;
  margin: 70px auto 0;
}

/* line 1662, app/assets/stylesheets/site/users/users.scss.erb */
.user-account-details .cpt-login-microsoft:after {
  content: '';
  display: block;
  content: '';
  display: block;
  width: calc(50% - 30px);
  height: 1px;
  background: #ffffff8a;
  position: absolute;
  top: -35px;
  right: 0;
}

/* line 1674, app/assets/stylesheets/site/users/users.scss.erb */
.user-account-details .cpt-login-microsoft .login_with_azure {
  font-size: 18px;
  position: relative;
  bottom: 0;
  font-weight: 500;
  background: transparent;
  border: solid 1px #ffffff63;
  color: #dbdbdb;
  padding: 10px 16px;
  display: flex;
  align-items: center;
  transition-duration: .2s;
}

/* line 1686, app/assets/stylesheets/site/users/users.scss.erb */
.user-account-details .cpt-login-microsoft .login_with_azure:hover {
  border-color: #fdcc07ab;
  transform: translateY(-2px);
}

/* line 1690, app/assets/stylesheets/site/users/users.scss.erb */
.user-account-details .cpt-login-microsoft .login_with_azure svg {
  width: 22px;
  height: 22px;
  margin-right: 10px;
}

/* line 1696, app/assets/stylesheets/site/users/users.scss.erb */
.user-account-details .cpt-login-microsoft span {
  font-size: 20px;
  position: absolute;
  top: -50px;
}

/* line 1701, app/assets/stylesheets/site/users/users.scss.erb */
.user-account-details .cpt-login-microsoft:before {
  content: '';
  display: block;
  width: calc(50% - 30px);
  height: 1px;
  background: #ffffff8a;
  position: absolute;
  top: -35px;
  left: 0;
}