*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    :root {
      --navy:#0B1F3A; --green:#00C48C; --green2:#00A87A;
      --slate:#4A5E78; --mist:#EEF3F8; --white:#FFFFFF; --warn:#E85C3A;
      --gold:#F5A623;
    }
    html { scroll-behavior: smooth; }
    body { font-family:'Inter',sans-serif; background:var(--white); color:var(--navy); line-height:1.6; }

    nav { position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:16px 5%;background:rgba(11,31,58,0.97);backdrop-filter:blur(8px); }
    .logo { font-family:'Syne',sans-serif;font-size:1.3rem;font-weight:800;color:var(--white);letter-spacing:-0.5px; }
    .logo span { color:var(--green); }
    nav ul { list-style:none;display:flex;gap:28px;align-items:center; }
    nav ul a { text-decoration:none;color:rgba(255,255,255,0.72);font-size:0.85rem;font-weight:500;transition:color .2s; }
    nav ul a:hover { color:var(--green); }
    .nav-cta { background:var(--green)!important;color:var(--navy)!important;padding:9px 18px;border-radius:6px;font-weight:700!important; }

    .hero { min-height:100vh;background:var(--navy);display:flex;align-items:center;padding:120px 5% 80px;position:relative;overflow:hidden; }
    .hero::before { content:'';position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(0,196,140,.12) 0%,transparent 70%);pointer-events:none; }
    .hero-grid { display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;max-width:1200px;margin:auto;width:100%; }
    .hero-badge { display:inline-flex;align-items:center;gap:8px;background:rgba(0,196,140,.12);border:1px solid rgba(0,196,140,.3);color:var(--green);font-size:.78rem;font-weight:700;padding:6px 14px;border-radius:100px;margin-bottom:22px;letter-spacing:.5px;text-transform:uppercase; }
    .hero-badge::before { content:'●';font-size:.5rem; }
    h1 { font-family:'Syne',sans-serif;font-size:clamp(2.2rem,4.5vw,3.6rem);font-weight:800;line-height:1.1;color:var(--white);margin-bottom:22px;letter-spacing:-1px; }
    h1 em { color:var(--green);font-style:normal; }
    .hero-sub { color:rgba(255,255,255,.62);font-size:1rem;max-width:460px;margin-bottom:36px;line-height:1.75; }
    .hero-actions { display:flex;gap:14px;flex-wrap:wrap; }
    .btn-primary { background:var(--green);color:var(--navy);padding:13px 26px;border-radius:8px;font-weight:700;font-size:.92rem;text-decoration:none;transition:background .2s,transform .15s;display:inline-block; }
    .btn-primary:hover { background:var(--green2);transform:translateY(-1px); }
    .btn-ghost { border:1px solid rgba(255,255,255,.22);color:var(--white);padding:13px 26px;border-radius:8px;font-weight:500;font-size:.92rem;text-decoration:none;transition:border-color .2s;display:inline-block; }
    .btn-ghost:hover { border-color:var(--green);color:var(--green); }
    .hero-card { background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:30px;backdrop-filter:blur(10px); }
    .hero-card h3 { font-family:'Syne',sans-serif;font-size:.8rem;color:rgba(255,255,255,.45);font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px; }
    .doc-item { display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06); }
    .doc-item:last-child { border-bottom:none; }
    .doc-icon { width:38px;height:38px;border-radius:8px;background:rgba(0,196,140,.12);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0; }
    .doc-label { color:var(--white);font-size:.88rem;font-weight:500; }
    .doc-sub { color:rgba(255,255,255,.38);font-size:.75rem; }
    .doc-status { margin-left:auto;font-size:.72rem;font-weight:700;padding:4px 10px;border-radius:100px;white-space:nowrap; }
    .status-verified { background:rgba(0,196,140,.15);color:var(--green); }
    .status-checking { background:rgba(245,166,35,.15);color:var(--gold); }
    .status-flagged { background:rgba(232,92,58,.15);color:var(--warn); }

    .trust { background:var(--white);padding:26px 5%;border-top:1px solid var(--mist);border-bottom:1px solid var(--mist); }
    .trust-inner { max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:center;gap:44px;flex-wrap:wrap; }
    .trust-item { display:flex;align-items:center;gap:9px;color:var(--slate);font-size:.83rem;font-weight:500; }

    .stats { background:var(--mist);padding:50px 5%; }
    .stats-inner { max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;text-align:center; }
    .stat-num { font-family:'Syne',sans-serif;font-size:2.6rem;font-weight:800;color:var(--navy); }
    .stat-num span { color:var(--green); }
    .stat-label { color:var(--slate);font-size:.85rem;margin-top:4px; }

    .section { padding:86px 5%; }
    .section-inner { max-width:1200px;margin:auto; }
    .eyebrow { font-size:.75rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--green);margin-bottom:12px; }
    h2 { font-family:'Syne',sans-serif;font-size:clamp(1.7rem,3.2vw,2.6rem);font-weight:800;line-height:1.15;letter-spacing:-.5px;margin-bottom:14px; }
    .section-sub { color:var(--slate);font-size:.97rem;max-width:500px;margin-bottom:52px; }

    .steps { display:grid;grid-template-columns:repeat(4,1fr);gap:22px; }
    .step { background:var(--mist);border-radius:14px;padding:26px 22px;transition:box-shadow .2s; }
    .step:hover { box-shadow:0 8px 30px rgba(0,0,0,.08); }
    .step-num { font-family:'Syne',sans-serif;font-size:2rem;font-weight:800;color:var(--green);opacity:.22;line-height:1;margin-bottom:14px; }
    .step-icon { font-size:1.7rem;margin-bottom:10px; }
    .step h4 { font-family:'Syne',sans-serif;font-size:.95rem;font-weight:700;margin-bottom:7px; }
    .step p { color:var(--slate);font-size:.84rem;line-height:1.6; }

    .verify-bg { background:var(--navy); }
    .verify-bg h2 { color:var(--white); }
    .verify-bg .section-sub { color:rgba(255,255,255,.52); }
    .docs-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:18px; }
    .doc-card { background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:26px 22px;transition:border-color .2s; }
    .doc-card:hover { border-color:rgba(0,196,140,.4); }
    .doc-card .icon { font-size:1.9rem;margin-bottom:12px; }
    .doc-card h4 { font-family:'Syne',sans-serif;font-size:.95rem;font-weight:700;color:var(--white);margin-bottom:7px; }
    .doc-card p { color:rgba(255,255,255,.48);font-size:.83rem;line-height:1.6; }

    .pricing-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:22px; }
    .price-card { border:1.5px solid var(--mist);border-radius:16px;padding:34px 26px;transition:border-color .2s,box-shadow .2s; }
    .price-card:hover { border-color:var(--green);box-shadow:0 8px 30px rgba(0,196,140,.1); }
    .price-card.featured { background:var(--navy);border-color:var(--green); }
    .price-tag { font-family:'Syne',sans-serif;font-size:2.1rem;font-weight:800;color:var(--navy);margin:14px 0 4px; }
    .price-card.featured .price-tag { color:var(--white); }
    .price-label { font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--slate);font-weight:600; }
    .price-card.featured .price-label { color:rgba(255,255,255,.45); }
    .price-name { font-family:'Syne',sans-serif;font-size:1.05rem;font-weight:800;margin-bottom:5px;color:var(--navy); }
    .price-card.featured .price-name { color:var(--white); }
    .price-desc { color:var(--slate);font-size:.83rem;margin-bottom:22px; }
    .price-card.featured .price-desc { color:rgba(255,255,255,.48); }
    .price-features { list-style:none;margin-bottom:28px; }
    .price-features li { display:flex;align-items:flex-start;gap:9px;color:var(--slate);font-size:.84rem;padding:7px 0;border-bottom:1px solid var(--mist); }
    .price-card.featured .price-features li { color:rgba(255,255,255,.62);border-bottom-color:rgba(255,255,255,.08); }
    .price-features li::before { content:'✓';color:var(--green);font-weight:700;flex-shrink:0; }
    .btn-outline { display:block;text-align:center;text-decoration:none;border:1.5px solid var(--navy);color:var(--navy);padding:12px;border-radius:8px;font-weight:600;font-size:.88rem;transition:all .2s; }
    .btn-outline:hover { background:var(--navy);color:var(--white); }
    .price-card.featured .btn-outline { background:var(--green);border-color:var(--green);color:var(--navy); }
    .price-card.featured .btn-outline:hover { background:var(--green2); }
    .featured-badge { display:inline-block;background:var(--green);color:var(--navy);font-size:.7rem;font-weight:700;padding:3px 10px;border-radius:100px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px; }

    .agents-bg { background:var(--mist); }
    .agents-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:22px; }
    .agent-card { background:var(--white);border-radius:14px;padding:28px 24px;border:1.5px solid transparent;transition:border-color .2s,box-shadow .2s;position:relative; }
    .agent-card:hover { border-color:var(--green);box-shadow:0 6px 24px rgba(0,196,140,.12); }
    .agent-badge-wrap { display:flex;align-items:center;justify-content:space-between;margin-bottom:16px; }
    .agent-avatar { width:52px;height:52px;border-radius:50%;background:var(--navy);display:flex;align-items:center;justify-content:center;font-size:1.4rem; }
    .verified-badge { display:inline-flex;align-items:center;gap:5px;background:rgba(0,196,140,.1);border:1px solid rgba(0,196,140,.3);color:var(--green);font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:100px;letter-spacing:.3px; }
    .verified-badge::before { content:'✓'; }
    .agent-name { font-family:'Syne',sans-serif;font-size:1rem;font-weight:800;margin-bottom:4px; }
    .agent-country { color:var(--slate);font-size:.82rem;margin-bottom:10px; }
    .agent-tags { display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px; }
    .agent-tag { background:var(--mist);color:var(--slate);font-size:.72rem;padding:3px 9px;border-radius:100px;font-weight:500; }
    .agent-since { font-size:.75rem;color:var(--slate); }
    .gold-seal { position:absolute;top:16px;right:16px;font-size:1.4rem; }

    .jobs-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:20px; }
    .job-card { border:1.5px solid var(--mist);border-radius:14px;padding:26px 24px;transition:border-color .2s,box-shadow .2s;display:flex;flex-direction:column;gap:12px; }
    .job-card:hover { border-color:var(--green);box-shadow:0 6px 20px rgba(0,196,140,.1); }
    .job-header { display:flex;justify-content:space-between;align-items:flex-start;gap:12px; }
    .job-title { font-family:'Syne',sans-serif;font-size:1rem;font-weight:800; }
    .job-salary { background:rgba(0,196,140,.1);color:var(--green);font-size:.78rem;font-weight:700;padding:4px 10px;border-radius:100px;white-space:nowrap; }
    .job-meta { display:flex;gap:14px;flex-wrap:wrap; }
    .job-meta span { color:var(--slate);font-size:.82rem; }
    .job-desc { color:var(--slate);font-size:.85rem;line-height:1.6; }
    .job-footer { display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid var(--mist); }
    .job-agent { display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--slate); }
    .job-agent .vbadge { color:var(--green);font-weight:700;font-size:.72rem; }
    .job-apply { background:var(--navy);color:var(--white);padding:8px 18px;border-radius:6px;font-size:.82rem;font-weight:600;text-decoration:none;transition:background .2s; }
    .job-apply:hover { background:var(--green);color:var(--navy); }
    .post-job-btn { display:inline-flex;align-items:center;gap:8px;background:var(--green);color:var(--navy);padding:13px 24px;border-radius:8px;font-weight:700;font-size:.9rem;text-decoration:none;margin-bottom:40px; }

    /* SMART FORM */
    .form-section { background:var(--mist); }
    .verify-form { background:var(--white);border-radius:20px;padding:44px;box-shadow:0 4px 40px rgba(0,0,0,.07); }
    .form-row { display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px; }
    .form-group { display:flex;flex-direction:column;gap:6px;margin-bottom:18px; }
    label { font-size:.84rem;font-weight:600;color:var(--navy); }
    input,select,textarea { border:1.5px solid #DDE3EC;border-radius:8px;padding:10px 13px;font-size:.88rem;font-family:inherit;color:var(--navy);outline:none;transition:border-color .2s;background:var(--white);width:100%; }
    input:focus,select:focus,textarea:focus { border-color:var(--green); }
    textarea { resize:vertical;min-height:80px; }

    /* VISA INFO BOX */
    .visa-info-box { background:linear-gradient(135deg,rgba(0,196,140,.08),rgba(11,31,58,.04));border:1.5px solid rgba(0,196,140,.25);border-radius:14px;padding:22px 24px;margin-bottom:22px;display:none; }
    .visa-info-box.show { display:block;animation:fadeIn .3s ease; }
    @keyframes fadeIn { from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)} }
    .visa-info-box h4 { font-family:'Syne',sans-serif;font-size:.95rem;font-weight:800;margin-bottom:6px;color:var(--navy); }
    .visa-type-pill { display:inline-flex;align-items:center;gap:6px;background:var(--navy);color:var(--white);font-size:.78rem;font-weight:700;padding:5px 12px;border-radius:100px;margin-bottom:12px; }
    .visa-info-box p { color:var(--slate);font-size:.83rem;line-height:1.6; }

    /* DOCUMENT SLOTS */
    .doc-slots { display:flex;flex-direction:column;gap:14px;margin-bottom:22px; }
    .doc-slot { border:1.5px solid #DDE3EC;border-radius:12px;padding:18px;background:var(--white);transition:border-color .2s; }
    .doc-slot:hover { border-color:var(--green); }
    .doc-slot-header { display:flex;align-items:center;justify-content:space-between;margin-bottom:10px; }
    .doc-slot-name { display:flex;align-items:center;gap:9px;font-weight:600;font-size:.88rem;color:var(--navy); }
    .doc-slot-name .slot-icon { font-size:1.1rem; }
    .doc-slot-required { font-size:.7rem;font-weight:700;padding:3px 8px;border-radius:100px; }
    .required-yes { background:rgba(232,92,58,.1);color:var(--warn); }
    .required-opt { background:rgba(74,94,120,.1);color:var(--slate); }
    .doc-slot-price { font-family:'Syne',sans-serif;font-size:.88rem;font-weight:800;color:var(--green); }
    .doc-slot-desc { color:var(--slate);font-size:.78rem;margin-bottom:12px;line-height:1.5; }
    .slot-upload { border:1.5px dashed #C5D0DE;border-radius:8px;padding:14px;text-align:center;cursor:pointer;font-size:.8rem;color:var(--slate);transition:all .2s; }
    .slot-upload:hover { border-color:var(--green);background:rgba(0,196,140,.04); }
    .slot-upload input { display:none; }
    .slot-uploaded { display:flex;align-items:center;gap:8px;background:rgba(0,196,140,.08);border-radius:8px;padding:10px 12px;font-size:.8rem;color:var(--navy);border:1px solid rgba(0,196,140,.2); }
    .slot-uploaded .remove-slot { margin-left:auto;cursor:pointer;color:var(--slate);background:none;border:none;font-size:.78rem; }

    /* COST SUMMARY */
    .cost-summary { background:var(--navy);border-radius:12px;padding:20px 22px;margin-bottom:20px;display:none; }
    .cost-summary.show { display:block; }
    .cost-summary h4 { font-family:'Syne',sans-serif;font-size:.85rem;font-weight:700;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:1px;margin-bottom:14px; }
    .cost-line { display:flex;justify-content:space-between;font-size:.84rem;color:rgba(255,255,255,.7);padding:5px 0; }
    .cost-total { display:flex;justify-content:space-between;font-family:'Syne',sans-serif;font-size:1.1rem;font-weight:800;color:var(--white);padding-top:12px;margin-top:8px;border-top:1px solid rgba(255,255,255,.12); }
    .cost-total span:last-child { color:var(--green); }

    .upload-zone { border:2px dashed #C5D0DE;border-radius:10px;padding:28px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s; }
    .upload-zone:hover { border-color:var(--green);background:rgba(0,196,140,.04); }

    .pay-now-btn { width:100%;padding:15px;background:#00A550;color:white;font-weight:700;font-size:1rem;border:none;border-radius:10px;cursor:pointer;font-family:inherit;transition:background .2s;display:flex;align-items:center;justify-content:center;gap:10px; }
    .pay-now-btn:hover { background:#008A44; }
    .pay-now-btn .mpesa-pill { background:rgba(255,255,255,.2);padding:3px 9px;border-radius:100px;font-size:.75rem; }
    .pay-now-btn:disabled { background:#aaa;cursor:not-allowed; }

    /* MODALS */
    .modal-overlay { display:none;position:fixed;inset:0;background:rgba(11,31,58,.7);z-index:500;align-items:center;justify-content:center;padding:20px; }
    .modal-overlay.open { display:flex; }
    .modal { background:var(--white);border-radius:20px;padding:40px;max-width:440px;width:100%;position:relative;animation:slideUp .3s ease; }
    @keyframes slideUp { from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)} }
    .modal-close { position:absolute;top:16px;right:20px;font-size:1.4rem;cursor:pointer;color:var(--slate);background:none;border:none;line-height:1; }
    .mpesa-logo { display:flex;align-items:center;gap:10px;margin-bottom:24px; }
    .mpesa-logo .m-icon { width:48px;height:48px;background:#00A550;border-radius:10px;display:flex;align-items:center;justify-content:center;color:white;font-weight:900;font-size:1rem; }
    .mpesa-logo h3 { font-family:'Syne',sans-serif;font-size:1.1rem;font-weight:800; }
    .mpesa-logo p { font-size:.8rem;color:var(--slate); }
    .mpesa-amount { background:var(--mist);border-radius:12px;padding:18px;text-align:center;margin-bottom:24px; }
    .mpesa-amount .amount { font-family:'Syne',sans-serif;font-size:2rem;font-weight:800;color:var(--navy); }
    .mpesa-amount .pkg { font-size:.82rem;color:var(--slate);margin-top:4px; }
    .mpesa-steps { margin-bottom:22px; }
    .mpesa-step { display:flex;gap:12px;align-items:flex-start;margin-bottom:12px; }
    .mpesa-step-num { width:26px;height:26px;border-radius:50%;background:var(--navy);color:var(--white);font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0; }
    .mpesa-step p { font-size:.85rem;color:var(--slate);line-height:1.5;padding-top:2px; }
    .mpesa-step strong { color:var(--navy); }
    .phone-input-wrap { margin-bottom:20px; }
    .phone-input-wrap label { font-size:.85rem;font-weight:600;color:var(--navy);display:block;margin-bottom:6px; }
    .phone-input-wrap input { border:1.5px solid #DDE3EC;border-radius:8px;padding:11px 14px;font-size:.92rem;font-family:inherit; }
    .pay-btn { width:100%;padding:15px;background:#00A550;color:white;font-weight:700;font-size:1rem;border:none;border-radius:10px;cursor:pointer;font-family:inherit;transition:background .2s; }
    .pay-btn:hover { background:#008A44; }
    .secure-note { text-align:center;font-size:.75rem;color:var(--slate);margin-top:12px; }
    .success-modal { display:none;position:fixed;inset:0;background:rgba(11,31,58,.7);z-index:600;align-items:center;justify-content:center;padding:20px; }
    .success-modal.open { display:flex; }
    .success-box { background:var(--white);border-radius:20px;padding:48px 40px;max-width:420px;width:100%;text-align:center;animation:slideUp .3s ease; }
    .success-icon { font-size:3.5rem;margin-bottom:16px; }
    .success-box h3 { font-family:'Syne',sans-serif;font-size:1.4rem;font-weight:800;margin-bottom:10px; }
    .success-box p { color:var(--slate);font-size:.9rem;line-height:1.7;margin-bottom:24px; }
    .ref-box { background:var(--mist);border-radius:10px;padding:14px;font-family:monospace;font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:20px; }
    .success-btn { background:var(--green);color:var(--navy);border:none;padding:13px 28px;border-radius:8px;font-weight:700;font-size:.92rem;cursor:pointer;font-family:inherit; }

    footer { background:var(--navy);color:rgba(255,255,255,.48);padding:56px 5% 28px; }
    .footer-inner { max-width:1200px;margin:auto; }
    .footer-top { display:grid;grid-template-columns:2fr 1fr 1fr;gap:56px;margin-bottom:44px; }
    .footer-brand p { font-size:.85rem;line-height:1.7;margin-top:10px;max-width:280px; }
    .footer-col h5 { font-family:'Syne',sans-serif;font-size:.8rem;font-weight:700;color:var(--white);text-transform:uppercase;letter-spacing:1px;margin-bottom:14px; }
    .footer-col ul { list-style:none; }
    .footer-col li { margin-bottom:9px; }
    .footer-col a { color:rgba(255,255,255,.48);text-decoration:none;font-size:.84rem;transition:color .2s; }
    .footer-col a:hover { color:var(--green); }
    .footer-bottom { border-top:1px solid rgba(255,255,255,.08);padding-top:22px;display:flex;justify-content:space-between;align-items:center;font-size:.78rem; }
    .footer-bottom a { color:rgba(255,255,255,.38);text-decoration:none; }

    @media(max-width:900px) {
      .hero-grid,.steps,.docs-grid,.pricing-grid,.agents-grid,.jobs-grid,.footer-top { grid-template-columns:1fr; }
      .stats-inner { grid-template-columns:repeat(2,1fr); }
      .form-row { grid-template-columns:1fr; }
      nav ul { display:none; }
    }
    
.form-container{
    max-width:1000px;
    margin:30px auto;
    background:#fff;
    padding:30px;
    border-radius:10px;
    box-shadow:0 0 15px rgba(0,0,0,.08);
}

.step{
    display:none;
}

.step.active{
    display:block;
}

.progress{
    height:25px;
}

.step-title{
    color:#0d6efd;
    margin-bottom:20px;
}

.dashboard-card{
    border-left-width:5px;
    transition:.3s;
    box-shadow:0 2px 10px rgba(0,0,0,.08);
}

.dashboard-card:hover{
    transform:translateY(-3px);
}

.dashboard-card h2{
    font-size:32px;
    font-weight:700;
}

.sidebar{

    min-height:100vh;
    background:#002b5c;
    color:white;

}


.sidebar a{

    color:white;
    text-decoration:none;
    display:block;
    padding:12px 20px;

}


.sidebar a:hover{

    background:#004080;

}


.dashboard-card{

    border-radius:10px;
    box-shadow:0 4px 12px rgba(0,0,0,.08);

}


.card-icon{

    font-size:35px;

}


.table td{

    vertical-align:middle;

}

.sidebar{

    min-height:100vh;
    background:#002b5c;

}


.sidebar a{

    color:white;
    text-decoration:none;
    display:block;
    padding:12px 20px;

}


.sidebar a:hover{

    background:#004080;

}


.settings-card{

    border-radius:10px;
    box-shadow:0 3px 10px rgba(0,0,0,.08);

}


.section-title{

    color:#003366;
    font-weight:600;

}

/* Center the loader on the screen */
#loaderContainer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

/* Hide utility class */
.hidden {
  display: none !important;
}

/* Animated spinner circle */
.spinner {
  width: 50px;
  height: 50px;
  border: 5px solid #f3f3f3;
  border-top: 5px solid #3498db;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#inlineblock{display:inline-block;}