.form-body {
    font-family: sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 90vh;
    /* background: #f4f2f2; */
    background: #01172a;
    letter-spacing: 1.2px;
  }

  .form-container {
    width: 450px;

    color: #000;
    /* box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3); */
    /* -webkit-box-shadow: -1px -1px 5px 0px rgba(224,224,224,1);
  -moz-box-shadow: -1px -1px 5px 0px rgba(224,224,224,1);
  box-shadow: -1px -1px 5px 0px rgba(224,224,224,1); */

    position: relative;
    z-index: 2;
  }

  .form-container .ms-card {
    padding: 40px;
    background: #fff;
    border-radius: 7px;
    position: relative;
    z-index: 2;
  }

  .form-container::before {
    width: 148px;
    height: 148px;
    content: " ";
    position: absolute;
    z-index: 1;
    top: -40px;
    right: -40px;
    background-image: url("data:image/svg+xml,%3Csvg width='148px' height='148px' viewBox='0 0 148 148' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M355,144 C356.104569,144 357,144.895431 357,146 C357,147.104569 356.104569,148 355,148 C353.895431,148 353,147.104569 353,146 C353,144.895431 353.895431,144 355,144 Z M382,144 C383.104569,144 384,144.895431 384,146 C384,147.104569 383.104569,148 382,148 C380.895431,148 380,147.104569 380,146 C380,144.895431 380.895431,144 382,144 Z M412,144 C413.104569,144 414,144.895431 414,146 C414,147.104569 413.104569,148 412,148 C410.895431,148 410,147.104569 410,146 C410,144.895431 410.895431,144 412,144 Z M442,144 C443.104569,144 444,144.895431 444,146 C444,147.104569 443.104569,148 442,148 C440.895431,148 440,147.104569 440,146 C440,144.895431 440.895431,144 442,144 Z M472,144 C473.104569,144 474,144.895431 474,146 C474,147.104569 473.104569,148 472,148 C470.895431,148 470,147.104569 470,146 C470,144.895431 470.895431,144 472,144 Z M499,144 C500.104569,144 501,144.895431 501,146 C501,147.104569 500.104569,148 499,148 C497.895431,148 497,147.104569 497,146 C497,144.895431 497.895431,144 499,144 Z M355,117 C356.104569,117 357,117.895431 357,119 C357,120.104569 356.104569,121 355,121 C353.895431,121 353,120.104569 353,119 C353,117.895431 353.895431,117 355,117 Z M382,117 C383.104569,117 384,117.895431 384,119 C384,120.104569 383.104569,121 382,121 C380.895431,121 380,120.104569 380,119 C380,117.895431 380.895431,117 382,117 Z M412,117 C413.104569,117 414,117.895431 414,119 C414,120.104569 413.104569,121 412,121 C410.895431,121 410,120.104569 410,119 C410,117.895431 410.895431,117 412,117 Z M442,117 C443.104569,117 444,117.895431 444,119 C444,120.104569 443.104569,121 442,121 C440.895431,121 440,120.104569 440,119 C440,117.895431 440.895431,117 442,117 Z M472,117 C473.104569,117 474,117.895431 474,119 C474,120.104569 473.104569,121 472,121 C470.895431,121 470,120.104569 470,119 C470,117.895431 470.895431,117 472,117 Z M499,117 C500.104569,117 501,117.895431 501,119 C501,120.104569 500.104569,121 499,121 C497.895431,121 497,120.104569 497,119 C497,117.895431 497.895431,117 499,117 Z M355,87 C356.104569,87 357,87.8954305 357,89 C357,90.1045695 356.104569,91 355,91 C353.895431,91 353,90.1045695 353,89 C353,87.8954305 353.895431,87 355,87 Z M382,87 C383.104569,87 384,87.8954305 384,89 C384,90.1045695 383.104569,91 382,91 C380.895431,91 380,90.1045695 380,89 C380,87.8954305 380.895431,87 382,87 Z M412,87 C413.104569,87 414,87.8954305 414,89 C414,90.1045695 413.104569,91 412,91 C410.895431,91 410,90.1045695 410,89 C410,87.8954305 410.895431,87 412,87 Z M442,87 C443.104569,87 444,87.8954305 444,89 C444,90.1045695 443.104569,91 442,91 C440.895431,91 440,90.1045695 440,89 C440,87.8954305 440.895431,87 442,87 Z M472,87 C473.104569,87 474,87.8954305 474,89 C474,90.1045695 473.104569,91 472,91 C470.895431,91 470,90.1045695 470,89 C470,87.8954305 470.895431,87 472,87 Z M499,87 C500.104569,87 501,87.8954305 501,89 C501,90.1045695 500.104569,91 499,91 C497.895431,91 497,90.1045695 497,89 C497,87.8954305 497.895431,87 499,87 Z M355,57 C356.104569,57 357,57.8954305 357,59 C357,60.1045695 356.104569,61 355,61 C353.895431,61 353,60.1045695 353,59 C353,57.8954305 353.895431,57 355,57 Z M472,57 C473.104569,57 474,57.8954305 474,59 C474,60.1045695 473.104569,61 472,61 C470.895431,61 470,60.1045695 470,59 C470,57.8954305 470.895431,57 472,57 Z M412,57 C413.104569,57 414,57.8954305 414,59 C414,60.1045695 413.104569,61 412,61 C410.895431,61 410,60.1045695 410,59 C410,57.8954305 410.895431,57 412,57 Z M499,57 C500.104569,57 501,57.8954305 501,59 C501,60.1045695 500.104569,61 499,61 C497.895431,61 497,60.1045695 497,59 C497,57.8954305 497.895431,57 499,57 Z M382,57 C383.104569,57 384,57.8954305 384,59 C384,60.1045695 383.104569,61 382,61 C380.895431,61 380,60.1045695 380,59 C380,57.8954305 380.895431,57 382,57 Z M442,57 C443.104569,57 444,57.8954305 444,59 C444,60.1045695 443.104569,61 442,61 C440.895431,61 440,60.1045695 440,59 C440,57.8954305 440.895431,57 442,57 Z M355,27 C356.104569,27 357,27.8954305 357,29 C357,30.1045695 356.104569,31 355,31 C353.895431,31 353,30.1045695 353,29 C353,27.8954305 353.895431,27 355,27 Z M382,27 C383.104569,27 384,27.8954305 384,29 C384,30.1045695 383.104569,31 382,31 C380.895431,31 380,30.1045695 380,29 C380,27.8954305 380.895431,27 382,27 Z M412,27 C413.104569,27 414,27.8954305 414,29 C414,30.1045695 413.104569,31 412,31 C410.895431,31 410,30.1045695 410,29 C410,27.8954305 410.895431,27 412,27 Z M442,27 C443.104569,27 444,27.8954305 444,29 C444,30.1045695 443.104569,31 442,31 C440.895431,31 440,30.1045695 440,29 C440,27.8954305 440.895431,27 442,27 Z M472,27 C473.104569,27 474,27.8954305 474,29 C474,30.1045695 473.104569,31 472,31 C470.895431,31 470,30.1045695 470,29 C470,27.8954305 470.895431,27 472,27 Z M499,27 C500.104569,27 501,27.8954305 501,29 C501,30.1045695 500.104569,31 499,31 C497.895431,31 497,30.1045695 497,29 C497,27.8954305 497.895431,27 499,27 Z M355,0 C356.104569,0 357,0.8954305 357,2 C357,3.1045695 356.104569,4 355,4 C353.895431,4 353,3.1045695 353,2 C353,0.8954305 353.895431,0 355,0 Z M382,0 C383.104569,0 384,0.8954305 384,2 C384,3.1045695 383.104569,4 382,4 C380.895431,4 380,3.1045695 380,2 C380,0.8954305 380.895431,0 382,0 Z M412,0 C413.104569,0 414,0.8954305 414,2 C414,3.1045695 413.104569,4 412,4 C410.895431,4 410,3.1045695 410,2 C410,0.8954305 410.895431,0 412,0 Z M442,0 C443.104569,0 444,0.8954305 444,2 C444,3.1045695 443.104569,4 442,4 C440.895431,4 440,3.1045695 440,2 C440,0.8954305 440.895431,0 442,0 Z M472,0 C473.104569,0 474,0.8954305 474,2 C474,3.1045695 473.104569,4 472,4 C470.895431,4 470,3.1045695 470,2 C470,0.8954305 470.895431,0 472,0 Z M499,0 C500.104569,0 501,0.8954305 501,2 C501,3.1045695 500.104569,4 499,4 C497.895431,4 497,3.1045695 497,2 C497,0.8954305 497.895431,0 499,0 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='📝-Pages' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Login---V2' transform='translate(-822.000000, -197.000000)'%3E%3Cg id='top-illustration' transform='translate(469.000000, 197.000000)'%3E%3Cuse fill='%23696cff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.6' fill='%23FFFFFF' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  }

  .form-container::after {
    width: 243px;
    height: 240px;
    content: " ";
    position: absolute;
    bottom: -28px;
    left: -20px;
    z-index: 1;
    background-image: url("data:image/svg+xml,%3Csvg width='148px' height='148px' viewBox='0 0 148 148' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M355,144 C356.104569,144 357,144.895431 357,146 C357,147.104569 356.104569,148 355,148 C353.895431,148 353,147.104569 353,146 C353,144.895431 353.895431,144 355,144 Z M382,144 C383.104569,144 384,144.895431 384,146 C384,147.104569 383.104569,148 382,148 C380.895431,148 380,147.104569 380,146 C380,144.895431 380.895431,144 382,144 Z M412,144 C413.104569,144 414,144.895431 414,146 C414,147.104569 413.104569,148 412,148 C410.895431,148 410,147.104569 410,146 C410,144.895431 410.895431,144 412,144 Z M442,144 C443.104569,144 444,144.895431 444,146 C444,147.104569 443.104569,148 442,148 C440.895431,148 440,147.104569 440,146 C440,144.895431 440.895431,144 442,144 Z M472,144 C473.104569,144 474,144.895431 474,146 C474,147.104569 473.104569,148 472,148 C470.895431,148 470,147.104569 470,146 C470,144.895431 470.895431,144 472,144 Z M499,144 C500.104569,144 501,144.895431 501,146 C501,147.104569 500.104569,148 499,148 C497.895431,148 497,147.104569 497,146 C497,144.895431 497.895431,144 499,144 Z M355,117 C356.104569,117 357,117.895431 357,119 C357,120.104569 356.104569,121 355,121 C353.895431,121 353,120.104569 353,119 C353,117.895431 353.895431,117 355,117 Z M382,117 C383.104569,117 384,117.895431 384,119 C384,120.104569 383.104569,121 382,121 C380.895431,121 380,120.104569 380,119 C380,117.895431 380.895431,117 382,117 Z M412,117 C413.104569,117 414,117.895431 414,119 C414,120.104569 413.104569,121 412,121 C410.895431,121 410,120.104569 410,119 C410,117.895431 410.895431,117 412,117 Z M442,117 C443.104569,117 444,117.895431 444,119 C444,120.104569 443.104569,121 442,121 C440.895431,121 440,120.104569 440,119 C440,117.895431 440.895431,117 442,117 Z M472,117 C473.104569,117 474,117.895431 474,119 C474,120.104569 473.104569,121 472,121 C470.895431,121 470,120.104569 470,119 C470,117.895431 470.895431,117 472,117 Z M499,117 C500.104569,117 501,117.895431 501,119 C501,120.104569 500.104569,121 499,121 C497.895431,121 497,120.104569 497,119 C497,117.895431 497.895431,117 499,117 Z M355,87 C356.104569,87 357,87.8954305 357,89 C357,90.1045695 356.104569,91 355,91 C353.895431,91 353,90.1045695 353,89 C353,87.8954305 353.895431,87 355,87 Z M382,87 C383.104569,87 384,87.8954305 384,89 C384,90.1045695 383.104569,91 382,91 C380.895431,91 380,90.1045695 380,89 C380,87.8954305 380.895431,87 382,87 Z M412,87 C413.104569,87 414,87.8954305 414,89 C414,90.1045695 413.104569,91 412,91 C410.895431,91 410,90.1045695 410,89 C410,87.8954305 410.895431,87 412,87 Z M442,87 C443.104569,87 444,87.8954305 444,89 C444,90.1045695 443.104569,91 442,91 C440.895431,91 440,90.1045695 440,89 C440,87.8954305 440.895431,87 442,87 Z M472,87 C473.104569,87 474,87.8954305 474,89 C474,90.1045695 473.104569,91 472,91 C470.895431,91 470,90.1045695 470,89 C470,87.8954305 470.895431,87 472,87 Z M499,87 C500.104569,87 501,87.8954305 501,89 C501,90.1045695 500.104569,91 499,91 C497.895431,91 497,90.1045695 497,89 C497,87.8954305 497.895431,87 499,87 Z M355,57 C356.104569,57 357,57.8954305 357,59 C357,60.1045695 356.104569,61 355,61 C353.895431,61 353,60.1045695 353,59 C353,57.8954305 353.895431,57 355,57 Z M472,57 C473.104569,57 474,57.8954305 474,59 C474,60.1045695 473.104569,61 472,61 C470.895431,61 470,60.1045695 470,59 C470,57.8954305 470.895431,57 472,57 Z M412,57 C413.104569,57 414,57.8954305 414,59 C414,60.1045695 413.104569,61 412,61 C410.895431,61 410,60.1045695 410,59 C410,57.8954305 410.895431,57 412,57 Z M499,57 C500.104569,57 501,57.8954305 501,59 C501,60.1045695 500.104569,61 499,61 C497.895431,61 497,60.1045695 497,59 C497,57.8954305 497.895431,57 499,57 Z M382,57 C383.104569,57 384,57.8954305 384,59 C384,60.1045695 383.104569,61 382,61 C380.895431,61 380,60.1045695 380,59 C380,57.8954305 380.895431,57 382,57 Z M442,57 C443.104569,57 444,57.8954305 444,59 C444,60.1045695 443.104569,61 442,61 C440.895431,61 440,60.1045695 440,59 C440,57.8954305 440.895431,57 442,57 Z M355,27 C356.104569,27 357,27.8954305 357,29 C357,30.1045695 356.104569,31 355,31 C353.895431,31 353,30.1045695 353,29 C353,27.8954305 353.895431,27 355,27 Z M382,27 C383.104569,27 384,27.8954305 384,29 C384,30.1045695 383.104569,31 382,31 C380.895431,31 380,30.1045695 380,29 C380,27.8954305 380.895431,27 382,27 Z M412,27 C413.104569,27 414,27.8954305 414,29 C414,30.1045695 413.104569,31 412,31 C410.895431,31 410,30.1045695 410,29 C410,27.8954305 410.895431,27 412,27 Z M442,27 C443.104569,27 444,27.8954305 444,29 C444,30.1045695 443.104569,31 442,31 C440.895431,31 440,30.1045695 440,29 C440,27.8954305 440.895431,27 442,27 Z M472,27 C473.104569,27 474,27.8954305 474,29 C474,30.1045695 473.104569,31 472,31 C470.895431,31 470,30.1045695 470,29 C470,27.8954305 470.895431,27 472,27 Z M499,27 C500.104569,27 501,27.8954305 501,29 C501,30.1045695 500.104569,31 499,31 C497.895431,31 497,30.1045695 497,29 C497,27.8954305 497.895431,27 499,27 Z M355,0 C356.104569,0 357,0.8954305 357,2 C357,3.1045695 356.104569,4 355,4 C353.895431,4 353,3.1045695 353,2 C353,0.8954305 353.895431,0 355,0 Z M382,0 C383.104569,0 384,0.8954305 384,2 C384,3.1045695 383.104569,4 382,4 C380.895431,4 380,3.1045695 380,2 C380,0.8954305 380.895431,0 382,0 Z M412,0 C413.104569,0 414,0.8954305 414,2 C414,3.1045695 413.104569,4 412,4 C410.895431,4 410,3.1045695 410,2 C410,0.8954305 410.895431,0 412,0 Z M442,0 C443.104569,0 444,0.8954305 444,2 C444,3.1045695 443.104569,4 442,4 C440.895431,4 440,3.1045695 440,2 C440,0.8954305 440.895431,0 442,0 Z M472,0 C473.104569,0 474,0.8954305 474,2 C474,3.1045695 473.104569,4 472,4 C470.895431,4 470,3.1045695 470,2 C470,0.8954305 470.895431,0 472,0 Z M499,0 C500.104569,0 501,0.8954305 501,2 C501,3.1045695 500.104569,4 499,4 C497.895431,4 497,3.1045695 497,2 C497,0.8954305 497.895431,0 499,0 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='📝-Pages' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Login---V2' transform='translate(-822.000000, -197.000000)'%3E%3Cg id='top-illustration' transform='translate(469.000000, 197.000000)'%3E%3Cuse fill='%23696cff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.6' fill='%23FFFFFF' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  }


  .form-container input,
  .form-container label,
  .form-container select,
  .form-container textarea {
    width: 100%;
    display: block;
    margin-bottom: 15px;
    padding: 10px 12px;
    border: 1px solid rgba(33, 31, 31, 0.2);
    /* background: rgba(255, 255, 255, 0.2); */
    box-sizing: border-box;
    color: #000;
    outline: none;
    background: #fff;
    margin-bottom: 1.7rem;
  }

  select {
    cursor: pointer;
    color: #000;
  }

  .form-container input::-moz-placeholder,
  .form-container label::-moz-placeholder {
    color: #000;
  }

  .form-container form input::placeholder {
    color: #999;
  }

  .form-container input:-ms-input-placeholder,
  .form-container label:-ms-input-placeholder {
    color: #999;
  }

  .form-container input::placeholder,
  .form-container label::placeholder {
    color: #999;
  }

  .form-container label {
    padding: 0;
    background: none;
    border: none;
  }

  .form-container label input {
    display: inline;
    width: auto;
    padding: 0;
    margin: 0;
  }

  .form-container button {
    display: block;
    width: 100%;
    padding: 15px;
    font-weight: bold;
    background: #696cff;
    border: none;
    /* box-shadow: 0 4px 5px rgba(0, 0, 0, 0.3); */
    color: #fff;
    transition: all 0.15s ease;
    position: relative;
    top: 0;
    cursor: pointer;
    text-transform: uppercase;
    border-radius: 4px;
    letter-spacing: 2px;
  }

  .form-container button:hover {
    color: #fff;
    box-shadow: 0 6px 10px 2px rgba(92, 56, 250, 0.3);
  }

  .form-container button:active {
    top: 2px;
  }

  .form-container p {
    text-align: right;
  }

  .form-container p a {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.75rem;
    transition: all 0.15s ease;
  }

  .form-container p a:hover {
    color: white;
  }

  .form-container h2 {
    margin-top: 0;
    margin-bottom: 2rem;
    text-align: center;
  }

  .form-container .error {
    margin-top: 0;
  }

  .alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    margin-top: 0;
    margin-bottom: 2rem;
    text-align: center;
    padding: 14px;
    border-radius: 3px;
  }

  .alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
    margin-top: 0;
    margin-bottom: 2rem;
    text-align: center;
    padding: 14px;
    border-radius: 3px;
  }

  .fade-in-out {
    opacity: 0;
    animation: fadeIn 1s forwards;
  }

  .fade-out {
    animation: fadeOut 2s forwards;
    display: none;
  }

  @keyframes fadeIn {
    0% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }

  @keyframes fadeOut {
    0% {
      opacity: 1;
    }

    100% {
      opacity: 0;
    }
  }

  .check-acount {
    text-align: center !important;
    margin-top: 2rem !important;
  }

  .check-acount a {
    color: #1769ff !important;
    font-size: 16px !important;
  }

  .check-acount a:hover {
    text-decoration: underline !important;
  }


  /* membership css  */

  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");

  :root {
    --baseColor: #656c7c;
    --baseSize: 16px;
    --baseLineHeight: 1.5;
    --fontFamily: Inter, sans-serif;
    --pink: #000;
    --pinkLight: #ffecf0;
    --blue: #1769ff;
    --redTick: url("data:image/svg+xml,%3Csvg width='18' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.552.134 5.717 10.97 1.448 6.701 0 8.149l5.717 5.717L18 1.583 16.552.134Z' fill='%23EA455F'/%3E%3C/svg%3E%0A");
    --whiteTick: url("data:image/svg+xml,%3Csvg width='18' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.552.134 5.717 10.97 1.448 6.701 0 8.149l5.717 5.717L18 1.583 16.552.134Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
    --close: url("data:image/svg+xml,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 1.414 16.586 0 9 7.586 1.414 0 0 1.414 7.586 9 0 16.586 1.414 18 9 10.414 16.586 18 18 16.586 10.414 9 18 1.414Z' fill='%23B1B8C9'/%3E%3C/svg%3E");
    --entpIcon: url("data:image/svg+xml,%3Csvg width='42' height='42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.813 11.077 21 1.155l17.187 9.922v19.846L21 40.845 3.813 30.923V11.077Z' stroke='%23fff' stroke-width='2'/%3E%3Ccircle cx='21' cy='21' r='8' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E");
  }

  * {
    box-sizing: border-box;
  }

  .plans {
    width: 400px;
    max-width: 1128px;
    margin: 0 auto;
    align-items: center;
    display: flex;
  }

  .plans__container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2.3rem;
    background: #f4f2f2;
    letter-spacing: 1.2px;
    letter-spacing: 1.2px;
    flex-direction: column;

  }

  .proceed_btn {
    display: block;
    width: 100%;
    padding: 15px;
    font-weight: bold;
    background: #000;
    border: none;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.3);
    color: #fff;
    transition: all 0.15s ease;
    position: relative;
    top: 0;
    cursor: pointer;
  }

  /* Button */
  .proceed_btn {
    display: inline-block;
    width: 100%;
    max-width: 260px;
    margin: 0 auto;
    padding: 14px 20px;
    font-weight: 600;
    font-size: 16px;
    background: linear-gradient(135deg, #050505, #0a0a0a);
    border: none;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(13, 110, 253, 0.3);
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.2s ease;
    cursor: pointer;
    text-decoration: none;
  }

  .proceed_btn:hover {
    background: linear-gradient(135deg, #000000, #000000);
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(3, 15, 34, 0.4);
  }

  .plans__container a {
    width: 100%;
    float: left;
    text-align: center;
  }

  a {
    text-decoration: none !important;
  }

  .plansHero {
    text-align: center;
    padding: 0rem 0 1.5rem;
    line-height: 1.21;
  }

  .plansHero__title {
    font-weight: 700;
    font-size: 2rem;
    margin: 0 0 1rem 0;
    color: #000;
  }

  .plansHero__subtitle {
    margin: 0;
  }

  .planItem {
    --border: 1px solid #e6e6e6;
    --bgColor: #fff;
    --boxShadow: none;
    background-color: var(--bgColor);
    border: var(--border);
    border-radius: 1rem;
    box-shadow: var(--boxShadow);
    padding: 2rem 1.5rem;
    display: inline-flex;
    flex-direction: column;
  }

  .planItem__container {
    --direction: column;
    display: grid;
    grid-auto-flow: var(--direction);
    grid-auto-columns: 1fr;
    gap: 1.5rem;
  }

  .planItem .price {
    --priceMargin: 2rem 0;
  }

  .planItem--pro {
    --border: 0;
    --boxShadow: 0 1px 21px 0 rgba(135, 140, 157, .2);
  }

  .planItem--pro .label {
    --labelBg: #000;
    --labelColor: #fff;
  }

  .planItem--entp {
    --bgColor: var(--blue);
  }

  .planItem--entp .card {
    --titleColor: #fff;
    --descColor: rgb(255 255 255 / 80%);
  }

  .planItem--entp .card__icon {
    background-image: var(--entpIcon);
    background-size: cover;
  }

  .planItem--entp .price,
  .planItem--entp .featureList {
    --color: #fff;
  }

  .planItem--entp .featureList {
    --icon: var(--whiteTick);
  }

  .planItem .button {
    margin-top: auto;
  }

  .button {
    --bgColor: var(--pinkLight);
    --color: var(--pink);
    --shadowColor: rgb(234 76 137 / 30%);
    --outline: var(--pink);
    border-radius: 0.5rem;
    display: block;
    width: 100%;
    padding: 1rem 1.5rem;
    border: 0;
    line-height: inherit;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 600;
    background-color: var(--bgColor);
    color: var(--color);
    cursor: pointer;
    transition: all 0.1s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .button--pink {
    --bgColor: var(--pink);
    --color: #fff;
    --shadowColor: #000;
  }

  .button--white {
    --bgColor: #fff;
    --shadowColor: rgb(255 255 255 / 30%);
    --outline: #fff;
  }

  .button:hover {
    transform: translateY(-2px);
    box-shadow: 0px 6px 10px var(--shadowColor);
  }

  .button:focus-visible {
    outline-offset: 2px;
    outline: 2px solid var(--outline);
  }

  .card {
    --titleColor: #000;
    --descColor: var(--baseColor);
  }

  .card__header {
    display: flex;
    gap: 1rem;
    align-items: center;
  }

  .card__icon {
    width: 2.625rem;
    height: 2.625rem;
  }

  .card h2 {
    color: var(--titleColor);
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 400;
    margin: 0;
    flex-grow: 1;
  }

  .card__desc {
    margin: 1.5rem 0 0;
    color: var(--descColor);
  }

  .label {
    --labelColor: var(--baseColor);
    --labelBg: #e5e5e5;
    font-weight: 600;
    line-height: 1.25;
    font-size: 1rem;
    text-align: center;
    padding: 0.625rem 1.125rem;
    border-radius: 2rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: var(--labelBg);
    color: var(--labelColor);
  }

  .price {
    --color: #000;
    --priceMargin: 0;
    display: flex;
    color: var(--color);
    align-items: center;
    gap: 0.5625rem;
    font-weight: 600;
    font-size: 2rem;
    margin: var(--priceMargin);
  }

  .price span {
    font-size: 1rem;
    font-weight: 400;
    color: var(--baseColor);
  }

  .featureList {
    --color: #000;
    --icon: var(--redTick);
    --height: 0.875rem;
    padding: 0;
    font-weight: 500;
  }

  .featureList li {
    color: var(--color);
    margin-bottom: 2rem;
    display: flex;
    align-items: center;
    gap: 1rem;
  }

  .featureList li:before {
    content: "";
    background-image: var(--icon);
    background-size: cover;
    display: block;
    width: 1.125rem;
    height: var(--height);
  }

  .featureList li:last-child {
    margin-bottom: 0;
  }

  .featureList li.disabled {
    --color: #b1b8c9;
    --height: 1.125rem;
    --icon: var(--close);
  }

  .symbol {
    --big: 2.625rem;
    --small: 1.5rem;
    --radius: 0.25rem;
    border: 2px solid var(--blue);
    width: var(--big);
    height: var(--big);
    border-radius: var(--radius);
    position: relative;
  }

  .symbol--rounded {
    --radius: 2rem;
  }

  .symbol:after {
    content: "";
    box-sizing: border-box;
    display: block;
    position: absolute;
    border: 2px solid var(--pink);
    width: var(--small);
    height: var(--small);
    border-radius: var(--radius);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .plans__container {
    padding: 60px 20px;
    background: #f9fafb;
    font-family: "Segoe UI", Roboto, Arial, sans-serif;
  }


  .plansHero__title {
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #222;
  }

  .plansHero__subtitle {
    font-size: 16px;
    color: #666;
  }

  .plans {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
  }

  .planItem__container {
    flex: 1 1 calc(50% - 30px);
    max-width: 500px;
  }

  .planItem {
    background: #fff;
    border-radius: 12px;
    padding: 35px 25px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.2s ease;
    text-align: center;
  }

  .planItem:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
  }

  .card__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .card__header h2 {
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    color: #111;
  }

  .planBadge {
    background: #fff3cd;
    color: #856404;
    font-size: 12px;
    padding: 5px 10px;
    border-radius: 20px;
    text-transform: uppercase;
    font-weight: 600;
  }

  .badge-dark {
    background: #212529;
  }

  .price {
    font-size: 32px;
    font-weight: bold;
    color: #212529;
    margin: 25px 0 20px 0;
  }

  .price span {
    font-size: 16px;
    color: #666;
  }

  .planBadge.purchased {
    background: #27ae60;
    color: #fff;
  }

  .planBadge {
    background: #fff3cd;
    color: #856404;
  }

  .proceed_btn.success {
    background: linear-gradient(137deg, #2aa11c, #0aca3e);
  }

  .proceed_btn.success:hover {
    background: linear-gradient(135deg, #046205, #068019);
  }

  .featureList {
    list-style: none;
    margin: 0 0 25px 0;
    padding: 0;
    text-align: left;
  }

  .featureList li {
    padding: 20px 0;
    border-bottom: 1px solid #eee;
    font-size: 15px;
    color: #444;
    margin: 0;
  }

  .proceed_btn {
    display: inline-block;
    width: 100%;
    max-width: 260px;
    margin-top: 15px;
    padding: 14px 20px;
    font-weight: 600;
    font-size: 16px;
    background: linear-gradient(135deg, #0d6efd, #0a58ca);
    border: none;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(13, 110, 253, 0.3);
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.2s ease;
    cursor: pointer;
    text-decoration: none;
  }

  .proceed_btn:hover {
    background: linear-gradient(135deg, #0a58ca, #084298);
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(13, 110, 253, 0.4);
  }

  @media screen and (max-width: 640px) {
    .plans {
      max-width: 480px;
      width: 90%;
    }

    .planItem__container {
      --direction: row;
    }
  }

  @media screen and (min-width: 641px) and (max-width: 768px) {
    :root {
      --baseSize: 12px;
    }
  }

  @media screen and (min-width: 769px) and (max-width: 1080px) {
    :root {
      --baseSize: 14px;
    }
  }

  .card__icon {
    background-image: var(--entpIcon);
    background-size: cover;
    color: #fff;
    background-color: #000 !important;
    border-radius: 50%;
  }