/* /assets/css/theme-blue.css */
:root {
    /* Primary Petrol Blue & Tints */
    --pk: #0c3f5e !important;
    --pkd: #051b29 !important;
    --pkl: #216f9e !important;
    --org: #298ec4 !important;
    --orgd: #12557e !important;

    /* Cool Surfaces & Dividers */
    --soft: #eef5f9 !important;
    --field: #f3f8fb !important;
    --line: #d5e5ef !important;
    --bg-page: #edf3f7 !important;

    /* Coordinated Typography */
    --ink: #071824 !important;
    --muted: #648196 !important;
    --sub: #3d596d !important;

    /* Gradients */
    --grad: linear-gradient(135deg, #1b6896 0%, #0c3f5e 55%, #051b29 100%) !important;
    --grad-3d: linear-gradient(180deg, #1f77a8 0%, #0c3f5e 50%, #07263b 100%) !important;

    /* Legacy Nova-Theme Overrides */
    --g-primary: #0c3f5e !important;
    --g-deep: #051b29 !important;
    --g-light: #216f9e !important;
    --g-glow: #298ec4 !important;
    --g-soft: #eef5f9 !important;
    --g-tint: rgba(12, 63, 94, .07) !important;
}

/* ==========================================================
   1. FOOTER & NAVIGATION (Replaces hardcoded #a4c428)
   ========================================================== */
.efn a.efn-on,
.nav-item.active {
    color: #0c3f5e !important;
}

.efn a.efn-on svg,
.nav-item.active svg {
    filter: drop-shadow(0 5px 8px rgba(12, 63, 94, 0.4)) !important;
}

/* ==========================================================
   2. PRODUCT CARDS & LISTING (index.php / product.php)
   ========================================================== */
.product {
    border: 1px solid #d5e5ef !important;
    box-shadow: 0 14px 34px -20px rgba(12, 63, 94, 0.25) !important;
}

/* Fixes the hardcoded #f2f8dd85 green tint background on stat boxes */
.p-stat {
    background: #eef5f9 !important;
}

.p-stat .val {
    color: #0c3f5e !important;
}

.p-stat .val.ink {
    color: #071824 !important;
}

.p-quota {
    background: var(--grad-3d) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 6px 14px -6px rgba(12, 63, 94, .6) !important;
}

.p-buy {
    background: var(--grad-3d) !important;
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, .25), 
                inset 0 -3px 0 rgba(5, 27, 41, .45), 
                0 14px 24px -10px rgba(12, 63, 94, .6) !important;
}

/* ==========================================================
   3. INCOME & ORDERS PAGE (income.php / orders.php)
   ========================================================== */
/* Header Gradient (Overrides hardcoded green in income.html) */
.top {
    background: linear-gradient(135deg, #1b6896 0%, #0c3f5e 55%, #051b29 100%) !important;
    box-shadow: 0 10px 26px -18px rgba(12, 63, 94, .6) !important;
}

/* 3D Dashboard Card (Overrides hardcoded olive borders) */
.c3d {
    background: radial-gradient(120% 80% at 82% -14%, #7dd3fc, transparent 52%), 
                radial-gradient(90% 70% at 12% 6%, rgba(255, 255, 255, .2), transparent 46%), 
                linear-gradient(158deg, #216f9e 0%, #0c3f5e 42%, #082f49 74%, #051b29 100%) !important;
    box-shadow: 0 2px 0 rgba(255, 255, 255, .4) inset, 
                0 -9px 20px rgba(5, 27, 41, .4) inset, 
                0 13px 0 -3px #082d45, 
                0 22px 0 -8px #051c2c, 
                0 40px 52px -22px rgba(12, 63, 94, .7) !important;
}

.c3d-v {
    background: linear-gradient(180deg, #ffffff 0%, #bae6fd 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
}

.c3d-timer {
    background: rgba(5, 27, 41, 0.45) !important;
}

/* Investment Plan Cards */
.pcard {
    background: linear-gradient(180deg, #ffffff, #f4f8fb) !important;
    border: 1px solid #d5e5ef !important;
    box-shadow: 0 2px 0 rgba(255, 255, 255, .7) inset, 
                0 8px 0 -4px #dcebf4, 
                0 20px 42px -26px rgba(12, 63, 94, .45) !important;
}

.pcard::before {
    background: var(--grad-3d) !important;
    box-shadow: 0 0 12px rgba(41, 142, 196, .55) !important;
}

.pcard::after {
    background: radial-gradient(closest-side, rgba(41, 142, 196, .14), transparent) !important;
}

.pc-thumb {
    background: #eef5f9 !important;
    color: #0c3f5e !important;
    box-shadow: 0 10px 18px -8px rgba(12, 63, 94, .45), 
                0 0 0 3px rgba(41, 142, 196, .18) !important;
}

.pc-pct {
    background: var(--grad-3d) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    filter: drop-shadow(0 4px 10px rgba(41, 142, 196, .35)) !important;
}

.pc-days b {
    color: #0c3f5e !important;
}

.pc-fill {
    background: var(--grad-3d) !important;
    box-shadow: 0 0 10px rgba(41, 142, 196, .5) !important;
}

.pm {
    background: linear-gradient(180deg, #ffffff, #f1f7fb) !important;
    border: 1px solid #d5e5ef !important;
}

.pm-v.hi {
    color: #0c3f5e !important;
}

.divider .d-c {
    background: #eef5f9 !important;
    color: #0c3f5e !important;
    border: 1px solid #d5e5ef !important;
}

/* ==========================================================
   4. TABS, BUTTONS & CHIPS (Recharge, Withdraw, Transactions)
   ========================================================== */
.tab.active,
.seg a.active,
.seg a.on {
    background: var(--grad-3d) !important;
    color: #fff !important;
}

.tab-slider,
.seg-slider {
    background: var(--grad-3d) !important;
    box-shadow: 0 6px 14px -4px rgba(12, 63, 94, .5) !important;
}

.chip.active {
    background: var(--grad-3d) !important;
    color: #fff !important;
    box-shadow: 0 13px 24px -12px rgba(12, 63, 94, .65) !important;
}

.btn, .pay-btn, .save, .empty-cta {
    background: var(--grad-3d) !important;
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, .25), 
                inset 0 -3px 0 rgba(5, 27, 41, .45), 
                0 14px 26px -10px rgba(12, 63, 94, .55) !important;
}

.amt-field .cur,
.bal b,
.note b {
    color: #0c3f5e !important;
}

.amt-field:focus-within,
.obox:focus-within {
    border-color: #0c3f5e !important;
    box-shadow: 0 10px 22px -14px rgba(12, 63, 94, .5) !important;
}

.obox.ok .otick {
    background: var(--grad-3d) !important;
    box-shadow: 0 5px 12px -5px rgba(12, 63, 94, .6) !important;
}

/* Transactions Badges & Dots */
.dot.other {
    background: #0c3f5e !important;
}

.b-processing {
    background: #e0f2fe !important;
    color: #0284c7 !important;
}

/* ==========================================================
   5. TOAST & NOTIFICATIONS
   ========================================================== */
#gToast.type-success .g-ic,
#toastBox,
#pp:not(.err) {
    background: var(--grad-3d) !important;
    /*color: #0c3f5e !important;*/
}

#gToast.type-success .g-ic svg {
    color: #fff !important;
}

/* ==========================================================
   1. LEVEL BAR & PROFILE HERO (mine.php / my.php)
   ========================================================== */
/* Profile header surface */
.head {
    background: linear-gradient(158deg, #216f9e 0%, #0c3f5e 52%, #051b29 100%) !important;
}

.head-ov {
    background: radial-gradient(120% 90% at 85% -10%, rgba(41, 142, 196, 0.35), transparent 55%),
                linear-gradient(180deg, rgba(7, 24, 36, 0.15) 0%, rgba(7, 24, 36, 0.6) 100%) !important;
}

/* Level fill & glow replacing lime green */
.lvl-bar {
    background: rgba(255, 255, 255, 0.3) !important;
}

.lvl-fill {
    background: linear-gradient(90deg, #7dd3fc, #0284c7) !important;
    box-shadow: 0 0 10px rgba(56, 189, 248, 0.75) !important;
}

/* Chevron & menu arrow tints */
.mrow-ch,
.opt-arw {
    color: #648196 !important;
}


/* ==========================================================
   2. PERSONAL SETTINGS & BOTTOM SHEETS (personal.php)
   ========================================================== */
/* Personal header container */
.hero {
    background: radial-gradient(120% 90% at 78% -12%, #7dd3fc, transparent 52%),
                radial-gradient(100% 80% at 14% 0, rgba(255, 255, 255, 0.2), transparent 46%),
                linear-gradient(158deg, #216f9e 0%, #0c3f5e 48%, #082f49 78%, #051b29 100%) !important;
    box-shadow: 0 22px 46px -22px rgba(12, 63, 94, 0.85), 
                0 2px 0 rgba(255, 255, 255, 0.3) inset !important;
}

/* Menu cards & option backgrounds */
.opt {
    background: linear-gradient(180deg, #ffffff, #f4f8fb) !important;
    box-shadow: 0 14px 32px -24px rgba(12, 63, 94, 0.35) !important;
    border: 1px solid #d5e5ef !important;
}

/* Circular icon badges in option list */
.opt-ic.a, .sh-hic.a {
    background: linear-gradient(160deg, #38bdf8, #0284c7) !important;
    box-shadow: 0 10px 20px -10px rgba(12, 63, 94, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
}

.opt-ic.b, .sh-hic.b {
    background: linear-gradient(160deg, #0284c7, #0c3f5e) !important;
    box-shadow: 0 10px 20px -10px rgba(12, 63, 94, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
}

.opt-ic.c {
    background: linear-gradient(160deg, #0c3f5e, #051b29) !important;
    box-shadow: 0 10px 20px -10px rgba(12, 63, 94, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
}

/* "Not set" status pill */
.pill.no {
    background: #e2e8f0 !important;
    color: #475569 !important;
}

/* Tips box */
.tips {
    background: linear-gradient(135deg, #eef5f9, #f3f8fb) !important;
    border: 1px solid #d5e5ef !important;
}

.sh-handle {
    background: #cbd5e1 !important;
}


/* ==========================================================
   3. BOX-SHADOW COLOR OVERRIDES (team.php, index.php, etc.)
   ========================================================== */
/* Quick cards & home menu */
.quick-card {
    box-shadow: 0 14px 30px -16px rgba(12, 63, 94, 0.6) !important;
}

/* Level segment toggle */
.seg {
    box-shadow: 0 12px 26px -14px rgba(12, 63, 94, 0.55) !important;
}

.seg a.active,
.seg a.on,
.chan.active {
    box-shadow: 0 8px 16px -6px rgba(12, 63, 94, 0.35) !important;
}

/* Team member cards & list items */
.member {
    border: 1px solid #d5e5ef !important;
    box-shadow: 0 12px 30px -24px rgba(12, 63, 94, 0.3) !important;
}

.hi-logo {
    box-shadow: 0 16px 34px -16px rgba(12, 63, 94, 0.35), 0 0 0 3px rgba(41, 142, 196, 0.25) !important;
}

.m-thumb {
    box-shadow: 0 8px 16px -8px rgba(12, 63, 94, 0.35) !important;
}

/* Empty state icon tints */
.no-data svg,
.empty svg {
    color: #bae6fd !important;
}

/* Form input placeholder & focus glow */
.fld input::placeholder,
.obox input::placeholder {
    color: #94a3b8 !important;
}

.obox:focus-within,
.fld:focus-within {
    box-shadow: 0 10px 24px -14px rgba(12, 63, 94, 0.5) !important;
}

/* ==========================================================
   ACCOUNT / BANK BINDING PAGE (account.php)
   ========================================================== */
/* Lock Icon Box & Glow */
.lock-ic {
    background: var(--grad-3d) !important;
    box-shadow: 0 16px 30px -14px rgba(12, 63, 94, 0.75), 
                inset 0 2px 0 rgba(255, 255, 255, 0.3) !important;
}

.lock-ic .badge {
    background: #0284c7 !important;
    border-color: #fff !important;
}

/* Spinner colors for account page loader */
#loader .spinner {
    border-color: var(--soft) !important;
    border-top-color: var(--pk) !important;
    border-right-color: var(--org) !important;
}

/* Informational notes and borders */
.det {
    background: var(--field) !important;
    border: 1px solid var(--line) !important;
}

.cc-note {
    background: linear-gradient(135deg, var(--soft), #f0f7fb) !important;
    border: 1px solid var(--line) !important;
}

.cc-note svg {
    color: var(--pk) !important;
}


/* ==========================================================
   INVITE & EARN PAGE (invite.php)
   ========================================================== */
/* Top Ticket Card Gradient & 3D Lighting */
.tk {
    background: radial-gradient(120% 80% at 82% -12%, #7dd3fc, transparent 52%),
                radial-gradient(90% 70% at 12% 6%, rgba(255, 255, 255, 0.22), transparent 45%),
                linear-gradient(158deg, #216f9e 0%, #0c3f5e 40%, #082f49 72%, #051b29 100%) !important;
    box-shadow: 0 26px 52px -22px rgba(12, 63, 94, 0.85),
                0 0 0 1px rgba(255, 255, 255, 0.14) inset,
                0 2px 0 rgba(255, 255, 255, 0.3) inset !important;
}

/* Ticket Percentage Text Gradient */
.tk-pct {
    background: linear-gradient(180deg, #ffffff 0%, #bae6fd 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
}

.tk-pct small {
    -webkit-text-fill-color: #bae6fd !important;
}

/* QR Code Outer Ring & Accent */
.tk-qr {
    box-shadow: 0 14px 26px -14px rgba(0, 0, 0, 0.45),
                0 0 0 4px rgba(255, 255, 255, 0.28),
                0 0 0 5.5px rgba(41, 142, 196, 0.55) !important;
}

/* Copy Button Text Color */
.tk-copy {
    color: var(--pk) !important;
}

/* Commission Section Box */
.comm {
    background: linear-gradient(180deg, #ffffff, #f4f8fb) !important;
    border: 1px solid var(--line) !important;
    box-shadow: 0 14px 32px -24px rgba(12, 63, 94, 0.4) !important;
}

.comm-h svg {
    color: var(--pk) !important;
}

/* Connecting Line Between Steps */
.steps::before {
    background: linear-gradient(90deg, #38bdf8, #0c3f5e, #051b29) !important;
}

/* Step Badges (Replaces Olive/Lime with Coordinated Blue Stages) */
.step:nth-child(1) .step-node {
    background: linear-gradient(160deg, #38bdf8, #0284c7) !important;
}

.step:nth-child(2) .step-node {
    background: linear-gradient(160deg, #0284c7, #0c3f5e) !important;
}

.step:nth-child(3) .step-node {
    background: linear-gradient(160deg, #0c3f5e, #051b29) !important;
}

.step-node {
    box-shadow: 0 10px 20px -8px rgba(12, 63, 94, 0.7),
                inset 0 1px 0 rgba(255, 255, 255, 0.35),
                0 0 0 4px rgba(41, 142, 196, 0.18) !important;
}

.step-pct {
    color: var(--pk) !important;
}

/* ==========================================================
   TRANSACTIONS / BALANCE TABS (.tab & .tab.active)
   ========================================================== */
.tabs .tab {
    border-color: var(--line) !important;
    box-shadow: 0 8px 20px -16px rgba(12, 63, 94, 0.25) !important;
}

.tabs .tab.active {
    background: var(--grad-3d) !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 12px 22px -10px rgba(12, 63, 94, 0.7) !important;
}

/* Transaction Record Rows */
.rec {
    border: 1px solid #d5e5ef !important;
    box-shadow: 0 12px 28px -22px rgba(12, 63, 94, 0.28) !important;
}


/* ==========================================================
   ACCOUNT / MINE PAGE (.menu & .balance)
   ========================================================== */
/* Menu card shadow (Replaces rgba(101,120,25,.5)) */
.menu {
    border: 1px solid #d5e5ef !important;
    box-shadow: 0 16px 34px -24px rgba(12, 63, 94, 0.35) !important;
}

/* Balance block shadow (Replaces rgb(101 120 25 / 22%)) */
.balance {
    border: 1px solid var(--line) !important;
    box-shadow: 0 22px 44px -22px rgba(12, 63, 94, 0.18) !important;
}

/* Logout button modal shadow */
.lo-yes {
    box-shadow: 0 12px 24px -10px rgba(12, 63, 94, 0.6) !important;
}

/* Fixed footer bar shadow */
.footer,
.efn {
    border-top: 1px solid var(--line) !important;
    box-shadow: 0 -8px 30px rgba(12, 63, 94, 0.08) !important;
}

/* ==========================================================
   LOGIN & REGISTER PAGES (login.php & register.php)
   ========================================================== */
:root {
    /* Remap unique login/register variables */
    --brown-light: #216f9e !important;
    --brown: #0c3f5e !important;
    --brown-deep: #051b29 !important;
    --tan: #cbe3f2 !important;
    --cream: #eef5f9 !important;
    --gold: #298ec4 !important;
    --label: #1d4663 !important;
    --page-bg: #edf3f7 !important;
}

/* Page Background & Header Fades */
.q5h, .w3b {
    background: #edf3f7 !important;
}

.e5m::after, .u2w::after {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #edf3f7 100%) !important;
}

/* Logo Box & Card Shadows */
.d5v, .y7r {
    box-shadow: 0 14px 30px -10px rgba(12, 63, 94, 0.45), 
                0 0 0 5px rgba(255, 255, 255, 0.85), 
                inset 0 -3px 8px rgba(12, 63, 94, 0.08) !important;
}

.n9k, .i0n {
    box-shadow: 0 14px 40px -18px rgba(12, 63, 94, 0.3), 
                inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

/* Tabs: Login / Register Switcher */
.n1j.e8f, .f7x.r0u {
    color: #0c3f5e !important;
}

.n1j.e8f::after, .f7x.r0u::after {
    background: var(--grad-3d) !important;
    box-shadow: 0 2px 6px rgba(12, 63, 94, 0.45) !important;
}

/* Input Containers */
.c7g, .x3t {
    background: linear-gradient(180deg, #ffffff 0%, #f4f8fb 100%) !important;
    border: 1px solid #d5e5ef !important;
    box-shadow: inset 0 2px 5px rgba(12, 63, 94, 0.05), 
                inset 0 -1px 0 rgba(255, 255, 255, 0.85), 
                0 1px 0 rgba(255, 255, 255, 0.7) !important;
}

.c7g:focus-within, .x3t:focus-within {
    background: #eef5f9 !important;
    border-color: #0c3f5e !important;
}

.s3j, .y2m {
    border-right: 1.5px solid #d5e5ef !important;
    color: #071824 !important;
}

.m0b, .f5v {
    color: #0c3f5e !important;
}

.d2c:hover, .d2c.e8f,
.u2h:hover, .u2h.r0u, .u2h.m1h {
    color: #0c3f5e !important;
}

/* Submit Buttons (Login & Register) */
.n4f, .p3n, .et-ok {
    background: var(--grad-3d) !important;
    color: #ffffff !important;
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.3), 
                inset 0 -4px 0 rgba(5, 27, 41, 0.45), 
                0 8px 0 -2px #07263b, 
                0 16px 26px -10px rgba(12, 63, 94, 0.55) !important;
}

.n4f:active, .n4f.e8f,
.p3n:active, .p3n.r0u {
    transform: translateY(4px) !important;
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.25), 
                inset 0 -2px 0 rgba(5, 27, 41, 0.35), 
                0 4px 0 -2px #07263b, 
                0 8px 16px -8px rgba(12, 63, 94, 0.5) !important;
}

/* Clear Button on Invitation Code */
.y6e {
    background: #eef5f9 !important;
    color: #0c3f5e !important;
}

/* Language Dropdown Selector */
.w8d, .b7m {
    color: #0c3f5e !important;
    box-shadow: 0 6px 16px -6px rgba(12, 63, 94, 0.3), 
                inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

.p7v:hover, .i7y:hover,
.p7v.e8f, .i7y.r0u {
    background: #eef5f9 !important;
    color: #0c3f5e !important;
}

.p7v.e8f .t6z, .i7y.r0u .z4n {
    color: #0c3f5e !important;
}

/* Terms & Conditions Modal Elements */
.et-line a {
    color: #0c3f5e !important;
}

.et-grip {
    background: #cbd5e1 !important;
}

.et-x {
    background: #eef5f9 !important;
    color: #648196 !important;
}

.et-body h4 {
    color: #0c3f5e !important;
}

/* Loading Spinners */
.x6k, .s2u {
    border-top-color: #298ec4 !important;
    border-right-color: #0c3f5e !important;
}

/* ==========================================================
   GLOBAL TOAST OVERRIDE (login.php, register.php, account.php)
   ========================================================== */
#gToast {
    background: linear-gradient(180deg, #ffffff 0%, #eef5f9 100%) !important;
    color: #071824 !important;
    box-shadow: 0 34px 74px -22px rgba(12, 63, 94, 0.55), 
                0 0 0 1px rgba(12, 63, 94, 0.1), 
                inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
}

#gToast .g-msg {
    color: #071824 !important;
}

#gToast .g-ic {
    box-shadow: 0 14px 26px -10px rgba(12, 63, 94, 0.4), 
                inset 0 2px 0 rgba(255, 255, 255, 0.35) !important;
}

/* Success Toast: Petrol blue 3D gradient + cyan pulse ring */
#gToast.type-success .g-ic {
    background: linear-gradient(180deg, #1f77a8 0%, #0c3f5e 50%, #07263b 100%) !important;
    color: #298ec4 !important; /* Sets the pulsing outer ring border */
}

#gToast.type-success .g-ic svg {
    color: #ffffff !important;
}

/* Info Toast: Ocean blue gradient */
#gToast.type-info .g-ic {
    background: linear-gradient(180deg, #298ec4 0%, #12557e 55%, #0c3f5e 100%) !important;
    color: #298ec4 !important;
}

#gToast.type-info .g-ic svg {
    color: #ffffff !important;
}

/* Warning Toast: Sky to deep blue */
#gToast.type-warning .g-ic {
    background: linear-gradient(180deg, #38bdf8 0%, #0284c7 55%, #0c3f5e 100%) !important;
    color: #38bdf8 !important;
}

#gToast.type-warning .g-ic svg {
    color: #ffffff !important;
}

/* ==========================================================
   LOADING OVERLAYS & SPINNERS
   ========================================================== */
/* Fullscreen backdrop overlays */
#loader,
.e2e,
.n8p {
    background: rgba(7, 24, 36, 0.6) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
}

/* Dark loading cards (login.php & register.php) */
.s5c,
.e8s {
    background: rgba(7, 24, 36, 0.94) !important;
    border: 1px solid rgba(41, 142, 196, 0.25) !important;
    box-shadow: 0 20px 45px -15px rgba(5, 27, 41, 0.7) !important;
    color: #ffffff !important;
}

/* Light loading card (account.php) */
.loader-box {
    background: #ffffff !important;
    border: 1px solid #d5e5ef !important;
    box-shadow: 0 20px 50px -18px rgba(12, 63, 94, 0.45) !important;
    color: #071824 !important;
}

/* Spinners */
.x6k,
.s2u {
    border: 4px solid rgba(255, 255, 255, 0.15) !important;
    border-top-color: #38bdf8 !important;
    border-right-color: #0c3f5e !important;
}

.spinner {
    border: 4px solid #eef5f9 !important;
    border-top-color: #0c3f5e !important;
    border-right-color: #298ec4 !important;
}

.empty-ic {
	box-shadow: 0 20px 45px -15px rgba(5, 27, 41, 0.7) !important;
}

.succ-rec {
	box-shadow: 0 -8px 30px rgba(12, 63, 94, 0.08) !important;
}

.svc-go {
	box-shadow: 0 -8px 30px rgba(12, 63, 94, 0.08) !important;
}