body {
      background: #F5F5F5;
      font-family: 'Inter', sans-serif;
  }

  .section-title {
      color: #0F172A;
      font-size: 18px;
      font-weight: 600;
  }

  .reg-head {
      color: #0F172A;
      font-size: 26px;
      font-weight: 700;
  }

  .reg-checkbox {
      border-radius: 50% !important;
      box-shadow: none !important;
  }

  .reg-sub {
      color: #475569;
      font-size: 16px;
      font-weight: 400;
  }

  .reg-input {
      border: 1px solid #CBD5E1;
      height: 48px;
  }

  .reg-input::placeholder {
      color: #6B7280;
  }

  .reg-label {
      color: #334155;
      font-size: 14px;
      font-weight: 400;
  }

  .logo {
      font-size: 28px;
      font-weight: 700;
      color: #e21d3b;
  }

  .back-link {
      text-decoration: none;
      color: #64748B;
      font-size: 14px;
  }

  .custom-card {
      border-radius: 12px;
      border: 1px solid #eee;
  }

  .form-control {
      height: 46px;
      border-radius: 8px;
  }

  textarea.form-control {
      height: auto;
  }

  .otp-btn {
      border: 1px solid #E11D48 !important;
      color: #E11D48 !important;
      background: white !important;
      border-radius: 8px;
      font-weight: 500;
  }


  .upload-box {
      border: 2px dashed #ddd;
      padding: 40px;
      border-radius: 10px;
      background: #fafafa;
      cursor: pointer;
  }

  .upload-box:hover {
      border-color: #E11D48;
  }

  .upload-text {
      color: #0F172A;
      font-size: 14px;
  }

  .upload-size {
      color: #64748B;
      font-size: 13px;
      font-weight: 400;
  }

  .submit-btn {
      background: #E11D48 !important;
      color: white !important;
      height: 50px;
      border-radius: 10px;
      font-weight: 600;
      font-size: 17px;
  }

  .register-ventor {
      margin-left: 105px !important;
  }

  .ventor-terms {
      text-decoration: none;
      font-size: 14px;
      color: #E11D48;
  }

  .terms-text {
      color: #64748B;
  }

  .foot-bottom {
      color: #64748B;
      font-size: 14px;
      font-weight: 500;
  }

  /* login */
  .left-panel {
      background-color: #0b0c16;
      color: #FFFFFF;
      min-height: 100vh;
      padding: 60px 50px;
  }

  .logo {
      font-size: 28px;
      font-weight: 600;
  }

  .left-title {
      font-size: 38px;
      font-weight: 700;
      text-align: start;
      line-height: 1.3;
  }

  .left-desc {
      color: #94A3B8;
      margin-top: 20px;
      font-size: 18px;
      font-weight: 400;
  }

  .feature-box {
      display: flex;
      align-items: flex-start;
      margin-top: 30px;
  }

  .feature-icon {
      width: 40px;
      height: 40px;
      background: #1f223e;
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-right: 15px;
      color: #E11D48;
      font-weight: 600;
  }

  .commission-card {
      background: #1d1f2e;
      padding: 20px;
      border-radius: 12px;
      margin-top: 60px;
  }

  .right-panel {
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .login-card {
      width: 100%;
      max-width: 420px;
  }

  .login-title {
      font-weight: 700;
      font-size: 24px;
      color: #0F172A;
  }

  .form-control {
      height: 48px;
      border-radius: 8px;
  }

  .signin-btn {
      background: #E11D48;
      border: none;
      height: 48px;
      border-radius: 8px;
      font-weight: 600;
  }

  .signin-btn:hover {
      background: #E11D48;
  }

  .forgot-link {
      font-size: 14px;
      color: #E11D48;
      text-decoration: none;
  }

  .register-link {
      color: #E11D48;
      text-decoration: none;
      font-weight: 500;
  }

  .singin-ventor-dashboard-text {
      white-space: nowrap;
      color: #64748B;
      font-size: 16px;
      font-weight: 400;
  }

  .login-label {
      color: #334155;
      font-family: 14px;
      font-weight: 500;
  }

  .login-input {
      border: 1px solid #E2E8F0;
  }

  .commision-head {
      color: #fff;
      font-weight: 600;
  }

  .commision-text {
      color: #94A3B8;
      font-size: 14px;
      font-weight: 400;
  }

  .login-side-head {
      color: #fff;
      font-weight: 600;
      font-size: 16px;
      height: 8px;
  }

  .login-side-sub {
      color: #94A3B8;
      font-size: 14px;
      font-weight: 400;
  }

  @media(max-width:576px) {
      .singin-ventor-dashboard-text {
          white-space: break-spaces;
      }
  }