/* ══════════════════════════════════════════════════════
   famed.in · Global Layout · Final Clean Version
   Design System: Dark theme, Poppins + Inter
══════════════════════════════════════════════════════ */

      /* ── CUSTOM FONTS ── */
      @font-face {
        font-family: "midnight-sans";
        src: url(https://cdnfiles.perfectpanel.com/rpyfx7/n6af8obnz7zf2nab.ttf)
          format("truetype");
      }

      /* ── CSS VARIABLES ── */
      :root {
        --bg: #08090c;
        --s1: #0e1014;
        --s2: #131720;
        --s3: #181e2a;
        --blue: #2271f5;
        --blue2: #1558b8;
        --blue3: #1e6ecb;
        --acc: #60aaff;
        --green: #22c55e;
        --gold: #f59e0b;
        --red: #ef4444;
        --wa: #25d366;
        --bd: rgba(255, 255, 255, 0.09);
        --bd2: rgba(255, 255, 255, 0.05);
        --bd3: rgba(255, 255, 255, 0.04);
        --txt: #55606f;
        --txts: #8fa0b4;
        --txth: #c2d0e0;
        --shadow-blue: rgba(34, 113, 245, 0.28);
      }

      /* ── RESET + BASE ── */
      * {
        box-sizing: border-box;
        min-width: 0;
      }

      html {
        overflow-x: hidden !important;
        scroll-behavior: smooth;
      }

      html body {
        overflow-x: hidden !important;
        font-family: "Inter", sans-serif;
        background: var(--bg);
        color: #999;
        font-weight: 500;
      }

      body {
        top: 0 !important;
        padding: 0;
      }

      h1,
      h2,
      h3,
      h4,
      h5,
      h6,
      .h1,
      .h2,
      .h3,
      .h4,
      .h5,
      .h6 {
        font-family: "Poppins", sans-serif;
        font-weight: 700;
        color: #ffffff;
      }

      /* ── HERO MAIN HEADING — white→bluish gradient (exact old theme) ── */
      .topcont h1.mainhrading,
      h1.mainhrading {
        background: linear-gradient(140deg, #fff 0%, #c8dfff 55%, #96c8ff 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        font-weight: 700;
        font-size: 56px;
        letter-spacing: -0.56px;
        line-height: 1.05;
        margin: 0;
        word-break: break-word;
      }

      /* The blue words inside mainhrading (span) */
      .topcont h1.mainhrading span,
      h1.mainhrading span {
        background: linear-gradient(140deg, #60aaff, #2271f5);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
      }

      /* heading-style-ultra — same white→blue gradient */
      h2.heading-style-ultra {
        background: linear-gradient(140deg, #fff 0%, #c8dfff 55%, #96c8ff 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        font-size: 48px;
        font-weight: 700;
      }

      /* secondaryTilt headings */
      h2.secondaryTilt {
        margin-bottom: 14px;
        margin-top: 0;
        text-align: center;
        text-transform: uppercase;
        font-weight: 900;
        font-size: 30px;
        font-family: "midnight-sans", sans-serif;
        color: #ffffff;
      }

      h2.secondaryTilt span {
        color: var(--blue);
      }

      /* kicksta hero */
      .kicksta-title {
        background: linear-gradient(140deg, #fff 0%, #c8dfff 55%, #96c8ff 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        font-size: 56px;
        font-weight: 800;
        line-height: 1.05;
        letter-spacing: -0.56px;
        word-break: break-word;
      }

      /* section headings */
      .headingSections h2,
      .sectionHeadings h2 {
        color: #ffffff;
      }

      .headingSections h2 span,
      .sectionHeadings h2 span {
        color: var(--blue);
      }

      .headingSectionsnew h2 {
        color: #ffffff;
        text-transform: uppercase;
        text-align: center;
        font-size: 14px;
        font-weight: 800;
      }

      .headingSectionsnew h2 span {
        color: var(--blue);
      }

      /* faq / cta headings */
      .fq-title {
        font-size: 2.3rem;
        font-weight: 700;
        color: #ffffff;
      }

      .fq-title span {
        color: var(--blue);
      }

      .prc-title {
        font-weight: 700;
        font-size: 2.3rem;
        text-align: center;
        color: #ffffff;
      }

      .faqCta h2 {
        font-size: 36px;
        font-weight: 700;
        text-transform: capitalize;
        color: #ffffff;
      }

      .cta_heading h3 {
        text-align: left;
        font-size: 28px;
        margin: 0;
        color: #fff;
        max-width: 560px;
      }

      /* card / section titles */
      .boxCont h2 {
        margin-bottom: 13px;
        text-transform: uppercase;
        font-weight: 900;
        font-size: 29px;
        font-family: "midnight-sans", sans-serif;
        color: #ffffff;
      }

      .noWelcmcrd p,
      .welcmcard h5 {
        color: #ffffff;
      }

      /* subheadings */
      .topcont small.subheadin {
        background: linear-gradient(140deg, #60aaff, #2271f5);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        font-weight: 600;
        font-size: 15px;
      }

      /* ── SCROLLBAR ── */
      ::-webkit-scrollbar {
        width: 6px;
      }

      ::-webkit-scrollbar-track {
        background: var(--s1);
      }

      ::-webkit-scrollbar-thumb {
        background: var(--blue);
        border-radius: 99px;
      }

      /* ── AUTOFILL ── */
      input:-webkit-autofill,
      input:-webkit-autofill:hover,
      input:-webkit-autofill:focus,
      input:-webkit-autofill:active {
        -webkit-box-shadow: 0 0 0 1000px var(--s3) inset !important;
        -webkit-text-fill-color: #fff !important;
        transition: background-color 5000s ease-in-out 0s;
        outline: none !important;
        border-color: var(--blue2) !important;
      }

      /* ── TYPOGRAPHY HELPERS ── */
      .gt {
        background: linear-gradient(140deg, #fff 0%, #96c8ff 45%, #1e6ef5 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
      }

      /* ══════════════════════════════════════
   FORMS
══════════════════════════════════════ */
      .form-control {
        background: rgba(255, 255, 255, 0.04) !important;
        color: #fff !important;
        border: 1px solid var(--bd) !important;
        padding: 8px 14px !important;
        font-weight: 500;
        border-radius: 12px !important;
        box-shadow: none !important;
        font-size: 16px !important;
        /* iOS no-zoom */
        transition:
          border-color 0.2s,
          box-shadow 0.2s;
        font-family: "Inter", sans-serif;
      }

      .form-control:focus {
        border-color: rgba(34, 113, 245, 0.45) !important;
        box-shadow: 0 0 0 3px rgba(34, 113, 245, 0.08) !important;
      }

      .form-control:disabled {
        background: rgba(255, 255, 255, 0.02) !important;
        border-radius: 10px !important;
        border: 0;
      }

      .form-control::placeholder {
        color: #2a3848 !important;
        font-size: 13px !important;
        opacity: 0.8;
      }

      label,
      .control-label {
        font-family: "Poppins", sans-serif;
        font-size: 11px !important;
        font-weight: 700 !important;
        color: var(--txts) !important;
        text-transform: uppercase;
        letter-spacing: 0.4px;
        margin-bottom: 5px;
      }

      .form-group {
        margin-bottom: 14px;
      }

      /* ── BUTTONS ── */
      .btn,
      .btn-default,
      .btn-primary {
        font-family: "Poppins", sans-serif !important;
        font-weight: 700 !important;
        border-radius: 12px !important;
        font-size: 14px;
        background: linear-gradient(
          180deg,
          var(--blue3) 0%,
          var(--blue2) 100%
        ) !important;
        border: 1px solid #1a5ca8 !important;
        color: #fff !important;
        box-shadow:
          inset 0 1px 1px rgba(255, 255, 255, 0.25),
          inset 0 -2px 4px rgba(0, 0, 0, 0.2),
          0 4px 6px rgba(0, 0, 0, 0.25) !important;
        transition:
          transform 0.18s,
          box-shadow 0.18s !important;
        position: relative;
        overflow: hidden;
      }

      .btn:hover,
      .btn-primary:hover,
      .btn-default:hover {
        transform: translateY(-1px) !important;
        box-shadow:
          inset 0 1px 1px rgba(255, 255, 255, 0.25),
          0 6px 14px var(--shadow-blue) !important;
        color: #fff !important;
      }

      .btn:active {
        transform: scale(0.98) !important;
      }

      .btn:focus {
        box-shadow: 0 0 0 3px rgba(34, 113, 245, 0.25) !important;
      }

      /* ── DARK BUTTONS (should NOT be blue) ── */
      /* btn-link — transparent text link */
      .btn.btn-link,
      .btn-link {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        color: var(--blue) !important;
        transform: none !important;
        padding: 4px 0 !important;
        width: auto !important;
        margin: 0 !important;
      }

      /* btn-secondary — dark card button */
      .btn.btn-secondary {
        background: var(--s2) !important;
        border: 1px solid var(--bd) !important;
        box-shadow: none !important;
        color: #fff !important;
      }

      /* Login page google/social button */
      .googleMainwrap button {
        background: rgba(255, 255, 255, 0.04) !important;
        border: 1px solid rgba(34, 113, 245, 0.3) !important;
        box-shadow: none !important;
        color: #fff !important;
        padding: 11px 0;
        width: 100%;
        cursor: pointer;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: Inter, sans-serif;
        font-size: 15px;
        font-weight: 600;
        gap: 10px;
        transform: none !important;
      }

      .googleMainwrap button img {
        width: 22px;
      }

      .googleMainwrap {
        position: relative;
        overflow: hidden;
      }

      .googleMainwrap .googleMainbtn {
        position: absolute;
        right: -50%;
        transform: scale(2.5);
        opacity: 0.01;
        bottom: 0 !important;
        top: auto;
      }

      /* login-btn — dark pill (forgot, already have account) */
      .login-btn {
        background: #181818 !important;
        color: #fff !important;
        border: 1px solid rgba(255, 255, 255, 0.07) !important;
        box-shadow: none !important;
        border-radius: 99px !important;
        transform: none !important;
      }

      /* goofgBtn — google signin dark button */
      .goofgBtn {
        border-radius: 9px;
        overflow: hidden;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
        margin-bottom: 10px;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #181818 !important;
        border: 1px solid rgba(34, 113, 245, 0.3) !important;
        transform: none !important;
      }

      .goofgBtnMainbtn {
        display: flex;
        gap: 8px;
        align-items: center;
        justify-content: center;
        position: absolute;
        z-index: 1;
        pointer-events: none;
      }

      .goofgBtnMainbtn span {
        font-size: 14px;
        line-height: 1;
        color: #fff;
      }

      .goofgBtnMainbtn img {
        max-width: 14px;
      }

      .goofgBtnHidden {
        width: 100%;
        opacity: 0.01;
        transform: scale(2.5);
      }

      /* copy buttons — transparent */
      button.btn-cpy,
      td.ordsrv span button.btn-cpy,
      td button.btn-cpy {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        color: var(--blue) !important;
        transform: none !important;
        width: auto !important;
        height: auto !important;
        padding: 0 !important;
        margin: 0 !important;
      }

      /* alert close button */
      .alert button,
      .eRRalrt button.btn-close {
        background: rgba(255, 255, 255, 0.1) !important;
        box-shadow: none !important;
        transform: none !important;
      }

      /* well signupform already have account */
      .alreadysingin {
        background: var(--s3);
        padding: 16px;
        text-align: center;
        margin: -16px;
        margin-top: 18px;
        border-radius: 0 0 14px 14px;
      }

      /* profile/topProfdet small buttons */
      .topProfdet a.btn.btn-primary {
        background: rgba(255, 255, 255, 0.06) !important;
        color: rgba(255, 255, 255, 0.7) !important;
        border: 1px solid rgba(255, 255, 255, 0.09) !important;
        box-shadow: none !important;
        border-radius: 99px !important;
        transform: none !important;
      }

      /* filter dropdown button */
      .profDD a.btn.btn-secondary.dropdown-toggle {
        background: var(--blue) !important;
        border: 1px solid var(--bd2) !important;
        font-weight: 600;
      }

      /* ── CARD ── */
      .card {
        background: var(--s1) !important;
        border: 1px solid var(--bd) !important;
        border-radius: 17px !important;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3) !important;
        position: relative;
      }

      .card-header {
        border-bottom: 1px solid var(--bd2) !important;
        border-color: rgba(255, 255, 255, 0.07) !important;
      }

      .card-body {
        padding: 18px !important;
      }

      /* ── WELL ── */
      .well {
        background: var(--s1) !important;
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.07) !important;
        padding: 16px !important;
        border-radius: 15px !important;
        font-weight: 500;
      }

      /* ── ALERTS ── */
      .alert {
        padding: 10px 14px;
        font-size: 13px;
        display: flex;
        align-items: center;
        flex-direction: row-reverse;
        justify-content: space-between;
        border-radius: 11px;
      }

      .alert button {
        background: rgba(255, 255, 255, 0.1);
        border: 0;
        font-size: 16px;
        height: 24px;
        width: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 6px;
        color: #fff;
        position: relative;
      }

      .alert button::before {
        content: "×";
        position: absolute;
        font-size: 18px;
        line-height: 1;
      }

      .alert.alert-warning.alert-dismissable {
        background: rgba(245, 158, 11, 0.15) !important;
        border: 1px solid rgba(245, 158, 11, 0.3) !important;
        color: #fcd34d;
      }

      .alert.alert-danger {
        background: rgba(239, 68, 68, 0.1) !important;
        border: 1px solid rgba(239, 68, 68, 0.2) !important;
        color: #fca5a5;
      }

      .alert.alert-success {
        background: rgba(34, 197, 94, 0.1) !important;
        border: 1px solid rgba(34, 197, 94, 0.22) !important;
        color: #6ee7b7;
      }

      /* Error alert custom */
      .mainerrdiv {
        background: linear-gradient(45deg, #ff9a9e, #fecfef, #fcb69f);
        padding: 10px;
        border-radius: 9px;
        width: 100%;
        color: #000;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
      }

      .eRRalrt.sUcconealrt .mainerrdiv {
        background: linear-gradient(45deg, #8fffcb, #2de38f, #b2ffda);
        color: #000;
      }

      button.alertbtnerr {
        display: flex;
        justify-content: space-between;
        gap: 15px;
        width: 100%;
        text-decoration: none;
        line-height: 1.2;
        color: inherit;
        border-radius: 7px;
      }

      .ordeicodiv i {
        min-height: 28px;
        min-width: 28px;
        border-radius: 7px;
        font-size: 13px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
      }

      .eRRalrt .ordeicodiv i {
        background: #c62828;
      }

      .eRRalrt.sUcconealrt .ordeicodiv i {
        background: #2e7d32;
      }

      .eRRalrt button.btn-close {
        background: var(--s2);
        opacity: 1;
        padding: 7px;
        border-radius: 7px;
        color: #fff;
        font-size: 11px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 0;
      }

      .eRRalrt {
        display: flex;
        flex-direction: row-reverse !important;
        gap: 5px !important;
      }

      .eRRalrt.fade.show {
        display: block;
      }

      .xtrabtngrp {
        display: flex;
        justify-content: flex-end;
        margin-bottom: 10px;
      }

      /* ── TABLES ── */
      table {
        color: #fff;
      }

      table.table {
        color: #fff;
      }

      td,
      th {
        padding: 8px 14px !important;
        vertical-align: middle;
      }

      .table > :not(caption) > * > * {
        border-color: #252525 !important;
      }

      thead tr th {
        border-color: #252525 !important;
        border-right: 1px solid;
      }

      tbody tr td {
        border-color: #252525 !important;
        border-right: 1px solid;
      }

      table.table.ordtablenew > tbody > tr {
        background: var(--s2);
      }

      table.table.ordtablenew thead {
        background: var(--s3);
      }

      table.table.ordtablenew > :not(caption) > * > * {
        border-color: rgba(0, 0, 0, 0.05);
        padding: 6px !important;
      }

      .table-responsive.ordtablenew-responsive {
        border: 1px solid rgba(0, 0, 0, 0.05);
        border-radius: 15px;
      }

      .table-striped > tbody > tr:nth-of-type(odd) > * {
        color: #fff;
      }

      tr {
        transition: max-height 0.3s ease-in-out;
        overflow: hidden;
      }

      /* ── MODAL ── */
      .modal-content {
        background: var(--s2);
        border-radius: 14px;
        border: 1px solid var(--bd);
      }

      .modal-head {
        padding: 14px;
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid var(--bd2);
      }

      .modal-head h4 {
        font-size: 13px;
        font-weight: 700;
      }

      .modal-head button {
        display: flex;
        align-items: center;
        justify-content: center;
        color: rgba(255, 255, 255, 0.5) !important;
        opacity: 1;
        background: var(--blue);
        border-radius: 6px;
      }

      /* ── ACCORDION ── */
      .accordion-item {
        margin-bottom: 8px;
        border-radius: 12px !important;
        overflow: hidden;
        border: 1px solid var(--bd) !important;
        background: var(--s2);
        color: rgba(255, 255, 255, 0.7);
      }

      .accordion-item h2 button {
        font-size: 13px;
        font-weight: 600;
        padding: 12px 15px;
        background: var(--s2);
        color: #fff;
        line-height: 1.4;
        gap: 10px;
      }

      .accordion-button::after {
        width: 15px;
        height: 15px;
        background-size: cover;
        filter: brightness(0) invert(1);
      }

      .accordion-button:not(.collapsed) {
        box-shadow: none !important;
        border-bottom: 1px solid var(--bd2);
        background: var(--s3);
      }

      .accordion-button:not(.collapsed) > * {
        color: #fff;
      }

      .accordion-body {
        font-weight: 400;
        font-size: 13px;
      }

      /* ── DROPDOWN ── */
      ul.dropdown-menu {
        background: var(--s3) !important;
        padding: 0;
        overflow: hidden;
        border: 1px solid var(--bd);
      }

      ul.dropdown-menu li a {
        color: rgba(255, 255, 255, 0.8) !important;
        border-bottom: 1px solid var(--bd2);
        font-size: 13px;
        padding: 8px 12px;
        transition: all 0.2s;
        font-weight: 600;
      }

      ul.dropdown-menu li:last-child a {
        border-bottom: 0;
      }

      ul.dropdown-menu li a:hover {
        background: rgba(255, 255, 255, 0.06);
        color: #fff !important;
      }

      /* ── PAGINATION ── */
      .pagination {
        display: flex;
        justify-content: center;
        padding: 10px 0;
        gap: 6px;
        margin: 0;
      }

      /* ══════════════════════════════════════
   SIDEBAR (Desktop)
══════════════════════════════════════ */
      .sidebar {
        position: fixed;
        background: var(--s1);
        top: 0;
        left: 0;
        height: 100%;
        width: 250px;
        z-index: 100;
        border-right: 1px solid var(--bd2);
        display: flex;
        flex-direction: column;
        transition: all 0.25s ease;
      }

      .sidebarwrap {
        height: 100%;
        overflow: auto;
        display: flex;
        flex-direction: column;
      }

      .topLogo {
        margin: 12px 12px 0;
        padding-bottom: 12px;
        border-bottom: 1px solid var(--bd2);
      }

      .topLogo a.navbar-brand {
        line-height: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
      }

      .topLogo a.navbar-brand img {
        max-width: 130px;
      }

      .menu_closebar {
        display: none;
        align-items: center;
        justify-content: space-between;
        padding: 10px 12px;
        border-bottom: 1px solid var(--bd2);
      }

      .menu_closebar span:first-child {
        font-size: 13px;
        font-weight: 700;
        color: #fff;
      }

      .menu_closebar span[data-key="menu"] {
        width: 28px;
        height: 28px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        color: #fff;
        background: var(--s3);
        cursor: pointer;
        border: 1px solid var(--bd);
        font-size: 13px;
      }

      /* Sidebar profile */
      ul.sideUl {
        list-style: none;
        padding: 8px 10px;
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 2px;
        height: fit-content;
      }

      ul.sideUl.profile_sec {
        background: var(--s2);
        border-radius: 12px;
        border: 1px solid var(--bd2);
        padding: 4px 8px !important;
        height: fit-content !important;
        margin: 10px;
      }

      ul.sideUl.profile_sec .usercontainer_side_ui {
        padding: 6px 4px !important;
      }

      ul.sideUl.profile_sec .usercontainer_side_ui .emails_setting {
        opacity: 0.6;
      }

      ul.sideUl {
        border: 1px solid var(--bd2);
        background: var(--s2);
        border-radius: 12px;
        margin: 4px 10px;
        height: fit-content !important;
      }

      ul.sideUl li a {
        display: flex;
        align-items: center;
        position: relative;
        cursor: pointer;
        padding: 9px 10px;
        border-bottom: 1px solid var(--bd2);
        gap: 10px;
        transition: all 0.2s;
        text-decoration: none;
        font-size: 14px;
        line-height: 1.4;
        color: rgba(255, 255, 255, 0.65);
        font-weight: 500;
        border-radius: 0 !important;
      }

      ul.sideUl li:last-child a {
        border-bottom: 0;
      }

      ul.sideUl li a:hover {
        color: #fff;
      }

      ul.sideUl li a.active {
        color: var(--acc);
        font-weight: 700;
      }

      ul.sideUl li i {
        height: 22px;
        width: 22px;
        color: #fff;
        border-radius: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 11px;
        background: rgba(34, 113, 245, 0.12);
        border: 1px solid rgba(34, 113, 245, 0.2);
      }

      html body ul.sideUl li i.caretlinknav {
        background: transparent !important;
        border: transparent !important;
        color: rgba(255, 255, 255, 0.3) !important;
        padding: 0 !important;
        height: auto !important;
        width: auto !important;
        font-size: 14px;
        margin-left: auto;
      }

      ul.sideUl li a::after {
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        content: "\f105";
        margin-left: auto;
        color: rgba(255, 255, 255, 0.25);
        font-size: 12px;
      }

      /* Sidebar profile card */
      .usercontainer_side_ui {
        display: flex;
        gap: 10px;
        color: #fff;
        border-radius: 10px;
        padding: 8px 6px;
        align-items: center;
        cursor: pointer;
      }

      .usercontainer_side_ui .user-img {
        width: 42px;
        height: 42px;
        border-radius: 50%;
        object-fit: cover;
        border: 2px solid rgba(34, 113, 245, 0.3);
        flex-shrink: 0;
      }

      .user-name {
        margin-bottom: 1px !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        display: flex !important;
        align-items: center !important;
        gap: 4px !important;
      }

      .emails_setting {
        font-size: 11px !important;
        color: var(--txts) !important;
        margin: 0 !important;
      }

      .insta_badge img {
        width: 13px;
      }

      .anchorli_tag {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 4px 0;
        cursor: pointer;
      }

      .anchorli_tag i.caretlinknav {
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
        background: transparent !important;
        border: transparent !important;
      }

      .usercontainer_side_ui .user-div p i {
        background: transparent !important;
        color: var(--acc) !important;
        width: auto !important;
        height: auto !important;
      }

      /* Sidebar bottom */
      .currenlanggrp {
        margin-top: auto;
        padding: 10px;
        display: flex;
        gap: 8px;
      }

      .currenlanggrp button {
        flex: 1;
        padding: 12px;
        font-weight: 600;
        background: var(--s3);
        color: #fff;
        border: 1px solid var(--bd);
        border-radius: 10px;
        font-size: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1;
      }

      li.whatsBtn,
      li.accBtn {
        display: none;
      }

      ul.sideUl li.logoutBtn a i {
        color: var(--red) !important;
      }

      /* Profile set section */
      ul.sideUl.profile_sec_set {
        margin-bottom: 80px !important;
      }

      .profile_sec_set .mb_design_new {
        display: flex;
        flex-direction: column;
        height: fit-content !important;
      }

      html body ul.sideUl li.mb_design_new a {
        border-bottom: 1px solid var(--bd2);
        padding: 10px !important;
        color: #fff;
        border-radius: 0 !important;
      }

      /* ══════════════════════════════════════
   NAV (logged in)
══════════════════════════════════════ */
      nav.navbarticker {
        height: 56px;
        background: rgba(8, 9, 12, 0.96);
        color: #fff;
        padding: 0;
        border-bottom: 1px solid var(--bd2);
        margin-bottom: 0;
        position: sticky;
        top: 0;
        z-index: 200;
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
      }

      nav.navbarticker.usernav {
        margin-left: 250px;
      }

      nav.navbarticker a.nav-link {
        color: #fff;
        font-weight: 500;
      }

      nav.navbarticker a.navbar-brand img {
        max-width: 110px;
      }

      .userWrap {
        margin-left: 250px;
      }

      footer.footerFul {
        margin-left: 250px;
      }

      /* wallet funds */
      .walletFunds {
        display: flex;
        gap: 8px;
        height: 36px;
        align-items: center;
        justify-content: center;
        font-family: "Poppins", sans-serif;
        font-size: 13px;
        font-weight: 700;
        color: #fff;
        background: rgba(34, 113, 245, 0.1) !important;
        border: 1px solid rgba(34, 113, 245, 0.22);
        padding: 5px 14px;
        border-radius: 99px;
        cursor: pointer;
        transition: 0.18s;
        box-shadow: none;
      }

      .walletFunds:hover {
        background: rgba(34, 113, 245, 0.18) !important;
      }

      .walletFunds i {
        color: var(--green);
        font-size: 13px;
      }

      .walletFunds a.nav-link.dropdown-toggle {
        color: #fff !important;
        padding: 0 !important;
      }

      .walletFunds .nav-item.dropdown ul.dropdown-menu {
        width: 60px !important;
        max-width: 60px !important;
        min-width: 60px !important;
      }

      /* right nav */
      .rightprofnav {
        display: flex;
        align-items: center;
        gap: 10px;
      }

      .currenwrap {
        display: flex;
        background: var(--s2);
        padding: 0;
        border-radius: 8px;
        gap: 4px;
        height: 32px;
        align-items: center;
      }

      .currenwrap span {
        font-weight: 600;
        font-size: 12px;
        margin-left: 5px;
        color: var(--txts);
      }

      .currenwrap a {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        padding: 0 10px;
        border-radius: 7px;
        background: var(--blue);
        color: #fff;
        font-size: 13px;
        font-weight: 700;
        box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 inset;
      }

      /* profile dropdown */
      .profDD .dropdown-menu {
        opacity: 0;
        transform: translateY(-8px);
        transition:
          opacity 0.2s,
          transform 0.2s;
        display: block;
        pointer-events: none;
        background: var(--s2) !important;
        border: 1px solid var(--bd);
        border-radius: 12px;
        min-width: 200px;
      }

      .profDD .dropdown .dropdown-menu.show {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
      }

      .profDD .dropdown a:after {
        display: none;
      }

      .profDD .dropdown ul.dropdown-menu li a {
        color: #fff !important;
        padding: 10px 15px;
        font-size: 13px;
        font-weight: 600;
        display: flex;
        align-items: center;
        gap: 8px;
      }

      .profDD .dropdown ul.dropdown-menu li a:hover {
        background: rgba(255, 255, 255, 0.05);
      }

      .profDD a.btn.btn-secondary.dropdown-toggle {
        background: var(--blue);
        border: 1px solid var(--bd2);
        font-weight: 600;
      }

      .acc-user {
        padding: 10px;
        color: #fff;
        font-size: 13px;
        border-bottom: 1px solid var(--bd2);
      }

      .acc-user .acc-mail {
        color: var(--txts);
      }

      .acc-user a.btn.btn-primary {
        padding: 7px;
        border-radius: 10px;
        font-size: 13px;
      }

      div.profDD-offcanvas {
        background: transparent;
        height: 260px !important;
        padding: 10px;
      }

      div.profDD-offcanvas .offcanvas-body {
        padding: 0;
        display: flex;
        flex-direction: column;
      }

      .profDD-offcanvas ul.dropdown-menu.show {
        width: 100%;
        border-radius: 14px !important;
        border: 1px solid var(--bd);
      }

      /* nav breadcrumb */
      .topBreadCrumb {
        margin: 0;
        gap: 10px;
        align-items: center;
        text-transform: uppercase;
        white-space: nowrap;
        font-style: italic;
        font-weight: 700;
        font-size: 15px;
      }

      .navbarresponsivelogo {
        display: none;
      }

      /* ── GUEST NAV ── */
      html body nav.guestNav {
        background: rgba(8, 9, 12, 0.96);
        border-bottom: 1px solid var(--bd2);
        font-size: 14px;
        padding: 0;
        position: sticky;
        top: 0;
        z-index: 200;
        backdrop-filter: blur(18px);
      }

      nav.guestNav a.navbar-brand img {
        max-width: 130px;
      }

      a.navbar-brand {
        padding: 0;
        color: #fff;
      }

      .buttonGrpnav {
        display: flex;
        gap: 6px;
      }

      a.loginBtnnav {
        padding: 7px 14px;
        height: auto;
        background: var(--blue);
        color: #fff;
        border: 0;
        font-weight: 700;
        border-radius: 10px;
        text-decoration: none;
        font-size: 13px;
        box-shadow: 0 4px 0 0 var(--blue2);
        position: relative;
        top: -2px;
        display: inline-flex;
        align-items: center;
        gap: 5px;
        transition: 0.18s;
      }

      a.loginBtnnav:hover {
        transform: translateY(-1px);
        color: #fff;
      }

      a.loginBtnnav.LoginbtnNav {
        background: rgba(255, 255, 255, 0.06);
        border: 1px solid var(--bd);
        color: var(--txth);
        box-shadow: none;
        top: 0;
      }

      a.loginBtnnav.LoginbtnNav:hover {
        background: rgba(255, 255, 255, 0.1);
        color: #fff;
      }

      a.loginBtnnav.RegisterbtnNav {
        background: linear-gradient(140deg, #3d8aff, var(--blue2));
        box-shadow: 0 3px 10px var(--shadow-blue);
        top: 0;
      }

      a.loginBtnnav.demobtnNav {
        background: rgba(37, 211, 102, 0.12) !important;
        color: var(--wa) !important;
        border: 1.5px solid rgba(37, 211, 102, 0.3) !important;
        border-radius: 99px !important;
        box-shadow: none;
        top: 0;
        gap: 6px;
      }

      a.loginBtnnav.demobtnNav i {
        font-size: 16px;
      }

      a.loginBtnnav.demobtnNav.pulse::before {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: 99px;
        z-index: -1;
        animation: navPulse 2.5s cubic-bezier(0.4, 0, 0.6, 1) infinite;
      }

      @keyframes navPulse {
        0% {
          box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
        }

        70% {
          box-shadow: 0 0 0 12px rgba(37, 211, 102, 0);
        }

        100% {
          box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
        }
      }

      /* ── ADD FUNDS NAV ── */
      .navbartopincaseaddfund {
        display: none;
      }

      body.no-param-style .navbartopincaseaddfund {
        display: flex;
        background: var(--blue);
        padding: 10px;
        margin-bottom: 18px;
        border-radius: 0 0 12px 12px;
        gap: 10px;
        align-items: center;
        color: #fff;
        position: sticky;
        top: 0;
        z-index: 10000;
      }

      .navbartopincaseaddfund h3 {
        margin: 0;
        font-weight: 600;
        font-size: 15px;
        margin-bottom: 1px;
      }

      .navbartopincaseaddfund > i {
        font-size: 17px;
        padding: 4px;
      }

      .navbartopincaseaddfund span {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        background: rgba(0, 0, 0, 0.08);
        border: 1px solid rgba(0, 0, 0, 0.08);
        padding: 2px 10px;
        border-radius: 20px;
        font-size: 11px;
        width: fit-content;
      }

      .navbartopincaseaddfund span i {
        background: #67ee67;
        height: 18px;
        width: 18px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: -4px 5px -4px -4px;
        font-size: 12px;
        color: green;
      }

      .navbartopincaseaddfund a {
        color: #fff;
        font-size: 14px;
        padding: 0 4px;
      }

      body.no-param-style .navbarticker {
        display: none;
      }

      /* ══════════════════════════════════════
   BOTTOM BAR (Mobile)
══════════════════════════════════════ */
      bottombar {
        display: none;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 100;
        width: 100%;
      }

      body.userbody {
        padding-bottom: 70px;
      }

      .btmbarwrapbtn {
        display: flex;
        justify-content: center;
        position: relative;
        width: 100%;
        align-items: center;
      }

      a.btmbarbtn {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 4px;
        font-size: 10px;
        font-weight: 700;
        color: rgba(255, 255, 255, 0.55);
        text-decoration: none;
        padding: 8px 4px;
        -webkit-tap-highlight-color: transparent;
        outline: none;
        width: 100%;
        position: relative;
      }

      a.btmbarbtn i {
        font-size: 19px;
        color: rgba(255, 255, 255, 0.45);
        transition: color 0.2s;
      }

      a.btmbarbtn.active {
        color: #fff;
      }

      a.btmbarbtn.active i {
        color: var(--blue);
      }

      /* WA button */
      html body .btmbarwrapbtn a[data-key="whatsap"] {
        color: var(--wa) !important;
      }

      html body .btmbarwrapbtn a[data-key="whatsap"] i {
        color: var(--wa) !important;
      }

      /* popout effect */
      .btmbarwrapbtn a popout {
        border-radius: 99px;
        position: absolute;
        top: -34px;
        overflow: hidden;
        padding: 5px;
        background: var(--blue);
        box-shadow: 0 4px 12px var(--shadow-blue);
      }

      .btmbarwrapbtn a popout popin {
        width: 44px;
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--blue);
        border-radius: 99px;
      }

      .btmbarwrapbtn a popout i {
        color: #fff !important;
      }

      .btmbarwrapbtn.btnnoact span {
        position: relative;
        top: 0;
      }

      #whatsapp_i_div {
        width: 42px;
        height: 42px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        background: var(--wa);
        color: #fff;
        font-size: 22px;
        margin-top: -14px;
      }

      /* mob bottom ul */
      .mobBottomul {
        display: none;
      }

      /* ══════════════════════════════════════
   SERVICES / ORDER FORM
══════════════════════════════════════ */
      .filterSocial {
        background: var(--s2);
        border-radius: 10px;
        border: 1px solid var(--bd);
        margin-bottom: 14px;
      }

      .filterSocialhead {
        display: flex;
        padding: 10px;
        gap: 10px;
        align-items: center;
        border-bottom: 1px solid var(--bd2);
      }

      .filterSocialhead i {
        height: 28px;
        width: 28px;
        background: var(--blue);
        border-radius: 7px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 13px;
      }

      .filterSocialhead h5 {
        font-size: 15px;
        font-weight: 700;
        margin: 0;
      }

      .filterSocialhead > button {
        display: flex;
        align-items: center;
        background: transparent;
        border: 0;
        padding: 0;
        color: #fff;
        gap: 5px;
        margin-left: auto;
        font-weight: 600;
        font-size: 13px;
      }

      .filterSocialhead > button i {
        background: transparent;
        padding: 0;
        height: auto;
        width: auto;
      }

      ul.servFiltr {
        list-style: none;
        padding: 0;
        margin: 0;
        height: 0;
        overflow: hidden;
        transition: all 0.25s ease;
        display: flex;
        gap: 5px;
        overflow-x: auto;
      }

      ul.servFiltr::-webkit-scrollbar {
        display: none;
      }

      ul.servFiltr.showfilts {
        padding: 10px;
        height: auto;
        margin-bottom: 12px;
      }

      ul.servFiltr li button {
        display: flex;
        flex-direction: row;
        white-space: nowrap;
        font-size: 12px;
        background: var(--s3);
        padding: 5px;
        border-radius: 99px;
        padding-right: 14px;
        transition: all 0.25s ease;
        font-weight: 600;
        border: 0;
        color: #fff;
        gap: 4px;
        align-items: center;
      }

      ul.servFiltr li button i {
        height: 28px;
        width: 28px;
        font-size: 13px;
        border-radius: 50%;
        transition: all 0.25s ease;
      }

      /* Platform icon colors */
      button.CatFltr i,
      button.CatFltr.active i {
        background: var(--blue);
      }

      button.CatFltr.insta i,
      button.CatFltr.insta.active i {
        background: linear-gradient(
          45deg,
          #f09433 0%,
          #e6683c 25%,
          #dc2743 50%,
          #cc2366 75%,
          #bc1888 100%
        );
      }

      button.CatFltr.fb i,
      button.CatFltr.fb.active i {
        background: linear-gradient(45deg, #036ce3, #149ff8);
      }

      button.CatFltr.tweet i,
      button.CatFltr.tweet.active i {
        background: #00acee;
      }

      button.CatFltr.yt i,
      button.CatFltr.yt.active i {
        color: #fe0000;
        background: #fff;
      }

      button.CatFltr.spt i,
      button.CatFltr.spt.active i {
        background: #1ed760;
      }

      button.CatFltr.tt i,
      button.CatFltr.tt.active i {
        background: #000;
      }

      button.CatFltr.tele i,
      button.CatFltr.tele.active i {
        background: #29a0da;
      }

      button.CatFltr.sndcld i,
      button.CatFltr.sndcld.active i {
        background: linear-gradient(180deg, #f89810, #f8320f);
      }

      button.CatFltr.lnkin i,
      button.CatFltr.lnkin.active i {
        background: #0078b7;
      }

      button.CatFltr.dis i,
      button.CatFltr.dis.active i {
        background: #5166f7;
      }

      button.CatFltr.pin i,
      button.CatFltr.pin.active i {
        background: #e71c22;
      }

      button.CatFltr.ttertet {
        background: linear-gradient(
          180deg,
          #1e6ecb 0%,
          #1558a6 100%
        ) !important;
        border: 1px solid #1a5ca8 !important;
      }

      button.CatFltr.ttertet i {
        background: #fff;
        color: var(--blue);
      }

      /* service description */
      .descflex {
        border: 0;
        box-shadow: none;
        border-radius: 8px;
        overflow: hidden;
        margin-bottom: 10px;
        font-size: 12px;
      }

      .topflexServ {
        background: var(--blue) !important;
        padding: 4px;
        overflow: auto;
        box-shadow: rgba(255, 255, 255, 0.18) 0 1px 0 inset;
      }

      .topflexServ::-webkit-scrollbar {
        display: none;
      }

      .bottomflexServ {
        padding: 8px;
        background: var(--s3);
        border-top: 1px solid rgba(0, 0, 0, 0.08);
      }

      .bottomflexServ .hetopse {
        font-size: 11px;
        color: var(--txts);
      }

      .DescSpecs {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(22%, 1fr));
        gap: 8px;
      }

      .DescSpecschild {
        display: flex;
        align-items: center;
        gap: 8px;
        min-width: 100px;
        border: 1px solid #1f1e1e;
        border-radius: 8px;
      }

      .DescSpecschild div {
        background: var(--s3) !important;
        padding: 7px;
        border-radius: 8px;
        width: 100%;
      }

      .DescSpecschild div span {
        background: var(--s2) !important;
        border: 1px solid var(--bd3) !important;
        padding: 4px 6px;
        border-radius: 7px;
        color: var(--txts);
        text-align: center;
        display: block;
        margin-top: 3px;
        line-height: 1;
      }

      .DescSpecschild i {
        height: 28px;
        width: 28px;
        background: var(--blue);
        border-radius: 6px;
        font-size: 13px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 inset;
      }

      .DescSpecschild .hetopse {
        font-size: 11px;
        line-height: 1;
        color: var(--txts);
        font-weight: 500;
        margin-bottom: 5px;
        display: flex;
        align-items: center;
      }

      .DescSpecschild .hetopse i {
        background: var(--s3);
        padding: 3px;
        border-radius: 50%;
        font-size: 12px;
        min-height: auto;
        min-width: auto;
        margin-right: 3px;
        vertical-align: bottom;
      }

      /* order form */
      form#order-form {
        margin-bottom: 0;
        position: relative;
        border: 0;
        padding: 0;
      }

      form#order-form label.control-label {
        font-weight: 700 !important;
        text-transform: uppercase;
        letter-spacing: 0.8px;
        font-size: 11px !important;
        margin-bottom: 4px;
      }

      form.orderform {
        border: 1px solid var(--bd);
        border-radius: 14px;
        padding: 10px;
      }

      .well.newordwell {
        padding: 10px !important;
        border-radius: 14px;
      }

      input#field-orderform-fields-quantity {
        border-radius: 10px !important;
      }

      small.help-block.min-max {
        display: none;
      }

      div#specs {
        max-height: 95px;
        overflow: auto;
      }

      div#specs::-webkit-scrollbar {
        width: 5px;
        background: transparent;
      }

      div#specs::-webkit-scrollbar-thumb {
        background: var(--blue);
        border-radius: 99px;
      }

      /* count group */
      .countGrp {
        display: flex;
        flex-direction: column;
        gap: 1px;
        background: var(--s3);
        border-radius: 8px;
        font-weight: 400;
        font-size: 12px;
      }

      .countGrp div {
        display: flex;
        justify-content: space-between;
        min-width: 120px;
        align-items: center;
        padding: 3px 8px;
        border-bottom: 1px solid var(--bd2);
        color: var(--txts);
      }

      .countGrp div:last-child {
        border-bottom: 0;
      }

      .countGrp div span {
        font-weight: 700;
        color: #fff;
      }

      .quantityWrap {
        margin-bottom: 12px;
      }

      .quantityWrapchild {
        background: var(--s3);
        border-radius: 7px;
        padding: 4px 10px;
        display: flex;
        justify-content: space-between;
        margin-bottom: 3px;
        font-weight: 700;
        font-size: 11px;
        gap: 8px;
      }

      .quantityWrapchild span {
        color: var(--txts);
        font-weight: 400;
      }

      .quantityWrapchild span i {
        font-size: 11px;
        margin-right: 2px;
        color: var(--blue);
        margin-left: -2px;
      }

      /* order button premium */
      button.btngrpOrdnew.order-btn-premium {
        all: unset;
        display: inline-block;
        cursor: pointer;
        background: linear-gradient(
          180deg,
          #1e6ecb 0%,
          #1558a6 100%
        ) !important;
        width: 100%;
        border-radius: 12px;
        padding: 0;
        transition: all 0.35s cubic-bezier(0.23, 1, 0.32, 1);
        box-shadow:
          inset 0 1px 1px rgba(255, 255, 255, 0.25),
          inset 0 -2px 4px rgba(0, 0, 0, 0.2),
          0 4px 6px rgba(0, 0, 0, 0.25);
        border: 1px solid #1a5ca8;
      }

      .order-btn-premium:hover {
        transform: translateY(-2px);
        box-shadow: 0 10px 24px -6px rgba(34, 113, 245, 0.4);
      }

      .order-btn-premium:hover .icon-box {
        transform: rotate(-8deg) scale(1.08);
        background: #7dd3fc;
      }

      .order-btn-premium:active {
        transform: translateY(0);
      }

      .content-wrapper {
        display: flex;
        align-items: center;
        /* background: #2b95e9 !important; */
        background: linear-gradient(
          135deg,
          var(--blue3),
          var(--blue2)
        ) !important;
        border-radius: 0 0 12px 12px;
        padding: 1px 16px;
        gap: 18px;
        justify-content: space-between;
        border: 1px solid #1a5ca8;
        box-shadow:
          inset 0 1px 1px rgba(255, 255, 255, 0.25),
          inset 0 -2px 4px rgba(0, 0, 0, 0.2);
      }

      .price-section {
        display: flex;
        flex-direction: column;
        padding-right: 18px;
        width: fit-content;
        border: 0;
      }

      .label-text {
        font-family: "Inter", sans-serif;
        font-size: 9px;
        font-weight: 700;
        color: rgba(255, 255, 255, 0.65);
        letter-spacing: 1.5px;
        margin-bottom: 1px;
      }

      .input-container {
        display: flex;
        align-items: center;
        color: #fff;
      }

      .currency-symbol {
        font-weight: 800;
        font-size: 1.15rem;
        margin-right: 2px;
        color: #38bdf8;
      }

      #charge {
        background: transparent;
        border: none;
        outline: none;
        color: #fff;
        font-weight: 800;
        font-size: 17px;
        min-width: 55px;
        padding: 0;
        pointer-events: none;
        field-sizing: content;
      }

      .action-section {
        display: flex;
        align-items: center;
        gap: 10px;
      }

      .order-text {
        color: #fff;
        font-weight: 700;
        font-size: 0.9rem;
        letter-spacing: 0.4px;
        display: flex;
        gap: 8px;
        justify-content: flex-start;
        line-height: 1;
        align-items: center;
        font-family: "midnight-sans", sans-serif;
        font-style: italic;
      }

      .order-text i {
        position: relative;
        font-weight: 700;
      }

      .icon-box {
        width: 30px;
        height: 30px;
        background: #38bdf8;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #0f172a;
        transition: transform 0.25s ease;
      }

      /* service list */
      .servnamflex {
        display: flex;
        gap: 8px;
        align-items: center;
        margin-bottom: 3px;
        min-width: 240px;
      }

      .servnamflex div {
        font-weight: 400;
        font-size: 12px;
      }

      .servnamflex div b {
        background: var(--blue);
        box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 inset;
        min-width: 32px;
        display: inline-block;
        text-align: center;
        border-radius: 5px;
        font-size: 11px;
        font-weight: 700;
        padding: 1px 0;
      }

      .servnamflex a {
        background: #20bb20;
        color: #fff;
        padding: 5px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        border-radius: 50%;
        font-size: 11px;
        height: 22px;
        width: 22px;
      }

      .servDets {
        font-weight: 400;
        font-size: 12px;
      }

      .servPrcs {
        display: flex;
        flex-direction: column;
        line-height: 1.2;
        font-size: 11px;
      }

      .servPrcs span {
        font-weight: 700;
        font-size: 14px;
      }

      .servPrcs small {
        font-weight: 600;
        color: var(--txts);
      }

      .idflexserv {
        display: flex;
        gap: 0;
      }

      .idflexserv span {
        display: flex;
        margin: auto;
        margin-right: 8px;
      }

      /* status badges */
      span.statbadge {
        padding: 3px 8px;
        border-radius: 6px;
        background: var(--blue);
        color: #fff;
        font-weight: 600;
        box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 inset;
        font-size: 11px;
      }

      span.Completed.statbadge {
        background: #22c55e;
        color: #fff;
      }

      span.Canceled.statbadge {
        background: var(--red);
      }

      span.Partial.statbadge {
        background: #f59e0b;
        color: #000;
      }

      span.Pending.statbadge {
        background: #f97316;
        color: #000;
      }

      span.Processing.statbadge {
        background: #06b6d4;
        color: #000;
      }

      .ordtag {
        display: flex;
        flex-direction: column;
        align-items: flex-end !important;
        text-align: right;
        font-weight: 500;
        font-size: 11px;
        gap: 0 !important;
      }

      .rightMain.ordtag b {
        font-weight: 700;
        font-size: 14px;
        line-height: 1.2;
        color: #fff;
        margin-bottom: 4px;
      }

      .ordtag div div,
      span.orderstatusdots {
        height: 5px;
        width: 5px;
        background: #fff;
        border-radius: 50%;
        display: block;
      }

      /* blinker dots */
      span.pendingdisp {
        background: #f1c40f;
        animation: blinker 1s infinite;
      }

      span.inprogdisp {
        background: #3498db;
        animation: blinker 1s infinite;
      }

      span.compdisp {
        background: #2ecc71;
      }

      span.partdisp {
        background: #9b59b6;
      }

      span.processdisp {
        background: #e67e22;
        animation: blinker 1s infinite;
      }

      span.cancdisp {
        background: #e74c3c;
      }

      span.errdisp {
        background: #7f8c8d;
      }

      @-webkit-keyframes blinker {
        from {
          opacity: 1;
        }

        to {
          opacity: 0;
        }
      }

      @keyframes blinker {
        from {
          opacity: 1;
        }

        to {
          opacity: 0;
        }
      }

      .mainFlexstatord {
        background: var(--blue);
        font-size: 10px;
        padding: 2px 8px;
        border-radius: 99px;
        font-weight: 700;
        margin-top: 2px;
        margin-left: 16px;
        position: relative;
      }

      .mainFlexstatord div {
        display: none !important;
      }

      .mainFlexstatord:before {
        content: "";
        height: 6px;
        width: 6px;
        background: transparent;
        border-radius: 50%;
        position: absolute;
        left: -12px;
        animation: flicker 1.2s infinite ease-in-out;
      }

      .Pendingbadge {
        background: #cb7b09;
      }

      .Pendingbadge.mainFlexstatord:before {
        background: #cb7b09;
      }

      .In.progressbadge {
        background: #0275d8;
      }

      .In.progressbadge.mainFlexstatord:before {
        background: #0275d8;
      }

      .Completedbadge {
        background: #5cb85c;
      }

      .Partialbadge {
        background: #ffc107;
      }

      .Processingbadge {
        background: #17a2b8;
      }

      .Processingbadge.mainFlexstatord:before {
        background: #17a2b8;
      }

      .Canceledbadge {
        background: #d9534f;
      }

      .errbadge {
        background: #6c757d;
      }

      @keyframes flicker {
        0%,
        100% {
          opacity: 1;
          transform: scale(1);
        }

        50% {
          opacity: 0.2;
          transform: scale(0.7);
        }
      }

      @keyframes bluePulse {
        0% {
          transform: scale(0.95);
          box-shadow: 0 0 0 0 rgba(20, 117, 225, 0.6);
        }

        70% {
          transform: scale(1);
          box-shadow: 0 0 0 10px rgba(20, 117, 225, 0);
        }

        100% {
          transform: scale(0.95);
          box-shadow: 0 0 0 0 rgba(20, 117, 225, 0);
        }
      }

      /* order table link */
      td.ordlinker a {
        border: 1px solid var(--bd);
        padding: 3px;
        border-radius: 99px;
        text-decoration: none;
        padding-right: 10px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 4px;
        background: var(--s3);
        font-size: 11px;
      }

      td.ordlinker a i {
        background: #fff;
        padding: 4px;
        font-size: 9px;
        border-radius: 50%;
        margin-right: 1px;
      }

      td.ordlinker a span {
        width: 190px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
      }

      td.ordsrv {
        font-weight: 500;
        font-size: 12px;
      }

      td.ordsrv span button.btn-cpy {
        background: transparent;
        border: 0;
        padding: 0;
        height: auto !important;
        width: auto !important;
        border-radius: 0;
        color: var(--blue);
      }

      td.ordchrgquan {
        font-weight: 500;
        font-size: 12px;
      }

      td.orddelayt {
        font-weight: 400;
      }

      button.viewOrddets {
        padding: 0;
        background: transparent;
        border: 0;
        color: #fff;
        font-size: 18px;
      }

      /* order actions */
      .order-actions a {
        width: 100%;
        border-radius: 8px;
        background: var(--blue);
        color: #fff;
        box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 inset;
        border: 0;
        font-weight: 600;
        font-size: 13px !important;
      }

      .order-actions a.btn-danger {
        background: var(--red);
      }

      .order-actions a.btn.btn-sm.btn-primary,
      .order-actions a.spedUpbtn.speedupreq {
        width: 100%;
        border-radius: 8px;
        background: var(--blue);
        color: #fff;
        font-weight: 600;
        font-size: 13px;
        padding: 4px 8px;
        text-decoration: none;
        display: flex;
        align-items: center;
        gap: 5px;
        white-space: nowrap;
        border: 0;
      }

      td.service-des button.btn.btn-primary {
        padding: 2px 8px;
        font-size: 12px;
      }

      /* order grid card */
      .orderGirdcard {
        background: var(--s2);
        padding: 5px;
        border-radius: 14px;
        max-width: 100%;
      }

      .topOrdgrid {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        background: linear-gradient(45deg, #16365a, transparent);
        border-radius: 10px 10px 0 0;
        padding: 14px;
        align-items: center;
      }

      .leftMain b {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 4px;
      }

      .leftMain button.btn-cpy {
        padding: 0;
        background: transparent;
        border: 0;
        width: auto;
        margin: 0;
        font-size: 11px;
      }

      .midlOrdgrid {
        padding: 10px;
        border-bottom: 1px solid var(--bd2);
      }

      .midlOrdgrid small {
        background: rgba(43, 149, 233, 0.3);
        padding: 2px 5px;
        font-size: 11px;
        border-radius: 5px;
        color: #8dc0f9;
      }

      .midlOrdgrid span {
        font-weight: 400;
        margin-left: 4px;
      }

      .btnOrdgrid {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 8px;
      }

      .btnOrdgrid div {
        flex: 1;
      }

      .btnOrdgrid a {
        padding: 5px 8px !important;
        margin: 0 !important;
        font-size: 12px !important;
        text-align: center !important;
        align-items: center !important;
        justify-content: center;
        font-weight: 700 !important;
        border-radius: 9px !important;
      }

      .mostbtmOrd {
        padding: 8px;
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
      }

      .mostbtmOrd span {
        font-weight: 400;
        color: var(--txts);
        font-size: 12px;
        display: flex;
        align-items: center;
        gap: 8px;
      }

      .mostbtmOrd span b {
        color: #fff;
      }

      .mostbtmOrd span:first-child:before {
        display: none;
      }

      .mostbtmOrd span:before {
        content: "";
        display: block;
        height: 4px;
        width: 4px;
        background: #fff;
        border-radius: 50%;
      }

      .ordGridwrapper {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 12px;
      }

      .finalBtm {
        font-size: 11px;
        border: 1px solid rgba(0, 0, 0, 0.05);
        display: flex;
        align-items: center;
        border-radius: 12px;
        overflow: hidden;
      }

      .finalBtm span {
        flex: auto;
        border-right: 1px solid rgba(0, 0, 0, 0.05);
        padding: 4px 8px;
        font-weight: 500;
        color: var(--txts);
      }

      .finalBtm span:last-child {
        border: 0;
      }

      .finalBtm span b {
        color: #fff;
      }

      /* category filter */
      .catfilte {
        border: 0;
        transition: all 0.15s;
        color: #fff;
        padding: 12px;
        border-radius: 8px;
        background: var(--blue);
      }

      .catfilte strong {
        font-weight: 500;
      }

      tr.trcat td {
        padding: 0 !important;
      }

      tr.spacer {
        height: 4px;
      }

      tr.headoptions {
        background: rgba(14, 27, 45, 0.8) !important;
        color: #fff;
        font-weight: 700;
      }

      /* search */
      .search-dropdown .input-wrapper {
        position: relative;
      }

      .search-dropdown .input-wrapper .form-control {
        padding-left: 40px !important;
        border: 1px solid var(--blue) !important;
      }

      .search-dropdown .input-wrapper .form-control::placeholder {
        color: rgba(255, 255, 255, 0.5) !important;
      }

      .search-dropdown .input-wrapper .input-wrapper__prepend,
      .search-dropdown .input-wrapper .input-wrapper__append {
        position: absolute;
        background: none;
        border: none;
        top: 50%;
        transform: translateY(-50%);
        padding: 0 2px;
      }

      .search-dropdown .input-wrapper .input-wrapper__prepend {
        left: 12px;
      }

      .search-dropdown .input-wrapper .input-wrapper__append {
        right: 8px;
      }

      .search-dropdown .input-wrapper .input-wrapper__prepend span {
        color: var(--blue);
      }

      .search-dropdown .input-wrapper .input-wrapper__append span {
        color: #fff;
        font-weight: 100;
      }

      form.searachForm {
        display: flex;
        align-items: center;
        gap: 7px;
      }

      form.searachForm button.btn {
        border: 0;
        background: var(--blue);
        color: #fff;
        font-size: 11px;
        width: 38px;
      }

      button.dropdown-toggle.searchFiltr {
        background: transparent;
        border: 0;
        color: #fff;
        font-size: 15px;
        padding: 0;
      }

      button.dropdown-toggle.searchFiltr:after {
        display: none;
      }

      #dropdown_for_search {
        background: var(--s2);
        font-size: 13px;
        border-radius: 9px !important;
      }

      html .index.authorized #dropdown_for_search .dropdown-item {
        cursor: pointer;
        padding: 8px;
        display: flex !important;
        align-items: center;
        justify-content: flex-start;
        gap: 6px;
        border-bottom: 1px solid var(--bd2);
        font-size: 13px;
        color: #fff;
        font-weight: 600;
        background: transparent !important;
        white-space: pre-line;
      }

      html .index.authorized #dropdown_for_search .dropdown-item:hover {
        background: rgba(255, 255, 255, 0.06) !important;
      }

      html
        .index.authorized
        #dropdown_for_search
        .dropdown-item
        span.badge.service_id_badge {
        background: var(--blue) !important;
        color: #fff !important;
      }

      /* ── CURRENCY PILL ── */
      .sv-currency-wrap {
        position: relative;
        flex-shrink: 0;
        align-self: flex-start;
      }

      .sv-currency-btn {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        padding: 5px 11px 5px 9px;
        background: rgba(34, 113, 245, 0.08);
        border: 1px solid rgba(34, 113, 245, 0.18);
        border-radius: 99px;
        font-size: 11px;
        font-weight: 700;
        color: var(--acc);
        cursor: pointer;
        white-space: nowrap;
        transition: all 0.18s;
        -webkit-user-select: none;
        user-select: none;
      }

      .sv-currency-btn:hover {
        background: rgba(34, 113, 245, 0.15);
        border-color: rgba(34, 113, 245, 0.3);
        color: #fff;
      }

      .sv-currency-btn i.sv-curr-chev {
        font-size: 9px;
        transition: transform 0.22s;
        color: var(--acc);
      }

      .sv-currency-btn.open i.sv-curr-chev {
        transform: rotate(180deg);
      }

      .sv-currency-flag {
        font-size: 13px;
        line-height: 1;
      }

      .sv-currency-code {
        font-size: 11px;
        font-weight: 800;
      }

      .sv-currency-drop {
        position: absolute;
        top: calc(100% + 6px);
        right: 0;
        background: var(--s1);
        border: 1px solid rgba(34, 113, 245, 0.2);
        border-radius: 12px;
        padding: 5px;
        min-width: 160px;
        z-index: 9999;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7);
        display: none;
        animation: currDropIn 0.16s ease both;
      }

      .sv-currency-drop.show {
        display: block;
      }
      html body .sv-currency-drop {
        background: var(--s1) !important;
      }

      @keyframes currDropIn {
        from {
          opacity: 0;
          transform: translateY(-6px) scale(0.97);
        }

        to {
          opacity: 1;
          transform: none;
        }
      }

      .sv-currency-drop::before {
        content: "";
        position: absolute;
        top: 0;
        left: 10px;
        right: 10px;
        height: 1px;
        background: linear-gradient(
          90deg,
          transparent,
          rgba(34, 113, 245, 0.4),
          transparent
        );
      }

      .sv-curr-item {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 6px 9px;
        border-radius: 8px;
        cursor: pointer;
        transition: background 0.14s;
        font-size: 11px;
        font-weight: 600;
        color: var(--txth);
      }

      .sv-curr-item:hover {
        background: rgba(34, 113, 245, 0.12);
        color: #fff;
      }

      .sv-curr-item.active {
        background: rgba(34, 113, 245, 0.18);
        color: var(--acc);
      }

      .sv-curr-item-flag {
        font-size: 14px;
        line-height: 1;
        flex-shrink: 0;
      }

      .sv-curr-item-info {
        flex: 1;
        min-width: 0;
      }

      .sv-curr-item-code {
        font-size: 11px;
        font-weight: 800;
        color: #fff;
        display: block;
      }

      .sv-curr-item-name {
        font-size: 9.5px;
        color: var(--txts);
      }

      .sv-curr-check {
        font-size: 11px;
        color: var(--acc);
        flex-shrink: 0;
        display: none;
      }

      .sv-curr-item.active .sv-curr-check {
        display: block;
      }

      .sv-header-controls {
        display: flex;
        flex-direction: column;
        gap: 8px;
        flex: 2;
        min-width: 0;
        width: 100%;
      }

      /* ── SELECT2 ── */
      .select2-container .select2-dropdown {
        animation: slideDown 0.15s ease;
        transform-origin: top;
        will-change: transform, opacity;
        margin-top: 8px !important;
      }

      .select2-container--default
        .select2-selection--single
        .select2-selection__rendered {
        color: #fff !important;
      }

      .select2-container
        .select2-selection--single
        .select2-selection__rendered {
        height: 100%;
        display: flex;
        align-items: center;
        padding-left: 0px;
      }

      .select2-container .select2-selection--single {
        height: 100% !important;
      }

      .select2-container--default
        .select2-selection--single
        .select2-selection__arrow {
        height: 100% !important;
      }

      @keyframes slideDown {
        0% {
          transform: translateY(-10px);
          opacity: 0;
        }

        100% {
          transform: translateY(0);
          opacity: 1;
        }
      }

      span.select2-dropdown.dropdown-menu.select2-dropdown--below {
        background: var(--s2);
        padding: 5px;
        overflow: hidden;
        border-radius: 12px;
        border: 1px solid var(--bd);
      }

      .select2-container--default .select2-results > .select2-results__options,
      .select2-results__options {
        background: var(--s2);
        font-size: 13px;
        border-radius: 8px !important;
      }

      .select2-results__option a {
        padding: 7px !important;
        color: var(--txts) !important;
        border-bottom: 1px solid var(--bd2);
        transition: all 0.2s;
      }

      .select2-results__option a:hover {
        background: rgba(255, 255, 255, 0.06);
      }

      .select2-container--default
        .select2-results__option[aria-selected="true"] {
        background: var(--blue) !important;
      }

      .select2-container .select2-selection__id-1 {
        background: var(--blue);
        min-width: 32px !important;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        line-height: 1;
      }

      .select2-container--default
        #select2-OrderService-results
        .select2-results__option--selected {
        background: rgba(34, 113, 245, 0.15) !important;
        border: 1px solid rgba(34, 113, 245, 0.3);
        position: relative;
      }

      .select2-container--default .select2-selection--single {
        font-size: 14px !important;
        font-weight: 600 !important;
      }

      .select2-container--default .select2-results__option[aria-selected] {
        cursor: pointer;
        padding: 8px;
        display: flex !important;
        align-items: center;
        gap: 6px;
        border: 1px solid var(--bd2);
        font-size: 14px;
        color: #fff;
        font-weight: 700;
        margin: 4px !important;
        border-radius: 9px;
      }
      html
        body
        #select2-orderCategory-results
        .select2-results__option[aria-selected="true"] {
        background: rgba(34, 113, 245, 0.15) !important;
        border: 1px solid rgba(34, 113, 245, 0.3);
        position: relative;
      }

      .select2-container--default
        #select2-orderCategory-results
        .select2-results__option--selected {
        background: rgba(34, 113, 245, 0.15) !important;
        border: 1px solid rgba(34, 113, 245, 0.3);
        position: relative;
      }
      .select2-container--default
        #select2-orderCategory-results
        .select2-results__option--selected::before {
        content: "\f00c";
        font-family: "Font Awesome 6 Free";
        position: absolute;
        right: 15px;
        font-size: 10px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #0078b7;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        padding: 8px;
      }
      #select2-orderCategory-results
        html
        body
        #select2-orderCategory-results
        .select2-results__option[aria-selected="true"]::before {
        content: "\f00c";
        font-family: "Font Awesome 6 Free";
        position: absolute;
        right: 15px;
        font-size: 10px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #0078b7;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        padding: 8px;
      }
      .select2-container--default
        .select2-results__option--highlighted[aria-selected] {
        background: rgba(255, 255, 255, 0.07);
        color: #fff;
      }

      html
        body
        .select2-container--default
        .select2-results__option[aria-selected="true"] {
        background: rgba(34, 113, 245, 0.15) !important;
        border: 1px solid rgba(34, 113, 245, 0.3);
        position: relative;
      }

      html
        body
        #select2-orderCategory-results
        .select2-results__option[aria-selected="true"]::before {
        content: "\f00c";
        font-family: "Font Awesome 6 Free";
        position: absolute;
        right: 15px;
        font-size: 10px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #0078b7;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        padding: 8px;
      }

      .select2-container--default .select2-results > .select2-results__options {
        max-height: 300px;
        overflow-y: auto;
        margin-top: 0px;
      }

      html body .select2-search--dropdown {
        display: none !important;
      }

      .select2-container--default
        .select2-results__option[aria-selected]
        .service_id_badge {
        background: linear-gradient(180deg, #1e6ecb 0%, #1558a6 100%);
        color: #fff;
        border: 1px solid #1a5ca8;
      }

      html
        body
        .select2-container--default
        .select2-results__option[aria-selected="true"]
        .service_id_badge {
        background: #fff !important;
        color: var(--blue);
      }

      /* ── PAYMENT ── */
      .paymentStatementtr {
        display: flex;
        justify-content: flex-start;
        width: 100%;
        align-items: stretch;
        gap: 4px;
        background: var(--s2);
        border-radius: 8px;
        margin-bottom: 8px;
        border: 1px solid var(--blue);
      }

      .paymentStatementtr > div {
        padding: 9px;
      }

      .paymentStatementtr .InitialStatement {
        background: var(--blue);
        width: 46px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px 0 0 8px;
        font-size: 17px;
        font-weight: 600;
        padding: 0;
      }

      .paymentStatementtr .btmdets {
        font-size: 11px;
        color: var(--txts);
        line-height: 1;
        margin-top: 3px;
      }

      .paymentStatementtr .topdets {
        color: #fff;
        font-weight: 700;
      }

      .paymentStatementtr .topdets b {
        background: transparent;
        color: #000 !important;
        padding: 0;
        font-size: 13px;
        margin: 0;
        line-height: inherit;
        vertical-align: inherit;
      }

      .statementAmount {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        margin-left: auto;
        justify-content: center;
      }

      .statementAmount span {
        font-weight: 700;
        font-size: 16px;
        line-height: 1;
        color: var(--blue);
      }

      .changeBox {
        background: var(--s2);
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
        border-radius: 8px;
        overflow: hidden;
        margin-bottom: 10px;
      }

      .changeBox > div {
        display: flex;
        justify-content: space-between;
        padding: 6px 10px;
        align-items: center;
      }

      .changeBox div.topline {
        border-bottom: 1px solid var(--bd2);
        font-weight: 700;
      }

      .changeBox > div span {
        color: var(--txts);
      }

      .changeBox > div span i {
        background: var(--blue);
        height: 26px;
        width: 26px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 5px;
        margin-left: -4px;
        margin-right: 4px;
        color: #fff;
      }

      .changeBox div input {
        width: auto;
        background: transparent;
        box-shadow: none;
        padding: 0;
        text-align: right;
        border: 0;
        color: #fff;
        outline: none;
        font-weight: 700;
      }

      .currenwrap a.btnNav.Navcurren {
        padding: 12px 8px;
        border-radius: 0 7px 7px 0;
        height: 100%;
        margin: 0;
        width: 28px;
      }

      /* add funds */
      ul.amountRec {
        display: flex;
        padding: 0;
        list-style: none;
        flex-wrap: wrap;
      }

      ul.amountRec li {
        width: 31.5%;
        background: var(--s3);
        padding: 5px 8px;
        margin: 2px;
        text-align: center;
        border-radius: 6px;
        cursor: pointer;
        font-size: 13px;
      }

      .howItwoeks {
        border: 1px solid var(--bd);
        display: flex;
        justify-content: space-between;
        gap: 8px;
        padding: 10px;
        border-radius: 9px;
      }

      .howItwoeks span {
        font-weight: 700;
      }

      .footerPaywell {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 16px;
      }

      .footerPaywell img {
        max-width: 480px;
        width: 100%;
      }

      /* fund tabs */
      ul.fundType li button.active,
      ul.fundType li a.active {
        background: linear-gradient(
          180deg,
          #1e6ecb 0%,
          #1558a6 100%
        ) !important;
        box-shadow:
          inset 0 1px 1px rgba(255, 255, 255, 0.25),
          0 3px 6px rgba(0, 0, 0, 0.2);
        border: 1px solid #1a5ca8;
      }

      ul.fundType li button,
      ul.fundType li a {
        background: var(--s2) !important;
        color: #fff !important;
        border: 1px solid var(--bd);
        padding: 14px !important;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
        font-weight: 600;
        border-radius: 0.7rem !important;
      }

      ul.insidePaymentUL {
        padding: 0;
        list-style: none;
        display: flex;
        gap: 8px;
        overflow: auto;
        width: 100%;
      }

      ul.insidePaymentUL::-webkit-scrollbar {
        display: none;
      }

      ul.insidePaymentUL li button {
        display: flex;
        justify-content: center;
        gap: 5px;
        font-size: 11px;
        align-items: center;
        padding: 2px 5px;
        background: var(--s2);
        border: 1px solid var(--bd);
        color: #fff;
        min-width: 58px;
        transition: all 0.2s;
        font-weight: 700;
        padding-right: 10px;
        border-radius: 9px;
      }

      ul.insidePaymentUL li button.active {
        background: rgba(43, 149, 233, 0.2);
        color: var(--blue);
        box-shadow: rgba(255, 255, 255, 0.15) 0 1px 0 inset;
      }

      ul.insidePaymentUL li button .paymentIcondiv {
        height: 33px;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .paymentMethdets .btmdets {
        font-size: 10px;
        color: var(--txts);
      }

      .paymentMethdets .topdets {
        font-weight: 700;
      }

      .paymentMethdets .topdets b {
        color: var(--blue);
      }

      .panel-body {
        background: var(--s2);
        color: #fff;
        border: 0;
        padding: 10px 14px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
        border-radius: 8px;
      }

      /* payment statement */
      .paymentWrap .paymentStatementtr:last-child {
        margin: 0;
      }

      /* ── TICKETS / SUPPORT ── */
      .supportTick {
        background: var(--s2);
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.07);
      }

      .supportTick .suppHead {
        padding: 12px;
        display: flex;
        justify-content: space-between;
        gap: 8px;
        background: var(--blue);
        margin: 9px;
        border-radius: 9px;
        box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 inset;
      }

      .suppBody {
        padding: 13px;
        font-size: 12px;
      }

      .datetick {
        font-weight: 600;
        text-align: center;
        color: #fff;
        display: flex;
        white-space: nowrap;
        align-items: center;
        gap: 10px;
        justify-content: center;
      }

      .datetick:before {
        content: "";
        display: block;
        height: 1px;
        width: 80px;
        background: rgba(255, 255, 255, 0.1);
      }

      .datetick:after {
        content: "";
        display: block;
        height: 1px;
        width: 80px;
        background: rgba(255, 255, 255, 0.1);
      }

      .usermessage {
        width: 70%;
        margin-left: auto;
        background: var(--s2);
        padding: 13px;
        border-radius: 10px 10px 0 10px;
        position: relative;
      }

      .usermessage:after {
        content: "";
        display: block;
        height: 13px;
        width: 13px;
        background: var(--s2);
        position: absolute;
        right: -5px;
        bottom: 10px;
        transform: rotate(45deg);
      }

      .usermessage.adminmsg {
        margin-right: auto;
        margin-left: 0;
        background: var(--s1);
        border-radius: 10px 10px 10px 0;
      }

      .usermessage.adminmsg:after {
        left: -5px;
        background: var(--s1);
      }

      .usermessage a {
        padding: 2px 6px;
        border-radius: 5px;
        background: var(--blue);
        color: #fff;
        font-size: 11px;
        text-decoration: none;
      }

      .sendGrptick {
        display: flex;
        align-items: center;
        gap: 8px;
      }

      .tickets-uploader {
        background: var(--s2);
        padding: 5px;
        width: 100%;
        border-radius: 6px;
      }

      .tickets-uploader button span {
        font-weight: 700;
      }

      .ticket-header {
        background: var(--blue);
        border: 1px solid rgba(255, 255, 255, 0.07);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
        color: #fff;
        transition: background 0.3s;
        margin-bottom: 13px;
        line-height: 1;
        padding: 8px !important;
      }

      .ticket-header h5 {
        font-size: 13px;
      }

      .ticket-header a.btn.btn-outline-light.btn-sm {
        height: 36px;
        width: 36px;
        margin: 0;
        background: rgba(0, 0, 0, 0.07);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(0, 0, 0, 0.07);
        border-radius: 8px;
        color: #fff !important;
      }

      .ticket-message-right .textname {
        margin-left: auto;
        width: 70%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 4px;
      }

      .ticket-message-left .textname {
        margin-right: auto;
        width: 70%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 4px;
      }

      .textname small {
        color: var(--txts);
      }

      .textname span.Initials {
        background: var(--blue);
        height: 22px;
        display: inline-flex;
        width: 22px;
        border-radius: 50%;
        align-items: center;
        justify-content: center;
        margin-right: 3px;
        font-weight: 700;
        font-size: 11px;
      }

      .textname span i {
        color: var(--blue);
        font-size: 11px;
        margin-left: 1px;
      }

      .avatarticketCaht i {
        color: #fff;
        font-size: 18px;
        font-weight: 700;
      }

      .avatarticketCaht {
        background: var(--blue) !important;
      }

      .status-card {
        background: var(--s2);
        border-radius: 9px;
        font-size: 11px;
      }

      .status-card .status-item {
        display: flex;
        justify-content: space-between;
        padding: 9px;
        border-bottom: 1px solid var(--bd2);
      }

      .status-card .status-item:last-child {
        border: 0;
      }

      .status-card .status-item span.status-value {
        font-weight: 700;
      }

      .status-card span#supportStatus:before {
        content: "";
        height: 7px;
        width: 7px;
        background: rgba(255, 255, 255, 0.5);
        display: inline-block;
        border-radius: 50%;
        margin-right: 4px;
      }

      .status-card.active span#supportStatus:before {
        background: #3bb53b;
      }

      .status-card.offline span#supportStatus:before {
        background: var(--red);
      }

      #allMessages .ticket-card {
        margin-bottom: 8px !important;
      }

      a.ticket-id {
        text-decoration: none;
      }

      a.ticket-id i {
        color: var(--blue);
      }

      span.ticket-time {
        font-size: 11px;
      }

      .chatAlert {
        padding: 8px;
        text-align: center;
        font-weight: 300;
      }

      .chatAlert small {
        max-width: 300px;
        display: block;
        margin: auto;
        color: var(--txts);
        font-size: 10px;
      }

      form.mainsearchTickt {
        margin-top: 12px;
      }

      form.mainsearchTickt input {
        background: rgba(255, 255, 255, 0.07);
        border: 0;
      }

      form.mainsearchTickt button {
        background: var(--blue);
        border: 1px solid rgba(0, 0, 0, 0.05);
        border-radius: 9px !important;
        color: #fff;
        margin-left: 4px !important;
      }

      .headerTick {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
      }

      .headerTick div {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        text-align: right;
        font-weight: 400;
      }

      .headerTick h3 {
        margin: 0;
      }

      .headingInst {
        margin-bottom: 8px;
        text-transform: uppercase;
        letter-spacing: 0.8px;
      }

      .form-group.panel-border-top.groupflex {
        display: flex;
        gap: 8px;
        margin-bottom: 8px;
      }

      .form-group.panel-border-top.groupflex button {
        height: 44px;
        width: 44px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
      }

      /* ── SETTINGS ── */
      .settingsTopcard {
        background: var(--s2);
        padding: 22px;
        border-radius: 10px;
      }

      .accCards {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 14px;
      }

      .accCards > i {
        min-width: 58px;
        min-height: 58px;
        border-radius: 50%;
        background: var(--s3);
        color: var(--blue);
        font-size: 22px;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .accCards p {
        margin: 0;
        color: var(--txts);
        font-size: 13px;
      }

      .accCards span {
        font-weight: 600;
        font-size: 15px;
      }

      .accCards button.chngEmail {
        background: var(--blue);
        border: 0;
        height: 22px;
        width: 22px;
        border-radius: 6px;
        font-size: 10px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        margin-left: 4px;
        margin-bottom: 3px;
      }

      .well-head {
        display: flex;
        align-items: center;
        gap: 10px;
        margin: -16px;
        padding: 16px;
        font-size: 15px;
        position: relative;
        border-bottom: 1px solid var(--bd2);
        margin-bottom: 16px;
      }

      .well-head i {
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        font-size: 14px;
        background: var(--blue);
        color: #fff;
      }

      .well-header {
        display: flex;
        align-items: center;
        background: var(--blue);
        margin: -10px;
        margin-bottom: 14px;
        padding: 6px;
        border-radius: 7px;
        gap: 7px;
        box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 inset;
      }

      .well-header i {
        height: 32px;
        width: 32px;
        background: #fff;
        color: var(--blue);
        border-radius: 7px;
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .well-header h3 {
        margin: 0;
        font-size: 15px;
        font-weight: 700;
        line-height: 1;
      }

      .wellheaderrecent {
        background: var(--blue) !important;
        margin: -10px;
        margin-bottom: 13px;
        padding: 10px;
        border-radius: 10px 10px 0 0;
      }

      .wellheaderrecent h4 {
        font-size: 13px;
        margin: 0;
        font-weight: 700;
      }

      .wellHead {
        display: flex;
        align-items: center;
        padding: 9px;
        background: var(--blue);
        border-radius: 8px;
        margin-bottom: 9px;
        gap: 8px;
      }

      #settings_addon_fields {
        padding: 18px;
      }

      .gender-btn {
        width: 48px;
        height: 48px;
        border-radius: 50%;
        background: var(--s2);
        border: 2px solid var(--blue);
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-size: 19px;
        transition: all 0.3s;
        cursor: pointer;
      }

      div#femaleBtn {
        border-color: #c12e48;
      }

      div#femaleBtn.active {
        background: #c12e48;
      }

      div#maleBtn.active {
        background: var(--blue);
      }

      /* profile DP upload */
      #fileInput {
        display: none;
      }

      .profilePicture,
      .user-img {
        cursor: pointer;
      }

      /* ── MISC UI ── */
      .noTickbox {
        text-align: center;
        margin: 28px auto;
        max-width: 280px;
      }

      .noTickbox p {
        color: var(--txts);
        margin: 0;
        font-size: 12px;
        font-weight: 400;
      }

      .noTickbox i {
        font-size: 38px;
        margin-bottom: 8px;
        color: var(--blue);
      }

      .noTickbox h4 {
        font-family: "midnight-sans", sans-serif;
        font-size: 18px;
        margin: 4px;
      }

      .linkgrop {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid var(--bd2);
        padding: 9px;
        gap: 8px;
        white-space: nowrap;
      }

      .linkgrop small {
        color: var(--txts);
      }

      .linkgrop small,
      .linkgrop span {
        font-size: 13px;
      }

      .linkedIyrt {
        background: var(--s2);
        border-radius: 6px;
      }

      .motelinks {
        background: var(--blue);
        padding: 2px 8px;
        border-radius: 0 0 7px 7px;
        text-align: center;
        font-size: 11px;
        font-weight: 600;
      }

      .ordtag {
        display: flex;
        gap: 4px;
      }

      .inner-circle {
        background: var(--s2) !important;
      }

      .copy-btn {
        border: 0;
        background: #a54646;
        color: #fff;
        padding: 5px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        border-radius: 50%;
        font-size: 11px;
        height: 22px;
        width: 22px;
      }

      a.whatsappFitn {
        height: 33px;
        width: 33px;
        border-radius: 8px;
        color: #fff;
        font-size: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        margin-left: auto;
      }

      .navbarresponsivelogo {
        display: none;
      }

      .topBreadCrumb {
        margin: 0;
        gap: 10px;
        align-items: center;
        text-transform: uppercase;
        white-space: nowrap;
        font-style: italic;
        font-weight: 700;
        font-size: 14px;
      }

      span.animatedHigh {
        color: var(--blue);
        background: url(https://cdnfiles.perfectpanel.com/heheql/9p1p34suh7go29m7.svg);
        background-size: 122%;
        background-position: center;
        background-repeat: no-repeat;
        -webkit-text-stroke: 1px var(--blue);
      }

      .btn-group.taskbtns a {
        padding: 2px 12px;
        font-size: 12px;
        font-weight: 700;
        border-radius: 99px;
        margin-top: 4px;
        width: 100%;
      }

      .progress-wrapper.prog-canceled .progress-bar-fill {
        width: 100% !important;
        background: var(--red);
      }

      .progress-wrapper.prog-partial .progress-bar-fill {
        background: #e67e22;
      }

      a.btmbarbtn {
        outline: none !important;
      }

      div#dripfeed-options {
        margin-top: 9px;
      }

      span.rqstTsk {
        background: #fff;
        padding: 4px;
        width: 100%;
        border-radius: 9px;
        color: #000;
        font-weight: 600;
        font-size: 12px;
        text-align: center;
        opacity: 0.7;
        cursor: no-drop;
      }

      button.currenBtnvac {
        margin-left: auto;
        margin-right: 8px;
        padding: 0;
        font-size: 18px;
        background: transparent;
        border: 0;
        color: #fff;
      }

      img.bannerTop {
        width: 100%;
        border-radius: 10px;
        margin-bottom: 8px;
        border: 2px solid var(--blue);
        box-shadow:
          rgba(255, 255, 255, 0.15) 0 1px 0 inset,
          rgba(0, 0, 0, 0.2) 0 3px 8px;
      }

      .linkgrop span {
        font-size: 13px;
      }

      .topProfdet a.btn.btn-primary {
        width: fit-content;
        background: rgba(0, 0, 0, 0.08);
        color: rgba(255, 255, 255, 0.7);
        border-radius: 99px;
        border: 1px solid rgba(255, 255, 255, 0.1);
        font-size: 11px;
        padding: 5px 14px;
        top: 0;
        display: flex;
        align-items: center;
        gap: 4px;
      }

      .topProfdet a.btn.btn-primary:after {
        display: none;
      }

      .topProfdet h3 {
        margin: 0;
        font-size: 13px;
        color: var(--txts);
      }

      .topProfdet h3 span {
        color: #fff;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 14px;
        display: block;
        max-width: 140px;
        overflow: hidden;
        text-overflow: ellipsis;
      }

      .newbtntopGrp {
        display: flex;
        gap: 0;
        justify-content: flex-end;
        padding: 0 8px;
        border-radius: 99px;
        flex-direction: column;
        padding-left: 40px;
      }

      .newbtntopGrp .badge_span {
        background: #2f2f2f;
        padding: 3px 10px 3px 3px;
        border-radius: 99px;
        width: min-content;
        min-width: fit-content;
      }

      .newbtntopGrp .big_font {
        text-transform: uppercase;
      }

      .newbtntopGrp a.btn.btn-primary:last-child {
        background: #38a820;
        color: #fff;
      }

      .btn-outline-light {
        border-color: rgba(255, 255, 255, 0.55);
        color: #fff;
      }

      .btn-outline-light:hover {
        background: rgba(255, 255, 255, 0.1);
        border-color: #fff;
      }

      .loaderSubs {
        position: fixed;
        inset: 0;
        z-index: 200;
        background: var(--bg);
        display: none;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 14px;
        opacity: 0;
        transition: all 0.3s ease;
      }

      .loaderSubs h3 {
        margin: 0;
        font-size: 15px;
        color: rgba(255, 255, 255, 0.65);
        margin-top: 8px;
      }

      .NewOrder-Wrapper.loading .loaderSubs {
        display: flex;
        opacity: 1;
      }

      .loaderImgbranbd {
        max-width: 140px;
        animation: neonPulse 500ms ease-in-out infinite;
        will-change: opacity;
      }

      @keyframes neonPulse {
        0% {
          opacity: 0.9;
        }

        50% {
          opacity: 0.22;
        }

        100% {
          opacity: 0.95;
        }
      }

      .live-pulse {
        width: 7px;
        height: 7px;
        background: #2bd732;
        border-radius: 50%;
        margin-right: 3px;
        animation: pulse 1.5s infinite;
      }

      @keyframes pulse {
        0% {
          transform: scale(0.95);
          box-shadow: 0 0 0 0 rgba(92, 184, 92, 0.7);
        }

        70% {
          transform: scale(1);
          box-shadow: 0 0 0 6px rgba(92, 184, 92, 0);
        }

        100% {
          transform: scale(0.95);
          box-shadow: 0 0 0 0 rgba(92, 184, 92, 0);
        }
      }

      @keyframes sheen {
        100% {
          transform: rotateZ(70deg) translate(10em, -100em);
        }
      }

      /* no-param body (add funds modal) */
      /* ── LANDING PAGE HERO TEXT ── */
      .topCont p {
        color: rgba(255, 255, 255, 0.7);
        font-size: 14px;
      }

      .topCont ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 9px;
        margin-top: 16px;
      }

      .topCont ul li {
        color: rgba(255, 255, 255, 0.7);
        display: flex;
        align-items: center;
        gap: 4px;
        font-size: 14px;
      }

      .topCont ul li img {
        max-width: 27px;
      }

      .newtopCont h1 {
        text-align: center;
        font-size: 23px;
        text-transform: uppercase !important;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
        font-family: "Poppins", sans-serif;
        font-weight: 900;
        background: linear-gradient(140deg, #fff 0%, #c8dfff 55%, #96c8ff 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
      }

      .newtopCont h1 img {
        max-width: 22px;
      }

      .sectionHeadings {
        margin-bottom: 46px;
      }

      .sectionHeadings p {
        text-align: center;
        font-size: 14px;
        font-weight: 500;
        color: rgba(255, 255, 255, 0.6);
      }

      .headingSections {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 50px;
        text-align: center;
      }

      .headingSections span.dividergrad {
        margin: 4px;
      }

      .span_rect {
        z-index: 1;
        text-align: right;
        margin-right: 0.25ch;
        display: inline-block;
        position: relative;
        color: #fff;
      }

      .span_rect::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        transform: rotate(-2deg);
        background: var(--blue) !important;
      }

      .text-size-large.max-width-xlarge {
        font-size: 15px;
        max-width: 660px;
        color: rgba(255, 255, 255, 0.65);
      }

      .button-group {
        display: flex;
        gap: 9px;
        align-items: center;
        margin-top: 22px;
        justify-content: left;
      }

      /* rotating text */
      .rotating-text-container {
        display: flex;
        justify-content: center;
        align-items: center;
        color: rgba(255, 255, 255, 0.7);
        text-align: center;
      }

      .rotating-text {
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        display: flex;
        gap: 4px;
      }

      .rotating-word {
        display: inline-block;
        position: absolute;
        opacity: 0;
        transform: translateY(100%);
        transition:
          opacity 0.5s,
          transform 0.5s;
        color: #fff;
        font-weight: 800;
      }

      .rotating-word.active {
        position: relative;
        opacity: 1;
        transform: translateY(0);
      }

      /* step boxes */
      .step h6 {
        display: flex;
        align-items: center;
        gap: 9px;
        font-size: 17px;
        font-weight: 500;
        color: #fff !important;
      }

      .step h6 span {
        width: 26px;
        height: 26px;
        text-align: center;
        border-radius: 50%;
        background: var(--blue) !important;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #fff !important;
        font-size: 13px;
      }

      .step p {
        margin: 0;
        color: rgba(255, 255, 255, 0.6) !important;
      }

      /* prc steps */
      .prc-step-title {
        font-weight: 600;
        font-size: 15px;
        display: flex;
        align-items: center;
        margin-bottom: 12px;
        color: #fff;
      }

      .prc-step-title span {
        background: var(--blue);
        height: 28px;
        width: 28px;
        display: inline-flex;
        color: #fff;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        margin-right: 12px;
      }

      .prc-step-box p {
        color: rgba(255, 255, 255, 0.6);
      }

      .prc-info-box {
        background: var(--blue);
        border-radius: 18px;
        padding: 1.3rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 13px;
      }

      .prc-info-text {
        margin: 0;
        color: #fff;
      }

      .prc-highlight-link {
        color: #fff;
        font-weight: 600;
        text-decoration: none;
      }

      /* invRowcont */
      .invRowcont h2 {
        font-size: 17px;
        margin-bottom: 8px;
        font-weight: 600;
        color: #ffffff;
      }

      /* stats */
      .stat-number {
        font-size: 40px;
        font-weight: 800;
        line-height: 1;
        color: #ffffff;
      }

      .stat-text {
        font-size: 13px;
        margin-top: 7px;
        color: rgba(255, 255, 255, 0.85);
      }

      .kicksta-desc {
        font-size: 15px;
        max-width: 500px;
        color: rgba(255, 255, 255, 0.85);
      }

      .stat-box {
        border-top: 1px solid rgba(255, 255, 255, 0.2);
        padding-top: 14px;
      }

      /* trusted logos */
      .trusted-logo {
        display: flex;
        align-items: center;
        font-size: 18px;
        gap: 10px;
        justify-content: center;
        line-height: 1;
        font-weight: 700;
        opacity: 0.7;
      }

      .trusted-logo i {
        font-size: 20px;
        margin: 0;
      }

      /* lexistat */
      .lexistatCard {
        background: #172841;
        padding: 28px;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        border-radius: 14px;
        transition: all 0.2s ease;
      }

      .lexistatCard:hover {
        background: var(--blue);
      }

      .statMainkey {
        font-size: 88px;
        color: var(--blue);
        line-height: 0.8;
        font-weight: 700;
        text-align: right;
        letter-spacing: -3px;
        transition: all 0.2s ease;
      }

      .lexistatCard:hover .statMainkey {
        color: #fff;
        font-size: 98px;
      }

      .contntLexistat p {
        margin: 0;
        color: rgba(255, 255, 255, 0.7);
        font-weight: 400;
      }

      body.no-param-style {
        background: #ececed;
        color: #000;
      }

      body.no-param-style .well {
        background: #fff;
        padding: 10px !important;
        border-radius: 9px;
        box-shadow: none !important;
      }

      body.no-param-style bottombar {
        display: none;
      }

      body.no-param-style .sidebar {
        display: none;
      }

      body.no-param-style .userWrap {
        margin-left: 0;
      }

      body.no-param-style .panel-body {
        background: #f9fafb !important;
        border: 1px solid #e5e7eb !important;
        border-radius: 0.75rem !important;
      }

      body.no-param-style .form-control {
        color: #111 !important;
        background: #f9fafb !important;
        border: 1px solid #e5e7eb !important;
      }

      body.no-param-style ul.fundType li button {
        background: #efefef !important;
        color: #43444a !important;
        box-shadow: none !important;
        border: 0 !important;
        border-radius: 0.7rem !important;
        padding: 14px !important;
      }

      body.no-param-style ul.fundType li button.active {
        background: var(--blue) !important;
        color: #fff !important;
      }

      body.no-param-style ul.amountRec {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.5rem;
      }

      body.no-param-style ul.amountRec li {
        padding: 0.6rem 0.75rem;
        border-radius: 0.5rem;
        border: 1px solid #e5e7eb;
        background: #fff;
        font-size: 0.85rem;
        font-weight: 700;
        color: #374151;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
        width: 100%;
      }

      body.no-param-style ul.amountRec li:hover {
        color: var(--blue);
        border-color: var(--blue);
      }

      body.no-param-style ul.amountRec li.active {
        background: var(--blue);
        color: #fff;
        border-color: var(--blue);
      }

      body.no-param-style label.control-label {
        letter-spacing: 0.025em;
        font-size: 10.5px !important;
        text-transform: uppercase;
        color: #374151 !important;
      }

      body.no-param-style .paymentStatementtr {
        padding: 5px 10px !important;
        background: transparent !important;
        border: 0 !important;
        align-items: center;
      }

      body.no-param-style .paymentStatementtr .InitialStatement {
        height: 46px;
        border-radius: 50%;
        border: 1px solid #efefef;
      }

      body.no-param-style .paymentStatementtr .topdets {
        color: #000;
        font-weight: 500;
      }

      body.no-param-style .paymentStatementtr .btmdets {
        color: rgba(0, 0, 0, 0.55);
        font-weight: 600;
      }

      body.no-param-style .statementAmount small {
        font-weight: 600;
      }

      body.no-param-style .dividerLine p {
        color: #75767a;
        border: 1px solid #e5e7e8;
        min-width: 28px;
        min-height: 28px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        font-weight: 400;
        font-size: 13px;
      }

      body.no-param-style .dividerLine span {
        background: #e5e7e8;
        height: 1px;
      }

      form.amntfld button.btn.btn-primary {
        padding: 12px;
        border-radius: 0.75rem;
        font-size: 14px;
      }

      @media (min-width: 640px) {
        body.no-param-style ul.amountRec {
          grid-template-columns: repeat(4, 1fr);
        }
      }

      /* ── footer ── */
      footer {
        background: var(--s1);
        padding-top: 50px;
        padding-bottom: 24px;
        font-size: 13px;
        border-top: 1px solid var(--bd2);
        margin-top: 40px;
      }

      footer h6 {
        color: #fff;
        font-weight: 600;
        font-size: 15px;
        margin-bottom: 12px;
      }

      footer p,
      footer a {
        color: #a1a1aa;
        text-decoration: none;
        font-weight: 400;
      }

      footer a:hover {
        color: #fff;
      }

      .footer-links ul {
        list-style: none;
        padding-left: 0;
      }

      .footer-links ul li {
        margin-bottom: 7px;
      }

      .footer-bottom {
        padding-top: 18px;
        font-size: 12px;
      }

      .social-icons a {
        color: #fff;
        margin-right: 10px;
        font-size: 17px;
      }

      .footer-legal a {
        color: #a1a1aa;
        margin-left: 18px;
      }

      .footer-legal a:hover {
        color: #fff;
      }

      a.footer-brand img {
        max-width: 140px;
        margin-bottom: 8px;
      }

      .footerdivider {
        display: flex;
        height: 1px;
        width: 100%;
        background: var(--bd2);
      }

      .headfootersup {
        display: flex;
        gap: 8px;
        align-items: center;
        line-height: 1;
        margin-right: 8px;
      }

      .headfootersup small {
        color: var(--txts);
        font-size: 10px;
      }

      .headfootersup span {
        display: block;
        font-weight: 800;
        font-size: 14px;
      }

      .headfootersup i {
        font-size: 18px;
      }

      .footercontact {
        display: inline-flex;
        align-items: center;
        background: var(--s2);
        padding: 9px;
        gap: 4px;
        border: 1px solid var(--bd);
        border-radius: 7px;
        width: 100%;
      }

      .footercontact a {
        background: var(--blue);
        color: #fff;
        width: 28px;
        height: 28px;
        border-radius: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
      }

      .footercontact a.wpSupportftr {
        margin-left: auto;
      }

      footer.footerFul {
        margin-left: 250px;
      }

      footer.userfootr {
        display: none;
      }

      /* ── CHOICES / DROPDOWN ── */
      .choices__inner {
        background: #f9fafb !important;
        border: 1px solid #e5e7eb !important;
        border-radius: 0.75rem !important;
      }

      .is-open .choices__list--dropdown,
      .is-open .choices__list[aria-expanded] {
        background: #fff;
        margin: 8px 0;
        width: 100%;
        border-radius: 0.75rem;
        border: 1px solid #e5e7eb !important;
      }

      .choices__list.choices__list--dropdown .choices__list div.undefined {
        padding: 9px;
        border: 2px solid #e5e7eb !important;
        transition: all 0.4s;
        border-radius: 0.75rem;
        margin-bottom: 4px;
        background: #fff;
      }

      .choices__list--dropdown .choices__list,
      .choices__list[aria-expanded] .choices__list {
        position: relative;
        max-height: 280px;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        will-change: scroll-position;
        padding: 8px;
      }

      .choices[data-type*="select-one"] .choices__input {
        display: none !important;
      }

      /* ── WELCOME CARD ── */
      .welcmcard {
        background: var(--s2);
        padding: 18px;
        border-radius: 10px;
        margin-bottom: 13px;
        display: flex;
        align-items: center;
        gap: 14px;
        border: 1px solid var(--blue);
      }

      .welcmcard h5 {
        font-weight: 800;
        font-size: 17px;
        margin-bottom: 4px;
      }

      .welcmcard h5 span {
        color: var(--blue);
        font-size: 20px;
        text-transform: uppercase;
        display: inline-flex;
        align-items: center;
        gap: 4px;
      }

      .welcmcard p {
        margin: 0;
        color: var(--txts);
      }

      .welcmcard > div {
        width: 100%;
      }

      .welcmcard a.btn.btn-primary {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 7px;
        padding-right: 18px;
        width: fit-content;
        text-align: center;
        justify-content: center;
        white-space: nowrap;
      }

      .vidPlay {
        height: 140px;
        width: 260px;
        background: #000;
        border-radius: 10px;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .vidBacklay {
        position: absolute;
        inset: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 0;
        opacity: 0.7;
        filter: blur(1px);
      }

      .vidPlay a.playbtn {
        height: 38px;
        width: 38px;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        border-radius: 9px;
        background: rgba(255, 255, 255, 0.28);
        backdrop-filter: blur(20px);
        color: #fff;
      }

      .cardStatsno {
        display: flex;
        align-items: center;
        column-gap: 24px;
        row-gap: 16px;
        padding: 18px;
        background: var(--s2);
        border-radius: 9px;
        margin-bottom: 13px;
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.07);
        flex-wrap: wrap;
        position: relative;
      }

      .cardStatsno .cardstatsChild {
        display: flex;
        align-items: center;
        min-width: 115px;
      }

      .cardStatsno .cardstatsChild i {
        display: flex;
        background: var(--blue);
        height: 42px;
        width: 42px;
        border-radius: 10px;
        margin-right: 9px;
        align-items: center;
        justify-content: center;
        font-size: 14px;
      }

      .cardStatsno .cardstatsChild p {
        margin: 0;
      }

      .cardStatsno .cardstatsChild span {
        font-size: 15px;
        font-weight: 900;
      }

      button.btn.btn-primary.btn-Level {
        background: #98c9ff;
        color: var(--blue);
        top: -14px;
        right: 14px;
        border-radius: 7px;
        position: absolute;
        width: fit-content;
        padding: 4px 7px;
        font-size: 11px;
        display: flex;
        align-items: center;
        gap: 4px;
        animation: 2s bluePulse infinite linear;
      }

      button.btn.btn-primary.btn-Level i {
        font-size: 11px;
        margin-right: 0;
      }

      /* notice cards */
      .noticeCard {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0 -16px;
        padding: 6px 10px;
        border-bottom: 1px solid var(--bd2);
        cursor: pointer;
        flex-direction: row-reverse;
      }

      .noticeCard > div {
        width: auto;
      }

      .noticeCard p {
        display: block;
        margin: 0;
        margin-top: 4px;
        font-weight: 600;
        text-transform: uppercase;
        background: linear-gradient(45deg, #fff, #aaa);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
      }

      .noticeCard small {
        display: none;
      }

      .noticeCard a.watchBtn {
        font-size: 18px;
        margin-left: 13px;
        line-height: 1;
        margin-right: 0;
      }

      .noticeCard a.btn.btn-primary {
        width: fit-content;
        white-space: nowrap;
      }

      .noticeCard:last-child {
        border: 0;
      }

      /* profile box */
      .newTopnocard {
        background: var(--s1) !important;
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.07) !important;
        border-radius: 22px;
        border: 2px solid #252525;
        padding: 10px;
      }

      .topProfdet {
        display: flex;
        align-items: center;
        background: var(--s2);
        padding: 6px 18px;
        border-radius: 99px 18px 18px 99px;
        border: 1px solid var(--bd);
        margin-bottom: 9px;
        gap: 14px;
      }

      .statsTopno {
        display: flex;
        align-items: center;
        gap: 9px;
      }

      .statsTopno .cardstatsChild {
        background: var(--s2) !important;
        padding: 0;
        display: flex;
        align-items: center;
        flex: 1;
        border-radius: 9px;
        line-height: 1;
        gap: 8px;
        cursor: pointer;
      }

      .statsTopno .cardstatsChild i {
        font-size: 18px;
        margin-right: 8px;
      }

      .statsTopno .cardstatsChild span {
        font-weight: 700;
        font-size: 15px;
      }

      .statsTopno .cardstatsChild p {
        margin: 0;
        font-weight: 600;
        margin-bottom: 4px;
        font-size: 12px;
        color: rgba(255, 255, 255, 0.95);
      }

      .suppaddfunds {
        display: flex;
        background: linear-gradient(45deg, var(--blue), #1f7ee9);
        border-radius: 9px;
        padding: 10px;
        color: #fff;
        gap: 13px;
        align-items: center;
        justify-content: space-between;
        line-height: 1;
      }

      .suppaddfunds a {
        color: #fff;
        font-weight: 700;
        font-size: 15px;
        text-decoration: none;
        text-align: right;
        display: block;
      }

      .suppaddfunds small {
        display: flex;
        font-size: 11px;
        font-weight: 600;
        color: rgba(255, 255, 255, 0.7);
        margin-bottom: 5px;
        text-align: right;
      }

      .suppaddfunds i {
        font-size: 18px;
        background: rgba(0, 0, 0, 0.08);
        height: 38px;
        width: 38px;
        border-radius: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: rgba(255, 255, 255, 0.7);
      }

      /* image icon */
      .image_icon img {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        border: 3px solid #71b1ab;
        object-fit: cover;
        position: absolute;
        left: 7px;
        top: 9px;
      }

      .big_font {
        color: #fff;
        font-weight: 800;
        font-size: 17px;
        letter-spacing: 0.4px;
        text-transform: uppercase;
      }

      .badge_span {
        background: #2b2b2b;
        padding: 5px 14px;
        border-radius: 99px;
        display: inline-flex;
        align-items: center;
        gap: 5px;
        margin-top: 4px;
      }

      #copy_username_btn {
        cursor: pointer;
        /* width: 23px;
            height: 23px; */
        background: var(--s2);
        /* border-radius: 50%; */
        display: flex;
        justify-content: center;
        align-items: center;
      }

      #copy_username_btn .od-pill-copy-box {
        margin-left: 0px !important;
      }

      .cardstatsChild p {
        color: #d1d5db;
        margin: 0;
        font-size: 13px;
        font-weight: 500;
      }

      .cardstatsChild span {
        display: block;
        font-size: 19px;
        font-weight: 700;
      }

      .invested-val {
        color: #4b92c4;
      }

      .balance-val {
        color: #4ade80;
      }

      /* social media cards */
      .cardsSocial {
        display: flex;
        align-items: center;
        gap: 13px;
        background: var(--s2);
        padding: 13px;
        border-radius: 9px;
      }

      .cardsSocial i {
        background: var(--blue);
        min-height: 34px;
        min-width: 34px;
        border-radius: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        box-shadow: rgba(255, 255, 255, 0.18) 0 1px 0 inset;
      }

      .cardsSocial p {
        margin-bottom: 4px;
        font-size: 15px;
      }

      .cardsSocial small {
        line-height: 1.3;
        color: var(--txts);
        display: block;
        font-weight: 600;
      }

      .cardsSocial.igcard {
        background: linear-gradient(
          117deg,
          #c2358433 5.41%,
          #c235841f 11.39%,
          #c2358414 44.19%,
          #c2358412 83.5%
        );
      }

      .cardsSocial.igcard i {
        background: url(https://i.imgur.com/1F1ZabO.png) center/cover;
      }

      .cardsSocial.fbcard {
        background: linear-gradient(
          117deg,
          #1877f233 5%,
          #1877f21f 11%,
          #1877f214 44%,
          #1877f212 83%
        );
      }

      .cardsSocial.fbcard i {
        background: #1877f2;
      }

      .cardsSocial.xcard {
        background: linear-gradient(
          117deg,
          #00000033 5%,
          #0000001f 11%,
          #00000014 44%,
          #00000012 83%
        );
      }

      .cardsSocial.xcard i {
        background: #000;
      }

      .cardsSocial.ytcard {
        background: linear-gradient(
          117deg,
          #ff000033 5%,
          #ff00001f 11%,
          #ff000014 44%,
          #ff000012 83%
        );
      }

      .cardsSocial.ytcard i {
        color: #ff0000;
        background: #fff;
      }

      .cardsSocial.tgcard i {
        background: #229ed9;
      }

      .cardsSocial.ttcard i {
        background: #69c9d0;
      }

      .cardsSocial.sptcard i {
        background: #1db954;
      }

      /* contact cards */
      .contactCard {
        display: flex;
        gap: 13px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
        align-items: center;
        padding: 13px;
      }

      .contactCard:last-child {
        border: 0;
      }

      .contactCard h3 {
        font-size: 18px;
        margin-bottom: 4px;
        font-weight: 700;
      }

      .contactCard p {
        margin: 0;
        color: var(--txts);
      }

      .contactCard i {
        background: var(--blue);
        display: inline-flex;
        min-height: 55px;
        min-width: 55px;
        border-radius: 8px;
        overflow: hidden;
        align-items: center;
        justify-content: center;
        font-size: 23px;
      }

      .contactCard.whatsappCard i {
        background: linear-gradient(115deg, #38d325, #1ebe42, #128c19);
      }

      .contactCard.telegramCard i {
        background: linear-gradient(115deg, #2593d3, #1e90be);
      }

      .contactCard i.careticon {
        min-height: auto;
        min-width: 9px;
        background: transparent;
        font-weight: 200;
        margin-left: auto;
      }

      .contactCard.whatsappCard h3 span {
        background: -webkit-linear-gradient(115deg, #38d325, #1ebe42, #128c19);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
      }

      .contactCard.telegramCard h3 span {
        background: -webkit-linear-gradient(115deg, #2593d3, #1e90be);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
      }

      .socialmediaCard {
        display: flex;
        flex-direction: column;
        background: var(--s2);
        margin-bottom: 13px;
        padding: 18px;
        border-radius: 7px;
        border: 1px solid var(--bd);
      }

      .secContactChild {
        display: flex;
        gap: 13px;
        padding: 13px 18px;
        align-items: center;
        cursor: pointer;
      }

      .secContactChild > i {
        font-size: 23px;
        width: 23px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff !important;
      }

      .secContactChild i {
        color: var(--blue);
      }

      .secContact {
        background: var(--s2);
        border-radius: 10px;
        margin-bottom: 13px;
      }

      .secContactChild p {
        margin: 0;
        color: #fff;
        font-weight: 700;
      }

      .secContactChild small {
        color: var(--txts);
      }

      .secContactChild a {
        margin-left: auto;
      }

      .support-box {
        background: var(--blue);
        box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 inset;
        height: auto;
        margin-bottom: 9px;
        border-radius: 10px;
        padding: 18px;
      }

      .support-box .highlight {
        color: rgba(255, 255, 255, 0.7);
        text-transform: uppercase;
        font-size: 15px;
        margin-bottom: 2px;
      }

      .support-box p.card-sub {
        font-size: 13px;
        font-weight: 500;
        margin: 0;
        color: rgba(255, 255, 255, 0.85);
      }

      .badge-custom {
        font-size: 0.82rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 13px;
        color: rgba(255, 255, 255, 0.7);
        background: rgba(0, 0, 0, 0.08);
        padding: 4px 10px;
        border-radius: 99px;
        border: 1px solid rgba(0, 0, 0, 0.08);
      }

      span#supportStaus:before {
        content: "";
        height: 7px;
        width: 7px;
        display: inline-block;
        background: rgba(255, 255, 255, 0.6);
        border-radius: 50%;
      }

      span#supportStaus {
        color: #fff;
        text-transform: uppercase;
        display: flex;
        align-items: center;
        gap: 4px;
        line-height: 1;
        font-weight: 600;
      }

      span#supportStaus.offline:before {
        background: #992a2a;
      }

      span#supportStaus.active:before {
        background: #3bb53b;
      }

      /* ── TOP SECTION PROFILE ── */
      .dropdownOrdsfilts {
        margin-bottom: 9px !important;
      }

      .dropdownOrdsfilts button#orderStatusDropdown {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 9px;
      }

      .dropdownOrdsfilts button#orderStatusDropdown:after {
        margin-left: auto;
      }

      .dropdownOrdsfilts ul.dropdown-menu li a {
        display: flex;
        align-items: center;
        gap: 7px;
        font-weight: 400;
        font-size: 12px;
      }

      .dropdownOrdsfilts ul.dropdown-menu li a i {
        color: var(--txts);
        margin-right: 8px;
      }

      .topOrdtwo {
        display: flex;
        gap: 13px;
        margin-bottom: 9px;
      }

      .topOrdtwo .dropdownOrdsfilts {
        margin: 0 !important;
        min-width: 95px;
      }

      .topOrdtwo .dropdownOrdsfilts button#orderStatusDropdown {
        justify-content: center;
        border-radius: 10px;
        font-size: 12px;
      }

      .topOrdtwo ul.tabletoppills {
        width: 100%;
      }

      .topOrdtwo ul.tabletoppills input.form-control {
        border-radius: 10px 0 0 10px !important;
        font-size: 12px;
      }

      .topOrdtwo ul.tabletoppills button.btn {
        border-radius: 0 10px 10px 0;
      }

      ul.tabletoppills li a.nav-link {
        background: var(--s2);
        color: #fff;
        padding: 13px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 9px;
        line-height: 1;
      }

      /* nav pills */
      .nav-pills .nav-link {
        font-size: 12px;
        line-height: 1;
      }

      .nav-pills .nav-link:hover {
        background: linear-gradient(
          180deg,
          #2b95e9 0%,
          #1558a6 100%
        ) !important;
        border: 1px solid #1a5ca8;
      }

      ul.btmPills li.nav-item {
        flex: 1;
      }

      ul.nav.nav-pills.nav-fill.tabletoppills.servfills li {
        flex: 1;
      }

      div#service-filter-buttons {
        display: flex;
        gap: 9px;
        margin-bottom: 9px;
      }

      .buttonservtype {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
      }

      button.btn.ServFltr {
        display: flex;
        min-width: 280px;
        padding: 9px;
        flex: 1;
        color: #fff;
        border: 1px solid var(--bd);
        background: var(--s2);
        border-radius: 10px;
      }

      .buttonservtype p {
        margin-bottom: 4px;
        font-weight: 700;
      }

      .buttonservtype small {
        font-size: 11px;
        line-height: 1.3;
      }

      button.btn.ServFltr.active.ttertet {
        border: 1px solid var(--blue);
      }

      /* filter */
      .profPlatdd button#filter-dropdown-toggle {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 9px;
        background: var(--s2);
        border: 1px solid rgba(0, 0, 0, 0.05);
        padding: 10px 12px;
        border-radius: 10px;
        font-size: 13px;
        font-weight: 600;
      }

      .profPlatdd .dropdown-toggle::after {
        margin-left: auto;
        color: rgba(255, 255, 255, 0.5);
        margin-right: 3px;
      }

      .animateddwrap {
        background: #233853;
        animation: slideDown 0.18s ease;
        margin-top: 4px !important;
        border-radius: 8px;
        overflow: hidden;
      }

      .profPlatdd button.CatFltr.dropdown-item {
        color: #fff;
        font-size: 13px;
        display: flex;
        gap: 9px;
        align-items: center;
        border-bottom: 1px solid var(--bd2);
        padding: 5px;
        font-weight: 600;
        transition: all 0.25s;
      }

      .profPlatdd li:last-child button.CatFltr.dropdown-item {
        border: none;
      }

      .profPlatdd button.CatFltr.dropdown-item i {
        height: 18px;
        width: 18px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .profPlatdd button.CatFltr.dropdown-item:hover {
        background: rgba(255, 255, 255, 0.08);
      }

      .dropdown.profPlatdd {
        font-weight: 600;
      }

      .profPlatdd ul.dropdown-menu {
        background: transparent;
        margin: 0 !important;
        z-index: 2;
      }

      /* new order profile */
      .welcmcard a.btn.btn-primary {
        width: fit-content;
        margin: auto;
      }

      section.subscriptionTop {
        display: none;
      }

      .NewOrder-Wrapper.SubscriptionActivated section.subscriptionTop {
        display: block;
      }

      .NewOrder-Wrapper.SubscriptionActivated ul.servFiltr.showfilts,
      .NewOrder-Wrapper.SubscriptionActivated .form-group.srcGrpsus {
        display: none;
      }

      .NewOrder-Wrapper.SubscriptionActivated .descflex,
      .NewOrder-Wrapper.SubscriptionActivated label[for="service_description"] {
        display: none;
      }

      .NewOrder-Wrapper.loading .loaderSubs {
        display: flex;
        opacity: 1;
      }

      .topContSubs h2 {
        text-align: center;
        text-transform: uppercase;
        font-weight: 900;
        background: -webkit-linear-gradient(var(--blue), #63a5ed);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin-bottom: 9px;
        font-size: 44px;
      }

      .topContSubs small {
        background: -webkit-linear-gradient(var(--blue), #63a5ed);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-align: center;
        display: block;
        line-height: 1.2;
        opacity: 0.9;
      }

      section.subscriptionTop {
        padding: 18px;
        border-radius: 10px;
        font-weight: 700;
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.07);
        margin: 10px;
        background: url(https://cdnfiles.perfectpanel.com/rpyfx7/kxr2lxlz9tzndjj6.png);
        background-size: cover;
      }

      .benifitsPaylhd {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 18px;
        margin-bottom: 9px;
        gap: 13px;
      }

      .benifitsPaylhd p {
        margin: 0;
        font-size: 15px;
        text-transform: uppercase;
      }

      .benifitsPaylpbtm {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 36px;
        margin-top: 22px;
      }

      iframe.iframsubs {
        height: 170px;
        border-radius: 10px;
        margin: 28px 0;
      }

      /* video plyr */
      .plyr {
        max-width: 480px !important;
        width: 100%;
        border-radius: 12px;
        overflow: hidden;
        border: 1px solid rgba(0, 0, 0, 0.15);
      }

      .plyr--video {
        border-radius: 10px;
      }

      .plyr__controls > *:not(button) {
        display: none !important;
      }

      .plyr--paused .plyr__controls {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.28);
        z-index: 2;
      }

      .plyr--playing .plyr__controls {
        background: linear-gradient(#0000, rgba(0, 0, 0, 0.75)) !important;
      }

      button.plyr__controls__item.plyr__control {
        margin: auto !important;
      }

      .plyr__controls {
        padding: 10px !important;
      }

      .plyr.plyr--paused .plyr__controls button[data-plyr="fullscreen"] {
        display: none;
      }

      .vidWrap {
        overflow: hidden;
        padding: 0;
        margin: 0 auto;
        max-width: 100%;
      }

      /* affiliate */
      .linkgrop {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid var(--bd2);
        padding: 9px;
        gap: 8px;
        white-space: nowrap;
      }

      /* social btn group */
      .socialBtngrp {
        display: flex;
        gap: 8px;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
      }

      .socialbtnmnwrap {
        background: linear-gradient(180deg, var(--blue), transparent);
        padding: 2px;
        border-radius: 13px;
        flex: 1;
      }

      .socialBtngrp a {
        background: var(--s1);
        padding: 11px 13px;
        text-decoration: none;
        font-weight: 500;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 9px;
        border-radius: 11px;
        font-size: 12px;
        color: #fff;
      }

      .YTsocialbtn {
        background: linear-gradient(180deg, #ff0000, transparent);
      }

      .TGsocialbtn {
        background: linear-gradient(180deg, #0088cc, transparent);
      }

      .FBsocialbtn {
        background: linear-gradient(180deg, #0866ff, transparent);
      }

      .IGsocialbtn {
        background: linear-gradient(180deg, #e1306c, transparent);
      }

      .WSsocialbtn {
        background: linear-gradient(180deg, #25d366, transparent);
      }

      .socialmediWrapsec {
        text-align: center;
        padding: 28px;
        background: var(--s2);
        border-radius: 14px;
        width: 100%;
        margin: auto;
      }

      .socialmediWrapsec h3 {
        font-weight: 700;
        text-transform: uppercase;
      }

      .socialmediWrapsec small {
        line-height: 1.4;
        margin: auto;
        margin-top: 18px;
        display: block;
        font-weight: 400;
        color: var(--txts);
        font-size: 10px;
        max-width: 380px;
      }

      /* Misc */
      tr {
        transition: max-height 0.28s ease-in-out;
        overflow: hidden;
      }

      .noWelcmcrd {
        display: flex;
        align-items: center;
        gap: 9px;
        margin: 9px 0;
      }

      .noWelcmcrd i {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        font-size: 14px;
        border-radius: 9px;
        color: #fff;
        background: var(--blue);
      }

      .noWelcmcrd p {
        color: #fff;
        font-weight: 700;
        font-size: 15px;
        line-height: 1.2;
      }

      .noWelcmcrd small {
        color: var(--txts);
        line-height: 1;
      }

      .gridTopno {
        display: flex;
        gap: 13px;
      }

      span.statbadge {
        padding: 3px 9px;
        border-radius: 6px;
        background: var(--blue);
        color: #fff;
        font-weight: 600;
        font-size: 11px;
      }

      .dividerLine {
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        margin-bottom: 13px;
        gap: 4px;
      }

      .dividerLine span.rightdivIder,
      .dividerLine span.leftdivIder {
        background: #2c2c2c;
        height: 2px;
        display: block;
        width: 100%;
      }

      .dividerLine p {
        margin: 0;
      }

      a.navbar-brand {
        margin: 0;
        padding: 0;
        color: #fff;
      }

      a.navbar-brand img {
        height: auto;
        max-width: 120px;
      }

      .neworder-services {
        display: flex;
      }

      .neworder-services .btn-favorite {
        flex-shrink: 0;
        margin-left: 10px;
      }

      .menu_item_12 {
        display: none !important;
      }

      .pagination .page-link {
        background: var(--s2);
        border-color: var(--bd);
        color: #fff;
      }

      .pagination .page-link:hover {
        background: var(--blue);
        border-color: var(--blue);
      }

      .pagination .active .page-link {
        background: var(--blue);
        border-color: var(--blue);
      }

      .spinner-border {
        color: var(--blue);
      }

      .rc-anchor-normal .rc-anchor-checkbox-label span {
        color: #fff;
      }

      .rc-anchor-light.rc-anchor-compact,
      .rc-anchor-light.rc-anchor-normal {
        background: var(--s2) !important;
        border-color: var(--blue) !important;
        color: #fff;
      }

      .rc-anchor-light {
        background: var(--s2) !important;
        border-color: var(--blue) !important;
      }

      .g-recaptcha {
        filter: invert(0.88) hue-rotate(180deg) brightness(0.9);
        width: 100% !important;
      }

      @keyframes spin-loader {
        from {
          transform: rotate(0deg);
        }

        to {
          transform: rotate(360deg);
        }
      }

      .spin-loader {
        animation: spin-loader 1s linear infinite;
      }

      /* ══════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════ */
      @media (max-width: 991.2px) {
        .sidebar {
          left: 0;
          width: 100%;
          border: 1px solid #252525;
          opacity: 0;
          pointer-events: none;
          transform: translateY(100%);
          border-radius: 36px 36px 10px 10px;
          position: fixed;
          height: 600px;
          background: var(--s1);
        }

        .sidebar.opened {
          opacity: 1;
          pointer-events: all;
          transform: translateY(40%);
          z-index: 222;
          max-height: 570px;
          height: 100%;
          overflow-y: auto;
          /* display: block !important; */
        }

        .sidebar.opened .menu_closebar::before {
          content: "";
          position: absolute;
          width: 48px;
          height: 3px;
          left: 50%;
          transform: translateX(-50%);
          top: 0;
          background: #fff;
          border-radius: 99px;
          z-index: 10;
        }

        .sidebar.opened .menu_closebar {
          position: relative;
        }

        .menu_closebar {
          display: flex;
        }

        .overlay.active {
          position: fixed;
          inset: 0;
          background: rgba(34, 34, 34, 0.65);
          z-index: 0;
          filter: blur(10px);
        }

        ul.sideUl.profile_sec_set {
          margin-bottom: 180px !important;
        }

        nav.navbarticker.usernav {
          margin-left: 0;
        }

        .userWrap {
          margin-left: 0;
        }

        footer.footerFul {
          margin-left: 0;
        }

        nav.navbar.usernav {
          display: block;
          position: fixed;
          width: 100%;
          top: 0;
        }

        .authorized .userWrap {
          padding-top: 70px !important;
          padding-bottom: 70px !important;
        }

        .profDD {
          display: none;
        }

        .btmbarwrapbtn .profDD {
          display: block;
        }

        ul.sideUl li.logoutBtn {
          margin-top: inherit;
        }

        ul.sideUl {
          max-height: 100%;
          height: auto;
        }

        .currenlanggrp {
          margin-top: 0;
        }

        .mobBottomul {
          display: flex;
          flex-direction: column;
          justify-content: flex-start;
          position: fixed;
          left: auto;
          top: -4%;
          opacity: 0;
          pointer-events: none;
          background: var(--s1);
          height: 100%;
          width: 100%;
          padding-top: 58px;
          z-index: 6;
          transition: all 0.25s ease;
          bottom: 0;
          padding-bottom: 65px;
        }

        .mobBottomul.open {
          top: 0;
          opacity: 1;
          pointer-events: all;
        }

        bottombar {
          display: grid;
          grid-template-columns: repeat(5, 1fr);
          position: fixed;
          bottom: 0;
          z-index: 100;
          width: 100%;
          background: rgba(8, 9, 12, 0.97);
          height: 64px;
          align-items: center;
          border-top: 1px solid var(--bd2);
          backdrop-filter: blur(20px);
        }

        body.userbody {
          padding-bottom: 64px;
        }

        li.whatsBtn,
        li.accBtn {
          display: block;
        }

        li.whatsBtn {
          margin-top: auto;
        }

        .topBreadCrumb {
          display: none;
        }

        .navbarresponsivelogo {
          display: block;
        }

        .footer-legal {
          flex-direction: column;
          gap: 8px;
          align-items: start !important;
        }

        .gridTopno {
          flex-direction: column;
        }

        .welcmcard {
          flex-direction: column;
          background: linear-gradient(
            180deg,
            rgba(43, 149, 233, 0.15),
            transparent
          );
          border: 0;
          padding: 18px;
          text-align: center;
          align-items: center;
          margin: -18px -10px;
          margin-bottom: 0;
        }

        .welcmcard a.btn.btn-primary {
          width: fit-content;
          margin: auto;
        }

        .cardStatsno .cardstatsChild {
          width: 100%;
        }

        .cardStatsno {
          margin-top: 28px;
        }

        button.btn.btn-primary.btn-Level {
          top: -9px;
          right: 13px;
        }

        .vidPlay {
          width: 100%;
          height: 190px;
        }

        .DescSpecs {
          grid-template-columns: repeat(auto-fit, minmax(28%, 1fr));
          gap: 4px;
        }

        .DescSpecschild span {
          font-size: 10px;
        }

        .DescSpecschild div {
          padding: 4px;
        }

        .DescSpecschild .hetopse {
          font-size: 10px;
        }

        .btngrpOrdnew.order-btn-premium {
          width: 100%;
        }

        ul.mb-0.nav.nav-pills.nav-fill.gap-2.tabletoppills.servfills {
          flex-direction: column;
        }

        ul.mb-0.nav.nav-pills.nav-fill.gap-2.tabletoppills.servfills li {
          width: 100%;
          max-width: 100%;
        }

        @media (max-width: 500px) {
          .linkgrop span {
            max-width: 230px;
            overflow: auto;
          }
        }
      }

      @media (min-width: 992px) {
        bottombar {
          display: none !important;
        }

        nav.navbarticker.usernav.navbar.navbar-expand-lg {
          display: none;
        }

        .userWrap {
          padding: 13px 0;
        }

        li.whatsBtn,
        li.accBtn {
          display: block;
        }

        li.whatsBtn {
          margin-top: auto;
        }

        ul.sidebarul li.logoutBtn {
          margin: 0;
        }

        .mb_design_new {
          flex-wrap: wrap;
        }

        html body ul.sideUl li.mb_design_new a {
          width: 100%;
        }
      }

      @media (max-width: 767px) {
        .welcmcard {
          flex-direction: column;
        }

        tr.hidden {
          display: none !important;
        }

        .socialmediaCard {
          padding: 0;
        }

        .footer-legal {
          flex-direction: column;
          gap: 8px;
          align-items: start !important;
        }
      }

      @media (max-width: 500px) {
        ul.fundType li a,
        ul.fundType li button {
          flex-direction: column;
        }
      }

      .mob-wallet-pill .mob-wl-currency .sv-currency-btn {
        border: none;
        padding: 0;
        background-color: transparent;
      }