/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */

/* Custom CSS for Nexus Cart
 *
 * This block allows you to customize theme colors and styles for the entire Nexus Cart template.
 *
 * To customize colors:
 * - Replace the var() references with your own hex colors or other CSS values.
 * - For example, instead of --primary: #4b5563; use --primary: #your-color;
 * - You can also override any CSS properties here.
 */

html {
    font-size: 14px;
}

/* =====================================================
   CheapWebHosting.Company brand layer
   Visual-only overrides: Antler navigation logic is kept intact.
===================================================== */
:root {
    --cwh-navy: #071827;
    --cwh-navy-2: #0d2b40;
    --cwh-navy-3: #123b57;
    --cwh-cyan: #25c4f4;
    --cwh-cyan-dark: #0c91c5;
    --cwh-yellow: #ffd83d;
    --cwh-green: #24c990;
    --cwh-bg: #f2f7fb;
    --cwh-card: #ffffff;
    --cwh-ink: #14273d;
    --cwh-muted: #667b8e;
    --cwh-line: #dce8f1;
    --primary: var(--cwh-cyan);
    --primary-lifted: #11acd9;
    --primary-accented: var(--cwh-cyan-dark);
    --secondary: var(--cwh-navy-2);
    --secondary-lifted: var(--cwh-navy-3);
    --secondary-accented: var(--cwh-navy);
    --success: var(--cwh-green);
    --info: var(--cwh-cyan-dark);
    --warning: #f0ad19;
    --text: var(--cwh-ink);
    --text-lifted: var(--cwh-muted);
    --text-accented: #405b70;
    --border: var(--cwh-line);
    --bg-muted: var(--cwh-bg);
    --bg-inverted: var(--cwh-navy);
    --rounding-md: .65rem;
    --rounding-lg: .95rem;
}

html { font-size: 16px; }
body {
    color: var(--cwh-ink);
    background: var(--cwh-bg);
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.65;
}

body .bg-colorstyle,
body .content,
body .inner-content,
body .main-body { background-color: var(--cwh-bg); }

