.light-theme #quickstart .page-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

.light-theme #quickstart .wrapper.steps-wrapper {
  background-color: var(--color-blue-99);
  
}
  .light-theme #quickstart .wrapper {
    background-color: var(--color-blue-90);
  }
  .light-theme #quickstart .page-title h1, .light-theme #quickstart .page-title h2 {
    margin: 0;
    text-align: center;
  }
  .light-theme #quickstart .page-title h2 {
    font-size: 1.266rem;
    font-weight: 400;
  }

  .light-theme #quickstart .flex-wrapper {
    display: flex;
    margin: 24px 0;
    gap: 24px;
    align-items: center;
  }
  @media (max-width: 1024px) {
    .light-theme #quickstart .flex-wrapper {
      flex-direction: column;
    }
  }
  .light-theme #quickstart .flex-wrapper .flex-left, .light-theme #quickstart .flex-wrapper .flex-right {
    width: 50%;
  }
  @media (max-width: 1024px) {
    .light-theme #quickstart .flex-wrapper .flex-right, .light-theme #quickstart .flex-wrapper .flex-left {
      width: 100%;
      text-align: center;
    }
  }

  .light-theme #quickstart .qs-card-wrapper {
    margin: 24px auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .light-theme #quickstart .qs-card-wrapper h2, .light-theme #quickstart .qs-card-wrapper h3 {
    text-align: center;
  }
  .light-theme #quickstart .qs-card-wrapper .qs-cards {
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 24px;
  }
  .light-theme #quickstart .qs-card-wrapper .qs-cards .qs-card {
    width: 420px;
    border: 1px solid var(--color-gray-80);
    padding: 24px 16px;
    border-radius: 16px;
    height: 250px;
  }
  @media (min-width: 1024px) {
    .light-theme #quickstart .qs-card-wrapper .qs-cards .qs-card {
      width: 420px;
      height: 250px;
    }
  }
  @media (min-width: 768px) {
    .light-theme #quickstart .qs-card-wrapper .qs-cards .qs-card {
      width: 420px;
      height: 275px;
    }
  }
  @media (max-width: 768px) {
    .light-theme #quickstart .qs-card-wrapper .qs-cards .qs-card {
      width: 90%;
      height: auto;
    }
  }
  .light-theme #quickstart .qs-card-wrapper .qs-cards .qs-card .icon {
    font-size: 42px;
    color: var(--color-blue-50);
  }
  .light-theme #quickstart .qs-card-wrapper .qs-cards .qs-card h3 {
    margin: 8px 0;
    font-size: 24px;
  }
  .light-theme #quickstart .qs-steps {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
  .light-theme #quickstart .qs-steps h2 {
    margin: 2% 22%;
    text-align: center;
  }
  @media (max-width: 768px) {
    .light-theme #quickstart .qs-steps h2 {
      margin: 24px 0;
    }
  }
  .light-theme #quickstart .qs-steps h3 {
    margin: 4%;
    text-align: center;
  }
  .light-theme #quickstart .qs-steps .qs-message {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .light-theme #quickstart .qs-steps .qs-message .qs-check {
    width: 28px;
    height: 28px;
    margin-top: 8px;
    border-radius: 50px;
    background: var(--color-green-50);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .light-theme #quickstart .qs-steps .qs-message .qs-check .icon {
    display: inline-block;
    padding: 8px;
    color: white;
  }
  .light-theme #quickstart #qs-accordion {
    max-width: 800px;
    margin: 0 auto;
  }
  @media (max-width: 768px) {
    .light-theme #quickstart #qs-accordion {
      max-width: 100%;
      margin: 0;
    }
  }
  .light-theme #quickstart .acc {
    border: 1px solid var(--color-gray-95);
    background-color: var(--color-white);
  }
  .light-theme #quickstart .acc .acc-header {
    font-size: 1.266rem;
    padding: 16px;
  }
  .light-theme #quickstart .acc .acc-header.header-active {
    background: var(--color-blue-90);
  }
  .light-theme #quickstart .acc .acc-header.header-active .acc-header-title {
    color: var(--color-black);
  }
  .light-theme #quickstart .acc:hover {
    background: var(--color-blue-90);
  }
  .light-theme #quickstart .acc .acc-header-title {
    margin: 0;
    text-align: left;
  }
  .light-theme #quickstart .acc-content {
    background: var(--color-white);
  }
  .light-theme #quickstart .acc-content .content {
    padding: 0 36px;
  }
  @media (max-width: 768px) {
    .light-theme #quickstart .acc-content .content {
      padding: 0;
    }
  }
  .light-theme #quickstart .acc-content .content ul li, .light-theme #quickstart .acc-content .content ol li {
    padding: 8px 0;
  }
  .light-theme #quickstart .acc-content .content .icon-mwb-system-windows, .light-theme #quickstart .acc-content .content .icon-mwb-system-apple {
    display: inline-block;
    padding-right: 8px;
  }
  .light-theme #quickstart .acc-content .content .sub-acc-header {
    background: var(--color-gray-90);
  }
  .light-theme #quickstart .acc-content .content .sub-acc-header:hover {
    background: var(--color-gray-80);
  }
  .light-theme #quickstart .next-steps {
    padding: 48px 8px;
    text-align: center;
    display: flex;
    flex-direction: column;
    background-color: var(--color-blue-90);
  }

