@import url(https://fonts.googleapis.com/css2?family=Fustat:wght@200..800&display=swap);
:root {
  --primary-bg: #ffffff;
  --text-color: #24292f;
  --secondary-text: #57606a;
  --accent-color: #0969da;
  --border-radius: 6px;
  --button-bg: #24292f;
  --button-hover: #333a42;
  --secondary-button-bg: #f6f8fa;
  --secondary-button-border: #d0d7de;
}

.nc-account-vars {
  --color-black: #00073f;
  --color-main: #007cfa;
  --color-main-hover: #008aff;
  --color-gray-1: #fafbfe;
  --color-gray-2: #e5ebf1;
  --color-gray-3: #747e84;
  --font-family: "Fustat", sans-serif;
  --font-base: 400 16px/25px var(--font-family);
  --font-sm: 600 12px/24px var(--font-family);
  --font-description: 400 18px/25px var(--font-family);
  --font-medium: 500 16px/25px var(--font-family);
  --font-h2: 800 36px/48px var(--font-family);
  --font-h3: 800 24px/36px var(--font-family);
  --font-h4: 800 18px/24px var(--font-family);
}
.nc-account-vars h1:not(div), .nc-account-vars h2:not(div), .nc-account-vars h3:not(div) {
  margin: 0;
}
@media all and (max-width: 900px) {
  .nc-account-vars .mobile-centered {
    text-align: center;
  }
}
.nc-account-vars a {
  text-decoration: underline;
}
.nc-account-vars .font-color-main {
  color: var(--color-main);
}
.nc-account-vars .font-color-gray-3 {
  color: var(--color-gray-3);
}
.nc-account-vars .font-description {
  font: var(--font-description);
}
.nc-account-vars .font-h2 {
  font: var(--font-h2);
}
.nc-account-vars .font-h3 {
  font: var(--font-h3);
}
.nc-account-vars .hr {
  height: 1px;
  background-color: var(--color-gray-2);
}
.nc-account-vars * {
  color: inherit;
}

.nc-account-wrapper {
  color: var(--color-black);
  font: var(--font-base);
  background-color: var(--color-gray-1);
}
.kt-row-column-wrap:has(.nc-account-wrapper) {
  max-width: 100% !important;
}

.nc-account-inner {
  width: min(1104px, 100% - 40px);
  margin-inline: auto;
  padding-block: 50px;
}

.nc-account-copy {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.nc-account-copy::before {
  display: block;
  width: 14px;
  flex: 0 0 14px;
  height: 14px;
  background-size: cover;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.29167 5.66667V3.48904C6.29167 2.61785 6.29167 2.18193 6.46121 1.84918C6.61035 1.55648 6.84814 1.31868 7.14084 1.16955C7.47358 1 7.90952 1 8.78071 1H13.1363C14.0075 1 14.4429 1 14.7756 1.16955C15.0683 1.31868 15.3065 1.55648 15.4556 1.84918C15.6252 2.18193 15.6252 2.61752 15.6252 3.48872V7.84429C15.6252 8.71548 15.6252 9.15111 15.4556 9.48384C15.3065 9.77652 15.068 10.0148 14.7754 10.1639C14.4429 10.3333 14.008 10.3333 13.1385 10.3333H10.9583M6.29167 5.66667H4.11404C3.24285 5.66667 2.80693 5.66667 2.47418 5.83621C2.18148 5.98535 1.94368 6.22314 1.79455 6.51584C1.625 6.84858 1.625 7.28452 1.625 8.15571V12.5113C1.625 13.3825 1.625 13.8179 1.79455 14.1506C1.94368 14.4433 2.18148 14.6815 2.47418 14.8306C2.8066 15 3.24199 15 4.11149 15H8.47224C9.34172 15 9.7765 15 10.1089 14.8306C10.4016 14.6815 10.6398 14.443 10.7889 14.1504C10.9583 13.8179 10.9583 13.383 10.9583 12.5135V10.3333M6.29167 5.66667H8.4696C9.34079 5.66667 9.77619 5.66667 10.1089 5.83621C10.4016 5.98535 10.6398 6.22314 10.7889 6.51584C10.9583 6.84827 10.9583 7.28367 10.9583 8.15314V10.3333" stroke="%231D2327" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/> </svg>');
  content: "";
}

.nc-account-area {
  display: grid;
  gap: 50px;
}
@media all and (max-width: 900px) {
  .nc-account-area {
    gap: 30px;
  }
}

.nc-account-login {
  margin-top: 50px;
}
@media all and (min-width: 1100px) {
  .nc-account-login {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 630px;
    gap: 80px;
  }
}
.nc-account-login .left {
  text-align: center;
}
.nc-account-login .left .logo {
  display: inline-block;
  margin-bottom: 30px;
}
.nc-account-login .left h1 {
  font: var(--font-h2);
  margin-bottom: 15px;
}
.nc-account-login .left form {
  display: grid;
  gap: 17px;
  text-align: left;
  margin-bottom: 15px;
}
.nc-account-login .left form p {
  margin: 0;
}
.nc-account-login .left form label {
  margin-bottom: 10px;
  font: var(--font-sm);
  color: var(--color-gray-3);
  line-height: 12px;
}
.nc-account-login .left form input {
  border: 1px solid #e1e5ea;
  border-radius: 12px;
  width: 100%;
}
.nc-account-login .left form input:focus {
  border-color: #b7bbbf;
}
.nc-account-login .left form .login-password {
  position: relative;
  -webkit-user-select: none;
          user-select: none;
}
.nc-account-login .left form .login-password .nc-account-password-visibility {
  position: absolute;
  bottom: 11px;
  right: 12px;
  display: block;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M18.3359 1.66666L1.66927 18.3333" stroke="%23747E94" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14.4086 5.60216C16.9486 7.32939 18.3359 10 18.3359 10C18.3359 10 15.3056 15.8333 10.0026 15.8333C8.29402 15.8333 6.82144 15.2278 5.61002 14.407M10.8359 4.21518C10.5648 4.18344 10.2869 4.16666 10.0026 4.16666C4.6996 4.16666 1.66927 10 1.66927 10C1.66927 10 2.24577 11.1097 3.33594 12.3612" stroke="%23747E94" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8.33333 11.8635C8.77567 12.2593 9.35967 12.5001 10 12.5001C11.3808 12.5001 12.5 11.3808 12.5 10.0001C12.5 9.31367 12.2234 8.69192 11.7756 8.24015" stroke="%23747E94" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/> </svg> ');
  content: "";
}
.nc-account-login .left form .login-password .nc-account-password-visibility.active {
  bottom: 13px;
  right: 14px;
  width: 15px;
  height: 15px;
  transform: scale(133%);
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.625 7.5C0.625 7.5 3.125 2.5 7.5 2.5C11.875 2.5 14.375 7.5 14.375 7.5" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/> <path d="M0.625 7.5C0.625 7.5 3.125 12.5 7.5 12.5C11.875 12.5 14.375 7.5 14.375 7.5" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.5 9.375C8.53553 9.375 9.375 8.53553 9.375 7.5C9.375 6.46447 8.53553 5.625 7.5 5.625C6.46447 5.625 5.625 6.46447 5.625 7.5C5.625 8.53553 6.46447 9.375 7.5 9.375Z" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/> <defs> <clipPath id="clip0_7103_1248"><rect width="15" height="15" fill="white"/> </clipPath> </defs> </svg> ');
}
.nc-account-login .left form .login-submit {
  margin-top: 17px;
}
.nc-account-login .left form .login-submit input {
  width: 100%;
  padding-top: 11px !important;
  padding-bottom: 11px !important;
  font-size: 15px !important;
}
.nc-account-login .right {
  position: relative;
  background-color: var(--color-main);
  border-radius: 20px;
  padding: 50px;
}
.nc-account-login .right svg {
  margin-top: 350px;
  margin-bottom: 36px;
}
.nc-account-login .right h2 {
  margin-bottom: 22px;
  font-size: 62px;
  line-height: 68px;
  font-weight: 800;
  color: white;
}
.nc-account-login .right .fake-1, .nc-account-login .right .fake-2, .nc-account-login .right .fake-3 {
  position: absolute;
  background-color: white;
}
.nc-account-login .right .fake-1 {
  top: 0;
  right: 0;
  width: 135px;
  height: 508px;
  border-top-right-radius: 20px;
}
.nc-account-login .right .fake-2 {
  width: 135px;
  height: 131px;
  top: 0;
  right: 135px;
}
.nc-account-login .right .fake-3 {
  top: 131px;
  right: 270px;
  width: 135px;
  height: 131px;
}
@media all and (max-width: 1100px) {
  .nc-account-login .right {
    margin-top: 50px;
  }
  .nc-account-login .right [class^=fake] {
    display: none;
  }
  .nc-account-login .right h2 {
    font-size: 20px;
  }
  .nc-account-login .right svg {
    margin-top: 0;
  }
}

.nc-pricing-link a {
  color: var(--color-main);
}

.nc-account-area-logged-info {
  display: grid;
  gap: 15px;
}
@media all and (min-width: 900px) {
  .nc-account-area-logged-info {
    display: flex;
    justify-content: space-between;
    align-items: end;
  }
  .nc-account-area-logged-info .left {
    width: 450px;
  }
  .nc-account-area-logged-info .right {
    width: 360px;
    text-align: right;
  }
}
.nc-account-area-logged-info .right {
  display: grid;
  gap: 12px;
}

.nc-account-area-details-activations {
  display: grid;
  gap: 15px;
  align-items: start;
}
@media all and (min-width: 900px) {
  .nc-account-area-details-activations {
    grid-template-columns: repeat(2, 1fr);
  }
}

.nc-account-activations {
  padding: 30px 40px;
  border-radius: 12px;
  border: 1px solid var(--color-gray-2);
}
@media all and (max-width: 500px) {
  .nc-account-activations {
    padding: 20px 20px;
  }
}
.nc-account-activations .more-activations {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.nc-account-activations .more-activations .link {
  white-space: nowrap;
  font: var(--font-medium);
}

.nc-account-button-type-1 {
  padding: 5px 20px;
  border: 1px solid #C9D2DD;
  border-radius: 6px;
  font: var(--font-medium);
  text-align: center;
  cursor: pointer;
  text-decoration: none !important;
}

.nc-account-button-type-2, .nc-account-login .left form .login-submit input {
  padding: 7px 24px;
  background-color: var(--color-main);
  border-radius: 8px;
  color: white;
  font: var(--font-sm);
  text-decoration: none !important;
  transition: all 0.3s;
}
.nc-account-button-type-2:hover, .nc-account-login .left form .login-submit input:hover, .nc-account-button-type-2:visited, .nc-account-login .left form .login-submit input:visited {
  background-color: var(--color-main-hover);
  color: white;
}
.nc-account-button-type-2:active, .nc-account-login .left form .login-submit input:active {
  transform: scale(0.9);
}

.nc-account-list {
  padding-left: 0 !important;
}
.nc-account-list li {
  display: flex;
  justify-content: space-between;
  padding-block: 15px;
  gap: 10px;
  white-space: break-spaces;
}
.nc-account-list li:last-child {
  white-space: nowrap;
}
.nc-account-list[data-cols="3"] li {
  display: grid;
  grid-template-columns: 300px 1fr 80px;
  gap: 10px;
}
@media all and (max-width: 900px) {
  .nc-account-list[data-cols="3"] li {
    grid-template-columns: 1fr;
  }
}
.nc-account-list li + li {
  border-top: 1px solid var(--color-gray-2);
}
.nc-account-list .title {
  color: var(--color-gray-3);
}
.nc-account-list .value {
  font: var(--font-medium);
}
@media all and (max-width: 500px) {
  .nc-account-list li:last-child {
    font: var(--font-size-sm);
  }
  .nc-account-list li:last-child {
    font-size: inherit;
  }
}

.nc-account-downloads-extras {
  display: grid;
  gap: 15px;
  align-items: start;
}
@media all and (min-width: 900px) {
  .nc-account-downloads-extras {
    grid-template-columns: repeat(2, 1fr);
  }
}
.nc-account-downloads-extras ul {
  margin-top: 20px !important;
}

.nc-account-white-box {
  padding: 30px 40px;
  background-color: white;
  border-radius: 12px;
}
@media all and (max-width: 500px) {
  .nc-account-white-box {
    padding: 20px 20px;
  }
}

.nc-affiliate {
  background-color: var(--color-gray-1);
}
.nc-affiliate .inner {
  display: grid;
  gap: 35px;
  width: min(1104px, 100% - 40px);
  margin-inline: auto;
  padding-block: 50px;
}
.nc-affiliate .title-description {
  max-width: 489px;
}

.nc-videos .inner, .nc-docs .inner {
  width: min(1104px, 100% - 40px);
  margin-inline: auto;
  padding-block: 50px;
}
.nc-videos .header-between, .nc-docs .header-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.nc-videos ul, .nc-docs ul {
  display: grid;
  gap: 15px;
  padding-left: 0 !important;
  margin-top: 40px !important;
}
@media all and (min-width: 800px) {
  .nc-videos ul, .nc-docs ul {
    grid-template-columns: repeat(3, 1fr);
  }
}

.nc-video {
  background-color: #fafbfe;
  border-radius: 10px;
  overflow: hidden;
}
.nc-video img {
  width: 100%;
  height: 179px;
  object-fit: cover;
}
.nc-video .bottom {
  display: grid;
  align-items: start;
  gap: 10px;
  grid-template-columns: 1fr 110px;
  grid-template-areas: "title link" "description link";
  padding: 24px 27px;
}
.nc-video .title {
  grid-area: title;
  font: var(--font-h4);
}
.nc-video .description {
  grid-area: description;
  font-size: 14px;
  line-height: 25px;
}
.nc-video .link {
  grid-area: link;
}

.nc-doc {
  display: grid;
  gap: 15px;
  padding: 20px 30px;
  background-color: #FAFBFE;
}
.nc-doc::before {
  display: block;
  width: 22px;
  height: 22px;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M5.84375 1.375C5.02324 1.375 4.23633 1.70095 3.65614 2.28114C3.07595 2.86133 2.75 3.64824 2.75 4.46875V17.5312C2.75 18.3518 3.07595 19.1387 3.65614 19.7189C4.23633 20.2991 5.02324 20.625 5.84375 20.625H17.5312C18.48 20.625 19.25 19.855 19.25 18.9062V3.09375C19.25 2.145 18.48 1.375 17.5312 1.375H5.84375ZM4.8125 17.5312C4.8125 18.1005 5.2745 18.5625 5.84375 18.5625H17.1875V15.8125H5.84375C5.57025 15.8125 5.30794 15.9212 5.11455 16.1145C4.92115 16.3079 4.8125 16.5702 4.8125 16.8438V17.5312ZM4.8125 13.926C5.13562 13.8119 5.48213 13.75 5.84375 13.75H17.1875V3.4375H5.84375C5.57025 3.4375 5.30794 3.54615 5.11455 3.73955C4.92115 3.93294 4.8125 4.19525 4.8125 4.46875V13.926Z" fill="%23007CE5"/> </svg>');
  content: "";
}
.nc-doc .title {
  font: var(--font-h4);
}
.nc-doc .link {
  justify-self: start;
}

.nc-questions {
  background-color: var(--color-gray-1);
}
.nc-questions .inner {
  display: grid;
  gap: 20px;
  width: min(1104px, 100% - 40px);
  margin-inline: auto;
  padding-block: 50px;
}
@media all and (min-width: 900px) {
  .nc-questions .inner {
    grid-template-columns: repeat(2, 1fr);
    align-items: start;
  }
}
.nc-questions .left {
  display: grid;
  gap: 22px;
}
.nc-questions .link {
  margin-top: 10px;
  justify-self: start;
}
.nc-questions .right img {
  width: 100%;
}

.pricing-card {
  background-color: var(--primary-bg);
  border-radius: 12px;
  width: 100%;
  padding: 40px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.pricing-left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.pricing-title {
  font-size: 28px;
  font-weight: 600;
  color: var(--text-color);
  margin-bottom: 16px;
}

.pricing-subtitle {
  font-size: 16px;
  color: var(--secondary-text);
  line-height: 1.5;
}

.pricing-amount {
  margin: 24px 0;
}

.pricing-original {
  font-size: 20px;
  color: var(--secondary-text);
  text-decoration: line-through;
  margin-right: 8px;
}

.pricing-current {
  font-size: 28px;
  font-weight: 600;
  color: var(--text-color);
}

.pricing-period {
  font-size: 14px;
  color: var(--secondary-text);
  margin-top: 4px;
}

.pricing-note {
  font-size: 14px;
  color: var(--secondary-text);
}

.pricing-buttons {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 20px;
}

.btn {
  padding: 12px 16px;
  border-radius: var(--border-radius);
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.btn-primary {
  background-color: var(--button-bg);
  color: white;
  text-decoration: none;
}

.btn-primary:hover {
  background-color: var(--button-hover);
  color: #ffffff;
  text-decoration: none;
}

.btn-secondary {
  background-color: var(--secondary-button-bg);
  border: 1px solid var(--secondary-button-border);
  color: var(--text-color);
}

.btn-secondary:hover {
  background-color: #e9ecef;
}

.btn-icon {
  margin-left: 8px;
}

.pricing-features {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.features-title {
  font-size: 16px;
  color: var(--secondary-text);
  margin-bottom: 8px;
}

.feature-item {
  display: flex;
  gap: 12px;
  margin-bottom: 20px;
}

.feature-icon {
  width: 20px;
  height: 20px;
  background-color: var(--accent-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 2px;
}

.feature-icon svg {
  width: 12px;
  height: 12px;
  fill: white;
}

.feature-text {
  font-size: 16px;
  color: var(--text-color);
  font-weight: 500;
}

.feature-description {
  font-size: 14px;
  color: var(--secondary-text);
  margin-top: 4px;
  line-height: 1.5;
}

@media (max-width: 768px) {
  .pricing-card {
    grid-template-columns: 1fr;
    padding: 24px;
  }
  .pricing-left {
    margin-bottom: 20px;
  }
}

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