/* Standalone WHMCS shell used when legacy Antler header helpers are incompatible. */
.cwh-whmcs-body{margin:0;color:#20384b;background:#f4f8fb;font-family:"Open Sans",Arial,sans-serif;font-size:15px;line-height:1.65}
.cwh-whmcs-header{position:relative;z-index:1000}
.cwh-client-main{min-height:520px;padding:55px 0 70px;background:#f4f8fb}
.cwh-client-main>.container,.cwh-client-main>.container-fluid{position:relative}
.cwh-client-hero{padding:54px 0;color:#fff;background:radial-gradient(circle at 82% 18%,rgba(56,211,250,.18),transparent 28%),linear-gradient(120deg,#071827,#164563)}
.cwh-client-eyebrow{display:block;margin-bottom:10px;color:#58d7f6;font-size:11px;font-weight:900;letter-spacing:1.4px}
.cwh-client-hero h1{margin:0;color:#fff;font-size:38px;font-weight:800;line-height:1.15}
.cwh-client-hero p{max-width:660px;margin:12px 0 0;color:#c2d4df;font-size:16px}
.cwh-client-main .card,.cwh-client-main .panel{border:1px solid #dce7ee;border-radius:14px;background:#fff;box-shadow:0 12px 34px rgba(10,40,61,.08)}
.cwh-client-main .btn-primary{border-color:#0b9ed0;color:#fff;background:#0b9ed0}
.cwh-client-main .btn-primary:hover{border-color:#087ea7;background:#087ea7}
@media(max-width:767px){.cwh-client-main{padding:34px 0 45px}.cwh-client-hero{padding:38px 0}.cwh-client-hero h1{font-size:29px}}

/* Brand logo */
.cwh-brand-logo,
.logo-menu.cwh-brand-logo {
    width: 285px !important;
    max-width: 100%;
    height: 58px !important;
    object-fit: contain;
    object-position: left center;
}
.logo-footer.cwh-brand-logo {
    width: 270px !important;
    max-width: 100%;
    height: 64px !important;
    object-fit: contain;
    object-position: left center;
}

/* Existing Antler menu, restyled only */
.infonews {
    color: #a9bfcd;
    background: #061621 !important;
    border-bottom: 1px solid rgba(255,255,255,.07);
}
.infonews .badge { color: #062237; background: var(--cwh-cyan) !important; }
.infonews a,
.infonews .iconews { color: #c5d6df !important; }
.infonews .iconews:hover { color: var(--cwh-yellow) !important; }
.menu-wrap {
    background: linear-gradient(120deg, var(--cwh-navy), var(--cwh-navy-2)) !important;
    box-shadow: 0 12px 30px rgba(4,20,32,.18);
}
.nav-menu { min-height: 88px; }
.nav-menu .main-menu > li > a,
.nav-menu .v-stroke { color: #e8f0f5 !important; font-size: 15px; font-weight: 700; }
.nav-menu .main-menu > li > a:hover,
.nav-menu .main-menu > li:hover > a { color: var(--cwh-yellow) !important; }
.nav-menu .sub-menu {
    border: 1px solid var(--cwh-line);
    border-radius: 14px;
    background: #fff !important;
    box-shadow: 0 22px 50px rgba(7,24,39,.23);
}
.nav-menu .sub-menu a,
.nav-menu .sub-menu .menu-item,
.nav-menu .sub-menu .mergecolor { color: #203b50 !important; }
.nav-menu .sub-menu a:hover { color: var(--cwh-cyan-dark) !important; }
.bg-pink,
.badge.bg-pink,
.btn-default-pink-fill { color: #092438 !important; background: var(--cwh-yellow) !important; }
.bg-purple,
.badge.bg-purple { color: #072136 !important; background: var(--cwh-cyan) !important; }
.menu-toggle .icon { background: #fff !important; }

/* Page banner */
.top-header {
    min-height: 265px;
    background:
        radial-gradient(circle at 83% 18%, rgba(37,196,244,.22), transparent 28%),
        linear-gradient(125deg, var(--cwh-navy), #123d59) !important;
}
.top-header.overlay:before { background: rgba(4,20,32,.14) !important; }
.top-header .heading { color: #fff !important; font-size: clamp(34px,4vw,54px); font-weight: 800; letter-spacing: -.8px; }
.top-header .subheading { color: #b9ced9 !important; font-size: 18px; font-weight: 400; }

/* Client area surfaces */
.wrapper.sec-normal { padding-top: 60px; padding-bottom: 70px; }
.panel,
.card,
.list-group,
.table-container,
.dataTables_wrapper,
.domain-renewals,
.client-home-panels .panel {
    overflow: hidden;
    border: 1px solid var(--cwh-line) !important;
    border-radius: 15px !important;
    background: var(--cwh-card) !important;
    box-shadow: 0 13px 34px rgba(12,39,63,.07) !important;
}
.panel-heading,
.card-header {
    padding: 18px 21px !important;
    border-bottom: 1px solid var(--cwh-line) !important;
    color: #16354b !important;
    background: #f8fbfd !important;
    font-size: 17px;
    font-weight: 800;
}
.panel-body,
.card-body { padding: 23px !important; }
.main-content h1,
.main-content h2,
.main-content h3,
.main-content h4,
.main-content h5 { color: #102b40; font-weight: 750; }
.main-content p,
.main-content li,
.main-content label,
.main-content td { font-size: 15px; }
.text-muted,
.seccolor { color: var(--cwh-muted) !important; }

/* Buttons and controls */
.btn {
    min-height: 44px;
    padding: 10px 19px;
    border-radius: 9px !important;
    font-size: 14px;
    font-weight: 800;
    box-shadow: none !important;
}
.btn-primary,
.btn-success,
.btn-info,
.btn-default-yellow-fill,
.btn-default-pink-fill {
    border-color: var(--cwh-cyan) !important;
    color: #082236 !important;
    background: var(--cwh-cyan) !important;
}
.btn-primary:hover,
.btn-success:hover,
.btn-info:hover,
.btn-default-yellow-fill:hover,
.btn-default-pink-fill:hover {
    border-color: var(--cwh-yellow) !important;
    background: var(--cwh-yellow) !important;
}
.btn-warning,
.btn-default-fill {
    border-color: var(--cwh-yellow) !important;
    color: #132b3c !important;
    background: var(--cwh-yellow) !important;
}
.form-control,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
select,
textarea {
    min-height: 46px;
    border: 1px solid #cadbe6 !important;
    border-radius: 9px !important;
    color: var(--cwh-ink);
    background: #fff;
    box-shadow: none !important;
    font-size: 15px;
}
.form-control:focus,
input:focus,
select:focus,
textarea:focus {
    border-color: var(--cwh-cyan) !important;
    box-shadow: 0 0 0 3px rgba(37,196,244,.15) !important;
}

/* Tables and alerts */
.table > thead > tr > th {
    padding: 14px 16px !important;
    border-color: #183f59 !important;
    color: #fff !important;
    background: var(--cwh-navy-2) !important;
    font-size: 13px;
}
.table > tbody > tr > td {
    padding: 14px 16px !important;
    border-color: #e4edf3 !important;
    color: #4c6578;
}
.table > tbody > tr:hover { background: #f2fbfe; }
.alert { border: 0 !important; border-radius: 11px !important; }
.alert-info { color: #07516d; background: #dff7ff; }
.alert-success { color: #087250; background: #ddf8ef; }
.alert-warning { color: #735a00; background: #fff6cf; }
.badge { border-radius: 6px; }
.label-primary,
.status-active { color: #07516d !important; background: #dff7ff !important; }

/* Sidebar and pagination */
.sidebar .panel,
.sidebar .list-group { border-radius: 13px !important; }
.list-group-item { padding: 13px 16px; border-color: #e6eef3 !important; color: #405a6e; }
.list-group-item.active,
.list-group-item.active:hover {
    border-color: var(--cwh-cyan) !important;
    color: #082236 !important;
    background: var(--cwh-cyan) !important;
}
.pagination > li > a,
.pagination > li > span { color: #24526c; border-color: var(--cwh-line); }
.pagination > .active > a,
.pagination > .active > span { color: #082236; border-color: var(--cwh-cyan); background: var(--cwh-cyan); }

/* Login, registration and checkout */
.logincontainer,
.wdes-account-page .main-content,
#registration {
    border: 1px solid var(--cwh-line);
    border-radius: 17px;
    background: #fff;
    box-shadow: 0 18px 45px rgba(8,33,52,.1);
}
.logincontainer { padding: 34px !important; }
.order-summary,
.view-cart-tabs,
.product-info,
.product {
    border-radius: 14px !important;
    box-shadow: 0 12px 30px rgba(12,39,63,.07) !important;
}

/* Footer */
#footer.footer {
    color: #91a8b7;
    background:
        radial-gradient(circle at 82% 4%, rgba(37,196,244,.1), transparent 31%),
        var(--cwh-navy) !important;
}
#footer .heading { color: #fff !important; font-size: 17px; font-weight: 800; }
#footer a { color: #9cb1bf !important; }
#footer a:hover { color: var(--cwh-cyan) !important; }
#footer .subcribe.news { background: #0d2a3c !important; }
#footer .footer-bottom { border-top: 1px solid rgba(255,255,255,.09); background: #06141f !important; }
#footer .payment-list i { color: #d1dce2; font-size: 26px; }
#footer .copyright,
#footer p { color: #829aaa; }
#footer .logo-bg { opacity: .025; }

/* Loading indicator */
#spinner-area { background: var(--cwh-navy) !important; }
.double-bounce1,
.double-bounce2 { background: var(--cwh-cyan) !important; }
.spinner-txt { color: #fff !important; font-weight: 700; }

@media (max-width: 991px) {
    .cwh-brand-logo,
    .logo-menu.cwh-brand-logo { width: 235px !important; height: 52px !important; }
    .nav-menu { min-height: 76px; }
    .nav-menu .navigation { background: var(--cwh-navy-2); }
    .nav-menu .main-menu > li > a { color: #fff !important; }
    .top-header { min-height: 220px; }
}
@media (max-width: 575px) {
    html { font-size: 15px; }
    .wrapper.sec-normal { padding-top: 38px; padding-bottom: 48px; }
    .panel-body,
    .card-body { padding: 18px !important; }
    .top-header .heading { font-size: 32px; }
    .top-header .subheading { font-size: 16px; }
    .logo-footer.cwh-brand-logo { width: 235px !important; }
}

:root {
    --white: #fff;

    /* Neutral shades */
    --neutral-50: #fbf9fa;
    --neutral-100: #f4f5f7;
    --neutral-200: #e4e4e7;
    --neutral-300: #d0d5dd;
    --neutral-400: #9ca3af;
    --neutral-500: #6b7280;
    --neutral-600: #4b5563;
    --neutral-700: #374151;
    --neutral-800: #1f2937;
    --neutral-900: #111827;
    --neutral-950: #030712;

    /* Neutral shades */
    /* define own pallet with brand colors */
    --primary-50: var(--neutral-50);
    --primary-100: var(--neutral-100);
    --primary-200: var(--neutral-200);
    --primary-300: var(--neutral-300);
    --primary-400: var(--neutral-400);
    --primary-500: var(--neutral-500);
    --primary-600: var(--neutral-600);
    --primary-700: var(--neutral-700);
    --primary-800: var(--neutral-800);
    --primary-900: var(--neutral-900);
    --primary-950: var(--neutral-900);

    /* Primary colors */
    /* Use shades from comments if `primary` colors use other colors, then neutral */
    --primary: var(--neutral-900);          /* var(--primary-600) */
    --primary-lifted: var(--neutral-800);   /* var(--primary-700) */
    --primary-accented: var(--neutral-700); /* var(--primary-800) */

    /* Secondary colors */
    --secondary: var(--neutral-500);
    --secondary-lifted: var(--neutral-600);
    --secondary-accented: var(--neutral-700);

    /* Success colors */
    --success: #00a63e;
    --success-lifted: #008236;
    --success-accented: #016630;

    /* Info colors */
    --info: #155dfc;
    --info-lifted: #1447e6;
    --info-accented: #193cb8;

    /* Notice colors */
    --notice: #7f22fe;
    --notice-lifted: #7008e7;
    --notice-accented: #5d0ec0;

    /* Warning colors */
    --warning: #f54a00;
    --warning-lifted: #ca3500;
    --warning-accented: #9f2d00;

    /* Error colors */
    --error: #e7000b;
    --error-lifted: #c10007;
    --error-accented: #9f0712;

    /* Grayscale colors */
    --grayscale: var(--neutral-900);
    --grayscale-lifted: var(--neutral-800);
    --grayscale-accented: var(--neutral-700);

    /* Neutral colors */
    --neutral: var(--neutral-500);
    --neutral-lifted: var(--neutral-600);
    --neutral-accented: var(--neutral-700);

    /* Text neutral colors */
    --text-inverted: var(--white);
    --text-muted: var(--neutral-400);
    --text-lifted: var(--neutral-500);
    --text-accented: var(--neutral-600);
    --text: var(--neutral-900);

    /* Border neutral colors */
    --border-muted: var(--neutral-200);
    --border: var(--neutral-300);
    --border-lifted: var(--neutral-400);
    --border-accented: var(--neutral-600);

    /* Background neutral colors */
    --bg: var(--white);
    --bg-muted: var(--neutral-50);
    --bg-lifted: var(--neutral-100);
    --bg-accented: var(--neutral-200);
    --bg-inverted: var(--neutral-900);

    /* Additional colors */
    --yellow-200: #fff085;
    --yellow-300: #ffdf20;
    --teal-300: #46edd5;
    --teal-400: #00d5be;
    --emerald-300: #5ee9b5;
    --pink-400: #fb64b6;

    /* Additional custom properties */
    /* Font sizes */
    --text-xs: 0.625rem;
    --text-sm: 0.75rem;
    --text-md: 0.875rem;
    --text-lg: 1rem;

    /* Spacing */
    --outline-sm: 1px;
    --outline-md: 2px;
    --outline-lg: 3px;

    /* Rounding */
    --rounding-sm: 0.25rem;
    --rounding-md: 0.5rem;
    --rounding-lg: 0.75rem;

    /* Other */
    --letter-spacing: 0em;
    --disabled-opacity: 25%;
}

/* Keep the brand palette authoritative for newer WHMCS cart components. */
:root {
    --primary: #25c4f4;
    --primary-lifted: #11acd9;
    --primary-accented: #0c91c5;
    --secondary: #0d2b40;
    --secondary-lifted: #123b57;
    --secondary-accented: #071827;
    --success: #24c990;
    --info: #0c91c5;
    --text: #14273d;
    --text-lifted: #667b8e;
    --border: #dce8f1;
    --bg-muted: #f2f7fb;
    --bg-inverted: #071827;
}

/* Main website header and footer shared with WHMCS */
.cwh-w-status{color:#a9bfcd;background:#061621;border-bottom:1px solid rgba(255,255,255,.07)}
.cwh-w-status-inner,.cwh-w-status-inner>div,.cwh-w-status a{display:flex;align-items:center}
.cwh-w-status-inner{justify-content:space-between;min-height:38px}
.cwh-w-status a{gap:8px;color:#b8cbd7;font-size:12px}
.cwh-w-status a>i:first-child{width:8px;height:8px;border-radius:50%;background:#24c990;box-shadow:0 0 0 4px rgba(36,201,144,.14)}
.cwh-w-status a span{color:#7893a5}
.cwh-w-tools{display:flex;align-items:center;gap:8px}
.cwh-w-tool-drop{position:relative}
.cwh-w-tool-drop>button{display:flex;align-items:center;gap:6px;padding:7px 9px;border:0;color:#bdd0db;background:transparent;font-size:11px}
.cwh-w-tool-drop>div{position:absolute;z-index:120;top:100%;right:0;display:none;min-width:175px;max-height:310px;overflow:auto;padding:8px;border-radius:10px;background:#fff;box-shadow:0 15px 35px rgba(0,0,0,.2)}
.cwh-w-tool-drop:hover>div,.cwh-w-tool-drop:focus-within>div{display:grid}
.cwh-w-tool-drop>div a{padding:8px 9px;border-radius:6px;color:#203b50;font-size:11px}
.cwh-w-tool-drop>div a:hover{background:#edf8fc}
.cwh-w-cart{position:relative;justify-content:center!important;width:38px;height:38px;color:#fff!important}
.cwh-w-cart span{position:absolute;top:1px;right:0;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;color:#0a2234!important;background:#ffd83d;font-size:9px;font-weight:900}

.cwh-w-header{position:relative;z-index:100;color:#fff;background:linear-gradient(120deg,#071827,#143447);box-shadow:0 10px 28px rgba(6,18,28,.16)}
.cwh-w-header-inner{display:flex;align-items:center;min-height:82px;gap:22px}
.cwh-w-logo{display:block;flex:0 0 285px}
.cwh-w-logo img{display:block;width:100%;height:60px;object-fit:contain;object-position:left center}
.cwh-w-nav{display:flex;align-items:center;margin-left:auto}
.cwh-w-drop{position:relative}
.cwh-w-drop>a{display:flex;align-items:center;gap:7px;min-height:82px;padding:0 12px;color:#e0e9ee!important;font-size:13px;font-weight:700}
.cwh-w-drop>a:hover{color:#ffd83d!important}
.cwh-w-drop>a>i{font-size:9px}
.cwh-w-drop>div{position:absolute;top:70px;left:0;display:grid;width:300px;padding:12px;border:1px solid #dce8f1;border-radius:14px;background:#fff;box-shadow:0 22px 48px rgba(7,27,42,.23);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}
.cwh-w-drop:hover>div,.cwh-w-drop:focus-within>div{opacity:1;visibility:visible;transform:none}
.cwh-w-drop>div>a{display:flex;align-items:center;gap:12px;padding:11px;border-radius:10px;color:#1d394e!important}
.cwh-w-drop>div>a:hover{background:#edf8fc}
.cwh-w-drop>div>a>i{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:10px;color:#fff;background:linear-gradient(135deg,#178ecc,#39d3fa)}
.cwh-w-drop b,.cwh-w-drop small{display:block}
.cwh-w-drop b{font-size:13px;color:#1d394e}
.cwh-w-drop small{margin-top:2px;color:#748899;font-size:10px}
.cwh-w-divider{display:block!important;height:1px;margin:6px 8px;background:#e3ebf1}
.cwh-w-client{display:flex;align-items:center;gap:7px;padding:12px 15px;border-radius:9px;color:#092438!important;background:#ffd83d;font-size:11px;font-weight:900;text-transform:uppercase}
.cwh-w-toggle{display:none;width:43px;height:43px;border:1px solid rgba(255,255,255,.18);border-radius:9px;color:#fff;background:rgba(255,255,255,.06)}

.cwh-w-account{position:relative;flex:0 0 auto}
.cwh-w-account>button{display:flex;align-items:center;gap:10px;padding:7px 9px;border:1px solid rgba(255,255,255,.14);border-radius:11px;color:#fff;background:rgba(255,255,255,.06);text-align:left}
.cwh-w-account>button>img{width:38px;height:38px;border:2px solid rgba(255,255,255,.7);border-radius:50%;object-fit:cover}
.cwh-w-account>button span{display:block;max-width:125px}
.cwh-w-account>button small,.cwh-w-account>button b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cwh-w-account>button small{color:#8fa8b7;font-size:9px;text-transform:uppercase;letter-spacing:.5px}
.cwh-w-account>button b{color:#fff;font-size:12px}
.cwh-w-account>button>i{color:#8fa8b7;font-size:9px}
.cwh-w-account>div{position:absolute;z-index:125;top:calc(100% + 10px);right:0;display:grid;width:275px;padding:10px;border:1px solid #dce8f1;border-radius:14px;background:#fff;box-shadow:0 22px 48px rgba(7,27,42,.25);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}
.cwh-w-account:hover>div,.cwh-w-account:focus-within>div{opacity:1;visibility:visible;transform:none}
.cwh-w-account>div>a{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:8px;color:#274359!important;font-size:12px;font-weight:700}
.cwh-w-account>div>a:hover{color:#092438!important;background:#edf8fc}
.cwh-w-account>div>a>i{width:18px;color:#159bc9;text-align:center}
.cwh-w-account-head{display:flex;align-items:center;gap:11px;margin-bottom:7px;padding:6px 8px 12px;border-bottom:1px solid #e5edf2}
.cwh-w-account-head img{width:46px;height:46px;border-radius:50%;object-fit:cover}
.cwh-w-account-head b,.cwh-w-account-head small{display:block}
.cwh-w-account-head b{color:#153149;font-size:13px}
.cwh-w-account-head small{overflow:hidden;max-width:178px;color:#718697;font-size:10px;text-overflow:ellipsis}
.cwh-w-account>div>a.cwh-w-logout,.cwh-w-account>div>a.cwh-w-logout>i{color:#d94554!important}

.cwh-w-footer{padding-top:55px;color:#9db0bd;background:radial-gradient(circle at 80% 0,rgba(45,198,240,.09),transparent 34%),#071722}
.cwh-w-help{display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:20px;margin-bottom:55px;padding:27px 31px;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:#102c3d}
.cwh-w-help>i{display:grid;place-items:center;width:54px;height:54px;border-radius:13px;color:#082236;background:#52d8fb;font-size:24px}
.cwh-w-help span{color:#50d5f7;font-size:10px;font-weight:900;letter-spacing:1.2px}
.cwh-w-help h2{margin:5px 0;color:#fff;font-size:23px}
.cwh-w-help p{margin:0;color:#9db0bd;font-size:13px}
.cwh-w-help-actions{display:flex;align-items:center;gap:9px}
.cwh-w-help-actions>a{display:inline-flex;align-items:center;gap:7px;padding:13px 17px;border-radius:8px;color:#0a2437!important;background:#ffd83d;font-size:12px;font-weight:900}
.cwh-w-help-actions>a:last-child{color:#d6e5ed!important;background:rgba(255,255,255,.08)}
.cwh-w-footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:45px;padding-bottom:45px}
.cwh-w-footer-grid h3{margin:0 0 18px;color:#fff;font-size:15px}
.cwh-w-footer-grid>div>a{display:block;margin:10px 0;color:#9db0bd!important;font-size:12px}
.cwh-w-footer-brand img{width:260px;max-width:100%;height:62px;object-fit:contain;object-position:left center}
.cwh-w-footer-brand p{max-width:330px;color:#879eac;font-size:13px;line-height:1.7}
.cwh-w-footer-status{display:flex;align-items:center;gap:8px;margin-top:17px;color:#a8bdca;font-size:11px}
.cwh-w-footer-status>i{width:8px;height:8px;border-radius:50%;background:#24c990;box-shadow:0 0 0 4px rgba(36,201,144,.12)}
.cwh-w-footer-status a{margin-left:5px!important;color:#55d7f7!important}
.cwh-w-footer-email{display:flex!important;align-items:center;gap:8px;color:#c6d5de!important}
.cwh-w-footer-trust{display:flex;align-items:center;gap:28px;padding:19px 0;border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09)}
.cwh-w-footer-trust>div:not(.cwh-w-payments){display:flex;align-items:center;gap:9px;white-space:nowrap}
.cwh-w-footer-trust>div:not(.cwh-w-payments)>i{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;color:#55d7f7;background:rgba(85,215,247,.1)}
.cwh-w-footer-trust b,.cwh-w-footer-trust span{display:block}
.cwh-w-footer-trust b{color:#d7e3e9;font-size:11px}
.cwh-w-footer-trust span{color:#738d9d;font-size:9px}
.cwh-w-payments{display:flex;align-items:center;justify-content:flex-end;gap:11px;flex:1;margin-left:auto}
.cwh-w-payments>span{margin-right:auto;color:#859ba9;font-size:11px;text-transform:uppercase;letter-spacing:.8px}
.cwh-w-payments i{color:#d0d8dd;font-size:25px}
.cwh-w-copyright{display:flex;align-items:center;justify-content:space-between;padding:20px 0;color:#79909e;font-size:11px}
.cwh-w-copyright a{margin-left:18px;color:#8ca0ad!important}

@media(max-width:1250px){.cwh-w-header-inner{gap:12px}.cwh-w-logo{flex-basis:230px}.cwh-w-drop>a{padding-right:8px;padding-left:8px}.cwh-w-account>button span{display:none}}
@media(max-width:900px){
  .cwh-w-header-inner{flex-wrap:wrap;padding:10px 15px}.cwh-w-logo{flex:0 0 225px}.cwh-w-toggle{display:block;margin-left:auto}.cwh-w-client{margin-left:0}
  .cwh-w-nav{display:none;flex:0 0 100%;align-items:stretch;flex-direction:column;margin:0}.cwh-w-nav.is-open{display:flex}.cwh-w-drop>a{min-height:48px;border-top:1px solid rgba(255,255,255,.08)}
  .cwh-w-drop>div{position:static;display:none;width:100%;opacity:1;visibility:visible;transform:none}.cwh-w-drop:focus-within>div,.cwh-w-drop:hover>div{display:grid}
  .cwh-w-account>button{width:43px;height:43px;padding:2px}.cwh-w-account>button>img{width:37px;height:37px}.cwh-w-account>button>i{display:none}
  .cwh-w-footer-grid{grid-template-columns:1fr 1fr}.cwh-w-footer-brand{grid-column:1/-1}.cwh-w-help{grid-template-columns:55px 1fr}.cwh-w-help-actions{grid-column:2;flex-wrap:wrap}.cwh-w-footer-trust{align-items:flex-start;flex-wrap:wrap}.cwh-w-footer-trust .cwh-w-payments{flex:0 0 100%;margin:0}
}
@media(max-width:600px){
  .cwh-w-status-inner{padding-right:12px;padding-left:12px}.cwh-w-status-inner>a span,.cwh-w-status-inner>a b,.cwh-w-tool-drop button span{display:none}
  .cwh-w-logo{flex:1 1 170px;max-width:205px}.cwh-w-account>div{position:fixed;top:92px;right:12px;left:12px;width:auto}
  .cwh-w-footer-grid{grid-template-columns:1fr}.cwh-w-footer-brand{grid-column:auto}.cwh-w-help{grid-template-columns:1fr}.cwh-w-help-actions{grid-column:auto}
  .cwh-w-footer-trust>div:not(.cwh-w-payments){flex:1 1 140px}.cwh-w-footer-trust .cwh-w-payments{display:flex;flex-wrap:wrap;justify-content:flex-start}
  .cwh-w-copyright{align-items:flex-start;flex-direction:column;gap:10px}.cwh-w-copyright a{margin:0 14px 0 0}
}