#quickstart .next-steps h2 {
    margin: 24px 0;
}
#quickstart .next-steps span {
  font-size: 24px;
}

#quickstart .next-steps .button-primary {
    margin: 24px auto;
    display: inline-block;
   
   
}

.light-theme #quickstart .next-steps .button-primary:hover {
   
    text-decoration: none;
    

}
  .light-theme #quickstart .next-steps .next-step-wrapper {
    display: flex;
    flex-direction: row;
    gap: 16px;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0 5%;

  }
  .light-theme #quickstart .next-steps .next-step-wrapper .next-step-box {
    background: var(--color-white);
    max-width: 250px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: center;
    padding: 16px;
    border-radius: 12px;
    cursor: pointer;
    flex: 1 1 30%;
    border: 4px solid var(--color-blue-90);
  }

  @media (max-width: 1024px) {
    .light-theme #quickstart .next-steps .next-step-wrapper .next-step-box  {
      flex: 1 1 50%;
      
    }
}
  .light-theme #quickstart .next-steps .next-step-wrapper .next-step-box:hover {
    border: 4px solid var(--color-blue-80);

  }
  .light-theme #quickstart .next-steps .next-step-wrapper h3 {
    margin: 0;
    font-size: 1rem;
  }
  .light-theme #quickstart .next-steps .next-step-wrapper h3 a {
    font-weight: 500;
    color: var(--color-black);
  }
  .light-theme #quickstart .next-steps .next-step-wrapper h3 a:hover {
    text-decoration: none;
  }
  .light-theme #quickstart .next-steps .next-step-wrapper .icon {
    font-size: 1.602rem;
    color: var(--color-blue-50);
  }
  
  #quickstart .animation-wrapper {
    display: flex;
    justify-content: center;
  }
  #quickstart .animation-wrapper .animation {
    margin: 0 auto;
    width: 100%;
  }

  .dark-theme #quickstart .page-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .dark-theme #quickstart .page-title h1, .dark-theme #quickstart .page-title h2 {
    margin: 0;
    text-align: center;
  }
  .dark-theme #quickstart .page-title h2 {
    font-size: 1.266rem;
    font-weight: 400;
  }

  .dark-theme #quickstart .flex-wrapper {
    display: flex;
    margin: 24px 0;
    gap: 24px;
    align-items: center;
  }
  @media (max-width: 1024px) {
    .dark-theme #quickstart .flex-wrapper {
      flex-direction: column;
    }
  }
  .dark-theme #quickstart .flex-wrapper .flex-left, .dark-theme #quickstart .flex-wrapper .flex-right {
    width: 50%;
  }
  @media (max-width: 1024px) {
    .dark-theme #quickstart .flex-wrapper .flex-right, .dark-theme #quickstart .flex-wrapper .flex-left {
      width: 100%;
      text-align: center;
    }
  }

  .dark-theme #quickstart .qs-card-wrapper {
    margin: 24px auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .dark-theme #quickstart .qs-card-wrapper h2, .dark-theme #quickstart .qs-card-wrapper h3 {
    text-align: center;
  }
  .dark-theme #quickstart .qs-card-wrapper .qs-cards {
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 24px;
  }
  .dark-theme #quickstart .qs-card-wrapper .qs-cards .qs-card {
    width: 420px;
    border: 1px solid var(--color-gray-40);
    padding: 24px 16px;
    border-radius: 16px;
    height: 250px;
  }
  @media (min-width: 1024px) {
    .dark-theme #quickstart .qs-card-wrapper .qs-cards .qs-card {
      width: 420px;
      height: 250px;
    }
  }
  @media (min-width: 768px) {
    .dark-theme #quickstart .qs-card-wrapper .qs-cards .qs-card {
      width: 420px;
      height: 275px;
    }
  }
  @media (max-width: 768px) {
    .dark-theme #quickstart .qs-card-wrapper .qs-cards .qs-card {
      width: 90%;
      height: auto;
    }
  }
  .dark-theme #quickstart .qs-card-wrapper .qs-cards .qs-card .icon {
    font-size: 42px;
    color: var(--color-blue-70);
  }
  .dark-theme #quickstart .qs-card-wrapper .qs-cards .qs-card h3 {
    margin: 8px 0;
  }
  .dark-theme #quickstart .qs-steps {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
  .dark-theme #quickstart .qs-steps h2 {
    margin: 2% 22%;
    text-align: center;
  }
  @media (max-width: 768px) {
    .dark-theme #quickstart .qs-steps h2 {
      margin: 24px 0;
    }
  }
  .dark-theme #quickstart .qs-steps h3 {
    margin: 4%;
    text-align: center;
  }
  .dark-theme #quickstart .qs-steps .qs-message {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .dark-theme #quickstart .qs-steps .qs-message .qs-check {
    width: 28px;
    height: 28px;
    margin-top: 8px;
    border-radius: 50px;
    background: var(--color-green-50);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .dark-theme #quickstart .qs-steps .qs-message .qs-check .icon {
    display: inline-block;
    padding: 8px;
    color: white;
  }
  .dark-theme #quickstart #qs-accordion {
    max-width: 800px;
    margin: 0 auto;
  }
  @media (max-width: 768px) {
    .dark-theme #quickstart #qs-accordion {
      max-width: 100%;
      margin: 0;
    }
  }
  .dark-theme #quickstart .acc {
    border: 1px solid var(--color-gray-40);
    background-color: var(--color-gray-30);
  }
  .dark-theme #quickstart .acc .acc-header {
    font-size: 1.266rem;
    padding: 16px;
  }
  .dark-theme #quickstart .acc .acc-header.header-active {
    background: var(--color-gray-20);
  }
  .dark-theme #quickstart .acc .acc-header.header-active .acc-header-title {
    color: var(--color-blue-70);
  }
  .dark-theme #quickstart .acc:hover {
    background: var(--color-gray-20);
  }
  .dark-theme #quickstart .acc .acc-header-title {
    margin: 0;
    text-align: left;
  }
  .dark-theme #quickstart .acc-content {
    background: var(--color-gray-20);
  }
  .dark-theme #quickstart .acc-content .content {
    padding: 0 36px;
  }
  @media (max-width: 768px) {
    .dark-theme #quickstart .acc-content .content {
      padding: 0;
    }
  }
  .dark-theme #quickstart .acc-content .content ul li, .dark-theme #quickstart .acc-content .content ol li {
    padding: 8px 0;
  }
  .dark-theme #quickstart .acc-content .content .icon-mwb-system-windows, .dark-theme #quickstart .acc-content .content .icon-mwb-system-apple {
    display: inline-block;
    padding-right: 8px;
  }
  .dark-theme #quickstart .acc-content .content .sub-acc-header {
    border: 3px solid transparent;
    background: var(--color-gray-40);
  }
  .dark-theme #quickstart .acc-content .content .sub-acc-header:hover {
    background: var(--color-gray-40);
    border: 3px solid var(--color-blue-70);
  }
  .dark-theme #quickstart .next-steps {
    padding: 48px 8px;
    text-align: center;
    display: flex;
    flex-direction: column;
    background-color: var(--color-gray-20);
  }
  .dark-theme #quickstart .next-steps a {
    margin: 24px auto;
    width: 200px;
  }
  .dark-theme #quickstart .next-steps .next-step-wrapper {
    display: flex;
    flex-direction: row;
    gap: 16px;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0 5%;
  }
  .dark-theme #quickstart .next-steps .next-step-wrapper .next-step-box {
    background: var(--color-gray-30);
    max-width: 250px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: center;
    padding: 16px;
    border-radius: 12px;
    cursor: pointer;
    flex: 1 1 30%;
    border: 4px solid var(--color-gray-30);
  }

  @media (max-width: 1024px) {
    .dark-theme #quickstart .next-steps h2 {
      padding: 24px 15%;
    }
    .dark-theme #quickstart .next-steps .next-step-wrapper .next-step-box  {
      flex: 1 1 50%;
  }
}
  .dark-theme #quickstart .next-steps .next-step-wrapper .next-step-box:hover {
    background: var(--color-gray-40);
    border: 4px solid var(--color-blue-80);
  }
  .dark-theme #quickstart .next-steps .next-step-wrapper h3 {
    margin: 0;
    font-size: 1rem;
  }
  .dark-theme #quickstart .next-steps .next-step-wrapper h3 a {
    font-weight: 500;
    color: var(--color-gray-99);
  }
  .dark-theme #quickstart .next-steps .next-step-wrapper h3 a:hover {
    text-decoration: none;
  }
  .dark-theme #quickstart .next-steps .next-step-wrapper .icon {
    font-size: 1.602rem;
    color: var(--color-blue-70);
  }

  .dark-theme #quickstart .next-steps .button-primary {
    
    display: inline-block;

 
  }

  .dark-theme #quickstart .next-steps .button-primary:hover {
    
    text-decoration: none;

  }
  .dark-theme #quickstart .wrapper.steps-wrapper {
    background-color: var(--color-gray-30);
    
  }