/* ============================================================
   ELLOHOST SHELL pour WHMCS Six
   Chargé APRÈS all.min.css → écrase les styles WHMCS d'origine
   ============================================================ */

:root {
    --ello-rose: #E91E63;
    --ello-rose2: #C2185B;
    --ello-rose-light: rgba(233,30,99,0.08);
    --ello-rose-glow: rgba(233,30,99,0.18);
    --ello-white-bg: #FFFFFF;
    --ello-grey-bg: #F8F9FB;
    --ello-text-strong: #111827;
    --ello-text-light: #6B7280;
    --ello-text: #374151;
    --ello-jaune: #D97706;
    --ello-border: rgba(17,24,39,0.08);
    --ello-border-rose: rgba(233,30,99,0.22);
    --ello-radius: 12px;
    --ello-radius-lg: 20px;
    --ello-transition: 0.25s cubic-bezier(0.4,0,0.2,1);
}

/* ============================================================
   BASE — police globale + padding-top pour header fixed
   ============================================================ */
body {
    font-family: 'Inter', 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
    color: var(--ello-text);
}

/* Force Inter sur tous les éléments WHMCS */
body.has-ello-shell,
body.has-ello-shell h1,
body.has-ello-shell h2,
body.has-ello-shell h3,
body.has-ello-shell h4,
body.has-ello-shell h5,
body.has-ello-shell h6,
body.has-ello-shell .panel-title,
body.has-ello-shell .nav,
body.has-ello-shell .navbar,
body.has-ello-shell .btn,
body.has-ello-shell input,
body.has-ello-shell select,
body.has-ello-shell textarea,
body.has-ello-shell .form-control,
body.has-ello-shell table,
body.has-ello-shell p,
body.has-ello-shell label {
    font-family: 'Inter', 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

body.has-ello-shell {
    padding-top: 72px !important;
    background: linear-gradient(180deg, #FAFAFC 0%, #F8F9FB 100%) !important;
}

/* Mobile : header + breadcrumb prennent plus de place */
@media (max-width: 768px) {
    body.has-ello-shell {
        padding-top: 72px !important;
    }
    /* Espace pour que le H1 de la page ne soit pas caché par le header */
    body.has-ello-shell section#main-body {
        padding-top: 20px !important;
    }
}

/* ============================================================
   1. HEADER ELLOHOST — fixed, blanc translucide, 72px
   ============================================================ */
body.has-ello-shell section#header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1030 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: rgba(255,255,255,0.92) !important;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(17,24,39,0.06) !important;
    border-radius: 0 !important;
    transition: background 0.3s ease, box-shadow 0.3s ease;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}
body.has-ello-shell section#header.scrolled {
    background: rgba(255,255,255,0.98) !important;
    box-shadow: 0 4px 30px rgba(233,30,99,0.08);
    border-bottom-color: rgba(233,30,99,0.10) !important;
}

body.has-ello-shell section#header *,
body.has-ello-shell section#header *::before,
body.has-ello-shell section#header *::after {
    box-sizing: border-box;
}

body.has-ello-shell section#header .nav-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 1.5rem;
    height: 72px;
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

/* ---- LOGO ---- */
body.has-ello-shell section#header .nav-logo {
    display: inline-flex !important;
    align-items: center !important;
    text-decoration: none !important;
    flex-shrink: 0 !important;
    max-width: 220px !important;
    max-height: 60px !important;
    overflow: hidden !important;
    line-height: 0 !important;
    padding: 0 !important;
}
body.has-ello-shell section#header .nav-logo .custom-logo,
body.has-ello-shell section#header .nav-logo img {
    width: auto !important;
    height: auto !important;
    max-width: 200px !important;
    max-height: 50px !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: middle !important;
}
@media (max-width: 600px) {
    body.has-ello-shell section#header .nav-logo .custom-logo,
    body.has-ello-shell section#header .nav-logo img {
        max-width: 150px !important;
        max-height: 42px !important;
    }
}

body.has-ello-shell section#header .site-logo-text {
    display: inline-flex;
    align-items: center;
    font-family: 'Inter', sans-serif;
    font-size: 1.35rem;
    font-weight: 800;
    text-decoration: none;
    line-height: 1;
    letter-spacing: -0.02em;
}
body.has-ello-shell section#header .logo-ello { color: var(--ello-rose); }
body.has-ello-shell section#header .logo-host { color: var(--ello-text-strong); }

/* ---- NAV MENU (UL) ---- */
body.has-ello-shell section#header ul.nav-menu,
body.has-ello-shell section#header .nav-menu {
    display: flex !important;
    align-items: center !important;
    gap: 0.25rem !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 1 !important;
}

body.has-ello-shell section#header .nav-item,
body.has-ello-shell section#header li.nav-item {
    position: relative !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    background: transparent !important;
}
body.has-ello-shell section#header .nav-item::before,
body.has-ello-shell section#header .nav-item::marker {
    content: none !important;
    display: none !important;
}

body.has-ello-shell section#header .has-mega::after {
    content: '';
    position: absolute;
    top: 100%;
    left: -8px;
    right: -8px;
    height: 12px;
    z-index: 199;
}

body.has-ello-shell section#header .nav-link {
    display: flex !important;
    align-items: center;
    gap: 0.3rem;
    padding: 0.5rem 0.75rem !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
    color: var(--ello-text) !important;
    border-radius: 8px !important;
    transition: all var(--ello-transition);
    white-space: nowrap;
    text-decoration: none !important;
    line-height: 1.5;
    background: transparent !important;
}
body.has-ello-shell section#header .nav-link:hover,
body.has-ello-shell section#header .nav-link:focus {
    color: var(--ello-text-strong) !important;
    background: rgba(26,26,46,0.05) !important;
    text-decoration: none !important;
}
body.has-ello-shell section#header .nav-arrow {
    transition: transform var(--ello-transition);
    flex-shrink: 0;
}
body.has-ello-shell section#header .has-mega:hover .nav-arrow {
    transform: rotate(180deg);
}

body.has-ello-shell section#header .nav-link-highlight {
    color: var(--ello-rose) !important;
    font-weight: 700 !important;
}
body.has-ello-shell section#header .nav-link-highlight:hover {
    background: var(--ello-rose-light) !important;
}

body.has-ello-shell section#header .nav-link-cta {
    color: var(--ello-rose) !important;
    font-weight: 700 !important;
}

/* ---- MEGA MENU ---- */
body.has-ello-shell section#header .mega-panel {
    position: absolute;
    top: calc(100% + 12px);
    left: 50%;
    transform: translateX(-50%) translateY(8px);
    background: #FFFFFF;
    border: 1px solid var(--ello-border);
    border-radius: var(--ello-radius-lg);
    box-shadow: 0 20px 60px rgba(26,26,46,0.12);
    min-width: 480px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease, transform 0.2s ease;
    z-index: 200;
}
body.has-ello-shell section#header .mega-panel::before {
    content: '';
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 16px;
    height: 8px;
    background: #FFFFFF;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
body.has-ello-shell section#header .has-mega:hover .mega-panel,
body.has-ello-shell section#header .has-mega:focus-within .mega-panel {
    opacity: 1;
    pointer-events: all;
    transform: translateX(-50%) translateY(0);
}

body.has-ello-shell section#header .mega-inner {
    display: flex !important;
    gap: 0;
    padding: 1.5rem;
}

body.has-ello-shell section#header .mega-col {
    flex: 1;
    min-width: 180px;
}
body.has-ello-shell section#header .mega-col + .mega-col {
    border-left: 1px solid var(--ello-border);
    padding-left: 1.25rem;
    margin-left: 1.25rem;
}

body.has-ello-shell section#header .mega-heading {
    font-size: 0.7rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.12em !important;
    color: var(--ello-text-light) !important;
    margin: 0 0 0.75rem !important;
    padding: 0 !important;
}

body.has-ello-shell section#header .mega-link {
    display: flex !important;
    align-items: center;
    gap: 0.75rem;
    padding: 0.6rem 0.5rem !important;
    border-radius: 8px;
    transition: background var(--ello-transition);
    text-decoration: none !important;
    cursor: pointer;
    color: var(--ello-text) !important;
}
body.has-ello-shell section#header .mega-link:hover,
body.has-ello-shell section#header .mega-link:focus {
    background: rgba(26,26,46,0.04);
    text-decoration: none !important;
    color: var(--ello-text) !important;
}
body.has-ello-shell section#header .mega-link strong {
    display: block !important;
    font-size: 0.9rem !important;
    color: var(--ello-text-strong) !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
}
body.has-ello-shell section#header .mega-link em {
    display: block !important;
    font-size: 0.78rem !important;
    color: var(--ello-text-light) !important;
    font-style: normal !important;
    margin-top: 0.1rem !important;
}
body.has-ello-shell section#header .mega-link span:not(.mega-link-icon) {
    line-height: 1.3 !important;
}

body.has-ello-shell section#header .mega-link-icon {
    font-size: 1.2rem !important;
    width: 32px !important;
    height: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0;
    background: rgba(26,26,46,0.04) !important;
    border-radius: 8px !important;
}

/* ---- NAV RIGHT ---- */
body.has-ello-shell section#header .nav-right {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    flex-shrink: 0;
    margin-left: auto !important;
}

body.has-ello-shell section#header .btn-espace-client {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    padding: 0.5rem 1rem !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    color: var(--ello-text) !important;
    border: 1px solid rgba(26,26,46,0.12) !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    transition: all var(--ello-transition);
    white-space: nowrap !important;
    background: transparent !important;
    line-height: 1.4 !important;
}
body.has-ello-shell section#header .btn-espace-client:hover,
body.has-ello-shell section#header .btn-espace-client:focus {
    color: var(--ello-text-strong) !important;
    border-color: rgba(26,26,46,0.25) !important;
    background: rgba(26,26,46,0.04) !important;
    text-decoration: none !important;
}

body.has-ello-shell section#header .btn-logout,
body.has-ello-shell section#header .btn-notifications {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    color: var(--ello-text) !important;
    border: 1px solid rgba(26,26,46,0.12) !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    transition: all var(--ello-transition);
    background: transparent !important;
    position: relative !important;
    padding: 0 !important;
}
body.has-ello-shell section#header .btn-logout:hover,
body.has-ello-shell section#header .btn-logout:focus,
body.has-ello-shell section#header .btn-notifications:hover,
body.has-ello-shell section#header .btn-notifications:focus {
    color: var(--ello-rose) !important;
    border-color: var(--ello-border-rose) !important;
    background: var(--ello-rose-light) !important;
    text-decoration: none !important;
}

body.has-ello-shell section#header .badge-notif {
    position: absolute !important;
    top: -4px !important;
    right: -4px !important;
    min-width: 18px !important;
    height: 18px !important;
    padding: 0 5px !important;
    background: var(--ello-rose) !important;
    color: #fff !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    text-align: center !important;
    border-radius: 9px !important;
    box-shadow: 0 0 0 2px #fff;
}

body.has-ello-shell section#header .btn-cart {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    padding: 0.5rem 1rem !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    color: var(--ello-text) !important;
    border: 1px solid rgba(26,26,46,0.12) !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    transition: all var(--ello-transition);
    background: transparent !important;
}
body.has-ello-shell section#header .btn-cart:hover,
body.has-ello-shell section#header .btn-cart:focus {
    color: var(--ello-rose) !important;
    border-color: var(--ello-border-rose) !important;
    background: var(--ello-rose-light) !important;
    text-decoration: none !important;
}

body.has-ello-shell section#header .btn-lang {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.3rem !important;
    padding: 0.5rem 0.75rem !important;
    font-size: 0.85rem !important;
    color: var(--ello-text-light) !important;
    text-decoration: none !important;
    border-radius: 8px !important;
    transition: all var(--ello-transition);
    background: transparent !important;
}
body.has-ello-shell section#header .btn-lang:hover,
body.has-ello-shell section#header .btn-lang:focus {
    color: var(--ello-text-strong) !important;
    background: rgba(26,26,46,0.04) !important;
    text-decoration: none !important;
}

body.has-ello-shell section#header .btn-admin {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    color: #fff !important;
    background: var(--ello-jaune) !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    font-size: 1rem !important;
}

/* ---- BURGER ---- */
body.has-ello-shell section#header .nav-burger {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: 40px;
    height: 40px;
    border-radius: 8px !important;
    border: 1px solid var(--ello-border) !important;
    background: transparent !important;
    cursor: pointer;
    transition: border-color var(--ello-transition);
    flex-shrink: 0;
    margin-left: auto !important;
    padding: 0 !important;
}
body.has-ello-shell section#header .nav-burger:hover {
    border-color: var(--ello-rose) !important;
}

body.has-ello-shell section#header .burger-bar {
    display: block !important;
    width: 20px !important;
    height: 2px !important;
    background: var(--ello-text-strong) !important;
    border-radius: 2px !important;
    transition: all 0.3s ease;
    transform-origin: center;
}
body.has-ello-shell section#header .nav-burger.active .burger-bar:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}
body.has-ello-shell section#header .nav-burger.active .burger-bar:nth-child(2) {
    opacity: 0;
    transform: scaleX(0);
}
body.has-ello-shell section#header .nav-burger.active .burger-bar:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}

body.has-ello-shell section#header .nav-item-mobile-only {
    display: none !important;
}

/* ---- OVERLAY MOBILE ---- */
body.has-ello-shell .nav-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.6);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    z-index: 1020;
    opacity: 0;
    transition: opacity 0.3s ease;
}
body.has-ello-shell .nav-overlay.active { opacity: 1; }

/* ---- RESPONSIVE HEADER ---- */
@media (max-width: 1024px) {
    body.has-ello-shell section#header .nav-burger { display: flex !important; }
    body.has-ello-shell section#header .nav-right { display: none !important; }

    body.has-ello-shell section#header .nav-menu {
        position: fixed !important;
        top: 72px !important;
        right: 0 !important;
        width: 100% !important;
        max-width: 380px !important;
        height: calc(100vh - 72px) !important;
        background: #FFFFFF !important;
        border-left: 1px solid var(--ello-border) !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 0 !important;
        padding: 1.5rem !important;
        overflow-y: auto !important;
        transform: translateX(100%) !important;
        transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
        z-index: 1025 !important;
    }
    body.has-ello-shell section#header .nav-menu.open {
        transform: translateX(0) !important;
    }
    body.has-ello-shell .nav-overlay {
        display: block;
        pointer-events: none;
    }
    body.has-ello-shell .nav-overlay.active { pointer-events: all; }

    body.has-ello-shell section#header .nav-item-mobile-only {
        display: block !important;
    }

    body.has-ello-shell section#header .nav-link {
        padding: 0.75rem 0.5rem !important;
        font-size: 1rem !important;
        border-radius: 0 !important;
        border-bottom: 1px solid var(--ello-border) !important;
    }
    body.has-ello-shell section#header .nav-arrow { display: none; }

    body.has-ello-shell section#header .mega-panel {
        position: static !important;
        transform: none !important;
        opacity: 1 !important;
        pointer-events: all !important;
        min-width: auto !important;
        box-shadow: none !important;
        background: rgba(26,26,46,0.03) !important;
        border: 1px solid var(--ello-border) !important;
        border-radius: 8px !important;
        margin-top: 0.5rem !important;
        display: none !important;
    }
    body.has-ello-shell section#header .has-mega.mega-open .mega-panel {
        display: block !important;
    }
    body.has-ello-shell section#header .has-mega::after { display: none !important; }
    body.has-ello-shell section#header .mega-panel::before { display: none !important; }
    body.has-ello-shell section#header .mega-inner {
        flex-direction: column !important;
        gap: 0.5rem !important;
        padding: 0.75rem !important;
    }
    body.has-ello-shell section#header .mega-col + .mega-col {
        border-left: none !important;
        border-top: 1px solid var(--ello-border) !important;
        padding-left: 0 !important;
        margin-left: 0 !important;
        padding-top: 0.75rem !important;
        margin-top: 0.25rem !important;
    }
}

@media (max-width: 480px) {
    body.has-ello-shell section#header .nav-container { padding: 0 1rem !important; }
    body.has-ello-shell section#header .nav-menu {
        max-width: 100% !important;
        border-left: none !important;
    }
}

/* ============================================================
   2. NAVBAR WHMCS — Conservée mais harmonisée au rose ElloHost
   ============================================================ */
body.has-ello-shell section#main-menu {
    background: linear-gradient(135deg, var(--ello-rose), var(--ello-rose2)) !important;
    box-shadow: 0 2px 12px rgba(233,30,99,0.15);
}
body.has-ello-shell section#main-menu .navbar-main {
    background-color: transparent !important;
    border: 0 !important;
    font-family: 'Inter', sans-serif !important;
}
body.has-ello-shell section#main-menu .navbar-main li.account {
    background-color: rgba(0,0,0,0.12) !important;
}

/* Item actif sidebar (Mon compte, etc.) → rose */
body.has-ello-shell a.list-group-item.active,
body.has-ello-shell a.list-group-item.active:hover,
body.has-ello-shell a.list-group-item.active:focus {
    background-color: var(--ello-rose) !important;
    border-color: var(--ello-rose) !important;
    color: #fff !important;
}

/* Home banner harmonisé */
body.has-ello-shell section#home-banner {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important;
}

/* Couleur primaire des liens dans le contenu */
body.has-ello-shell section#main-body a:not(.btn):not(.list-group-item):not(.dropdown-toggle) {
    color: var(--ello-rose);
}
body.has-ello-shell section#main-body a:not(.btn):not(.list-group-item):not(.dropdown-toggle):hover {
    color: var(--ello-rose2);
}

/* ============================================================
   3. FOOTER ELLOHOST — 4 colonnes, fond gris neutre
   ============================================================ */
body.has-ello-shell section#footer {
    margin: 0 !important;
    padding: 5rem 0 0 !important;
    background-color: var(--ello-grey-bg) !important;
    border-top: 1px solid var(--ello-border) !important;
    color: var(--ello-text) !important;
    font-size: 0.9rem !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    position: relative !important;
    line-height: 1.6 !important;
}

body.has-ello-shell section#footer *,
body.has-ello-shell section#footer *::before,
body.has-ello-shell section#footer *::after {
    box-sizing: border-box;
}

body.has-ello-shell section#footer .back-to-top {
    position: absolute !important;
    top: -22px !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translateX(-50%) !important;
    width: 44px !important;
    height: 44px !important;
    background: #FFFFFF !important;
    border: 1px solid var(--ello-border) !important;
    border-radius: 50% !important;
    color: var(--ello-text) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.06) !important;
    transition: all var(--ello-transition);
    z-index: 5 !important;
    margin: 0 !important;
    padding: 0 !important;
}
body.has-ello-shell section#footer .back-to-top:hover {
    color: var(--ello-rose) !important;
    border-color: var(--ello-border-rose) !important;
    transform: translateX(-50%) translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(233,30,99,0.15) !important;
}

body.has-ello-shell section#footer .footer-inner {
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 0 1.5rem !important;
}

body.has-ello-shell section#footer .footer-grid {
    display: grid !important;
    grid-template-columns: 2fr 1fr 1fr 1fr !important;
    gap: 3rem !important;
    padding-bottom: 4rem !important;
    border-bottom: 1px solid var(--ello-border) !important;
}

body.has-ello-shell section#footer .footer-logo-wrap {
    margin-bottom: 1rem !important;
}
body.has-ello-shell section#footer .custom-logo-link {
    display: inline-flex !important;
    text-decoration: none !important;
}
body.has-ello-shell section#footer .footer-logo-wrap .custom-logo,
body.has-ello-shell section#footer .footer-logo-wrap img {
    height: 30px !important;
    width: auto !important;
    max-width: 130px !important;
    object-fit: contain !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: middle !important;
}
body.has-ello-shell section#footer .site-logo-text {
    display: inline-flex !important;
    align-items: center !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 1.3rem !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    line-height: 1 !important;
    letter-spacing: -0.02em !important;
}
body.has-ello-shell section#footer .logo-ello { color: var(--ello-rose); }
body.has-ello-shell section#footer .logo-host { color: var(--ello-text-strong); }

body.has-ello-shell section#footer .footer-tagline {
    font-size: 0.9rem !important;
    color: var(--ello-text-light) !important;
    line-height: 1.7 !important;
    max-width: 300px !important;
    margin: 0 0 1.5rem !important;
}

body.has-ello-shell section#footer .footer-socials {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    flex-wrap: wrap !important;
    margin-bottom: 1.5rem !important;
}

body.has-ello-shell section#footer .social-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    padding: 0.45rem 0.75rem !important;
    border-radius: 8px !important;
    border: 1px solid var(--ello-border) !important;
    color: var(--ello-text-light) !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all var(--ello-transition);
    background: transparent !important;
}
body.has-ello-shell section#footer .social-link:hover,
body.has-ello-shell section#footer .social-link:focus {
    border-color: var(--ello-rose) !important;
    color: var(--ello-text-strong) !important;
    background: var(--ello-rose-light) !important;
    text-decoration: none !important;
}
body.has-ello-shell section#footer .social-link svg {
    flex-shrink: 0 !important;
}
body.has-ello-shell section#footer .social-count {
    font-size: 0.75rem !important;
    color: var(--ello-text-light) !important;
}

body.has-ello-shell section#footer .footer-reviews {
    display: flex !important;
    gap: 0.75rem !important;
    flex-wrap: wrap !important;
}

body.has-ello-shell section#footer .review-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    padding: 0.4rem 0.9rem !important;
    background: rgba(26,26,46,0.04) !important;
    border: 1px solid var(--ello-border) !important;
    border-radius: 100px !important;
    font-size: 0.82rem !important;
    font-weight: 600 !important;
    color: var(--ello-text) !important;
    text-decoration: none !important;
    transition: all var(--ello-transition);
}
body.has-ello-shell section#footer .review-badge:hover,
body.has-ello-shell section#footer .review-badge:focus {
    border-color: var(--ello-jaune) !important;
    color: var(--ello-text-strong) !important;
    text-decoration: none !important;
}
body.has-ello-shell section#footer .review-stars { color: var(--ello-jaune) !important; }

body.has-ello-shell section#footer .footer-heading {
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.12em !important;
    color: var(--ello-text-strong) !important;
    margin: 0 0 1rem !important;
    padding: 0 !important;
}
body.has-ello-shell section#footer .footer-heading-spaced {
    margin-top: 1.5rem !important;
}

body.has-ello-shell section#footer .footer-col nav {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.5rem !important;
}

body.has-ello-shell section#footer .footer-link {
    font-size: 0.9rem !important;
    color: var(--ello-text-light) !important;
    text-decoration: none !important;
    transition: color var(--ello-transition);
    display: block !important;
    padding: 0 !important;
    background: transparent !important;
}
body.has-ello-shell section#footer .footer-link:hover,
body.has-ello-shell section#footer .footer-link:focus {
    color: var(--ello-text-strong) !important;
    text-decoration: none !important;
}

body.has-ello-shell section#footer .footer-link-highlight {
    color: var(--ello-rose) !important;
    font-weight: 600 !important;
}
body.has-ello-shell section#footer .footer-link-highlight:hover {
    color: var(--ello-rose2) !important;
}

body.has-ello-shell section#footer .footer-contact-link {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}
body.has-ello-shell section#footer .footer-contact-link svg {
    flex-shrink: 0 !important;
    color: var(--ello-rose) !important;
}

body.has-ello-shell section#footer .footer-bottom {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1rem !important;
    padding: 1.5rem 0 !important;
    font-size: 0.82rem !important;
    color: var(--ello-text-light) !important;
}
body.has-ello-shell section#footer .footer-bottom p {
    margin: 0 !important;
}
body.has-ello-shell section#footer .footer-bottom-right {
    display: flex !important;
    align-items: center !important;
    gap: 1rem !important;
}
body.has-ello-shell section#footer .footer-trustpilot {
    color: var(--ello-jaune) !important;
    font-weight: 600 !important;
    font-size: 0.82rem !important;
    text-decoration: none !important;
    transition: color var(--ello-transition);
}
body.has-ello-shell section#footer .footer-trustpilot:hover {
    color: var(--ello-text-strong) !important;
    text-decoration: none !important;
}

/* Responsive footer */
@media (max-width: 1200px) {
    body.has-ello-shell section#footer .footer-grid {
        grid-template-columns: 1fr 1fr !important;
        gap: 2.5rem !important;
    }
    body.has-ello-shell section#footer .footer-brand {
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 768px) {
    body.has-ello-shell section#footer .footer-grid {
        grid-template-columns: 1fr 1fr !important;
        gap: 2rem !important;
    }
    body.has-ello-shell section#footer .footer-brand {
        grid-column: 1 / -1 !important;
    }
    body.has-ello-shell section#footer .footer-bottom {
        flex-direction: column !important;
        text-align: center !important;
        gap: 0.75rem !important;
    }
}

@media (max-width: 480px) {
    body.has-ello-shell section#footer .footer-grid {
        grid-template-columns: 1fr !important;
    }
    body.has-ello-shell section#footer .footer-socials { gap: 0.4rem !important; }
    body.has-ello-shell section#footer .social-link .social-count { display: none !important; }
}

@media print {
    body.has-ello-shell section#header,
    body.has-ello-shell section#footer,
    body.has-ello-shell .nav-burger,
    body.has-ello-shell .nav-overlay {
        display: none !important;
    }
    body.has-ello-shell { padding-top: 0 !important; }
}

/* ============================================================
   ============================================================
   4. REDESIGN GLOBAL WHMCS — GLASSMORPHISM ROSE ELLOHOST
   Pour TOUTES les pages : dashboard, services, domaines,
   factures, tickets, panier, login, profil, etc.
   ============================================================
   ============================================================ */

/* ============================================================
   4.1. MAIN BODY — fond, conteneur, espace
   ============================================================ */
body.has-ello-shell section#main-body {
    background: transparent !important;
    padding: 30px 0 60px !important;
    min-height: 350px !important;
}

body.has-ello-shell section#main-body .container,
body.has-ello-shell section#main-body .container-fluid {
    max-width: 1280px;
}

body.has-ello-shell .main-content {
    margin-bottom: 60px !important;
}

/* ============================================================
   4.2. BREADCRUMB + H1 — Style Hostinger épuré
   ============================================================ */
body.has-ello-shell .header-lined {
    border-bottom: 1px solid rgba(17, 24, 39, 0.06) !important;
    margin-bottom: 24px !important;
    padding-bottom: 14px !important;
}
body.has-ello-shell .header-lined h1 {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    color: var(--ello-text-strong) !important;
    letter-spacing: -0.02em !important;
    line-height: 1.25 !important;
    margin: 0 0 8px !important;
}
body.has-ello-shell .header-lined small {
    color: var(--ello-text-light) !important;
    font-size: 0.85rem !important;
    font-weight: 400 !important;
}

body.has-ello-shell .breadcrumb {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 0.8rem !important;
}
body.has-ello-shell .breadcrumb > li {
    color: var(--ello-text-light) !important;
}
body.has-ello-shell .breadcrumb > li a {
    color: var(--ello-rose) !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: color var(--ello-transition);
}
body.has-ello-shell .breadcrumb > li a:hover {
    color: var(--ello-rose2) !important;
}
body.has-ello-shell .breadcrumb > li + li:before {
    content: "›" !important;
    color: var(--ello-text-light) !important;
    padding: 0 8px !important;
    font-weight: 400 !important;
}
body.has-ello-shell .breadcrumb > .active {
    color: var(--ello-text-strong) !important;
    font-weight: 600 !important;
}

/* ============================================================
   4.3. PANELS — Cartes glassmorphism Hostinger-style (compact)
   ============================================================ */
body.has-ello-shell .panel {
    background: rgba(255, 255, 255, 0.75) !important;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(17, 24, 39, 0.06) !important;
    border-radius: 14px !important;
    box-shadow: 0 1px 3px rgba(17, 24, 39, 0.04) !important;
    margin-bottom: 20px !important;
    overflow: hidden;
    font-size: 0.875rem !important;
    transition: box-shadow 0.25s ease;
}
body.has-ello-shell .panel:hover {
    box-shadow: 0 4px 16px rgba(17, 24, 39, 0.06) !important;
}

body.has-ello-shell .panel-heading {
    background: transparent !important;
    border-bottom: 1px solid rgba(17, 24, 39, 0.06) !important;
    padding: 14px 18px !important;
    border-radius: 0 !important;
}
body.has-ello-shell .panel-heading h3,
body.has-ello-shell .panel-heading .panel-title {
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    color: var(--ello-text-strong) !important;
    margin: 0 !important;
    letter-spacing: 0 !important;
    line-height: 1.5 !important;
}
body.has-ello-shell .panel-heading i,
body.has-ello-shell .panel-heading .fa,
body.has-ello-shell .panel-heading .fas {
    color: var(--ello-rose) !important;
    margin-right: 6px;
    font-size: 0.9rem !important;
}
body.has-ello-shell .panel-heading .panel-minimise {
    color: var(--ello-text-light) !important;
    font-size: 0.75rem !important;
}

body.has-ello-shell .panel-body {
    padding: 18px !important;
    background: transparent !important;
}

body.has-ello-shell .panel-footer {
    background: rgba(248, 249, 251, 0.5) !important;
    border-top: 1px solid rgba(17, 24, 39, 0.06) !important;
    padding: 12px 18px !important;
    font-size: 0.825rem !important;
}

/* Panels colorés Bootstrap (primary/success/info/warning/danger) → harmonisés rose */
body.has-ello-shell .panel-primary,
body.has-ello-shell .panel-info,
body.has-ello-shell .panel-success,
body.has-ello-shell .panel-warning,
body.has-ello-shell .panel-danger {
    border: 1px solid rgba(17, 24, 39, 0.06) !important;
}
body.has-ello-shell .panel-primary > .panel-heading,
body.has-ello-shell .panel-info > .panel-heading {
    background: rgba(233, 30, 99, 0.04) !important;
    color: var(--ello-text-strong) !important;
    border-bottom-color: rgba(233, 30, 99, 0.10) !important;
}

/* ============================================================
   4.4. PANELS SIDEBAR — Menu Mon Compte (gauche) - style Hostinger
   Header plus discret (gris au lieu de gradient rose plein)
   ============================================================ */
body.has-ello-shell .panel-sidebar {
    background: rgba(255, 255, 255, 0.75) !important;
    border: 1px solid rgba(17, 24, 39, 0.06) !important;
    border-radius: 14px !important;
    box-shadow: 0 1px 3px rgba(17, 24, 39, 0.04) !important;
}
body.has-ello-shell .panel-sidebar .panel-heading {
    background: rgba(248, 249, 251, 0.6) !important;
    border-bottom: 1px solid rgba(17, 24, 39, 0.06) !important;
    border-radius: 14px 14px 0 0 !important;
    padding: 12px 16px !important;
}
body.has-ello-shell .panel-sidebar .panel-title {
    color: var(--ello-text-strong) !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
}
body.has-ello-shell .panel-sidebar .panel-heading i,
body.has-ello-shell .panel-sidebar .panel-heading .fa,
body.has-ello-shell .panel-sidebar .panel-heading .fas {
    color: var(--ello-rose) !important;
    font-size: 0.85rem !important;
}
body.has-ello-shell .panel-sidebar .panel-heading .panel-minimise {
    color: var(--ello-text-light) !important;
    font-size: 0.7rem !important;
}

/* ============================================================
   4.5. LIST GROUP — Menu sidebar (items compacts Hostinger)
   ============================================================ */
body.has-ello-shell .list-group {
    border-radius: 0 !important;
    margin-bottom: 0 !important;
    background: transparent !important;
    border: 0 !important;
}
body.has-ello-shell .list-group-item {
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(17, 24, 39, 0.05) !important;
    border-radius: 0 !important;
    padding: 10px 16px !important;
    color: var(--ello-text) !important;
    font-size: 0.825rem !important;
    font-weight: 500 !important;
    transition: all var(--ello-transition);
    border-left: 3px solid transparent !important;
}
body.has-ello-shell .list-group-item:last-child {
    border-bottom: 0 !important;
    border-radius: 0 0 14px 14px !important;
}
body.has-ello-shell .list-group-item:hover {
    background: rgba(233, 30, 99, 0.03) !important;
    color: var(--ello-rose) !important;
    border-left-color: rgba(233, 30, 99, 0.3) !important;
}
body.has-ello-shell .list-group-item.active,
body.has-ello-shell a.list-group-item.active,
body.has-ello-shell a.list-group-item.active:hover,
body.has-ello-shell a.list-group-item.active:focus {
    background: rgba(233, 30, 99, 0.06) !important;
    color: var(--ello-rose) !important;
    border-color: rgba(17, 24, 39, 0.05) !important;
    border-left: 3px solid var(--ello-rose) !important;
    font-weight: 600 !important;
    padding-left: 16px !important;
}
body.has-ello-shell .list-group-item .sidebar-menu-item-icon,
body.has-ello-shell .list-group-item > i,
body.has-ello-shell .list-group-item > .fa,
body.has-ello-shell .list-group-item > .fas {
    color: var(--ello-text-light) !important;
    margin-right: 10px;
    transition: color var(--ello-transition);
    font-size: 0.85rem !important;
    width: 16px;
    text-align: center;
}
body.has-ello-shell .list-group-item:hover i,
body.has-ello-shell .list-group-item.active i {
    color: var(--ello-rose) !important;
}
body.has-ello-shell .list-group-item .badge {
    background: var(--ello-rose) !important;
    color: #fff !important;
    font-size: 0.65rem !important;
    font-weight: 700 !important;
    padding: 2px 7px !important;
    border-radius: 10px !important;
    float: right !important;
    line-height: 1.4 !important;
}

/* ============================================================
   4.6. DASHBOARD STATS — Style hPanel pur avec SVG inline
   STRUCTURE RÉELLE WHMCS : .tiles .tile > .icon > i.fa + .stat + .title + .highlight.bg-color-*
   ============================================================ */

/* Container des 4 tuiles */
body.has-ello-shell .tiles {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 32px;
}
body.has-ello-shell .tiles .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
body.has-ello-shell .tiles > .row {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

@media (max-width: 768px) {
    body.has-ello-shell .tiles > .row {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px;
    }
}

/* Reset col-sm-3 col-xs-6 dans .tiles */
body.has-ello-shell .tiles .tile,
body.has-ello-shell .tiles .col-sm-3,
body.has-ello-shell .tiles .col-xs-6 {
    width: auto !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Une tuile = une card */
body.has-ello-shell .tiles .tile {
    background: #FFFFFF !important;
    border: 1px solid rgba(17, 24, 39, 0.06) !important;
    border-radius: 16px !important;
    box-shadow: 0 1px 2px rgba(17, 24, 39, 0.04) !important;
    padding: 20px !important;
    position: relative !important;
    cursor: pointer !important;
    transition: all 0.25s ease;
    min-height: 130px;
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
}
body.has-ello-shell .tiles .tile:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(17, 24, 39, 0.08) !important;
    border-color: rgba(233, 30, 99, 0.20) !important;
}

/* Le lien intérieur prend toute la place */
body.has-ello-shell .tiles .tile > a {
    display: block !important;
    color: inherit !important;
    text-decoration: none !important;
    position: static;
    height: 100%;
}

/* PASTILLE COLORÉE EN HAUT À DROITE (44×44px avec SVG centré) */
body.has-ello-shell .tiles .tile .icon {
    position: absolute !important;
    top: 16px !important;
    right: 16px !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(17, 24, 39, 0.05) !important;
    overflow: hidden;
    z-index: 1;
}

/* L'icône <i> dans .icon : SVG mask inline */
body.has-ello-shell .tiles .tile .icon i {
    width: 22px !important;
    height: 22px !important;
    display: block !important;
    color: var(--ello-text) !important;
    background-color: currentColor;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    font-size: 0 !important; /* cache le glyph FA */
}
body.has-ello-shell .tiles .tile .icon i::before {
    content: '' !important;
    display: none !important;
}

/* Pastille BLEUE — fa-cube (services) */
body.has-ello-shell .tiles .tile:nth-child(1) .icon,
body.has-ello-shell .tiles .tile:has(.bg-color-blue) .icon {
    background: rgba(59, 130, 246, 0.12) !important;
}
body.has-ello-shell .tiles .tile:nth-child(1) .icon i,
body.has-ello-shell .tiles .tile:has(.bg-color-blue) .icon i {
    color: #2563EB !important;
}

/* Pastille VERTE — fa-globe (domaines) */
body.has-ello-shell .tiles .tile:nth-child(2) .icon,
body.has-ello-shell .tiles .tile:has(.bg-color-green) .icon {
    background: rgba(34, 197, 94, 0.12) !important;
}
body.has-ello-shell .tiles .tile:nth-child(2) .icon i,
body.has-ello-shell .tiles .tile:has(.bg-color-green) .icon i {
    color: #16A34A !important;
}

/* Pastille ROUGE/ROSE — fa-comments (tickets) */
body.has-ello-shell .tiles .tile:nth-child(3) .icon,
body.has-ello-shell .tiles .tile:has(.bg-color-red) .icon {
    background: rgba(233, 30, 99, 0.12) !important;
}
body.has-ello-shell .tiles .tile:nth-child(3) .icon i,
body.has-ello-shell .tiles .tile:has(.bg-color-red) .icon i {
    color: var(--ello-rose) !important;
}

/* Pastille ORANGE — fa-credit-card (factures) */
body.has-ello-shell .tiles .tile:nth-child(4) .icon,
body.has-ello-shell .tiles .tile:has(.bg-color-gold) .icon {
    background: rgba(245, 158, 11, 0.12) !important;
}
body.has-ello-shell .tiles .tile:nth-child(4) .icon i,
body.has-ello-shell .tiles .tile:has(.bg-color-gold) .icon i {
    color: #D97706 !important;
}

/* Le CHIFFRE énorme (.stat) */
body.has-ello-shell .tiles .tile .stat {
    font-size: 2.5rem !important;
    font-weight: 700 !important;
    color: var(--ello-text-strong) !important;
    line-height: 1 !important;
    letter-spacing: -0.04em !important;
    margin-top: 30px !important;
    margin-bottom: 4px !important;
}

/* Le LABEL en bas (.title) */
body.has-ello-shell .tiles .tile .title {
    font-size: 0.82rem !important;
    font-weight: 600 !important;
    color: var(--ello-text-light) !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    margin-top: auto !important;
    margin-bottom: 0 !important;
    line-height: 1.4;
}

/* SUPPRIMER la barre colorée du bas (.highlight) qui faisait moche */
body.has-ello-shell .tiles .tile .highlight {
    display: none !important;
}

/* Mobile : chiffre plus petit */
@media (max-width: 768px) {
    body.has-ello-shell .tiles .tile {
        min-height: 110px;
        padding: 16px !important;
    }
    body.has-ello-shell .tiles .tile .icon {
        top: 12px !important;
        right: 12px !important;
        width: 36px !important;
        height: 36px !important;
        border-radius: 10px !important;
    }
    body.has-ello-shell .tiles .tile .icon i {
        width: 18px !important;
        height: 18px !important;
    }
    body.has-ello-shell .tiles .tile .stat {
        font-size: 2rem !important;
        margin-top: 24px !important;
    }
    body.has-ello-shell .tiles .tile .title {
        font-size: 0.72rem !important;
    }
}

/* SVG par classe FA pour les tuiles dashboard */
body.has-ello-shell .tiles .tile .icon i.fa-cube,
body.has-ello-shell .tiles .tile .icon i.fa-cubes,
body.has-ello-shell .tiles .tile .icon i.fa-box {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z'/%3E%3Cpolyline points='3.27 6.96 12 12.01 20.73 6.96'/%3E%3Cline x1='12' y1='22.08' x2='12' y2='12'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z'/%3E%3Cpolyline points='3.27 6.96 12 12.01 20.73 6.96'/%3E%3Cline x1='12' y1='22.08' x2='12' y2='12'/%3E%3C/svg%3E");
}

body.has-ello-shell .tiles .tile .icon i.fa-globe {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='2' y1='12' x2='22' y2='12'/%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='2' y1='12' x2='22' y2='12'/%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/%3E%3C/svg%3E");
}

body.has-ello-shell .tiles .tile .icon i.fa-comments,
body.has-ello-shell .tiles .tile .icon i.fa-comment {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z'/%3E%3C/svg%3E");
}

body.has-ello-shell .tiles .tile .icon i.fa-credit-card,
body.has-ello-shell .tiles .tile .icon i.fa-file-invoice,
body.has-ello-shell .tiles .tile .icon i.fa-money-bill {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1' y='4' width='22' height='16' rx='2' ry='2'/%3E%3Cline x1='1' y1='10' x2='23' y2='10'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1' y='4' width='22' height='16' rx='2' ry='2'/%3E%3Cline x1='1' y1='10' x2='23' y2='10'/%3E%3C/svg%3E");
}

body.has-ello-shell .tiles .tile .icon i.fa-shopping-cart {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/%3E%3C/svg%3E");
}

body.has-ello-shell .tiles .tile .icon i.fa-file-alt {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3C/svg%3E");
}

/* ============================================================
   4.6b. FIX CARTE "Vos produits/services actifs" — Hostinger
   - Header propre avec bouton à droite COMPACT
   - Pas de cube géant en arrière-plan
   - Liste des items propre
   ============================================================ */

/* Card-panel d'accueil */
body.has-ello-shell .client-home-panels .panel {
    background: #FFFFFF !important;
    border: 1px solid rgba(17, 24, 39, 0.06) !important;
    border-radius: 16px !important;
    box-shadow: 0 1px 2px rgba(17, 24, 39, 0.04) !important;
    overflow: hidden !important;
    margin-bottom: 16px !important;
}

/* Panel heading : titre à gauche + bouton compact à droite */
body.has-ello-shell .client-home-panels .panel > .panel-heading {
    background: transparent !important;
    border-bottom: 1px solid rgba(17, 24, 39, 0.05) !important;
    padding: 14px 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap;
    gap: 10px;
}

body.has-ello-shell .client-home-panels .panel-heading .panel-title {
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    color: var(--ello-text-strong) !important;
    margin: 0 !important;
    line-height: 1.4 !important;
    flex: 1;
    min-width: 0;
    display: flex !important;
    align-items: center;
    gap: 8px;
}

/* L'icône dans le panel-title à gauche du texte */
body.has-ello-shell .client-home-panels .panel-heading .panel-title > i.fa,
body.has-ello-shell .client-home-panels .panel-heading .panel-title > i.fas {
    width: 18px !important;
    height: 18px !important;
    color: var(--ello-rose) !important;
    background-color: currentColor;
    flex-shrink: 0;
    display: inline-block !important;
    vertical-align: -3px;
    position: static !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
    font-size: 0 !important;
}

/* Le bouton "Mes produits & services" à droite : compact */
body.has-ello-shell .client-home-panels .panel-heading .pull-right {
    float: none !important;
    flex-shrink: 0;
}
body.has-ello-shell .client-home-panels .panel-heading .pull-right .btn {
    padding: 6px 12px !important;
    font-size: 0.78rem !important;
    border-radius: 8px !important;
    background: var(--ello-rose-light) !important;
    color: var(--ello-rose) !important;
    border: 1px solid rgba(233, 30, 99, 0.20) !important;
    font-weight: 600 !important;
    box-shadow: none !important;
    white-space: nowrap !important;
}
body.has-ello-shell .client-home-panels .panel-heading .pull-right .btn:hover {
    background: var(--ello-rose) !important;
    color: #fff !important;
    border-color: var(--ello-rose) !important;
    transform: translateY(-1px);
}
body.has-ello-shell .client-home-panels .panel-heading .pull-right .btn > i {
    width: 12px !important;
    height: 12px !important;
    margin-right: 4px;
    color: currentColor;
    background-color: currentColor;
    vertical-align: -1px;
}

/* Suppression complète de tout pseudo-background-image flagrant */
body.has-ello-shell .client-home-panels .panel-heading::before,
body.has-ello-shell .client-home-panels .panel-heading::after,
body.has-ello-shell .client-home-panels .panel-body::before,
body.has-ello-shell .client-home-panels .panel-body::after,
body.has-ello-shell .client-home-panels .panel-footer::before,
body.has-ello-shell .client-home-panels .panel-footer::after {
    display: none !important;
    content: none !important;
}

/* Panel body & list-group (items produits/services) */
body.has-ello-shell .client-home-panels .panel-body {
    padding: 0 !important;
    background: transparent !important;
}

/* Footer du panel : "Voir plus" */
body.has-ello-shell .client-home-panels .panel-footer {
    background: transparent !important;
    border-top: 1px solid rgba(17, 24, 39, 0.05) !important;
    padding: 10px 18px !important;
    text-align: right;
}
body.has-ello-shell .client-home-panels .panel-footer a {
    color: var(--ello-rose) !important;
    font-weight: 500 !important;
    font-size: 0.85rem !important;
}

/* Items dans la liste : "referencement - Elios Boost / https://artechservers.fr/" */
body.has-ello-shell .client-home-panels .list-group {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    margin: 0 !important;
}
body.has-ello-shell .client-home-panels .list-group-item {
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(17, 24, 39, 0.05) !important;
    border-left: 0 !important;
    border-radius: 0 !important;
    padding: 12px 18px !important;
    font-size: 0.85rem !important;
    display: flex !important;
    align-items: center;
    gap: 10px;
}
body.has-ello-shell .client-home-panels .list-group-item:hover {
    background: rgba(248, 249, 251, 0.6) !important;
    padding-left: 18px !important;
    border-left: 0 !important;
}
body.has-ello-shell .client-home-panels .list-group-item:last-child {
    border-bottom: 0 !important;
}

/* Badge "Active" dans les items (le "..." tronqué) */
body.has-ello-shell .client-home-panels .list-group-item .badge,
body.has-ello-shell .client-home-panels .list-group-item .label {
    background: rgba(34, 197, 94, 0.12) !important;
    color: #16A34A !important;
    font-size: 0.65rem !important;
    font-weight: 600 !important;
    padding: 3px 8px !important;
    border-radius: 100px !important;
    flex-shrink: 0;
    order: -1; /* à gauche */
    text-overflow: clip;
    overflow: visible;
    white-space: nowrap;
    max-width: none !important;
    width: auto !important;
}
/* Le point coloré déjà géré par .label::before; on l'enlève dans ce contexte */
body.has-ello-shell .client-home-panels .list-group-item .badge::before,
body.has-ello-shell .client-home-panels .list-group-item .label::before {
    width: 5px !important;
    height: 5px !important;
    margin-right: 4px !important;
}

/* "i" icône d'info à droite des produits → bouton compact */
body.has-ello-shell .client-home-panels .list-group-item .btn,
body.has-ello-shell .client-home-panels .list-group-item button {
    width: 28px !important;
    height: 28px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 6px !important;
    background: transparent !important;
    border: 1px solid rgba(17, 24, 39, 0.08) !important;
    color: var(--ello-text-light) !important;
    margin-left: auto;
    font-size: 0 !important;
    overflow: hidden;
    flex-shrink: 0;
}
body.has-ello-shell .client-home-panels .list-group-item .btn:hover {
    color: var(--ello-rose) !important;
    border-color: var(--ello-border-rose) !important;
    background: var(--ello-rose-light) !important;
}
body.has-ello-shell .client-home-panels .list-group-item .btn > i {
    width: 14px !important;
    height: 14px !important;
    color: currentColor;
    background-color: currentColor;
    margin: 0 !important;
}

/* Liens dans la liste produits (urls .com etc) */
body.has-ello-shell .client-home-panels .list-group-item a {
    color: var(--ello-rose) !important;
    font-weight: 500 !important;
    font-size: 0.82rem !important;
}

/* ============================================================
   4.6c. KB SEARCH BAR (homepage)
   ============================================================ */
body.has-ello-shell .home-kb-search {
    position: relative !important;
    margin: 16px 0 24px !important;
}
body.has-ello-shell .home-kb-search input.form-control {
    border-radius: 100px !important;
    padding: 12px 18px 12px 44px !important;
    font-size: 0.9rem !important;
    background: #FFFFFF !important;
    border: 1px solid var(--ello-border) !important;
    height: auto !important;
    line-height: 1.5 !important;
    box-shadow: none !important;
}
body.has-ello-shell .home-kb-search input.form-control:focus {
    border-color: var(--ello-rose) !important;
    box-shadow: 0 0 0 3px rgba(233, 30, 99, 0.10) !important;
}
body.has-ello-shell .home-kb-search > i.fa-search,
body.has-ello-shell .home-kb-search > i.fas.fa-search {
    position: absolute !important;
    left: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 16px !important;
    height: 16px !important;
    color: var(--ello-text-light) !important;
    background-color: currentColor !important;
    pointer-events: none !important;
    z-index: 2;
    font-size: 0 !important;
}

/* ============================================================
   4.6d. PROTECTION GLOBALE : aucune icône FA en background image
   Aucun "cube géant" en arrière-plan jamais
   ============================================================ */
body.has-ello-shell .panel-heading > i.fa,
body.has-ello-shell .panel-heading > i.fas,
body.has-ello-shell .panel-heading .panel-title > i {
    position: static !important;
    width: 16px !important;
    height: 16px !important;
    color: var(--ello-rose) !important;
    background-color: currentColor !important;
    background-image: none !important;
    margin-right: 6px !important;
    vertical-align: -3px;
    display: inline-block !important;
    overflow: hidden !important;
    font-size: 0 !important;
}

/* ============================================================
   4.7. BOUTONS — Style Hostinger compact (petits, propres)
   ============================================================ */
body.has-ello-shell .btn {
    border-radius: 8px !important;
    font-weight: 600 !important;
    font-size: 0.82rem !important;
    padding: 7px 14px !important;
    border: 1px solid transparent !important;
    transition: all var(--ello-transition);
    letter-spacing: 0 !important;
    line-height: 1.45 !important;
    box-shadow: none !important;
    height: auto !important;
}
body.has-ello-shell .btn:hover {
    transform: translateY(-1px);
}
body.has-ello-shell .btn:focus,
body.has-ello-shell .btn:active {
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(233, 30, 99, 0.12) !important;
}

/* btn-primary → rose ElloHost (plus subtil) */
body.has-ello-shell .btn-primary,
body.has-ello-shell input[type="submit"].btn-primary {
    background: var(--ello-rose) !important;
    color: #fff !important;
    border-color: var(--ello-rose) !important;
    box-shadow: 0 1px 2px rgba(233, 30, 99, 0.15) !important;
}
body.has-ello-shell .btn-primary:hover,
body.has-ello-shell .btn-primary:focus,
body.has-ello-shell .btn-primary:active {
    background: var(--ello-rose2) !important;
    border-color: var(--ello-rose2) !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(233, 30, 99, 0.25) !important;
}

/* btn-success (vert "Mettre à jour") → rose subtil */
body.has-ello-shell .btn-success {
    background: var(--ello-rose) !important;
    color: #fff !important;
    border-color: var(--ello-rose) !important;
    box-shadow: 0 1px 2px rgba(233, 30, 99, 0.15) !important;
}
body.has-ello-shell .btn-success:hover,
body.has-ello-shell .btn-success:focus {
    background: var(--ello-rose2) !important;
    border-color: var(--ello-rose2) !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(233, 30, 99, 0.25) !important;
}

/* btn-warning (orange "Mes produits & services") → outline rose */
body.has-ello-shell .btn-warning {
    background: #fff !important;
    color: var(--ello-rose) !important;
    border: 1px solid rgba(233, 30, 99, 0.25) !important;
    box-shadow: none !important;
}
body.has-ello-shell .btn-warning:hover,
body.has-ello-shell .btn-warning:focus {
    background: var(--ello-rose-light) !important;
    color: var(--ello-rose2) !important;
    border-color: var(--ello-rose) !important;
}

/* btn-info → outline rose */
body.has-ello-shell .btn-info {
    background: #fff !important;
    color: var(--ello-rose) !important;
    border: 1px solid rgba(233, 30, 99, 0.25) !important;
    box-shadow: none !important;
}
body.has-ello-shell .btn-info:hover,
body.has-ello-shell .btn-info:focus {
    background: var(--ello-rose-light) !important;
    color: var(--ello-rose2) !important;
    border-color: var(--ello-rose) !important;
}

/* btn-danger → rouge subtil */
body.has-ello-shell .btn-danger {
    background: #DC2626 !important;
    color: #fff !important;
    border-color: #DC2626 !important;
    box-shadow: 0 1px 2px rgba(220, 38, 38, 0.15) !important;
}
body.has-ello-shell .btn-danger:hover {
    background: #B91C1C !important;
    border-color: #B91C1C !important;
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.25) !important;
}

/* btn-default → blanc avec bordure neutre */
body.has-ello-shell .btn-default {
    background: #fff !important;
    color: var(--ello-text) !important;
    border: 1px solid var(--ello-border) !important;
}
body.has-ello-shell .btn-default:hover,
body.has-ello-shell .btn-default:focus {
    background: var(--ello-grey-bg) !important;
    color: var(--ello-text-strong) !important;
    border-color: rgba(17, 24, 39, 0.20) !important;
}

/* btn-link → rose */
body.has-ello-shell .btn-link {
    color: var(--ello-rose) !important;
    text-decoration: none !important;
    padding: 7px 8px !important;
    border: 0 !important;
}
body.has-ello-shell .btn-link:hover {
    color: var(--ello-rose2) !important;
    background: transparent !important;
}

/* Tailles boutons - style Hostinger */
body.has-ello-shell .btn-lg {
    padding: 10px 18px !important;
    font-size: 0.9rem !important;
    border-radius: 10px !important;
}
body.has-ello-shell .btn-sm {
    padding: 5px 10px !important;
    font-size: 0.75rem !important;
    border-radius: 6px !important;
}
body.has-ello-shell .btn-xs {
    padding: 3px 8px !important;
    font-size: 0.7rem !important;
    border-radius: 5px !important;
}

/* Icônes dans les boutons → bien dimensionnées */
body.has-ello-shell .btn i,
body.has-ello-shell .btn .fa,
body.has-ello-shell .btn .fas {
    font-size: 0.85em !important;
    margin-right: 4px;
}
body.has-ello-shell .btn-lg i,
body.has-ello-shell .btn-lg .fa,
body.has-ello-shell .btn-lg .fas {
    font-size: 0.9em !important;
    margin-right: 6px;
}

/* Bouton "Mettre à jour" full-width spécifique dashboard */
body.has-ello-shell .panel-body .btn-block {
    padding: 9px 16px !important;
    font-size: 0.85rem !important;
}

/* ============================================================
   4.8. FORMULAIRES — Inputs élégants compacts (Hostinger)
   ============================================================ */
body.has-ello-shell .form-control {
    background: #fff !important;
    border: 1px solid var(--ello-border) !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
    font-size: 0.875rem !important;
    color: var(--ello-text-strong) !important;
    height: auto !important;
    transition: all var(--ello-transition);
    box-shadow: none !important;
    line-height: 1.5 !important;
}
body.has-ello-shell .form-control:focus {
    border-color: var(--ello-rose) !important;
    box-shadow: 0 0 0 3px rgba(233, 30, 99, 0.10) !important;
    outline: none !important;
}
body.has-ello-shell .form-control::placeholder {
    color: var(--ello-text-light) !important;
}
body.has-ello-shell .input-group-lg .form-control,
body.has-ello-shell .input-lg {
    padding: 11px 16px !important;
    font-size: 0.95rem !important;
    border-radius: 10px !important;
}
body.has-ello-shell .input-group-sm .form-control,
body.has-ello-shell .input-sm {
    padding: 6px 10px !important;
    font-size: 0.8rem !important;
    border-radius: 6px !important;
}

body.has-ello-shell .form-control[disabled],
body.has-ello-shell .form-control[readonly] {
    background: var(--ello-grey-bg) !important;
    color: var(--ello-text-light) !important;
}

body.has-ello-shell label,
body.has-ello-shell .control-label {
    font-weight: 500 !important;
    color: var(--ello-text-strong) !important;
    font-size: 0.8rem !important;
    margin-bottom: 5px !important;
}

body.has-ello-shell .help-block {
    font-size: 0.75rem !important;
    color: var(--ello-text-light) !important;
    margin-top: 5px !important;
}

body.has-ello-shell .has-error .form-control {
    border-color: #DC2626 !important;
}
body.has-ello-shell .has-error .form-control:focus {
    box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.10) !important;
}
body.has-ello-shell .has-error .help-block {
    color: #DC2626 !important;
}

/* Input groups */
body.has-ello-shell .input-group-addon {
    background: var(--ello-grey-bg) !important;
    border: 1px solid var(--ello-border) !important;
    color: var(--ello-text-light) !important;
    border-radius: 8px !important;
    font-size: 0.85rem !important;
}

/* ============================================================
   4.9. TABLEAUX — Style propre Hostinger (compact)
   ============================================================ */
body.has-ello-shell .table {
    background: transparent !important;
    border-collapse: separate !important;
    border-spacing: 0;
    font-size: 0.85rem !important;
}
body.has-ello-shell .table > thead > tr > th {
    background: rgba(248, 249, 251, 0.6) !important;
    border-bottom: 1px solid rgba(17, 24, 39, 0.08) !important;
    border-top: 0 !important;
    color: var(--ello-text-light) !important;
    font-weight: 600 !important;
    font-size: 0.7rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    padding: 11px 14px !important;
}
body.has-ello-shell .table > tbody > tr > td {
    border-top: 1px solid rgba(17, 24, 39, 0.05) !important;
    padding: 11px 14px !important;
    color: var(--ello-text) !important;
    vertical-align: middle !important;
    font-size: 0.85rem !important;
}
body.has-ello-shell .table > tbody > tr:hover {
    background: rgba(233, 30, 99, 0.02) !important;
}
body.has-ello-shell .table-striped > tbody > tr:nth-of-type(odd) {
    background: rgba(248, 249, 251, 0.3) !important;
}
body.has-ello-shell .table-bordered {
    border: 1px solid rgba(17, 24, 39, 0.06) !important;
    border-radius: 12px !important;
    overflow: hidden;
}
body.has-ello-shell .table a {
    color: var(--ello-rose) !important;
    font-weight: 500 !important;
}
body.has-ello-shell .table a:hover {
    color: var(--ello-rose2) !important;
}

/* Icônes dans les tableaux (actions) */
body.has-ello-shell .table .btn i,
body.has-ello-shell .table i.fa,
body.has-ello-shell .table i.fas {
    font-size: 0.8rem !important;
}

/* DataTables */
body.has-ello-shell .dataTables_wrapper .dataTables_filter input,
body.has-ello-shell .dataTables_wrapper .dataTables_length select {
    border: 1px solid var(--ello-border) !important;
    border-radius: 6px !important;
    padding: 5px 10px !important;
    font-size: 0.8rem !important;
}
body.has-ello-shell .dataTables_wrapper .dataTables_info,
body.has-ello-shell .dataTables_wrapper .dataTables_filter,
body.has-ello-shell .dataTables_wrapper .dataTables_length {
    color: var(--ello-text-light) !important;
    font-size: 0.8rem !important;
}
body.has-ello-shell .dataTables_wrapper .dataTables_paginate .paginate_button {
    border-radius: 6px !important;
    border: 1px solid var(--ello-border) !important;
    color: var(--ello-text) !important;
    background: #fff !important;
    margin: 0 2px !important;
    padding: 4px 10px !important;
    font-size: 0.8rem !important;
}
body.has-ello-shell .dataTables_wrapper .dataTables_paginate .paginate_button.current,
body.has-ello-shell .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: var(--ello-rose) !important;
    color: #fff !important;
    border-color: var(--ello-rose) !important;
}
body.has-ello-shell .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: var(--ello-rose-light) !important;
    color: var(--ello-rose) !important;
    border-color: var(--ello-border-rose) !important;
}

/* ============================================================
   4.10. LABELS / BADGES — Status colorés compacts
   ============================================================ */
body.has-ello-shell .label,
body.has-ello-shell .badge {
    font-weight: 600 !important;
    font-size: 0.68rem !important;
    padding: 3px 8px !important;
    border-radius: 100px !important;
    letter-spacing: 0.01em !important;
    text-transform: none !important;
    line-height: 1.5 !important;
    display: inline-block !important;
    vertical-align: middle !important;
}
body.has-ello-shell .label-success,
body.has-ello-shell .badge-success {
    background: rgba(22, 163, 74, 0.10) !important;
    color: #15803D !important;
}
body.has-ello-shell .label-danger,
body.has-ello-shell .badge-danger {
    background: rgba(220, 38, 38, 0.10) !important;
    color: #B91C1C !important;
}
body.has-ello-shell .label-warning,
body.has-ello-shell .badge-warning {
    background: rgba(217, 119, 6, 0.10) !important;
    color: var(--ello-jaune) !important;
}
body.has-ello-shell .label-info,
body.has-ello-shell .badge-info {
    background: rgba(233, 30, 99, 0.08) !important;
    color: var(--ello-rose) !important;
}
body.has-ello-shell .label-primary,
body.has-ello-shell .badge-primary {
    background: rgba(233, 30, 99, 0.10) !important;
    color: var(--ello-rose) !important;
}
body.has-ello-shell .label-default,
body.has-ello-shell .badge-default {
    background: rgba(17, 24, 39, 0.06) !important;
    color: var(--ello-text) !important;
}

/* ============================================================
   4.11. ALERTS — Notifications
   ============================================================ */
body.has-ello-shell .alert {
    border-radius: var(--ello-radius) !important;
    border: 1px solid transparent !important;
    padding: 14px 18px !important;
    font-size: 0.9rem !important;
    margin-bottom: 20px !important;
}
body.has-ello-shell .alert-success {
    background: rgba(22, 163, 74, 0.08) !important;
    border-color: rgba(22, 163, 74, 0.20) !important;
    color: #15803D !important;
}
body.has-ello-shell .alert-danger {
    background: rgba(220, 38, 38, 0.08) !important;
    border-color: rgba(220, 38, 38, 0.20) !important;
    color: #B91C1C !important;
}
body.has-ello-shell .alert-warning {
    background: rgba(217, 119, 6, 0.08) !important;
    border-color: rgba(217, 119, 6, 0.20) !important;
    color: #B45309 !important;
}
body.has-ello-shell .alert-info {
    background: rgba(233, 30, 99, 0.06) !important;
    border-color: rgba(233, 30, 99, 0.15) !important;
    color: var(--ello-rose2) !important;
}

/* ============================================================
   4.12. WELL — Boîtes d'info
   ============================================================ */
body.has-ello-shell .well {
    background: rgba(248, 249, 251, 0.6) !important;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(17, 24, 39, 0.06) !important;
    border-radius: var(--ello-radius) !important;
    padding: 18px 22px !important;
    box-shadow: none !important;
}

/* ============================================================
   4.13. MODALS — Style ElloHost
   ============================================================ */
body.has-ello-shell .modal-content {
    background: rgba(255, 255, 255, 0.96) !important;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(17, 24, 39, 0.08) !important;
    border-radius: var(--ello-radius-lg) !important;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15) !important;
}
body.has-ello-shell .modal-header {
    background: linear-gradient(135deg, var(--ello-rose), var(--ello-rose2)) !important;
    color: #fff !important;
    border-bottom: 0 !important;
    border-radius: var(--ello-radius-lg) var(--ello-radius-lg) 0 0 !important;
    padding: 18px 24px !important;
}
body.has-ello-shell .modal-header .modal-title,
body.has-ello-shell .modal-header h4 {
    color: #fff !important;
    font-weight: 700 !important;
}
body.has-ello-shell .modal-header .close {
    color: #fff !important;
    opacity: 0.9 !important;
    text-shadow: none !important;
    font-size: 1.5rem !important;
    font-weight: 400 !important;
}
body.has-ello-shell .modal-header .close:hover { opacity: 1 !important; }
body.has-ello-shell .modal-body { padding: 24px !important; }
body.has-ello-shell .modal-footer {
    border-top: 1px solid rgba(17, 24, 39, 0.06) !important;
    padding: 16px 24px !important;
    background: rgba(248, 249, 251, 0.4) !important;
    border-radius: 0 0 var(--ello-radius-lg) var(--ello-radius-lg) !important;
}

/* ============================================================
   4.14. SEARCH INPUT KB — Barre "Interrogez notre base de connaissance"
   ============================================================ */
body.has-ello-shell .input-group-lg input.form-control,
body.has-ello-shell #inputKBSearch,
body.has-ello-shell input[name="search"] {
    border-radius: 100px !important;
    padding-left: 50px !important;
    background-image: none !important;
}
body.has-ello-shell .input-group-lg {
    position: relative;
}

/* ============================================================
   4.15. PAGINATION
   ============================================================ */
body.has-ello-shell .pagination > li > a,
body.has-ello-shell .pagination > li > span {
    color: var(--ello-text) !important;
    border-color: var(--ello-border) !important;
}
body.has-ello-shell .pagination > li > a:hover {
    background: var(--ello-rose-light) !important;
    color: var(--ello-rose) !important;
    border-color: var(--ello-border-rose) !important;
}
body.has-ello-shell .pagination > .active > a,
body.has-ello-shell .pagination > .active > a:hover,
body.has-ello-shell .pagination > .active > span {
    background: var(--ello-rose) !important;
    border-color: var(--ello-rose) !important;
    color: #fff !important;
}

/* ============================================================
   4.16. PAGE TITLE — H1 "Beytullah" / titres de page
   ============================================================ */
body.has-ello-shell .pageheader,
body.has-ello-shell div.header-lined h1 {
    font-size: 1.85rem !important;
    font-weight: 800 !important;
    color: var(--ello-text-strong) !important;
    letter-spacing: -0.02em !important;
    margin: 0 0 10px !important;
}

/* ============================================================
   4.17. HOME-BANNER (homepage WHMCS, recherche domaine)
   ============================================================ */
body.has-ello-shell section#home-banner {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important;
    padding: 60px 0 80px !important;
}
body.has-ello-shell section#home-banner h2 {
    color: #fff !important;
    font-weight: 800 !important;
    font-size: 2rem !important;
    letter-spacing: -0.02em !important;
    margin-bottom: 30px !important;
}
body.has-ello-shell section#home-banner .form-control {
    border-radius: 12px 0 0 12px !important;
    padding: 16px 22px !important;
    font-size: 1rem !important;
    border: 2px solid transparent !important;
}
body.has-ello-shell section#home-banner .btn.search,
body.has-ello-shell section#home-banner .btn.transfer {
    background: linear-gradient(135deg, var(--ello-rose), var(--ello-rose2)) !important;
    color: #fff !important;
    border-radius: 0 12px 12px 0 !important;
    padding: 16px 24px !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    border: 0 !important;
    box-shadow: 0 4px 14px rgba(233, 30, 99, 0.30) !important;
}

/* Home shortcuts (4 raccourcis sous le banner) */
body.has-ello-shell .home-shortcuts {
    background: transparent !important;
    padding: 40px 0 !important;
}
body.has-ello-shell .home-shortcuts ul {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
}
body.has-ello-shell .home-shortcuts ul li {
    flex: 1;
    min-width: 180px;
    list-style: none;
}
body.has-ello-shell .home-shortcuts ul li a {
    background: rgba(255, 255, 255, 0.7) !important;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(17, 24, 39, 0.06) !important;
    border-radius: var(--ello-radius-lg) !important;
    padding: 24px 18px !important;
    display: block !important;
    text-align: center !important;
    transition: all 0.3s ease;
    text-decoration: none !important;
}
body.has-ello-shell .home-shortcuts ul li a:hover {
    transform: translateY(-4px);
    border-color: rgba(233, 30, 99, 0.25) !important;
    box-shadow: 0 20px 40px rgba(233, 30, 99, 0.10) !important;
}
body.has-ello-shell .home-shortcuts ul li a i {
    font-size: 2rem !important;
    color: var(--ello-rose) !important;
    margin-bottom: 12px;
    display: block;
}
body.has-ello-shell .home-shortcuts ul li a p {
    color: var(--ello-text-strong) !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
    margin: 0 !important;
}
body.has-ello-shell .home-shortcuts ul li a p span {
    color: var(--ello-rose) !important;
}

/* ============================================================
   4.18. CART / STORE — Pages panier et boutique
   ============================================================ */
body.has-ello-shell .product,
body.has-ello-shell .cart-item,
body.has-ello-shell .product-info {
    background: rgba(255, 255, 255, 0.7) !important;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(17, 24, 39, 0.06) !important;
    border-radius: var(--ello-radius-lg) !important;
    padding: 24px !important;
    margin-bottom: 16px !important;
    box-shadow: 0 4px 24px rgba(17, 24, 39, 0.04) !important;
    transition: all 0.3s ease;
}
body.has-ello-shell .product:hover,
body.has-ello-shell .product-info:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(233, 30, 99, 0.10) !important;
}
body.has-ello-shell .product h3,
body.has-ello-shell .product .product-name {
    color: var(--ello-text-strong) !important;
    font-weight: 700 !important;
}
body.has-ello-shell .price,
body.has-ello-shell .product-price {
    color: var(--ello-rose) !important;
    font-weight: 800 !important;
    font-size: 1.5rem !important;
}

/* Order Summary */
body.has-ello-shell .order-summary,
body.has-ello-shell .summary {
    background: rgba(255, 255, 255, 0.7) !important;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(233, 30, 99, 0.15) !important;
    border-radius: var(--ello-radius-lg) !important;
    box-shadow: 0 4px 24px rgba(233, 30, 99, 0.06) !important;
}

/* ============================================================
   4.19. LOGIN / REGISTER PAGES
   ============================================================ */
body.has-ello-shell #login-container,
body.has-ello-shell #frmLogin,
body.has-ello-shell .login-container {
    background: rgba(255, 255, 255, 0.85) !important;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(17, 24, 39, 0.06) !important;
    border-radius: var(--ello-radius-lg) !important;
    padding: 36px !important;
    box-shadow: 0 20px 60px rgba(17, 24, 39, 0.08) !important;
    max-width: 460px;
    margin: 40px auto !important;
}

/* ============================================================
   4.20. TICKETS — Liste et détail
   ============================================================ */
body.has-ello-shell .ticket-message {
    background: rgba(255, 255, 255, 0.7) !important;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(17, 24, 39, 0.06) !important;
    border-radius: var(--ello-radius-lg) !important;
    padding: 20px !important;
    margin-bottom: 16px !important;
}
body.has-ello-shell .ticket-message.staff,
body.has-ello-shell .ticket-message.from-staff {
    background: linear-gradient(135deg, rgba(233,30,99,0.04), rgba(255,255,255,0.7)) !important;
    border-color: rgba(233, 30, 99, 0.15) !important;
}

/* ============================================================
   4.21. INVOICES — Factures
   ============================================================ */
body.has-ello-shell .invoice-status {
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 100px !important;
    font-size: 0.78rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

/* ============================================================
   4.22. NAV-PILLS / NAV-TABS
   ============================================================ */
body.has-ello-shell .nav-tabs {
    border-bottom: 1px solid rgba(17, 24, 39, 0.08) !important;
    margin-bottom: 24px;
}
body.has-ello-shell .nav-tabs > li > a {
    color: var(--ello-text-light) !important;
    font-weight: 500 !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 12px 18px !important;
    margin-right: 4px !important;
    background: transparent !important;
    transition: all var(--ello-transition);
    border-bottom: 2px solid transparent !important;
}
body.has-ello-shell .nav-tabs > li > a:hover {
    background: rgba(233, 30, 99, 0.04) !important;
    color: var(--ello-rose) !important;
    border-bottom-color: rgba(233, 30, 99, 0.30) !important;
}
body.has-ello-shell .nav-tabs > li.active > a,
body.has-ello-shell .nav-tabs > li.active > a:hover,
body.has-ello-shell .nav-tabs > li.active > a:focus {
    color: var(--ello-rose) !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 2px solid var(--ello-rose) !important;
    font-weight: 600 !important;
}

body.has-ello-shell .nav-pills > li > a {
    color: var(--ello-text) !important;
    border-radius: 10px !important;
    font-weight: 500 !important;
    padding: 9px 16px !important;
}
body.has-ello-shell .nav-pills > li > a:hover {
    background: var(--ello-rose-light) !important;
    color: var(--ello-rose) !important;
}
body.has-ello-shell .nav-pills > li.active > a,
body.has-ello-shell .nav-pills > li.active > a:hover,
body.has-ello-shell .nav-pills > li.active > a:focus {
    background: var(--ello-rose) !important;
    color: #fff !important;
}

/* ============================================================
   4.23. DROPDOWN MENUS
   ============================================================ */
body.has-ello-shell .dropdown-menu {
    background: rgba(255, 255, 255, 0.96) !important;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(17, 24, 39, 0.06) !important;
    border-radius: var(--ello-radius) !important;
    box-shadow: 0 12px 40px rgba(17, 24, 39, 0.12) !important;
    padding: 6px !important;
}
body.has-ello-shell .dropdown-menu > li > a {
    border-radius: 8px !important;
    padding: 9px 12px !important;
    color: var(--ello-text) !important;
    font-weight: 500 !important;
    font-size: 0.9rem !important;
}
body.has-ello-shell .dropdown-menu > li > a:hover,
body.has-ello-shell .dropdown-menu > li > a:focus {
    background: var(--ello-rose-light) !important;
    color: var(--ello-rose) !important;
}
body.has-ello-shell .dropdown-menu .divider {
    background-color: rgba(17, 24, 39, 0.08) !important;
    margin: 6px 0 !important;
}

/* ============================================================
   4.24. POPOVERS / TOOLTIPS
   ============================================================ */
body.has-ello-shell .popover {
    background: rgba(255, 255, 255, 0.97) !important;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(17, 24, 39, 0.08) !important;
    border-radius: var(--ello-radius) !important;
    box-shadow: 0 12px 40px rgba(17, 24, 39, 0.12) !important;
}
body.has-ello-shell .popover-title {
    background: transparent !important;
    border-bottom: 1px solid rgba(17, 24, 39, 0.06) !important;
    color: var(--ello-text-strong) !important;
    font-weight: 700 !important;
}
body.has-ello-shell .tooltip-inner {
    background: var(--ello-text-strong) !important;
    color: #fff !important;
    border-radius: 8px !important;
    padding: 6px 12px !important;
    font-size: 0.8rem !important;
}

/* ============================================================
   4.25. NAVBAR DROPDOWNS (menu bleu WHMCS qui devient rose)
   ============================================================ */
body.has-ello-shell .navbar-main .navbar-nav > li > a {
    color: rgba(255, 255, 255, 0.95) !important;
    font-weight: 500 !important;
    padding: 10px 16px !important;
}
body.has-ello-shell .navbar-main .navbar-nav > li > a:hover,
body.has-ello-shell .navbar-main .navbar-nav > li > a:focus,
body.has-ello-shell .navbar-main .navbar-nav > .active > a,
body.has-ello-shell .navbar-main .navbar-nav > .open > a {
    color: #fff !important;
    background: rgba(0, 0, 0, 0.12) !important;
}
body.has-ello-shell .navbar-main .dropdown-menu > li > a {
    color: var(--ello-text) !important;
}

/* Burger mobile WHMCS navbar */
body.has-ello-shell .navbar-toggle {
    border-color: rgba(255, 255, 255, 0.4) !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border-radius: 8px !important;
}
body.has-ello-shell .navbar-toggle .icon-bar {
    background-color: #fff !important;
}

/* ============================================================
   4.26. FOOTER WHMCS LINKS (en bas du contenu, avant footer ElloHost)
   ============================================================ */
body.has-ello-shell .copyright-footer {
    color: var(--ello-text-light) !important;
    font-size: 0.85rem !important;
}

/* ============================================================
   4.27. PROGRESS BARS
   ============================================================ */
body.has-ello-shell .progress {
    background: rgba(17, 24, 39, 0.06) !important;
    border-radius: 100px !important;
    height: 8px !important;
    box-shadow: none !important;
    overflow: hidden;
}
body.has-ello-shell .progress-bar {
    background: linear-gradient(90deg, var(--ello-rose), var(--ello-rose2)) !important;
    box-shadow: none !important;
}
body.has-ello-shell .progress-bar-success {
    background: linear-gradient(90deg, #22C55E, #16A34A) !important;
}
body.has-ello-shell .progress-bar-warning {
    background: linear-gradient(90deg, #F59E0B, #D97706) !important;
}
body.has-ello-shell .progress-bar-danger {
    background: linear-gradient(90deg, #EF4444, #DC2626) !important;
}

/* ============================================================
   4.28. CHECKBOXES & RADIOS — Style propre
   ============================================================ */
body.has-ello-shell input[type="checkbox"],
body.has-ello-shell input[type="radio"] {
    accent-color: var(--ello-rose);
    width: 16px;
    height: 16px;
    cursor: pointer;
}

/* ============================================================
   4.29. CODE & PRE
   ============================================================ */
body.has-ello-shell code {
    background: rgba(233, 30, 99, 0.08) !important;
    color: var(--ello-rose) !important;
    padding: 2px 7px !important;
    border-radius: 6px !important;
    font-size: 0.85em !important;
    border: 0 !important;
}
body.has-ello-shell pre {
    background: rgba(248, 249, 251, 0.8) !important;
    border: 1px solid var(--ello-border) !important;
    border-radius: var(--ello-radius) !important;
    padding: 14px 18px !important;
}

/* ============================================================
   4.30. CTA BUTTONS HOMEPAGE & boutons "voir plus"
   ============================================================ */
body.has-ello-shell a[href*="cart"],
body.has-ello-shell a.btn-cart-link {
    /* spécifique cart - hérite des .btn rules */
}

/* "Voir plus..." links */
body.has-ello-shell .pull-right.text-info,
body.has-ello-shell a.text-info {
    color: var(--ello-rose) !important;
    font-weight: 600 !important;
}
body.has-ello-shell a.text-info:hover {
    color: var(--ello-rose2) !important;
}

/* ============================================================
   4.31. SHRINK NAVBAR ROSE MOBILE — Plus compacte
   ============================================================ */
@media (max-width: 768px) {
    body.has-ello-shell section#main-menu {
        font-size: 0.85rem;
    }
    body.has-ello-shell .navbar-main .navbar-nav > li > a {
        padding: 9px 12px !important;
    }
}

/* ============================================================
   4.32. RESPONSIVE DASHBOARD — Stats mobile (déjà géré dans 4.6)
   ============================================================ */
@media (max-width: 768px) {
    body.has-ello-shell .header-lined h1,
    body.has-ello-shell .pageheader {
        font-size: 1.5rem !important;
    }
    body.has-ello-shell section#main-body {
        padding: 20px 0 40px !important;
    }
}

@media (max-width: 480px) {
    body.has-ello-shell .panel-body { padding: 16px !important; }
    body.has-ello-shell .panel-heading { padding: 14px 16px !important; }
    body.has-ello-shell .btn { padding: 9px 16px !important; }
}

/* ============================================================
   4.33. SCROLLBAR — Style discret rose
   ============================================================ */
body.has-ello-shell ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
body.has-ello-shell ::-webkit-scrollbar-track {
    background: rgba(17, 24, 39, 0.03);
}
body.has-ello-shell ::-webkit-scrollbar-thumb {
    background: rgba(233, 30, 99, 0.25);
    border-radius: 10px;
    border: 2px solid transparent;
    background-clip: content-box;
}
body.has-ello-shell ::-webkit-scrollbar-thumb:hover {
    background: rgba(233, 30, 99, 0.4);
    background-clip: content-box;
}

/* ============================================================
   4.34. SELECTION — Texte sélectionné
   ============================================================ */
body.has-ello-shell ::selection {
    background: var(--ello-rose);
    color: #fff;
}

/* ============================================================
   4.35. LOADING / SPINNERS
   ============================================================ */
body.has-ello-shell .fa-spin,
body.has-ello-shell .fa-spinner,
body.has-ello-shell .fa-circle-notch {
    color: var(--ello-rose) !important;
}

/* ============================================================
   FIN REDESIGN GLOBAL WHMCS
   ============================================================ */

/* ============================================================
   ============================================================
   5. PAGES SPÉCIFIQUES — Style Hostinger
   Mes Services, Mes Domaines, Mes Factures, Tickets
   ============================================================
   ============================================================ */

/* ============================================================
   5.1. PAGE TITLE PRINCIPAL "Beytullah" — bien dimensionné mobile
   ============================================================ */
body.has-ello-shell h1.pageheader,
body.has-ello-shell .pageheader,
body.has-ello-shell div.header-lined h1 {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    color: var(--ello-text-strong) !important;
    letter-spacing: -0.02em !important;
    margin: 0 0 8px !important;
    line-height: 1.25 !important;
}

/* ============================================================
   5.2. MES SERVICES — clientareaproducts.tpl
   Cartes produits style Hostinger
   ============================================================ */
body.has-ello-shell .product-item,
body.has-ello-shell .clientareaproducts-row,
body.has-ello-shell tr.clickable-row {
    cursor: pointer;
}
body.has-ello-shell .clientareaproducts-row td,
body.has-ello-shell .table-list td {
    padding: 14px 16px !important;
}

/* Status pill dans le tableau services */
body.has-ello-shell td .label,
body.has-ello-shell td span.label {
    font-size: 0.65rem !important;
    padding: 3px 8px !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
}

/* Bouton info "i" dans le tableau */
body.has-ello-shell .table .btn-info,
body.has-ello-shell .table a.btn,
body.has-ello-shell .table .btn-default,
body.has-ello-shell .table .btn-sm {
    width: 28px !important;
    height: 28px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0.75rem !important;
    border-radius: 6px !important;
}
body.has-ello-shell .table .btn-info i,
body.has-ello-shell .table .btn-default i {
    margin: 0 !important;
    font-size: 0.75rem !important;
}

/* ============================================================
   5.3. MES DOMAINES — clientareadomains.tpl
   ============================================================ */
body.has-ello-shell .domain-name,
body.has-ello-shell td .domain {
    font-weight: 600 !important;
    color: var(--ello-text-strong) !important;
}
body.has-ello-shell td .domain-status-active {
    color: #16A34A !important;
    font-weight: 600 !important;
}
body.has-ello-shell td .domain-status-expired {
    color: #DC2626 !important;
    font-weight: 600 !important;
}

/* Action icons à droite des lignes domaines */
body.has-ello-shell .domain-actions,
body.has-ello-shell .actions-cell {
    text-align: right;
}
body.has-ello-shell .domain-actions .btn,
body.has-ello-shell .actions-cell .btn {
    margin-left: 4px;
}

/* ============================================================
   5.4. MES FACTURES — clientareainvoices.tpl
   ============================================================ */
body.has-ello-shell .invoice-id,
body.has-ello-shell td.invoice-number {
    font-weight: 600 !important;
    color: var(--ello-text-strong) !important;
    font-family: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, monospace !important;
    font-size: 0.825rem !important;
}
body.has-ello-shell .invoice-amount,
body.has-ello-shell td.amount {
    font-weight: 700 !important;
    color: var(--ello-text-strong) !important;
}

/* ============================================================
   5.5. TICKETS — supportticketslist.tpl + viewticket.tpl
   ============================================================ */
body.has-ello-shell .ticket-list tr,
body.has-ello-shell tr.ticket {
    transition: background var(--ello-transition);
}
body.has-ello-shell .ticket-message,
body.has-ello-shell .ticketreply,
body.has-ello-shell .ticket-reply {
    background: rgba(255, 255, 255, 0.7) !important;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(17, 24, 39, 0.06) !important;
    border-radius: 12px !important;
    padding: 18px !important;
    margin-bottom: 14px !important;
    font-size: 0.875rem !important;
}
body.has-ello-shell .ticket-message.staff,
body.has-ello-shell .ticket-message.from-staff,
body.has-ello-shell .ticketreply.staff,
body.has-ello-shell .ticket-reply.staff {
    background: rgba(233, 30, 99, 0.03) !important;
    border-color: rgba(233, 30, 99, 0.10) !important;
}
body.has-ello-shell .ticket-meta,
body.has-ello-shell .ticket-message-header {
    font-size: 0.78rem !important;
    color: var(--ello-text-light) !important;
    margin-bottom: 8px;
}

/* Ticket status badges */
body.has-ello-shell .status-Open,
body.has-ello-shell .status-open {
    color: var(--ello-rose) !important;
    font-weight: 600 !important;
}

/* ============================================================
   5.6. SEARCH BAR "Interrogez notre base de connaissance"
   ============================================================ */
body.has-ello-shell #inputKBSearch,
body.has-ello-shell input[name="search"][placeholder*="base"],
body.has-ello-shell input[name="search"][placeholder*="connaiss"] {
    border-radius: 100px !important;
    padding-left: 44px !important;
    height: auto !important;
    padding-top: 11px !important;
    padding-bottom: 11px !important;
    font-size: 0.875rem !important;
    background: rgba(255, 255, 255, 0.7) !important;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border: 1px solid var(--ello-border) !important;
}
body.has-ello-shell #inputKBSearch:focus {
    background: #fff !important;
    border-color: var(--ello-rose) !important;
}

/* ============================================================
   5.7. ICÔNES — Toutes les icônes FontAwesome plus discrètes
   ============================================================ */
body.has-ello-shell .panel-heading .panel-title i {
    font-size: 0.85rem !important;
    margin-right: 6px;
}

/* Icônes dans le contenu */
body.has-ello-shell .main-content i.fa,
body.has-ello-shell .main-content i.fas,
body.has-ello-shell .main-content i.far {
    font-size: 0.875em;
}

/* Icônes des boutons d'action dans les tableaux : taille fixe */
body.has-ello-shell .table-bordered .btn i,
body.has-ello-shell .table .btn i {
    font-size: 0.75rem !important;
}

/* ============================================================
   5.8. SPACING — Conteneur central plus aéré
   ============================================================ */
body.has-ello-shell section#main-body {
    padding: 32px 0 60px !important;
}
@media (max-width: 768px) {
    body.has-ello-shell section#main-body {
        padding: 20px 0 40px !important;
    }
}

/* Espacement entre rangées de panels dashboard */
body.has-ello-shell .client-home-panels > [class*="col-"] {
    margin-bottom: 16px;
}

/* ============================================================
   5.9. "VOIR PLUS..." link plus discret
   ============================================================ */
body.has-ello-shell a.text-info,
body.has-ello-shell .pull-right.text-info,
body.has-ello-shell .text-info {
    color: var(--ello-rose) !important;
    font-weight: 500 !important;
    font-size: 0.85rem !important;
}
body.has-ello-shell a.text-info:hover,
body.has-ello-shell .text-info:hover {
    color: var(--ello-rose2) !important;
}

/* ============================================================
   5.10. "Vos informations" panel + bouton Mettre à jour
   ============================================================ */
body.has-ello-shell #vosinformations-panel .btn-block,
body.has-ello-shell .panel-body > .btn-block,
body.has-ello-shell .btn-block {
    font-size: 0.85rem !important;
    padding: 9px 16px !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
}

/* ============================================================
   5.11. POPOVER NOTIFICATIONS / LANG dans header
   ============================================================ */
body.has-ello-shell .popover {
    font-size: 0.85rem !important;
    border-radius: 12px !important;
}
body.has-ello-shell .popover-title {
    font-size: 0.85rem !important;
    padding: 10px 14px !important;
}
body.has-ello-shell .popover-content {
    padding: 10px 14px !important;
}

/* ============================================================
   5.12. RESPONSIVE — Mobile/tablet ajustements finaux
   ============================================================ */
@media (max-width: 768px) {
    /* Dashboard stats mobile : déjà géré dans 4.6 via .tiles .tile */

    /* Tableaux scrollables horizontalement sur mobile */
    body.has-ello-shell .table-responsive {
        border: 0 !important;
        margin-bottom: 16px;
    }
    body.has-ello-shell .table > thead > tr > th,
    body.has-ello-shell .table > tbody > tr > td {
        padding: 10px 12px !important;
        font-size: 0.8rem !important;
    }

    /* Panel padding mobile */
    body.has-ello-shell .panel-body {
        padding: 16px !important;
    }
    body.has-ello-shell .panel-heading {
        padding: 12px 16px !important;
    }
}

@media (max-width: 480px) {
    body.has-ello-shell .header-lined h1,
    body.has-ello-shell .pageheader {
        font-size: 1.25rem !important;
    }
    /* Boutons full-width sur très petits écrans */
    body.has-ello-shell .panel-body .btn-block {
        width: 100% !important;
    }
}

/* ============================================================
   ============================================================
   6. HPANEL MODE — SVG INLINE PARTOUT
   Remplace toutes les icônes FontAwesome par des SVG propres
   La couleur suit le texte (currentColor via mask-image)
   ============================================================
   ============================================================ */

/* ----- BASE : transformer tous les i.fa en conteneurs SVG -----
   Mais on EXCLUE les contextes dashboard et home-kb-search déjà gérés
   séparément avec des dimensions explicites. */
body.has-ello-shell i.fa,
body.has-ello-shell i.fas,
body.has-ello-shell i.far,
body.has-ello-shell i.fab,
body.has-ello-shell .sidebar-menu-item-icon {
    display: inline-block !important;
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    font-size: inherit;
    color: inherit;
    background-color: currentColor;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    overflow: hidden;
    text-indent: -9999px; /* cache toute trace de texte FA résiduel */
}

/* RESET dans les contextes spéciaux : on garde nos dimensions custom */
body.has-ello-shell .tiles .tile .icon i,
body.has-ello-shell .home-kb-search > i,
body.has-ello-shell .client-home-panels .panel-heading .panel-title > i,
body.has-ello-shell .client-home-panels .panel-heading .pull-right .btn > i,
body.has-ello-shell .client-home-panels .list-group-item .btn > i,
body.has-ello-shell .panel-heading > i,
body.has-ello-shell section#footer .back-to-top i {
    /* Dimensions et positions sont déjà définies au-dessus.
       On force juste les propriétés mask qui peuvent être réinitialisées */
    font-size: 0 !important;
    text-indent: 0 !important;
    overflow: hidden !important;
}

/* On masque l'ancien glyph FontAwesome */
body.has-ello-shell i.fa::before,
body.has-ello-shell i.fas::before,
body.has-ello-shell i.far::before,
body.has-ello-shell i.fab::before {
    content: '' !important;
    display: none !important;
}

/* ----- ICÔNES MAPPÉES : FontAwesome → SVG inline ----- */
body.has-ello-shell i.fa-home {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M3%209l9-7%209%207v11a2%202%200%200%201-2%202h-3%22/%3E%3Cpolyline%20points=%229%2022%209%2012%2015%2012%2015%2022%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M3%209l9-7%209%207v11a2%202%200%200%201-2%202h-3%22/%3E%3Cpolyline%20points=%229%2022%209%2012%2015%2012%2015%2022%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-house {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M3%209l9-7%209%207v11a2%202%200%200%201-2%202h-3%22/%3E%3Cpolyline%20points=%229%2022%209%2012%2015%2012%2015%2022%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M3%209l9-7%209%207v11a2%202%200%200%201-2%202h-3%22/%3E%3Cpolyline%20points=%229%2022%209%2012%2015%2012%2015%2022%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-tachometer-alt {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M3%209l9-7%209%207v11a2%202%200%200%201-2%202h-3%22/%3E%3Cpolyline%20points=%229%2022%209%2012%2015%2012%2015%2022%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M3%209l9-7%209%207v11a2%202%200%200%201-2%202h-3%22/%3E%3Cpolyline%20points=%229%2022%209%2012%2015%2012%2015%2022%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-user {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M20%2021v-2a4%204%200%200%200-4-4H8a4%204%200%200%200-4%204v2%22/%3E%3Ccircle%20cx=%2212%22%20cy=%227%22%20r=%224%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M20%2021v-2a4%204%200%200%200-4-4H8a4%204%200%200%200-4%204v2%22/%3E%3Ccircle%20cx=%2212%22%20cy=%227%22%20r=%224%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-user-circle {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M20%2021v-2a4%204%200%200%200-4-4H8a4%204%200%200%200-4%204v2%22/%3E%3Ccircle%20cx=%2212%22%20cy=%227%22%20r=%224%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M20%2021v-2a4%204%200%200%200-4-4H8a4%204%200%200%200-4%204v2%22/%3E%3Ccircle%20cx=%2212%22%20cy=%227%22%20r=%224%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-user-cog {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M20%2021v-2a4%204%200%200%200-4-4H8a4%204%200%200%200-4%204v2%22/%3E%3Ccircle%20cx=%2212%22%20cy=%227%22%20r=%224%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M20%2021v-2a4%204%200%200%200-4-4H8a4%204%200%200%200-4%204v2%22/%3E%3Ccircle%20cx=%2212%22%20cy=%227%22%20r=%224%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-users {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M17%2021v-2a4%204%200%200%200-4-4H5a4%204%200%200%200-4%204v2%22/%3E%3Ccircle%20cx=%229%22%20cy=%227%22%20r=%224%22/%3E%3Cpath%20d=%22M23%2021v-2a4%204%200%200%200-3-3.87%22/%3E%3Cpath%20d=%22M16%203.13a4%204%200%200%201%200%207.75%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M17%2021v-2a4%204%200%200%200-4-4H5a4%204%200%200%200-4%204v2%22/%3E%3Ccircle%20cx=%229%22%20cy=%227%22%20r=%224%22/%3E%3Cpath%20d=%22M23%2021v-2a4%204%200%200%200-3-3.87%22/%3E%3Cpath%20d=%22M16%203.13a4%204%200%200%201%200%207.75%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-user-tag {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M20%2021v-2a4%204%200%200%200-4-4H8a4%204%200%200%200-4%204v2%22/%3E%3Ccircle%20cx=%2212%22%20cy=%227%22%20r=%224%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M20%2021v-2a4%204%200%200%200-4-4H8a4%204%200%200%200-4%204v2%22/%3E%3Ccircle%20cx=%2212%22%20cy=%227%22%20r=%224%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-user-plus {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M16%2021v-2a4%204%200%200%200-4-4H5a4%204%200%200%200-4%204v2%22/%3E%3Ccircle%20cx=%228.5%22%20cy=%227%22%20r=%224%22/%3E%3Cline%20x1=%2220%22%20y1=%228%22%20x2=%2220%22%20y2=%2214%22/%3E%3Cline%20x1=%2223%22%20y1=%2211%22%20x2=%2217%22%20y2=%2211%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M16%2021v-2a4%204%200%200%200-4-4H5a4%204%200%200%200-4%204v2%22/%3E%3Ccircle%20cx=%228.5%22%20cy=%227%22%20r=%224%22/%3E%3Cline%20x1=%2220%22%20y1=%228%22%20x2=%2220%22%20y2=%2214%22/%3E%3Cline%20x1=%2223%22%20y1=%2211%22%20x2=%2217%22%20y2=%2211%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-address-book {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M20%2021v-2a4%204%200%200%200-4-4H8a4%204%200%200%200-4%204v2%22/%3E%3Ccircle%20cx=%2212%22%20cy=%227%22%20r=%224%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M20%2021v-2a4%204%200%200%200-4-4H8a4%204%200%200%200-4%204v2%22/%3E%3Ccircle%20cx=%2212%22%20cy=%227%22%20r=%224%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-id-card {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20x=%223%22%20y=%224%22%20width=%2218%22%20height=%2216%22%20rx=%222%22/%3E%3Ccircle%20cx=%229%22%20cy=%2210%22%20r=%222%22/%3E%3Cpath%20d=%22M15%208h2M15%2012h2M7%2016h10%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20x=%223%22%20y=%224%22%20width=%2218%22%20height=%2216%22%20rx=%222%22/%3E%3Ccircle%20cx=%229%22%20cy=%2210%22%20r=%222%22/%3E%3Cpath%20d=%22M15%208h2M15%2012h2M7%2016h10%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-cube {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M21%2016V8a2%202%200%200%200-1-1.73l-7-4a2%202%200%200%200-2%200l-7%204A2%202%200%200%200%203%208v8a2%202%200%200%200%201%201.73l7%204a2%202%200%200%200%202%200l7-4A2%202%200%200%200%2021%2016z%22/%3E%3Cpolyline%20points=%223.27%206.96%2012%2012.01%2020.73%206.96%22/%3E%3Cline%20x1=%2212%22%20y1=%2222.08%22%20x2=%2212%22%20y2=%2212%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M21%2016V8a2%202%200%200%200-1-1.73l-7-4a2%202%200%200%200-2%200l-7%204A2%202%200%200%200%203%208v8a2%202%200%200%200%201%201.73l7%204a2%202%200%200%200%202%200l7-4A2%202%200%200%200%2021%2016z%22/%3E%3Cpolyline%20points=%223.27%206.96%2012%2012.01%2020.73%206.96%22/%3E%3Cline%20x1=%2212%22%20y1=%2222.08%22%20x2=%2212%22%20y2=%2212%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-cubes {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M21%2016V8a2%202%200%200%200-1-1.73l-7-4a2%202%200%200%200-2%200l-7%204A2%202%200%200%200%203%208v8a2%202%200%200%200%201%201.73l7%204a2%202%200%200%200%202%200l7-4A2%202%200%200%200%2021%2016z%22/%3E%3Cpolyline%20points=%223.27%206.96%2012%2012.01%2020.73%206.96%22/%3E%3Cline%20x1=%2212%22%20y1=%2222.08%22%20x2=%2212%22%20y2=%2212%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M21%2016V8a2%202%200%200%200-1-1.73l-7-4a2%202%200%200%200-2%200l-7%204A2%202%200%200%200%203%208v8a2%202%200%200%200%201%201.73l7%204a2%202%200%200%200%202%200l7-4A2%202%200%200%200%2021%2016z%22/%3E%3Cpolyline%20points=%223.27%206.96%2012%2012.01%2020.73%206.96%22/%3E%3Cline%20x1=%2212%22%20y1=%2222.08%22%20x2=%2212%22%20y2=%2212%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-box {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M21%2016V8a2%202%200%200%200-1-1.73l-7-4a2%202%200%200%200-2%200l-7%204A2%202%200%200%200%203%208v8a2%202%200%200%200%201%201.73l7%204a2%202%200%200%200%202%200l7-4A2%202%200%200%200%2021%2016z%22/%3E%3Cpolyline%20points=%223.27%206.96%2012%2012.01%2020.73%206.96%22/%3E%3Cline%20x1=%2212%22%20y1=%2222.08%22%20x2=%2212%22%20y2=%2212%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M21%2016V8a2%202%200%200%200-1-1.73l-7-4a2%202%200%200%200-2%200l-7%204A2%202%200%200%200%203%208v8a2%202%200%200%200%201%201.73l7%204a2%202%200%200%200%202%200l7-4A2%202%200%200%200%2021%2016z%22/%3E%3Cpolyline%20points=%223.27%206.96%2012%2012.01%2020.73%206.96%22/%3E%3Cline%20x1=%2212%22%20y1=%2222.08%22%20x2=%2212%22%20y2=%2212%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-boxes {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M21%2016V8a2%202%200%200%200-1-1.73l-7-4a2%202%200%200%200-2%200l-7%204A2%202%200%200%200%203%208v8a2%202%200%200%200%201%201.73l7%204a2%202%200%200%200%202%200l7-4A2%202%200%200%200%2021%2016z%22/%3E%3Cpolyline%20points=%223.27%206.96%2012%2012.01%2020.73%206.96%22/%3E%3Cline%20x1=%2212%22%20y1=%2222.08%22%20x2=%2212%22%20y2=%2212%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M21%2016V8a2%202%200%200%200-1-1.73l-7-4a2%202%200%200%200-2%200l-7%204A2%202%200%200%200%203%208v8a2%202%200%200%200%201%201.73l7%204a2%202%200%200%200%202%200l7-4A2%202%200%200%200%2021%2016z%22/%3E%3Cpolyline%20points=%223.27%206.96%2012%2012.01%2020.73%206.96%22/%3E%3Cline%20x1=%2212%22%20y1=%2222.08%22%20x2=%2212%22%20y2=%2212%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-shopping-cart {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%229%22%20cy=%2221%22%20r=%221%22/%3E%3Ccircle%20cx=%2220%22%20cy=%2221%22%20r=%221%22/%3E%3Cpath%20d=%22M1%201h4l2.68%2013.39a2%202%200%200%200%202%201.61h9.72a2%202%200%200%200%202-1.61L23%206H6%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%229%22%20cy=%2221%22%20r=%221%22/%3E%3Ccircle%20cx=%2220%22%20cy=%2221%22%20r=%221%22/%3E%3Cpath%20d=%22M1%201h4l2.68%2013.39a2%202%200%200%200%202%201.61h9.72a2%202%200%200%200%202-1.61L23%206H6%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-shopping-bag {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M6%202L3%206v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2V6l-3-4z%22/%3E%3Cline%20x1=%223%22%20y1=%226%22%20x2=%2221%22%20y2=%226%22/%3E%3Cpath%20d=%22M16%2010a4%204%200%200%201-8%200%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M6%202L3%206v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2V6l-3-4z%22/%3E%3Cline%20x1=%223%22%20y1=%226%22%20x2=%2221%22%20y2=%226%22/%3E%3Cpath%20d=%22M16%2010a4%204%200%200%201-8%200%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-tag {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M20.59%2013.41l-7.17%207.17a2%202%200%200%201-2.83%200L2%2012V2h10l8.59%208.59a2%202%200%200%201%200%202.82z%22/%3E%3Cline%20x1=%227%22%20y1=%227%22%20x2=%227.01%22%20y2=%227%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M20.59%2013.41l-7.17%207.17a2%202%200%200%201-2.83%200L2%2012V2h10l8.59%208.59a2%202%200%200%201%200%202.82z%22/%3E%3Cline%20x1=%227%22%20y1=%227%22%20x2=%227.01%22%20y2=%227%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-tags {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M20.59%2013.41l-7.17%207.17a2%202%200%200%201-2.83%200L2%2012V2h10l8.59%208.59a2%202%200%200%201%200%202.82z%22/%3E%3Cline%20x1=%227%22%20y1=%227%22%20x2=%227.01%22%20y2=%227%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M20.59%2013.41l-7.17%207.17a2%202%200%200%201-2.83%200L2%2012V2h10l8.59%208.59a2%202%200%200%201%200%202.82z%22/%3E%3Cline%20x1=%227%22%20y1=%227%22%20x2=%227.01%22%20y2=%227%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-globe {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%2210%22/%3E%3Cline%20x1=%222%22%20y1=%2212%22%20x2=%2222%22%20y2=%2212%22/%3E%3Cpath%20d=%22M12%202a15.3%2015.3%200%200%201%204%2010%2015.3%2015.3%200%200%201-4%2010%2015.3%2015.3%200%200%201-4-10%2015.3%2015.3%200%200%201%204-10z%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%2210%22/%3E%3Cline%20x1=%222%22%20y1=%2212%22%20x2=%2222%22%20y2=%2212%22/%3E%3Cpath%20d=%22M12%202a15.3%2015.3%200%200%201%204%2010%2015.3%2015.3%200%200%201-4%2010%2015.3%2015.3%200%200%201-4-10%2015.3%2015.3%200%200%201%204-10z%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-globe-europe {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%2210%22/%3E%3Cline%20x1=%222%22%20y1=%2212%22%20x2=%2222%22%20y2=%2212%22/%3E%3Cpath%20d=%22M12%202a15.3%2015.3%200%200%201%204%2010%2015.3%2015.3%200%200%201-4%2010%2015.3%2015.3%200%200%201-4-10%2015.3%2015.3%200%200%201%204-10z%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%2210%22/%3E%3Cline%20x1=%222%22%20y1=%2212%22%20x2=%2222%22%20y2=%2212%22/%3E%3Cpath%20d=%22M12%202a15.3%2015.3%200%200%201%204%2010%2015.3%2015.3%200%200%201-4%2010%2015.3%2015.3%200%200%201-4-10%2015.3%2015.3%200%200%201%204-10z%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-globe-americas {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%2210%22/%3E%3Cline%20x1=%222%22%20y1=%2212%22%20x2=%2222%22%20y2=%2212%22/%3E%3Cpath%20d=%22M12%202a15.3%2015.3%200%200%201%204%2010%2015.3%2015.3%200%200%201-4%2010%2015.3%2015.3%200%200%201-4-10%2015.3%2015.3%200%200%201%204-10z%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%2210%22/%3E%3Cline%20x1=%222%22%20y1=%2212%22%20x2=%2222%22%20y2=%2212%22/%3E%3Cpath%20d=%22M12%202a15.3%2015.3%200%200%201%204%2010%2015.3%2015.3%200%200%201-4%2010%2015.3%2015.3%200%200%201-4-10%2015.3%2015.3%200%200%201%204-10z%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-credit-card {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20x=%221%22%20y=%224%22%20width=%2222%22%20height=%2216%22%20rx=%222%22%20ry=%222%22/%3E%3Cline%20x1=%221%22%20y1=%2210%22%20x2=%2223%22%20y2=%2210%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20x=%221%22%20y=%224%22%20width=%2222%22%20height=%2216%22%20rx=%222%22%20ry=%222%22/%3E%3Cline%20x1=%221%22%20y1=%2210%22%20x2=%2223%22%20y2=%2210%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-money-bill {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20x=%222%22%20y=%226%22%20width=%2220%22%20height=%2212%22%20rx=%222%22/%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%222%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20x=%222%22%20y=%226%22%20width=%2220%22%20height=%2212%22%20rx=%222%22/%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%222%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-money-bill-alt {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20x=%222%22%20y=%226%22%20width=%2220%22%20height=%2212%22%20rx=%222%22/%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%222%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20x=%222%22%20y=%226%22%20width=%2220%22%20height=%2212%22%20rx=%222%22/%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%222%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-file-invoice {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20x=%221%22%20y=%224%22%20width=%2222%22%20height=%2216%22%20rx=%222%22%20ry=%222%22/%3E%3Cline%20x1=%221%22%20y1=%2210%22%20x2=%2223%22%20y2=%2210%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20x=%221%22%20y=%224%22%20width=%2222%22%20height=%2216%22%20rx=%222%22%20ry=%222%22/%3E%3Cline%20x1=%221%22%20y1=%2210%22%20x2=%2223%22%20y2=%2210%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-file-invoice-dollar {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20x=%221%22%20y=%224%22%20width=%2222%22%20height=%2216%22%20rx=%222%22%20ry=%222%22/%3E%3Cline%20x1=%221%22%20y1=%2210%22%20x2=%2223%22%20y2=%2210%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20x=%221%22%20y=%224%22%20width=%2222%22%20height=%2216%22%20rx=%222%22%20ry=%222%22/%3E%3Cline%20x1=%221%22%20y1=%2210%22%20x2=%2223%22%20y2=%2210%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-wallet {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M20%2012V8H6a2%202%200%200%201-2-2c0-1.1.9-2%202-2h12v4%22/%3E%3Cpath%20d=%22M4%206v12a2%202%200%200%200%202%202h14v-4%22/%3E%3Ccircle%20cx=%2217%22%20cy=%2214%22%20r=%221.5%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M20%2012V8H6a2%202%200%200%201-2-2c0-1.1.9-2%202-2h12v4%22/%3E%3Cpath%20d=%22M4%206v12a2%202%200%200%200%202%202h14v-4%22/%3E%3Ccircle%20cx=%2217%22%20cy=%2214%22%20r=%221.5%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-dollar-sign {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cline%20x1=%2212%22%20y1=%221%22%20x2=%2212%22%20y2=%2223%22/%3E%3Cpath%20d=%22M17%205H9.5a3.5%203.5%200%200%200%200%207h5a3.5%203.5%200%200%201%200%207H6%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cline%20x1=%2212%22%20y1=%221%22%20x2=%2212%22%20y2=%2223%22/%3E%3Cpath%20d=%22M17%205H9.5a3.5%203.5%200%200%200%200%207h5a3.5%203.5%200%200%201%200%207H6%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-euro-sign {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%2010h12M4%2014h9M19%206a7.5%207.5%200%201%200%200%2012%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%2010h12M4%2014h9M19%206a7.5%207.5%200%201%200%200%2012%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-comments {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M21%2011.5a8.38%208.38%200%200%201-.9%203.8%208.5%208.5%200%200%201-7.6%204.7%208.38%208.38%200%200%201-3.8-.9L3%2021l1.9-5.7a8.38%208.38%200%200%201-.9-3.8%208.5%208.5%200%200%201%204.7-7.6%208.38%208.38%200%200%201%203.8-.9h.5a8.48%208.48%200%200%201%208%208v.5z%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M21%2011.5a8.38%208.38%200%200%201-.9%203.8%208.5%208.5%200%200%201-7.6%204.7%208.38%208.38%200%200%201-3.8-.9L3%2021l1.9-5.7a8.38%208.38%200%200%201-.9-3.8%208.5%208.5%200%200%201%204.7-7.6%208.38%208.38%200%200%201%203.8-.9h.5a8.48%208.48%200%200%201%208%208v.5z%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-comment {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M21%2011.5a8.38%208.38%200%200%201-.9%203.8%208.5%208.5%200%200%201-7.6%204.7%208.38%208.38%200%200%201-3.8-.9L3%2021l1.9-5.7a8.38%208.38%200%200%201-.9-3.8%208.5%208.5%200%200%201%204.7-7.6%208.38%208.38%200%200%201%203.8-.9h.5a8.48%208.48%200%200%201%208%208v.5z%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M21%2011.5a8.38%208.38%200%200%201-.9%203.8%208.5%208.5%200%200%201-7.6%204.7%208.38%208.38%200%200%201-3.8-.9L3%2021l1.9-5.7a8.38%208.38%200%200%201-.9-3.8%208.5%208.5%200%200%201%204.7-7.6%208.38%208.38%200%200%201%203.8-.9h.5a8.48%208.48%200%200%201%208%208v.5z%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-life-ring {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%2210%22/%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%224%22/%3E%3Cline%20x1=%224.93%22%20y1=%224.93%22%20x2=%229.17%22%20y2=%229.17%22/%3E%3Cline%20x1=%2214.83%22%20y1=%2214.83%22%20x2=%2219.07%22%20y2=%2219.07%22/%3E%3Cline%20x1=%2214.83%22%20y1=%229.17%22%20x2=%2219.07%22%20y2=%224.93%22/%3E%3Cline%20x1=%224.93%22%20y1=%2219.07%22%20x2=%229.17%22%20y2=%2214.83%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%2210%22/%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%224%22/%3E%3Cline%20x1=%224.93%22%20y1=%224.93%22%20x2=%229.17%22%20y2=%229.17%22/%3E%3Cline%20x1=%2214.83%22%20y1=%2214.83%22%20x2=%2219.07%22%20y2=%2219.07%22/%3E%3Cline%20x1=%2214.83%22%20y1=%229.17%22%20x2=%2219.07%22%20y2=%224.93%22/%3E%3Cline%20x1=%224.93%22%20y1=%2219.07%22%20x2=%229.17%22%20y2=%2214.83%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-question-circle {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%2210%22/%3E%3Cpath%20d=%22M9.09%209a3%203%200%200%201%205.83%201c0%202-3%203-3%203%22/%3E%3Cline%20x1=%2212%22%20y1=%2217%22%20x2=%2212.01%22%20y2=%2217%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%2210%22/%3E%3Cpath%20d=%22M9.09%209a3%203%200%200%201%205.83%201c0%202-3%203-3%203%22/%3E%3Cline%20x1=%2212%22%20y1=%2217%22%20x2=%2212.01%22%20y2=%2217%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-headset {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M3%2018v-6a9%209%200%200%201%2018%200v6%22/%3E%3Cpath%20d=%22M21%2019a2%202%200%200%201-2%202h-1a2%202%200%200%201-2-2v-3a2%202%200%200%201%202-2h3zM3%2019a2%202%200%200%200%202%202h1a2%202%200%200%200%202-2v-3a2%202%200%200%200-2-2H3z%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M3%2018v-6a9%209%200%200%201%2018%200v6%22/%3E%3Cpath%20d=%22M21%2019a2%202%200%200%201-2%202h-1a2%202%200%200%201-2-2v-3a2%202%200%200%201%202-2h3zM3%2019a2%202%200%200%200%202%202h1a2%202%200%200%200%202-2v-3a2%202%200%200%200-2-2H3z%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-envelope {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%204h16c1.1%200%202%20.9%202%202v12c0%201.1-.9%202-2%202H4c-1.1%200-2-.9-2-2V6c0-1.1.9-2%202-2z%22/%3E%3Cpolyline%20points=%2222%2C6%2012%2C13%202%2C6%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%204h16c1.1%200%202%20.9%202%202v12c0%201.1-.9%202-2%202H4c-1.1%200-2-.9-2-2V6c0-1.1.9-2%202-2z%22/%3E%3Cpolyline%20points=%2222%2C6%2012%2C13%202%2C6%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-envelope-open {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M22%2012.5V19a2%202%200%200%201-2%202H4a2%202%200%200%201-2-2v-6.5%22/%3E%3Cpath%20d=%22M22%2012.5L12%204%202%2012.5l10%206.5%2010-6.5z%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M22%2012.5V19a2%202%200%200%201-2%202H4a2%202%200%200%201-2-2v-6.5%22/%3E%3Cpath%20d=%22M22%2012.5L12%204%202%2012.5l10%206.5%2010-6.5z%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-mail-bulk {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%204h16c1.1%200%202%20.9%202%202v12c0%201.1-.9%202-2%202H4c-1.1%200-2-.9-2-2V6c0-1.1.9-2%202-2z%22/%3E%3Cpolyline%20points=%2222%2C6%2012%2C13%202%2C6%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%204h16c1.1%200%202%20.9%202%202v12c0%201.1-.9%202-2%202H4c-1.1%200-2-.9-2-2V6c0-1.1.9-2%202-2z%22/%3E%3Cpolyline%20points=%2222%2C6%2012%2C13%202%2C6%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-at {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%224%22/%3E%3Cpath%20d=%22M16%208v5a3%203%200%200%200%206%200v-1a10%2010%200%201%200-3.92%207.94%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%224%22/%3E%3Cpath%20d=%22M16%208v5a3%203%200%200%200%206%200v-1a10%2010%200%201%200-3.92%207.94%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-phone {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M22%2016.92v3a2%202%200%200%201-2.18%202%2019.79%2019.79%200%200%201-8.63-3.07%2019.5%2019.5%200%200%201-6-6%2019.79%2019.79%200%200%201-3.07-8.67A2%202%200%200%201%204.11%202h3a2%202%200%200%201%202%201.72%2012.84%2012.84%200%200%200%20.7%202.81%202%202%200%200%201-.45%202.11L8.09%209.91a16%2016%200%200%200%206%206l1.27-1.27a2%202%200%200%201%202.11-.45%2012.84%2012.84%200%200%200%202.81.7A2%202%200%200%201%2022%2016.92z%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M22%2016.92v3a2%202%200%200%201-2.18%202%2019.79%2019.79%200%200%201-8.63-3.07%2019.5%2019.5%200%200%201-6-6%2019.79%2019.79%200%200%201-3.07-8.67A2%202%200%200%201%204.11%202h3a2%202%200%200%201%202%201.72%2012.84%2012.84%200%200%200%20.7%202.81%202%202%200%200%201-.45%202.11L8.09%209.91a16%2016%200%200%200%206%206l1.27-1.27a2%202%200%200%201%202.11-.45%2012.84%2012.84%200%200%200%202.81.7A2%202%200%200%201%2022%2016.92z%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-phone-alt {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M22%2016.92v3a2%202%200%200%201-2.18%202%2019.79%2019.79%200%200%201-8.63-3.07%2019.5%2019.5%200%200%201-6-6%2019.79%2019.79%200%200%201-3.07-8.67A2%202%200%200%201%204.11%202h3a2%202%200%200%201%202%201.72%2012.84%2012.84%200%200%200%20.7%202.81%202%202%200%200%201-.45%202.11L8.09%209.91a16%2016%200%200%200%206%206l1.27-1.27a2%202%200%200%201%202.11-.45%2012.84%2012.84%200%200%200%202.81.7A2%202%200%200%201%2022%2016.92z%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M22%2016.92v3a2%202%200%200%201-2.18%202%2019.79%2019.79%200%200%201-8.63-3.07%2019.5%2019.5%200%200%201-6-6%2019.79%2019.79%200%200%201-3.07-8.67A2%202%200%200%201%204.11%202h3a2%202%200%200%201%202%201.72%2012.84%2012.84%200%200%200%20.7%202.81%202%202%200%200%201-.45%202.11L8.09%209.91a16%2016%200%200%200%206%206l1.27-1.27a2%202%200%200%201%202.11-.45%2012.84%2012.84%200%200%200%202.81.7A2%202%200%200%201%2022%2016.92z%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-server {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20x=%222%22%20y=%222%22%20width=%2220%22%20height=%228%22%20rx=%222%22%20ry=%222%22/%3E%3Crect%20x=%222%22%20y=%2214%22%20width=%2220%22%20height=%228%22%20rx=%222%22%20ry=%222%22/%3E%3Cline%20x1=%226%22%20y1=%226%22%20x2=%226.01%22%20y2=%226%22/%3E%3Cline%20x1=%226%22%20y1=%2218%22%20x2=%226.01%22%20y2=%2218%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20x=%222%22%20y=%222%22%20width=%2220%22%20height=%228%22%20rx=%222%22%20ry=%222%22/%3E%3Crect%20x=%222%22%20y=%2214%22%20width=%2220%22%20height=%228%22%20rx=%222%22%20ry=%222%22/%3E%3Cline%20x1=%226%22%20y1=%226%22%20x2=%226.01%22%20y2=%226%22/%3E%3Cline%20x1=%226%22%20y1=%2218%22%20x2=%226.01%22%20y2=%2218%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-hdd {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cline%20x1=%2222%22%20y1=%2212%22%20x2=%222%22%20y2=%2212%22/%3E%3Cpath%20d=%22M5.45%205.11L2%2012v6a2%202%200%200%200%202%202h16a2%202%200%200%200%202-2v-6l-3.45-6.89A2%202%200%200%200%2016.76%204H7.24a2%202%200%200%200-1.79%201.11z%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cline%20x1=%2222%22%20y1=%2212%22%20x2=%222%22%20y2=%2212%22/%3E%3Cpath%20d=%22M5.45%205.11L2%2012v6a2%202%200%200%200%202%202h16a2%202%200%200%200%202-2v-6l-3.45-6.89A2%202%200%200%200%2016.76%204H7.24a2%202%200%200%200-1.79%201.11z%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-database {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cellipse%20cx=%2212%22%20cy=%225%22%20rx=%229%22%20ry=%223%22/%3E%3Cpath%20d=%22M21%2012c0%201.66-4%203-9%203s-9-1.34-9-3%22/%3E%3Cpath%20d=%22M3%205v14c0%201.66%204%203%209%203s9-1.34%209-3V5%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cellipse%20cx=%2212%22%20cy=%225%22%20rx=%229%22%20ry=%223%22/%3E%3Cpath%20d=%22M21%2012c0%201.66-4%203-9%203s-9-1.34-9-3%22/%3E%3Cpath%20d=%22M3%205v14c0%201.66%204%203%209%203s9-1.34%209-3V5%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-cloud {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M18%2010h-1.26A8%208%200%201%200%209%2020h9a5%205%200%200%200%200-10z%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M18%2010h-1.26A8%208%200%201%200%209%2020h9a5%205%200%200%200%200-10z%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-wifi {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M5%2012.55a11%2011%200%200%201%2014.08%200%22/%3E%3Cpath%20d=%22M1.42%209a16%2016%200%200%201%2021.16%200%22/%3E%3Cpath%20d=%22M8.53%2016.11a6%206%200%200%201%206.95%200%22/%3E%3Cline%20x1=%2212%22%20y1=%2220%22%20x2=%2212.01%22%20y2=%2220%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M5%2012.55a11%2011%200%200%201%2014.08%200%22/%3E%3Cpath%20d=%22M1.42%209a16%2016%200%200%201%2021.16%200%22/%3E%3Cpath%20d=%22M8.53%2016.11a6%206%200%200%201%206.95%200%22/%3E%3Cline%20x1=%2212%22%20y1=%2220%22%20x2=%2212.01%22%20y2=%2220%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-cog {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%223%22/%3E%3Cpath%20d=%22M19.4%2015a1.65%201.65%200%200%200%20.33%201.82l.06.06a2%202%200%200%201%200%202.83%202%202%200%200%201-2.83%200l-.06-.06a1.65%201.65%200%200%200-1.82-.33%201.65%201.65%200%200%200-1%201.51V21a2%202%200%200%201-2%202%202%202%200%200%201-2-2v-.09A1.65%201.65%200%200%200%209%2019.4a1.65%201.65%200%200%200-1.82.33l-.06.06a2%202%200%200%201-2.83%200%202%202%200%200%201%200-2.83l.06-.06a1.65%201.65%200%200%200%20.33-1.82%201.65%201.65%200%200%200-1.51-1H3a2%202%200%200%201-2-2%202%202%200%200%201%202-2h.09A1.65%201.65%200%200%200%204.6%209a1.65%201.65%200%200%200-.33-1.82l-.06-.06a2%202%200%200%201%200-2.83%202%202%200%200%201%202.83%200l.06.06a1.65%201.65%200%200%200%201.82.33H9a1.65%201.65%200%200%200%201-1.51V3a2%202%200%200%201%202-2%202%202%200%200%201%202%202v.09a1.65%201.65%200%200%200%201%201.51%201.65%201.65%200%200%200%201.82-.33l.06-.06a2%202%200%200%201%202.83%200%202%202%200%200%201%200%202.83l-.06.06a1.65%201.65%200%200%200-.33%201.82V9a1.65%201.65%200%200%200%201.51%201H21a2%202%200%200%201%202%202%202%202%200%200%201-2%202h-.09a1.65%201.65%200%200%200-1.51%201z%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%223%22/%3E%3Cpath%20d=%22M19.4%2015a1.65%201.65%200%200%200%20.33%201.82l.06.06a2%202%200%200%201%200%202.83%202%202%200%200%201-2.83%200l-.06-.06a1.65%201.65%200%200%200-1.82-.33%201.65%201.65%200%200%200-1%201.51V21a2%202%200%200%201-2%202%202%202%200%200%201-2-2v-.09A1.65%201.65%200%200%200%209%2019.4a1.65%201.65%200%200%200-1.82.33l-.06.06a2%202%200%200%201-2.83%200%202%202%200%200%201%200-2.83l.06-.06a1.65%201.65%200%200%200%20.33-1.82%201.65%201.65%200%200%200-1.51-1H3a2%202%200%200%201-2-2%202%202%200%200%201%202-2h.09A1.65%201.65%200%200%200%204.6%209a1.65%201.65%200%200%200-.33-1.82l-.06-.06a2%202%200%200%201%200-2.83%202%202%200%200%201%202.83%200l.06.06a1.65%201.65%200%200%200%201.82.33H9a1.65%201.65%200%200%200%201-1.51V3a2%202%200%200%201%202-2%202%202%200%200%201%202%202v.09a1.65%201.65%200%200%200%201%201.51%201.65%201.65%200%200%200%201.82-.33l.06-.06a2%202%200%200%201%202.83%200%202%202%200%200%201%200%202.83l-.06.06a1.65%201.65%200%200%200-.33%201.82V9a1.65%201.65%200%200%200%201.51%201H21a2%202%200%200%201%202%202%202%202%200%200%201-2%202h-.09a1.65%201.65%200%200%200-1.51%201z%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-cogs {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%223%22/%3E%3Cpath%20d=%22M19.4%2015a1.65%201.65%200%200%200%20.33%201.82l.06.06a2%202%200%200%201%200%202.83%202%202%200%200%201-2.83%200l-.06-.06a1.65%201.65%200%200%200-1.82-.33%201.65%201.65%200%200%200-1%201.51V21a2%202%200%200%201-2%202%202%202%200%200%201-2-2v-.09A1.65%201.65%200%200%200%209%2019.4a1.65%201.65%200%200%200-1.82.33l-.06.06a2%202%200%200%201-2.83%200%202%202%200%200%201%200-2.83l.06-.06a1.65%201.65%200%200%200%20.33-1.82%201.65%201.65%200%200%200-1.51-1H3a2%202%200%200%201-2-2%202%202%200%200%201%202-2h.09A1.65%201.65%200%200%200%204.6%209a1.65%201.65%200%200%200-.33-1.82l-.06-.06a2%202%200%200%201%200-2.83%202%202%200%200%201%202.83%200l.06.06a1.65%201.65%200%200%200%201.82.33H9a1.65%201.65%200%200%200%201-1.51V3a2%202%200%200%201%202-2%202%202%200%200%201%202%202v.09a1.65%201.65%200%200%200%201%201.51%201.65%201.65%200%200%200%201.82-.33l.06-.06a2%202%200%200%201%202.83%200%202%202%200%200%201%200%202.83l-.06.06a1.65%201.65%200%200%200-.33%201.82V9a1.65%201.65%200%200%200%201.51%201H21a2%202%200%200%201%202%202%202%202%200%200%201-2%202h-.09a1.65%201.65%200%200%200-1.51%201z%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%223%22/%3E%3Cpath%20d=%22M19.4%2015a1.65%201.65%200%200%200%20.33%201.82l.06.06a2%202%200%200%201%200%202.83%202%202%200%200%201-2.83%200l-.06-.06a1.65%201.65%200%200%200-1.82-.33%201.65%201.65%200%200%200-1%201.51V21a2%202%200%200%201-2%202%202%202%200%200%201-2-2v-.09A1.65%201.65%200%200%200%209%2019.4a1.65%201.65%200%200%200-1.82.33l-.06.06a2%202%200%200%201-2.83%200%202%202%200%200%201%200-2.83l.06-.06a1.65%201.65%200%200%200%20.33-1.82%201.65%201.65%200%200%200-1.51-1H3a2%202%200%200%201-2-2%202%202%200%200%201%202-2h.09A1.65%201.65%200%200%200%204.6%209a1.65%201.65%200%200%200-.33-1.82l-.06-.06a2%202%200%200%201%200-2.83%202%202%200%200%201%202.83%200l.06.06a1.65%201.65%200%200%200%201.82.33H9a1.65%201.65%200%200%200%201-1.51V3a2%202%200%200%201%202-2%202%202%200%200%201%202%202v.09a1.65%201.65%200%200%200%201%201.51%201.65%201.65%200%200%200%201.82-.33l.06-.06a2%202%200%200%201%202.83%200%202%202%200%200%201%200%202.83l-.06.06a1.65%201.65%200%200%200-.33%201.82V9a1.65%201.65%200%200%200%201.51%201H21a2%202%200%200%201%202%202%202%202%200%200%201-2%202h-.09a1.65%201.65%200%200%200-1.51%201z%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-wrench {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M14.7%206.3a1%201%200%200%200%200%201.4l1.6%201.6a1%201%200%200%200%201.4%200l3.77-3.77a6%206%200%200%201-7.94%207.94l-6.91%206.91a2.12%202.12%200%200%201-3-3l6.91-6.91a6%206%200%200%201%207.94-7.94l-3.76%203.76z%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M14.7%206.3a1%201%200%200%200%200%201.4l1.6%201.6a1%201%200%200%200%201.4%200l3.77-3.77a6%206%200%200%201-7.94%207.94l-6.91%206.91a2.12%202.12%200%200%201-3-3l6.91-6.91a6%206%200%200%201%207.94-7.94l-3.76%203.76z%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-tools {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M14.7%206.3a1%201%200%200%200%200%201.4l1.6%201.6a1%201%200%200%200%201.4%200l3.77-3.77a6%206%200%200%201-7.94%207.94l-6.91%206.91a2.12%202.12%200%200%201-3-3l6.91-6.91a6%206%200%200%201%207.94-7.94l-3.76%203.76z%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M14.7%206.3a1%201%200%200%200%200%201.4l1.6%201.6a1%201%200%200%200%201.4%200l3.77-3.77a6%206%200%200%201-7.94%207.94l-6.91%206.91a2.12%202.12%200%200%201-3-3l6.91-6.91a6%206%200%200%201%207.94-7.94l-3.76%203.76z%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-sliders-h {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cline%20x1=%224%22%20y1=%2221%22%20x2=%224%22%20y2=%2214%22/%3E%3Cline%20x1=%224%22%20y1=%2210%22%20x2=%224%22%20y2=%223%22/%3E%3Cline%20x1=%2212%22%20y1=%2221%22%20x2=%2212%22%20y2=%2212%22/%3E%3Cline%20x1=%2212%22%20y1=%228%22%20x2=%2212%22%20y2=%223%22/%3E%3Cline%20x1=%2220%22%20y1=%2221%22%20x2=%2220%22%20y2=%2216%22/%3E%3Cline%20x1=%2220%22%20y1=%2212%22%20x2=%2220%22%20y2=%223%22/%3E%3Cline%20x1=%221%22%20y1=%2214%22%20x2=%227%22%20y2=%2214%22/%3E%3Cline%20x1=%229%22%20y1=%228%22%20x2=%2215%22%20y2=%228%22/%3E%3Cline%20x1=%2217%22%20y1=%2216%22%20x2=%2223%22%20y2=%2216%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cline%20x1=%224%22%20y1=%2221%22%20x2=%224%22%20y2=%2214%22/%3E%3Cline%20x1=%224%22%20y1=%2210%22%20x2=%224%22%20y2=%223%22/%3E%3Cline%20x1=%2212%22%20y1=%2221%22%20x2=%2212%22%20y2=%2212%22/%3E%3Cline%20x1=%2212%22%20y1=%228%22%20x2=%2212%22%20y2=%223%22/%3E%3Cline%20x1=%2220%22%20y1=%2221%22%20x2=%2220%22%20y2=%2216%22/%3E%3Cline%20x1=%2220%22%20y1=%2212%22%20x2=%2220%22%20y2=%223%22/%3E%3Cline%20x1=%221%22%20y1=%2214%22%20x2=%227%22%20y2=%2214%22/%3E%3Cline%20x1=%229%22%20y1=%228%22%20x2=%2215%22%20y2=%228%22/%3E%3Cline%20x1=%2217%22%20y1=%2216%22%20x2=%2223%22%20y2=%2216%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-shield-alt {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M12%2022s8-4%208-10V5l-8-3-8%203v7c0%206%208%2010%208%2010z%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M12%2022s8-4%208-10V5l-8-3-8%203v7c0%206%208%2010%208%2010z%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-shield {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M12%2022s8-4%208-10V5l-8-3-8%203v7c0%206%208%2010%208%2010z%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M12%2022s8-4%208-10V5l-8-3-8%203v7c0%206%208%2010%208%2010z%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-lock {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20x=%223%22%20y=%2211%22%20width=%2218%22%20height=%2211%22%20rx=%222%22%20ry=%222%22/%3E%3Cpath%20d=%22M7%2011V7a5%205%200%200%201%2010%200v4%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20x=%223%22%20y=%2211%22%20width=%2218%22%20height=%2211%22%20rx=%222%22%20ry=%222%22/%3E%3Cpath%20d=%22M7%2011V7a5%205%200%200%201%2010%200v4%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-unlock {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20x=%223%22%20y=%2211%22%20width=%2218%22%20height=%2211%22%20rx=%222%22%20ry=%222%22/%3E%3Cpath%20d=%22M7%2011V7a5%205%200%200%201%209.9-1%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20x=%223%22%20y=%2211%22%20width=%2218%22%20height=%2211%22%20rx=%222%22%20ry=%222%22/%3E%3Cpath%20d=%22M7%2011V7a5%205%200%200%201%209.9-1%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-unlock-alt {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20x=%223%22%20y=%2211%22%20width=%2218%22%20height=%2211%22%20rx=%222%22%20ry=%222%22/%3E%3Cpath%20d=%22M7%2011V7a5%205%200%200%201%209.9-1%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20x=%223%22%20y=%2211%22%20width=%2218%22%20height=%2211%22%20rx=%222%22%20ry=%222%22/%3E%3Cpath%20d=%22M7%2011V7a5%205%200%200%201%209.9-1%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-key {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M21%202l-2%202m-7.61%207.61a5.5%205.5%200%201%201-7.778%207.778%205.5%205.5%200%200%201%207.777-7.777zm0%200L15.5%207.5m0%200l3%203L22%207l-3-3m-3.5%203.5L19%204%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M21%202l-2%202m-7.61%207.61a5.5%205.5%200%201%201-7.778%207.778%205.5%205.5%200%200%201%207.777-7.777zm0%200L15.5%207.5m0%200l3%203L22%207l-3-3m-3.5%203.5L19%204%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-search {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2211%22%20cy=%2211%22%20r=%228%22/%3E%3Cline%20x1=%2221%22%20y1=%2221%22%20x2=%2216.65%22%20y2=%2216.65%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2211%22%20cy=%2211%22%20r=%228%22/%3E%3Cline%20x1=%2221%22%20y1=%2221%22%20x2=%2216.65%22%20y2=%2216.65%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-search-plus {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2211%22%20cy=%2211%22%20r=%228%22/%3E%3Cline%20x1=%2221%22%20y1=%2221%22%20x2=%2216.65%22%20y2=%2216.65%22/%3E%3Cline%20x1=%2211%22%20y1=%228%22%20x2=%2211%22%20y2=%2214%22/%3E%3Cline%20x1=%228%22%20y1=%2211%22%20x2=%2214%22%20y2=%2211%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2211%22%20cy=%2211%22%20r=%228%22/%3E%3Cline%20x1=%2221%22%20y1=%2221%22%20x2=%2216.65%22%20y2=%2216.65%22/%3E%3Cline%20x1=%2211%22%20y1=%228%22%20x2=%2211%22%20y2=%2214%22/%3E%3Cline%20x1=%228%22%20y1=%2211%22%20x2=%2214%22%20y2=%2211%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-bell {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M18%208A6%206%200%200%200%206%208c0%207-3%209-3%209h18s-3-2-3-9%22/%3E%3Cpath%20d=%22M13.73%2021a2%202%200%200%201-3.46%200%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M18%208A6%206%200%200%200%206%208c0%207-3%209-3%209h18s-3-2-3-9%22/%3E%3Cpath%20d=%22M13.73%2021a2%202%200%200%201-3.46%200%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-bell-slash {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M13.73%2021a2%202%200%200%201-3.46%200M18.63%2013A17.89%2017.89%200%200%201%2018%208M6.26%206.26A5.86%205.86%200%200%200%206%208c0%207-3%209-3%209h14M18%208a6%206%200%200%200-9.33-5%22/%3E%3Cline%20x1=%221%22%20y1=%221%22%20x2=%2223%22%20y2=%2223%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M13.73%2021a2%202%200%200%201-3.46%200M18.63%2013A17.89%2017.89%200%200%201%2018%208M6.26%206.26A5.86%205.86%200%200%200%206%208c0%207-3%209-3%209h14M18%208a6%206%200%200%200-9.33-5%22/%3E%3Cline%20x1=%221%22%20y1=%221%22%20x2=%2223%22%20y2=%2223%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-edit {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M11%204H4a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2v-7%22/%3E%3Cpath%20d=%22M18.5%202.5a2.121%202.121%200%200%201%203%203L12%2015l-4%201%201-4%209.5-9.5z%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M11%204H4a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2v-7%22/%3E%3Cpath%20d=%22M18.5%202.5a2.121%202.121%200%200%201%203%203L12%2015l-4%201%201-4%209.5-9.5z%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-pencil-alt {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M11%204H4a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2v-7%22/%3E%3Cpath%20d=%22M18.5%202.5a2.121%202.121%200%200%201%203%203L12%2015l-4%201%201-4%209.5-9.5z%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M11%204H4a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2v-7%22/%3E%3Cpath%20d=%22M18.5%202.5a2.121%202.121%200%200%201%203%203L12%2015l-4%201%201-4%209.5-9.5z%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-pen {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M12%2019l7-7%203%203-7%207-3-3z%22/%3E%3Cpath%20d=%22M18%2013l-1.5-7.5L2%202l3.5%2014.5L13%2018l5-5z%22/%3E%3Cpath%20d=%22M2%202l7.586%207.586%22/%3E%3Ccircle%20cx=%2211%22%20cy=%2211%22%20r=%222%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M12%2019l7-7%203%203-7%207-3-3z%22/%3E%3Cpath%20d=%22M18%2013l-1.5-7.5L2%202l3.5%2014.5L13%2018l5-5z%22/%3E%3Cpath%20d=%22M2%202l7.586%207.586%22/%3E%3Ccircle%20cx=%2211%22%20cy=%2211%22%20r=%222%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-trash {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolyline%20points=%223%206%205%206%2021%206%22/%3E%3Cpath%20d=%22M19%206v14a2%202%200%200%201-2%202H7a2%202%200%200%201-2-2V6m3%200V4a2%202%200%200%201%202-2h4a2%202%200%200%201%202%202v2%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolyline%20points=%223%206%205%206%2021%206%22/%3E%3Cpath%20d=%22M19%206v14a2%202%200%200%201-2%202H7a2%202%200%200%201-2-2V6m3%200V4a2%202%200%200%201%202-2h4a2%202%200%200%201%202%202v2%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-trash-alt {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolyline%20points=%223%206%205%206%2021%206%22/%3E%3Cpath%20d=%22M19%206v14a2%202%200%200%201-2%202H7a2%202%200%200%201-2-2V6m3%200V4a2%202%200%200%201%202-2h4a2%202%200%200%201%202%202v2%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolyline%20points=%223%206%205%206%2021%206%22/%3E%3Cpath%20d=%22M19%206v14a2%202%200%200%201-2%202H7a2%202%200%200%201-2-2V6m3%200V4a2%202%200%200%201%202-2h4a2%202%200%200%201%202%202v2%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-copy {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20x=%229%22%20y=%229%22%20width=%2213%22%20height=%2213%22%20rx=%222%22%20ry=%222%22/%3E%3Cpath%20d=%22M5%2015H4a2%202%200%200%201-2-2V4a2%202%200%200%201%202-2h9a2%202%200%200%201%202%202v1%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20x=%229%22%20y=%229%22%20width=%2213%22%20height=%2213%22%20rx=%222%22%20ry=%222%22/%3E%3Cpath%20d=%22M5%2015H4a2%202%200%200%201-2-2V4a2%202%200%200%201%202-2h9a2%202%200%200%201%202%202v1%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-save {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M19%2021H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h11l5%205v11a2%202%200%200%201-2%202z%22/%3E%3Cpolyline%20points=%2217%2021%2017%2013%207%2013%207%2021%22/%3E%3Cpolyline%20points=%227%203%207%208%2015%208%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M19%2021H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h11l5%205v11a2%202%200%200%201-2%202z%22/%3E%3Cpolyline%20points=%2217%2021%2017%2013%207%2013%207%2021%22/%3E%3Cpolyline%20points=%227%203%207%208%2015%208%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-download {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M21%2015v4a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-4%22/%3E%3Cpolyline%20points=%227%2010%2012%2015%2017%2010%22/%3E%3Cline%20x1=%2212%22%20y1=%2215%22%20x2=%2212%22%20y2=%223%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M21%2015v4a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-4%22/%3E%3Cpolyline%20points=%227%2010%2012%2015%2017%2010%22/%3E%3Cline%20x1=%2212%22%20y1=%2215%22%20x2=%2212%22%20y2=%223%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-cloud-download-alt {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M21%2015v4a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-4%22/%3E%3Cpolyline%20points=%227%2010%2012%2015%2017%2010%22/%3E%3Cline%20x1=%2212%22%20y1=%2215%22%20x2=%2212%22%20y2=%223%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M21%2015v4a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-4%22/%3E%3Cpolyline%20points=%227%2010%2012%2015%2017%2010%22/%3E%3Cline%20x1=%2212%22%20y1=%2215%22%20x2=%2212%22%20y2=%223%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-upload {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M21%2015v4a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-4%22/%3E%3Cpolyline%20points=%2217%208%2012%203%207%208%22/%3E%3Cline%20x1=%2212%22%20y1=%223%22%20x2=%2212%22%20y2=%2215%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M21%2015v4a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-4%22/%3E%3Cpolyline%20points=%2217%208%2012%203%207%208%22/%3E%3Cline%20x1=%2212%22%20y1=%223%22%20x2=%2212%22%20y2=%2215%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-cloud-upload-alt {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M21%2015v4a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-4%22/%3E%3Cpolyline%20points=%2217%208%2012%203%207%208%22/%3E%3Cline%20x1=%2212%22%20y1=%223%22%20x2=%2212%22%20y2=%2215%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M21%2015v4a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-4%22/%3E%3Cpolyline%20points=%2217%208%2012%203%207%208%22/%3E%3Cline%20x1=%2212%22%20y1=%223%22%20x2=%2212%22%20y2=%2215%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-eye {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M1%2012s4-8%2011-8%2011%208%2011%208-4%208-11%208-11-8-11-8z%22/%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%223%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M1%2012s4-8%2011-8%2011%208%2011%208-4%208-11%208-11-8-11-8z%22/%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%223%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-eye-slash {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M17.94%2017.94A10.07%2010.07%200%200%201%2012%2020c-7%200-11-8-11-8a18.45%2018.45%200%200%201%205.06-5.94M9.9%204.24A9.12%209.12%200%200%201%2012%204c7%200%2011%208%2011%208a18.5%2018.5%200%200%201-2.16%203.19m-6.72-1.07a3%203%200%201%201-4.24-4.24%22/%3E%3Cline%20x1=%221%22%20y1=%221%22%20x2=%2223%22%20y2=%2223%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M17.94%2017.94A10.07%2010.07%200%200%201%2012%2020c-7%200-11-8-11-8a18.45%2018.45%200%200%201%205.06-5.94M9.9%204.24A9.12%209.12%200%200%201%2012%204c7%200%2011%208%2011%208a18.5%2018.5%200%200%201-2.16%203.19m-6.72-1.07a3%203%200%201%201-4.24-4.24%22/%3E%3Cline%20x1=%221%22%20y1=%221%22%20x2=%2223%22%20y2=%2223%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-plus {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cline%20x1=%2212%22%20y1=%225%22%20x2=%2212%22%20y2=%2219%22/%3E%3Cline%20x1=%225%22%20y1=%2212%22%20x2=%2219%22%20y2=%2212%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cline%20x1=%2212%22%20y1=%225%22%20x2=%2212%22%20y2=%2219%22/%3E%3Cline%20x1=%225%22%20y1=%2212%22%20x2=%2219%22%20y2=%2212%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-plus-circle {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%2210%22/%3E%3Cline%20x1=%2212%22%20y1=%228%22%20x2=%2212%22%20y2=%2216%22/%3E%3Cline%20x1=%228%22%20y1=%2212%22%20x2=%2216%22%20y2=%2212%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%2210%22/%3E%3Cline%20x1=%2212%22%20y1=%228%22%20x2=%2212%22%20y2=%2216%22/%3E%3Cline%20x1=%228%22%20y1=%2212%22%20x2=%2216%22%20y2=%2212%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-plus-square {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20x=%223%22%20y=%223%22%20width=%2218%22%20height=%2218%22%20rx=%222%22%20ry=%222%22/%3E%3Cline%20x1=%2212%22%20y1=%228%22%20x2=%2212%22%20y2=%2216%22/%3E%3Cline%20x1=%228%22%20y1=%2212%22%20x2=%2216%22%20y2=%2212%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20x=%223%22%20y=%223%22%20width=%2218%22%20height=%2218%22%20rx=%222%22%20ry=%222%22/%3E%3Cline%20x1=%2212%22%20y1=%228%22%20x2=%2212%22%20y2=%2216%22/%3E%3Cline%20x1=%228%22%20y1=%2212%22%20x2=%2216%22%20y2=%2212%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-minus {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cline%20x1=%225%22%20y1=%2212%22%20x2=%2219%22%20y2=%2212%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cline%20x1=%225%22%20y1=%2212%22%20x2=%2219%22%20y2=%2212%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-minus-circle {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%2210%22/%3E%3Cline%20x1=%228%22%20y1=%2212%22%20x2=%2216%22%20y2=%2212%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%2210%22/%3E%3Cline%20x1=%228%22%20y1=%2212%22%20x2=%2216%22%20y2=%2212%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-times {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cline%20x1=%2218%22%20y1=%226%22%20x2=%226%22%20y2=%2218%22/%3E%3Cline%20x1=%226%22%20y1=%226%22%20x2=%2218%22%20y2=%2218%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cline%20x1=%2218%22%20y1=%226%22%20x2=%226%22%20y2=%2218%22/%3E%3Cline%20x1=%226%22%20y1=%226%22%20x2=%2218%22%20y2=%2218%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-times-circle {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%2210%22/%3E%3Cline%20x1=%2215%22%20y1=%229%22%20x2=%229%22%20y2=%2215%22/%3E%3Cline%20x1=%229%22%20y1=%229%22%20x2=%2215%22%20y2=%2215%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%2210%22/%3E%3Cline%20x1=%2215%22%20y1=%229%22%20x2=%229%22%20y2=%2215%22/%3E%3Cline%20x1=%229%22%20y1=%229%22%20x2=%2215%22%20y2=%2215%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-check {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolyline%20points=%2220%206%209%2017%204%2012%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolyline%20points=%2220%206%209%2017%204%2012%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-check-circle {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M22%2011.08V12a10%2010%200%201%201-5.93-9.14%22/%3E%3Cpolyline%20points=%2222%204%2012%2014.01%209%2011.01%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M22%2011.08V12a10%2010%200%201%201-5.93-9.14%22/%3E%3Cpolyline%20points=%2222%204%2012%2014.01%209%2011.01%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-check-square {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolyline%20points=%229%2011%2012%2014%2022%204%22/%3E%3Cpath%20d=%22M21%2012v7a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h11%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolyline%20points=%229%2011%2012%2014%2022%204%22/%3E%3Cpath%20d=%22M21%2012v7a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h11%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-ban {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%2210%22/%3E%3Cline%20x1=%224.93%22%20y1=%224.93%22%20x2=%2219.07%22%20y2=%2219.07%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%2210%22/%3E%3Cline%20x1=%224.93%22%20y1=%224.93%22%20x2=%2219.07%22%20y2=%2219.07%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-exclamation {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cline%20x1=%2212%22%20y1=%229%22%20x2=%2212%22%20y2=%2213%22/%3E%3Cline%20x1=%2212%22%20y1=%2217%22%20x2=%2212.01%22%20y2=%2217%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cline%20x1=%2212%22%20y1=%229%22%20x2=%2212%22%20y2=%2213%22/%3E%3Cline%20x1=%2212%22%20y1=%2217%22%20x2=%2212.01%22%20y2=%2217%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-exclamation-circle {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%2210%22/%3E%3Cline%20x1=%2212%22%20y1=%228%22%20x2=%2212%22%20y2=%2212%22/%3E%3Cline%20x1=%2212%22%20y1=%2216%22%20x2=%2212.01%22%20y2=%2216%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%2210%22/%3E%3Cline%20x1=%2212%22%20y1=%228%22%20x2=%2212%22%20y2=%2212%22/%3E%3Cline%20x1=%2212%22%20y1=%2216%22%20x2=%2212.01%22%20y2=%2216%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-exclamation-triangle {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M10.29%203.86L1.82%2018a2%202%200%200%200%201.71%203h16.94a2%202%200%200%200%201.71-3L13.71%203.86a2%202%200%200%200-3.42%200z%22/%3E%3Cline%20x1=%2212%22%20y1=%229%22%20x2=%2212%22%20y2=%2213%22/%3E%3Cline%20x1=%2212%22%20y1=%2217%22%20x2=%2212.01%22%20y2=%2217%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M10.29%203.86L1.82%2018a2%202%200%200%200%201.71%203h16.94a2%202%200%200%200%201.71-3L13.71%203.86a2%202%200%200%200-3.42%200z%22/%3E%3Cline%20x1=%2212%22%20y1=%229%22%20x2=%2212%22%20y2=%2213%22/%3E%3Cline%20x1=%2212%22%20y1=%2217%22%20x2=%2212.01%22%20y2=%2217%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-info {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%2210%22/%3E%3Cline%20x1=%2212%22%20y1=%2216%22%20x2=%2212%22%20y2=%2212%22/%3E%3Cline%20x1=%2212%22%20y1=%228%22%20x2=%2212.01%22%20y2=%228%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%2210%22/%3E%3Cline%20x1=%2212%22%20y1=%2216%22%20x2=%2212%22%20y2=%2212%22/%3E%3Cline%20x1=%2212%22%20y1=%228%22%20x2=%2212.01%22%20y2=%228%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-info-circle {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%2210%22/%3E%3Cline%20x1=%2212%22%20y1=%2216%22%20x2=%2212%22%20y2=%2212%22/%3E%3Cline%20x1=%2212%22%20y1=%228%22%20x2=%2212.01%22%20y2=%228%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%2210%22/%3E%3Cline%20x1=%2212%22%20y1=%2216%22%20x2=%2212%22%20y2=%2212%22/%3E%3Cline%20x1=%2212%22%20y1=%228%22%20x2=%2212.01%22%20y2=%228%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-question {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%2210%22/%3E%3Cpath%20d=%22M9.09%209a3%203%200%200%201%205.83%201c0%202-3%203-3%203%22/%3E%3Cline%20x1=%2212%22%20y1=%2217%22%20x2=%2212.01%22%20y2=%2217%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%2210%22/%3E%3Cpath%20d=%22M9.09%209a3%203%200%200%201%205.83%201c0%202-3%203-3%203%22/%3E%3Cline%20x1=%2212%22%20y1=%2217%22%20x2=%2212.01%22%20y2=%2217%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-bullhorn {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolygon%20points=%2211%205%206%209%202%209%202%2015%206%2015%2011%2019%2011%205%22/%3E%3Cpath%20d=%22M19.07%204.93a10%2010%200%200%201%200%2014.14M15.54%208.46a5%205%200%200%201%200%207.07%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolygon%20points=%2211%205%206%209%202%209%202%2015%206%2015%2011%2019%2011%205%22/%3E%3Cpath%20d=%22M19.07%204.93a10%2010%200%200%201%200%2014.14M15.54%208.46a5%205%200%200%201%200%207.07%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-megaphone {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolygon%20points=%2211%205%206%209%202%209%202%2015%206%2015%2011%2019%2011%205%22/%3E%3Cpath%20d=%22M19.07%204.93a10%2010%200%200%201%200%2014.14M15.54%208.46a5%205%200%200%201%200%207.07%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolygon%20points=%2211%205%206%209%202%209%202%2015%206%2015%2011%2019%2011%205%22/%3E%3Cpath%20d=%22M19.07%204.93a10%2010%200%200%201%200%2014.14M15.54%208.46a5%205%200%200%201%200%207.07%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-newspaper {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20x=%223%22%20y=%223%22%20width=%2218%22%20height=%2218%22%20rx=%222%22%20ry=%222%22/%3E%3Cline%20x1=%228%22%20y1=%229%22%20x2=%2216%22%20y2=%229%22/%3E%3Cline%20x1=%228%22%20y1=%2213%22%20x2=%2216%22%20y2=%2213%22/%3E%3Cline%20x1=%228%22%20y1=%2217%22%20x2=%2214%22%20y2=%2217%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20x=%223%22%20y=%223%22%20width=%2218%22%20height=%2218%22%20rx=%222%22%20ry=%222%22/%3E%3Cline%20x1=%228%22%20y1=%229%22%20x2=%2216%22%20y2=%229%22/%3E%3Cline%20x1=%228%22%20y1=%2213%22%20x2=%2216%22%20y2=%2213%22/%3E%3Cline%20x1=%228%22%20y1=%2217%22%20x2=%2214%22%20y2=%2217%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-rss {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%2011a9%209%200%200%201%209%209%22/%3E%3Cpath%20d=%22M4%204a16%2016%200%200%201%2016%2016%22/%3E%3Ccircle%20cx=%225%22%20cy=%2219%22%20r=%221%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%2011a9%209%200%200%201%209%209%22/%3E%3Cpath%20d=%22M4%204a16%2016%200%200%201%2016%2016%22/%3E%3Ccircle%20cx=%225%22%20cy=%2219%22%20r=%221%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-book {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%2019.5A2.5%202.5%200%200%201%206.5%2017H20%22/%3E%3Cpath%20d=%22M6.5%202H20v20H6.5A2.5%202.5%200%200%201%204%2019.5v-15A2.5%202.5%200%200%201%206.5%202z%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%2019.5A2.5%202.5%200%200%201%206.5%2017H20%22/%3E%3Cpath%20d=%22M6.5%202H20v20H6.5A2.5%202.5%200%200%201%204%2019.5v-15A2.5%202.5%200%200%201%206.5%202z%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-book-open {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M2%203h6a4%204%200%200%201%204%204v14a3%203%200%200%200-3-3H2z%22/%3E%3Cpath%20d=%22M22%203h-6a4%204%200%200%200-4%204v14a3%203%200%200%201%203-3h7z%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M2%203h6a4%204%200%200%201%204%204v14a3%203%200%200%200-3-3H2z%22/%3E%3Cpath%20d=%22M22%203h-6a4%204%200%200%200-4%204v14a3%203%200%200%201%203-3h7z%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-graduation-cap {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M22%2010v6M2%2010l10-5%2010%205-10%205z%22/%3E%3Cpath%20d=%22M6%2012v5c3%203%209%203%2012%200v-5%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M22%2010v6M2%2010l10-5%2010%205-10%205z%22/%3E%3Cpath%20d=%22M6%2012v5c3%203%209%203%2012%200v-5%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-chart-bar {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cline%20x1=%2212%22%20y1=%2220%22%20x2=%2212%22%20y2=%2210%22/%3E%3Cline%20x1=%2218%22%20y1=%2220%22%20x2=%2218%22%20y2=%224%22/%3E%3Cline%20x1=%226%22%20y1=%2220%22%20x2=%226%22%20y2=%2216%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cline%20x1=%2212%22%20y1=%2220%22%20x2=%2212%22%20y2=%2210%22/%3E%3Cline%20x1=%2218%22%20y1=%2220%22%20x2=%2218%22%20y2=%224%22/%3E%3Cline%20x1=%226%22%20y1=%2220%22%20x2=%226%22%20y2=%2216%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-chart-line {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolyline%20points=%2222%2012%2018%2012%2015%2021%209%203%206%2012%202%2012%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolyline%20points=%2222%2012%2018%2012%2015%2021%209%203%206%2012%202%2012%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-chart-pie {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M21.21%2015.89A10%2010%200%201%201%208%202.83%22/%3E%3Cpath%20d=%22M22%2012A10%2010%200%200%200%2012%202v10z%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M21.21%2015.89A10%2010%200%201%201%208%202.83%22/%3E%3Cpath%20d=%22M22%2012A10%2010%200%200%200%2012%202v10z%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-chart-area {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolyline%20points=%2222%2012%2018%2012%2015%2021%209%203%206%2012%202%2012%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolyline%20points=%2222%2012%2018%2012%2015%2021%209%203%206%2012%202%2012%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-tachometer {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M6%2012a6%206%200%201%200%2012%200M12%2018l4-4%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M6%2012a6%206%200%201%200%2012%200M12%2018l4-4%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-rocket {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4.5%2016.5c-1.5%201.26-2%205-2%205s3.74-.5%205-2c.71-.84.7-2.13-.09-2.91a2.18%202.18%200%200%200-2.91-.09z%22/%3E%3Cpath%20d=%22M12%2015l-3-3a22%2022%200%200%201%202-3.95A12.88%2012.88%200%200%201%2022%202c0%202.72-.78%207.5-6%2011a22.35%2022.35%200%200%201-4%202z%22/%3E%3Cpath%20d=%22M9%2012H4s.55-3.03%202-4c1.62-1.08%205%200%205%200%22/%3E%3Cpath%20d=%22M12%2015v5s3.03-.55%204-2c1.08-1.62%200-5%200-5%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4.5%2016.5c-1.5%201.26-2%205-2%205s3.74-.5%205-2c.71-.84.7-2.13-.09-2.91a2.18%202.18%200%200%200-2.91-.09z%22/%3E%3Cpath%20d=%22M12%2015l-3-3a22%2022%200%200%201%202-3.95A12.88%2012.88%200%200%201%2022%202c0%202.72-.78%207.5-6%2011a22.35%2022.35%200%200%201-4%202z%22/%3E%3Cpath%20d=%22M9%2012H4s.55-3.03%202-4c1.62-1.08%205%200%205%200%22/%3E%3Cpath%20d=%22M12%2015v5s3.03-.55%204-2c1.08-1.62%200-5%200-5%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-bolt {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolygon%20points=%2213%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolygon%20points=%2213%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-magic {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M14%202l4%204-12%2012H2v-4z%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M14%202l4%204-12%2012H2v-4z%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-fire {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M8.5%2014.5A2.5%202.5%200%200%200%2011%2012c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054%202-6%20.5%202.5%202%204.9%204%206.5%202%201.6%203%203.5%203%205.5a7%207%200%201%201-14%200c0-1.153.433-2.294%201-3a2.5%202.5%200%200%200%202.5%202.5z%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M8.5%2014.5A2.5%202.5%200%200%200%2011%2012c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054%202-6%20.5%202.5%202%204.9%204%206.5%202%201.6%203%203.5%203%205.5a7%207%200%201%201-14%200c0-1.153.433-2.294%201-3a2.5%202.5%200%200%200%202.5%202.5z%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-star {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolygon%20points=%2212%202%2015.09%208.26%2022%209.27%2017%2014.14%2018.18%2021.02%2012%2017.77%205.82%2021.02%207%2014.14%202%209.27%208.91%208.26%2012%202%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolygon%20points=%2212%202%2015.09%208.26%2022%209.27%2017%2014.14%2018.18%2021.02%2012%2017.77%205.82%2021.02%207%2014.14%202%209.27%208.91%208.26%2012%202%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-heart {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-gem {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolygon%20points=%226%203%2018%203%2022%209%2012%2022%202%209%22/%3E%3Cpolyline%20points=%2211%203%208%209%2013%2022%2016%209%2014%203%22/%3E%3Cline%20x1=%222%22%20y1=%229%22%20x2=%2222%22%20y2=%229%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolygon%20points=%226%203%2018%203%2022%209%2012%2022%202%209%22/%3E%3Cpolyline%20points=%2211%203%208%209%2013%2022%2016%209%2014%203%22/%3E%3Cline%20x1=%222%22%20y1=%229%22%20x2=%2222%22%20y2=%229%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-gift {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolyline%20points=%2220%2012%2020%2022%204%2022%204%2012%22/%3E%3Crect%20x=%222%22%20y=%227%22%20width=%2220%22%20height=%225%22/%3E%3Cline%20x1=%2212%22%20y1=%2222%22%20x2=%2212%22%20y2=%227%22/%3E%3Cpath%20d=%22M12%207H7.5a2.5%202.5%200%200%201%200-5C11%202%2012%207%2012%207z%22/%3E%3Cpath%20d=%22M12%207h4.5a2.5%202.5%200%200%200%200-5C13%202%2012%207%2012%207z%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolyline%20points=%2220%2012%2020%2022%204%2022%204%2012%22/%3E%3Crect%20x=%222%22%20y=%227%22%20width=%2220%22%20height=%225%22/%3E%3Cline%20x1=%2212%22%20y1=%2222%22%20x2=%2212%22%20y2=%227%22/%3E%3Cpath%20d=%22M12%207H7.5a2.5%202.5%200%200%201%200-5C11%202%2012%207%2012%207z%22/%3E%3Cpath%20d=%22M12%207h4.5a2.5%202.5%200%200%200%200-5C13%202%2012%207%2012%207z%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-handshake {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolyline%20points=%2220%2012%2020%2022%204%2022%204%2012%22/%3E%3Crect%20x=%222%22%20y=%227%22%20width=%2220%22%20height=%225%22/%3E%3Cline%20x1=%2212%22%20y1=%2222%22%20x2=%2212%22%20y2=%227%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolyline%20points=%2220%2012%2020%2022%204%2022%204%2012%22/%3E%3Crect%20x=%222%22%20y=%227%22%20width=%2220%22%20height=%225%22/%3E%3Cline%20x1=%2212%22%20y1=%2222%22%20x2=%2212%22%20y2=%227%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-sign-out-alt {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M9%2021H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h4%22/%3E%3Cpolyline%20points=%2216%2017%2021%2012%2016%207%22/%3E%3Cline%20x1=%2221%22%20y1=%2212%22%20x2=%229%22%20y2=%2212%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M9%2021H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h4%22/%3E%3Cpolyline%20points=%2216%2017%2021%2012%2016%207%22/%3E%3Cline%20x1=%2221%22%20y1=%2212%22%20x2=%229%22%20y2=%2212%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-sign-out {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M9%2021H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h4%22/%3E%3Cpolyline%20points=%2216%2017%2021%2012%2016%207%22/%3E%3Cline%20x1=%2221%22%20y1=%2212%22%20x2=%229%22%20y2=%2212%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M9%2021H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h4%22/%3E%3Cpolyline%20points=%2216%2017%2021%2012%2016%207%22/%3E%3Cline%20x1=%2221%22%20y1=%2212%22%20x2=%229%22%20y2=%2212%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-power-off {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M18.36%206.64a9%209%200%201%201-12.73%200%22/%3E%3Cline%20x1=%2212%22%20y1=%222%22%20x2=%2212%22%20y2=%2212%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M18.36%206.64a9%209%200%201%201-12.73%200%22/%3E%3Cline%20x1=%2212%22%20y1=%222%22%20x2=%2212%22%20y2=%2212%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-sign-in-alt {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M15%203h4a2%202%200%200%201%202%202v14a2%202%200%200%201-2%202h-4%22/%3E%3Cpolyline%20points=%2210%2017%2015%2012%2010%207%22/%3E%3Cline%20x1=%2215%22%20y1=%2212%22%20x2=%223%22%20y2=%2212%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M15%203h4a2%202%200%200%201%202%202v14a2%202%200%200%201-2%202h-4%22/%3E%3Cpolyline%20points=%2210%2017%2015%2012%2010%207%22/%3E%3Cline%20x1=%2215%22%20y1=%2212%22%20x2=%223%22%20y2=%2212%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-sign-in {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M15%203h4a2%202%200%200%201%202%202v14a2%202%200%200%201-2%202h-4%22/%3E%3Cpolyline%20points=%2210%2017%2015%2012%2010%207%22/%3E%3Cline%20x1=%2215%22%20y1=%2212%22%20x2=%223%22%20y2=%2212%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M15%203h4a2%202%200%200%201%202%202v14a2%202%200%200%201-2%202h-4%22/%3E%3Cpolyline%20points=%2210%2017%2015%2012%2010%207%22/%3E%3Cline%20x1=%2215%22%20y1=%2212%22%20x2=%223%22%20y2=%2212%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-language {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M5%208l6%206%22/%3E%3Cpath%20d=%22M4%2014l6-6%202-3%22/%3E%3Cpath%20d=%22M2%205h12%22/%3E%3Cpath%20d=%22M7%202h1%22/%3E%3Cpath%20d=%22M22%2022l-5-10-5%2010%22/%3E%3Cpath%20d=%22M14%2018h6%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M5%208l6%206%22/%3E%3Cpath%20d=%22M4%2014l6-6%202-3%22/%3E%3Cpath%20d=%22M2%205h12%22/%3E%3Cpath%20d=%22M7%202h1%22/%3E%3Cpath%20d=%22M22%2022l-5-10-5%2010%22/%3E%3Cpath%20d=%22M14%2018h6%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-flag {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%2015s1-1%204-1%205%202%208%202%204-1%204-1V3s-1%201-4%201-5-2-8-2-4%201-4%201z%22/%3E%3Cline%20x1=%224%22%20y1=%2222%22%20x2=%224%22%20y2=%2215%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%2015s1-1%204-1%205%202%208%202%204-1%204-1V3s-1%201-4%201-5-2-8-2-4%201-4%201z%22/%3E%3Cline%20x1=%224%22%20y1=%2222%22%20x2=%224%22%20y2=%2215%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-folder {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M22%2019a2%202%200%200%201-2%202H4a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h5l2%203h9a2%202%200%200%201%202%202z%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M22%2019a2%202%200%200%201-2%202H4a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h5l2%203h9a2%202%200%200%201%202%202z%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-folder-open {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M3%207v13a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2V9a2%202%200%200%200-2-2H10l-2-3H5a2%202%200%200%200-2%202z%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M3%207v13a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2V9a2%202%200%200%200-2-2H10l-2-3H5a2%202%200%200%200-2%202z%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-file {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M13%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V9z%22/%3E%3Cpolyline%20points=%2213%202%2013%209%2020%209%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M13%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V9z%22/%3E%3Cpolyline%20points=%2213%202%2013%209%2020%209%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-file-alt {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M14%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8z%22/%3E%3Cpolyline%20points=%2214%202%2014%208%2020%208%22/%3E%3Cline%20x1=%2216%22%20y1=%2213%22%20x2=%228%22%20y2=%2213%22/%3E%3Cline%20x1=%2216%22%20y1=%2217%22%20x2=%228%22%20y2=%2217%22/%3E%3Cpolyline%20points=%2210%209%209%209%208%209%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M14%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8z%22/%3E%3Cpolyline%20points=%2214%202%2014%208%2020%208%22/%3E%3Cline%20x1=%2216%22%20y1=%2213%22%20x2=%228%22%20y2=%2213%22/%3E%3Cline%20x1=%2216%22%20y1=%2217%22%20x2=%228%22%20y2=%2217%22/%3E%3Cpolyline%20points=%2210%209%209%209%208%209%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-file-pdf {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M14%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8z%22/%3E%3Cpolyline%20points=%2214%202%2014%208%2020%208%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M14%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8z%22/%3E%3Cpolyline%20points=%2214%202%2014%208%2020%208%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-image {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20x=%223%22%20y=%223%22%20width=%2218%22%20height=%2218%22%20rx=%222%22%20ry=%222%22/%3E%3Ccircle%20cx=%228.5%22%20cy=%228.5%22%20r=%221.5%22/%3E%3Cpolyline%20points=%2221%2015%2016%2010%205%2021%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20x=%223%22%20y=%223%22%20width=%2218%22%20height=%2218%22%20rx=%222%22%20ry=%222%22/%3E%3Ccircle%20cx=%228.5%22%20cy=%228.5%22%20r=%221.5%22/%3E%3Cpolyline%20points=%2221%2015%2016%2010%205%2021%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-images {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20x=%223%22%20y=%223%22%20width=%2218%22%20height=%2218%22%20rx=%222%22%20ry=%222%22/%3E%3Ccircle%20cx=%228.5%22%20cy=%228.5%22%20r=%221.5%22/%3E%3Cpolyline%20points=%2221%2015%2016%2010%205%2021%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20x=%223%22%20y=%223%22%20width=%2218%22%20height=%2218%22%20rx=%222%22%20ry=%222%22/%3E%3Ccircle%20cx=%228.5%22%20cy=%228.5%22%20r=%221.5%22/%3E%3Cpolyline%20points=%2221%2015%2016%2010%205%2021%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-calendar {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20x=%223%22%20y=%224%22%20width=%2218%22%20height=%2218%22%20rx=%222%22%20ry=%222%22/%3E%3Cline%20x1=%2216%22%20y1=%222%22%20x2=%2216%22%20y2=%226%22/%3E%3Cline%20x1=%228%22%20y1=%222%22%20x2=%228%22%20y2=%226%22/%3E%3Cline%20x1=%223%22%20y1=%2210%22%20x2=%2221%22%20y2=%2210%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20x=%223%22%20y=%224%22%20width=%2218%22%20height=%2218%22%20rx=%222%22%20ry=%222%22/%3E%3Cline%20x1=%2216%22%20y1=%222%22%20x2=%2216%22%20y2=%226%22/%3E%3Cline%20x1=%228%22%20y1=%222%22%20x2=%228%22%20y2=%226%22/%3E%3Cline%20x1=%223%22%20y1=%2210%22%20x2=%2221%22%20y2=%2210%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-calendar-alt {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20x=%223%22%20y=%224%22%20width=%2218%22%20height=%2218%22%20rx=%222%22%20ry=%222%22/%3E%3Cline%20x1=%2216%22%20y1=%222%22%20x2=%2216%22%20y2=%226%22/%3E%3Cline%20x1=%228%22%20y1=%222%22%20x2=%228%22%20y2=%226%22/%3E%3Cline%20x1=%223%22%20y1=%2210%22%20x2=%2221%22%20y2=%2210%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20x=%223%22%20y=%224%22%20width=%2218%22%20height=%2218%22%20rx=%222%22%20ry=%222%22/%3E%3Cline%20x1=%2216%22%20y1=%222%22%20x2=%2216%22%20y2=%226%22/%3E%3Cline%20x1=%228%22%20y1=%222%22%20x2=%228%22%20y2=%226%22/%3E%3Cline%20x1=%223%22%20y1=%2210%22%20x2=%2221%22%20y2=%2210%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-clock {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%2210%22/%3E%3Cpolyline%20points=%2212%206%2012%2012%2016%2014%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%2210%22/%3E%3Cpolyline%20points=%2212%206%2012%2012%2016%2014%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-stopwatch {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2213%22%20r=%228%22/%3E%3Cpath%20d=%22M12%209v4l2%202%22/%3E%3Cpath%20d=%22M9%201h6M12%207v6%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2213%22%20r=%228%22/%3E%3Cpath%20d=%22M12%209v4l2%202%22/%3E%3Cpath%20d=%22M9%201h6M12%207v6%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-hourglass {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M8%202h8M8%2022h8M4%202h16v6l-7%204%207%204v6H4v-6l7-4-7-4z%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M8%202h8M8%2022h8M4%202h16v6l-7%204%207%204v6H4v-6l7-4-7-4z%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-map-marker {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M21%2010c0%207-9%2013-9%2013s-9-6-9-13a9%209%200%200%201%2018%200z%22/%3E%3Ccircle%20cx=%2212%22%20cy=%2210%22%20r=%223%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M21%2010c0%207-9%2013-9%2013s-9-6-9-13a9%209%200%200%201%2018%200z%22/%3E%3Ccircle%20cx=%2212%22%20cy=%2210%22%20r=%223%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-map-marker-alt {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M21%2010c0%207-9%2013-9%2013s-9-6-9-13a9%209%200%200%201%2018%200z%22/%3E%3Ccircle%20cx=%2212%22%20cy=%2210%22%20r=%223%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M21%2010c0%207-9%2013-9%2013s-9-6-9-13a9%209%200%200%201%2018%200z%22/%3E%3Ccircle%20cx=%2212%22%20cy=%2210%22%20r=%223%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-map {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolygon%20points=%221%206%201%2022%208%2018%2016%2022%2023%2018%2023%202%2016%206%208%202%201%206%22/%3E%3Cline%20x1=%228%22%20y1=%222%22%20x2=%228%22%20y2=%2218%22/%3E%3Cline%20x1=%2216%22%20y1=%226%22%20x2=%2216%22%20y2=%2222%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolygon%20points=%221%206%201%2022%208%2018%2016%2022%2023%2018%2023%202%2016%206%208%202%201%206%22/%3E%3Cline%20x1=%228%22%20y1=%222%22%20x2=%228%22%20y2=%2218%22/%3E%3Cline%20x1=%2216%22%20y1=%226%22%20x2=%2216%22%20y2=%2222%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-link {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M10%2013a5%205%200%200%200%207.54.54l3-3a5%205%200%200%200-7.07-7.07l-1.72%201.71%22/%3E%3Cpath%20d=%22M14%2011a5%205%200%200%200-7.54-.54l-3%203a5%205%200%200%200%207.07%207.07l1.71-1.71%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M10%2013a5%205%200%200%200%207.54.54l3-3a5%205%200%200%200-7.07-7.07l-1.72%201.71%22/%3E%3Cpath%20d=%22M14%2011a5%205%200%200%200-7.54-.54l-3%203a5%205%200%200%200%207.07%207.07l1.71-1.71%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-external-link-alt {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M18%2013v6a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V8a2%202%200%200%201%202-2h6%22/%3E%3Cpolyline%20points=%2215%203%2021%203%2021%209%22/%3E%3Cline%20x1=%2210%22%20y1=%2214%22%20x2=%2221%22%20y2=%223%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M18%2013v6a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V8a2%202%200%200%201%202-2h6%22/%3E%3Cpolyline%20points=%2215%203%2021%203%2021%209%22/%3E%3Cline%20x1=%2210%22%20y1=%2214%22%20x2=%2221%22%20y2=%223%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-external-link {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M18%2013v6a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V8a2%202%200%200%201%202-2h6%22/%3E%3Cpolyline%20points=%2215%203%2021%203%2021%209%22/%3E%3Cline%20x1=%2210%22%20y1=%2214%22%20x2=%2221%22%20y2=%223%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M18%2013v6a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V8a2%202%200%200%201%202-2h6%22/%3E%3Cpolyline%20points=%2215%203%2021%203%2021%209%22/%3E%3Cline%20x1=%2210%22%20y1=%2214%22%20x2=%2221%22%20y2=%223%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-share {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2218%22%20cy=%225%22%20r=%223%22/%3E%3Ccircle%20cx=%226%22%20cy=%2212%22%20r=%223%22/%3E%3Ccircle%20cx=%2218%22%20cy=%2219%22%20r=%223%22/%3E%3Cline%20x1=%228.59%22%20y1=%2213.51%22%20x2=%2215.42%22%20y2=%2217.49%22/%3E%3Cline%20x1=%2215.41%22%20y1=%226.51%22%20x2=%228.59%22%20y2=%2210.49%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2218%22%20cy=%225%22%20r=%223%22/%3E%3Ccircle%20cx=%226%22%20cy=%2212%22%20r=%223%22/%3E%3Ccircle%20cx=%2218%22%20cy=%2219%22%20r=%223%22/%3E%3Cline%20x1=%228.59%22%20y1=%2213.51%22%20x2=%2215.42%22%20y2=%2217.49%22/%3E%3Cline%20x1=%2215.41%22%20y1=%226.51%22%20x2=%228.59%22%20y2=%2210.49%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-print {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolyline%20points=%226%209%206%202%2018%202%2018%209%22/%3E%3Cpath%20d=%22M6%2018H4a2%202%200%200%201-2-2v-5a2%202%200%200%201%202-2h16a2%202%200%200%201%202%202v5a2%202%200%200%201-2%202h-2%22/%3E%3Crect%20x=%226%22%20y=%2214%22%20width=%2212%22%20height=%228%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolyline%20points=%226%209%206%202%2018%202%2018%209%22/%3E%3Cpath%20d=%22M6%2018H4a2%202%200%200%201-2-2v-5a2%202%200%200%201%202-2h16a2%202%200%200%201%202%202v5a2%202%200%200%201-2%202h-2%22/%3E%3Crect%20x=%226%22%20y=%2214%22%20width=%2212%22%20height=%228%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-spinner {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cline%20x1=%2212%22%20y1=%222%22%20x2=%2212%22%20y2=%226%22/%3E%3Cline%20x1=%2212%22%20y1=%2218%22%20x2=%2212%22%20y2=%2222%22/%3E%3Cline%20x1=%224.93%22%20y1=%224.93%22%20x2=%227.76%22%20y2=%227.76%22/%3E%3Cline%20x1=%2216.24%22%20y1=%2216.24%22%20x2=%2219.07%22%20y2=%2219.07%22/%3E%3Cline%20x1=%222%22%20y1=%2212%22%20x2=%226%22%20y2=%2212%22/%3E%3Cline%20x1=%2218%22%20y1=%2212%22%20x2=%2222%22%20y2=%2212%22/%3E%3Cline%20x1=%224.93%22%20y1=%2219.07%22%20x2=%227.76%22%20y2=%2216.24%22/%3E%3Cline%20x1=%2216.24%22%20y1=%227.76%22%20x2=%2219.07%22%20y2=%224.93%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cline%20x1=%2212%22%20y1=%222%22%20x2=%2212%22%20y2=%226%22/%3E%3Cline%20x1=%2212%22%20y1=%2218%22%20x2=%2212%22%20y2=%2222%22/%3E%3Cline%20x1=%224.93%22%20y1=%224.93%22%20x2=%227.76%22%20y2=%227.76%22/%3E%3Cline%20x1=%2216.24%22%20y1=%2216.24%22%20x2=%2219.07%22%20y2=%2219.07%22/%3E%3Cline%20x1=%222%22%20y1=%2212%22%20x2=%226%22%20y2=%2212%22/%3E%3Cline%20x1=%2218%22%20y1=%2212%22%20x2=%2222%22%20y2=%2212%22/%3E%3Cline%20x1=%224.93%22%20y1=%2219.07%22%20x2=%227.76%22%20y2=%2216.24%22/%3E%3Cline%20x1=%2216.24%22%20y1=%227.76%22%20x2=%2219.07%22%20y2=%224.93%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-circle-notch {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cline%20x1=%2212%22%20y1=%222%22%20x2=%2212%22%20y2=%226%22/%3E%3Cline%20x1=%2212%22%20y1=%2218%22%20x2=%2212%22%20y2=%2222%22/%3E%3Cline%20x1=%224.93%22%20y1=%224.93%22%20x2=%227.76%22%20y2=%227.76%22/%3E%3Cline%20x1=%2216.24%22%20y1=%2216.24%22%20x2=%2219.07%22%20y2=%2219.07%22/%3E%3Cline%20x1=%222%22%20y1=%2212%22%20x2=%226%22%20y2=%2212%22/%3E%3Cline%20x1=%2218%22%20y1=%2212%22%20x2=%2222%22%20y2=%2212%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cline%20x1=%2212%22%20y1=%222%22%20x2=%2212%22%20y2=%226%22/%3E%3Cline%20x1=%2212%22%20y1=%2218%22%20x2=%2212%22%20y2=%2222%22/%3E%3Cline%20x1=%224.93%22%20y1=%224.93%22%20x2=%227.76%22%20y2=%227.76%22/%3E%3Cline%20x1=%2216.24%22%20y1=%2216.24%22%20x2=%2219.07%22%20y2=%2219.07%22/%3E%3Cline%20x1=%222%22%20y1=%2212%22%20x2=%226%22%20y2=%2212%22/%3E%3Cline%20x1=%2218%22%20y1=%2212%22%20x2=%2222%22%20y2=%2212%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-sync {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolyline%20points=%2223%204%2023%2010%2017%2010%22/%3E%3Cpolyline%20points=%221%2020%201%2014%207%2014%22/%3E%3Cpath%20d=%22M3.51%209a9%209%200%200%201%2014.85-3.36L23%2010M1%2014l4.64%204.36A9%209%200%200%200%2020.49%2015%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolyline%20points=%2223%204%2023%2010%2017%2010%22/%3E%3Cpolyline%20points=%221%2020%201%2014%207%2014%22/%3E%3Cpath%20d=%22M3.51%209a9%209%200%200%201%2014.85-3.36L23%2010M1%2014l4.64%204.36A9%209%200%200%200%2020.49%2015%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-sync-alt {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolyline%20points=%2223%204%2023%2010%2017%2010%22/%3E%3Cpolyline%20points=%221%2020%201%2014%207%2014%22/%3E%3Cpath%20d=%22M3.51%209a9%209%200%200%201%2014.85-3.36L23%2010M1%2014l4.64%204.36A9%209%200%200%200%2020.49%2015%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolyline%20points=%2223%204%2023%2010%2017%2010%22/%3E%3Cpolyline%20points=%221%2020%201%2014%207%2014%22/%3E%3Cpath%20d=%22M3.51%209a9%209%200%200%201%2014.85-3.36L23%2010M1%2014l4.64%204.36A9%209%200%200%200%2020.49%2015%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-redo {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolyline%20points=%2223%204%2023%2010%2017%2010%22/%3E%3Cpath%20d=%22M20.49%2015a9%209%200%201%201-2.12-9.36L23%2010%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolyline%20points=%2223%204%2023%2010%2017%2010%22/%3E%3Cpath%20d=%22M20.49%2015a9%209%200%201%201-2.12-9.36L23%2010%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-undo {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolyline%20points=%221%204%201%2010%207%2010%22/%3E%3Cpath%20d=%22M3.51%2015a9%209%200%201%200%202.13-9.36L1%2010%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolyline%20points=%221%204%201%2010%207%2010%22/%3E%3Cpath%20d=%22M3.51%2015a9%209%200%201%200%202.13-9.36L1%2010%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-chevron-up {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolyline%20points=%2218%2015%2012%209%206%2015%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolyline%20points=%2218%2015%2012%209%206%2015%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-chevron-down {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolyline%20points=%226%209%2012%2015%2018%209%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolyline%20points=%226%209%2012%2015%2018%209%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-chevron-left {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolyline%20points=%2215%2018%209%2012%2015%206%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolyline%20points=%2215%2018%209%2012%2015%206%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-chevron-right {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolyline%20points=%229%2018%2015%2012%209%206%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolyline%20points=%229%2018%2015%2012%209%206%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-angle-up {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolyline%20points=%2218%2015%2012%209%206%2015%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolyline%20points=%2218%2015%2012%209%206%2015%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-angle-down {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolyline%20points=%226%209%2012%2015%2018%209%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolyline%20points=%226%209%2012%2015%2018%209%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-angle-left {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolyline%20points=%2215%2018%209%2012%2015%206%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolyline%20points=%2215%2018%209%2012%2015%206%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-angle-right {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolyline%20points=%229%2018%2015%2012%209%206%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolyline%20points=%229%2018%2015%2012%209%206%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-arrow-up {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cline%20x1=%2212%22%20y1=%2219%22%20x2=%2212%22%20y2=%225%22/%3E%3Cpolyline%20points=%225%2012%2012%205%2019%2012%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cline%20x1=%2212%22%20y1=%2219%22%20x2=%2212%22%20y2=%225%22/%3E%3Cpolyline%20points=%225%2012%2012%205%2019%2012%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-arrow-down {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cline%20x1=%2212%22%20y1=%225%22%20x2=%2212%22%20y2=%2219%22/%3E%3Cpolyline%20points=%2219%2012%2012%2019%205%2012%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cline%20x1=%2212%22%20y1=%225%22%20x2=%2212%22%20y2=%2219%22/%3E%3Cpolyline%20points=%2219%2012%2012%2019%205%2012%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-arrow-left {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cline%20x1=%2219%22%20y1=%2212%22%20x2=%225%22%20y2=%2212%22/%3E%3Cpolyline%20points=%2212%2019%205%2012%2012%205%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cline%20x1=%2219%22%20y1=%2212%22%20x2=%225%22%20y2=%2212%22/%3E%3Cpolyline%20points=%2212%2019%205%2012%2012%205%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-arrow-right {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cline%20x1=%225%22%20y1=%2212%22%20x2=%2219%22%20y2=%2212%22/%3E%3Cpolyline%20points=%2212%205%2019%2012%2012%2019%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cline%20x1=%225%22%20y1=%2212%22%20x2=%2219%22%20y2=%2212%22/%3E%3Cpolyline%20points=%2212%205%2019%2012%2012%2019%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-arrow-circle-right {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%2210%22/%3E%3Cpolyline%20points=%2212%208%2016%2012%2012%2016%22/%3E%3Cline%20x1=%228%22%20y1=%2212%22%20x2=%2216%22%20y2=%2212%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%2210%22/%3E%3Cpolyline%20points=%2212%208%2016%2012%2012%2016%22/%3E%3Cline%20x1=%228%22%20y1=%2212%22%20x2=%2216%22%20y2=%2212%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-caret-right {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolyline%20points=%229%2018%2015%2012%209%206%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolyline%20points=%229%2018%2015%2012%209%206%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-caret-down {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolyline%20points=%226%209%2012%2015%2018%209%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolyline%20points=%226%209%2012%2015%2018%209%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-caret-up {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolyline%20points=%2218%2015%2012%209%206%2015%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolyline%20points=%2218%2015%2012%209%206%2015%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-caret-left {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolyline%20points=%2215%2018%209%2012%2015%206%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolyline%20points=%2215%2018%209%2012%2015%206%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-bars {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cline%20x1=%223%22%20y1=%2212%22%20x2=%2221%22%20y2=%2212%22/%3E%3Cline%20x1=%223%22%20y1=%226%22%20x2=%2221%22%20y2=%226%22/%3E%3Cline%20x1=%223%22%20y1=%2218%22%20x2=%2221%22%20y2=%2218%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cline%20x1=%223%22%20y1=%2212%22%20x2=%2221%22%20y2=%2212%22/%3E%3Cline%20x1=%223%22%20y1=%226%22%20x2=%2221%22%20y2=%226%22/%3E%3Cline%20x1=%223%22%20y1=%2218%22%20x2=%2221%22%20y2=%2218%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-th {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cline%20x1=%223%22%20y1=%2212%22%20x2=%2221%22%20y2=%2212%22/%3E%3Cline%20x1=%223%22%20y1=%226%22%20x2=%2221%22%20y2=%226%22/%3E%3Cline%20x1=%223%22%20y1=%2218%22%20x2=%2221%22%20y2=%2218%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cline%20x1=%223%22%20y1=%2212%22%20x2=%2221%22%20y2=%2212%22/%3E%3Cline%20x1=%223%22%20y1=%226%22%20x2=%2221%22%20y2=%226%22/%3E%3Cline%20x1=%223%22%20y1=%2218%22%20x2=%2221%22%20y2=%2218%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-th-list {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cline%20x1=%223%22%20y1=%2212%22%20x2=%2221%22%20y2=%2212%22/%3E%3Cline%20x1=%223%22%20y1=%226%22%20x2=%2221%22%20y2=%226%22/%3E%3Cline%20x1=%223%22%20y1=%2218%22%20x2=%2221%22%20y2=%2218%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cline%20x1=%223%22%20y1=%2212%22%20x2=%2221%22%20y2=%2212%22/%3E%3Cline%20x1=%223%22%20y1=%226%22%20x2=%2221%22%20y2=%226%22/%3E%3Cline%20x1=%223%22%20y1=%2218%22%20x2=%2221%22%20y2=%2218%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-list {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cline%20x1=%228%22%20y1=%226%22%20x2=%2221%22%20y2=%226%22/%3E%3Cline%20x1=%228%22%20y1=%2212%22%20x2=%2221%22%20y2=%2212%22/%3E%3Cline%20x1=%228%22%20y1=%2218%22%20x2=%2221%22%20y2=%2218%22/%3E%3Cline%20x1=%223%22%20y1=%226%22%20x2=%223.01%22%20y2=%226%22/%3E%3Cline%20x1=%223%22%20y1=%2212%22%20x2=%223.01%22%20y2=%2212%22/%3E%3Cline%20x1=%223%22%20y1=%2218%22%20x2=%223.01%22%20y2=%2218%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cline%20x1=%228%22%20y1=%226%22%20x2=%2221%22%20y2=%226%22/%3E%3Cline%20x1=%228%22%20y1=%2212%22%20x2=%2221%22%20y2=%2212%22/%3E%3Cline%20x1=%228%22%20y1=%2218%22%20x2=%2221%22%20y2=%2218%22/%3E%3Cline%20x1=%223%22%20y1=%226%22%20x2=%223.01%22%20y2=%226%22/%3E%3Cline%20x1=%223%22%20y1=%2212%22%20x2=%223.01%22%20y2=%2212%22/%3E%3Cline%20x1=%223%22%20y1=%2218%22%20x2=%223.01%22%20y2=%2218%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-list-alt {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cline%20x1=%228%22%20y1=%226%22%20x2=%2221%22%20y2=%226%22/%3E%3Cline%20x1=%228%22%20y1=%2212%22%20x2=%2221%22%20y2=%2212%22/%3E%3Cline%20x1=%228%22%20y1=%2218%22%20x2=%2221%22%20y2=%2218%22/%3E%3Cline%20x1=%223%22%20y1=%226%22%20x2=%223.01%22%20y2=%226%22/%3E%3Cline%20x1=%223%22%20y1=%2212%22%20x2=%223.01%22%20y2=%2212%22/%3E%3Cline%20x1=%223%22%20y1=%2218%22%20x2=%223.01%22%20y2=%2218%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cline%20x1=%228%22%20y1=%226%22%20x2=%2221%22%20y2=%226%22/%3E%3Cline%20x1=%228%22%20y1=%2212%22%20x2=%2221%22%20y2=%2212%22/%3E%3Cline%20x1=%228%22%20y1=%2218%22%20x2=%2221%22%20y2=%2218%22/%3E%3Cline%20x1=%223%22%20y1=%226%22%20x2=%223.01%22%20y2=%226%22/%3E%3Cline%20x1=%223%22%20y1=%2212%22%20x2=%223.01%22%20y2=%2212%22/%3E%3Cline%20x1=%223%22%20y1=%2218%22%20x2=%223.01%22%20y2=%2218%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-ellipsis-h {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%221%22/%3E%3Ccircle%20cx=%2219%22%20cy=%2212%22%20r=%221%22/%3E%3Ccircle%20cx=%225%22%20cy=%2212%22%20r=%221%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%221%22/%3E%3Ccircle%20cx=%2219%22%20cy=%2212%22%20r=%221%22/%3E%3Ccircle%20cx=%225%22%20cy=%2212%22%20r=%221%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-ellipsis-v {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%221%22/%3E%3Ccircle%20cx=%2212%22%20cy=%225%22%20r=%221%22/%3E%3Ccircle%20cx=%2212%22%20cy=%2219%22%20r=%221%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%221%22/%3E%3Ccircle%20cx=%2212%22%20cy=%225%22%20r=%221%22/%3E%3Ccircle%20cx=%2212%22%20cy=%2219%22%20r=%221%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-filter {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolygon%20points=%2222%203%202%203%2010%2012.46%2010%2019%2014%2021%2014%2012.46%2022%203%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpolygon%20points=%2222%203%202%203%2010%2012.46%2010%2019%2014%2021%2014%2012.46%2022%203%22/%3E%3C/svg%3E");
}
body.has-ello-shell i.fa-calculator {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20x=%224%22%20y=%222%22%20width=%2216%22%20height=%2220%22%20rx=%222%22/%3E%3Cline%20x1=%228%22%20y1=%226%22%20x2=%2216%22%20y2=%226%22/%3E%3Cline%20x1=%228%22%20y1=%2214%22%20x2=%228.01%22%20y2=%2214%22/%3E%3Cline%20x1=%2212%22%20y1=%2214%22%20x2=%2212.01%22%20y2=%2214%22/%3E%3Cline%20x1=%2216%22%20y1=%2214%22%20x2=%2216.01%22%20y2=%2214%22/%3E%3Cline%20x1=%228%22%20y1=%2218%22%20x2=%228.01%22%20y2=%2218%22/%3E%3Cline%20x1=%2212%22%20y1=%2218%22%20x2=%2212.01%22%20y2=%2218%22/%3E%3Cline%20x1=%2216%22%20y1=%2218%22%20x2=%2216.01%22%20y2=%2218%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20x=%224%22%20y=%222%22%20width=%2216%22%20height=%2220%22%20rx=%222%22/%3E%3Cline%20x1=%228%22%20y1=%226%22%20x2=%2216%22%20y2=%226%22/%3E%3Cline%20x1=%228%22%20y1=%2214%22%20x2=%228.01%22%20y2=%2214%22/%3E%3Cline%20x1=%2212%22%20y1=%2214%22%20x2=%2212.01%22%20y2=%2214%22/%3E%3Cline%20x1=%2216%22%20y1=%2214%22%20x2=%2216.01%22%20y2=%2214%22/%3E%3Cline%20x1=%228%22%20y1=%2218%22%20x2=%228.01%22%20y2=%2218%22/%3E%3Cline%20x1=%2212%22%20y1=%2218%22%20x2=%2212.01%22%20y2=%2218%22/%3E%3Cline%20x1=%2216%22%20y1=%2218%22%20x2=%2216.01%22%20y2=%2218%22/%3E%3C/svg%3E");
}

/* ----- Override : reset taille icônes par contexte ----- */
body.has-ello-shell .panel-heading i.fa,
body.has-ello-shell .panel-heading i.fas {
    width: 16px;
    height: 16px;
    color: var(--ello-rose);
    margin-right: 6px;
    vertical-align: -3px;
}

body.has-ello-shell .btn i.fa,
body.has-ello-shell .btn i.fas,
body.has-ello-shell .btn i.far {
    width: 14px;
    height: 14px;
    margin-right: 5px;
    vertical-align: -2px;
}
body.has-ello-shell .btn-lg i.fa { width: 16px; height: 16px; }
body.has-ello-shell .btn-sm i.fa, body.has-ello-shell .btn-xs i.fa { width: 12px; height: 12px; }

body.has-ello-shell .list-group-item > i,
body.has-ello-shell .list-group-item .sidebar-menu-item-icon {
    width: 18px !important;
    height: 18px !important;
    margin-right: 10px !important;
    vertical-align: -4px !important;
    color: var(--ello-text-light);
}
body.has-ello-shell .list-group-item:hover > i,
body.has-ello-shell .list-group-item.active > i,
body.has-ello-shell .list-group-item:hover .sidebar-menu-item-icon,
body.has-ello-shell .list-group-item.active .sidebar-menu-item-icon {
    color: var(--ello-rose) !important;
}

body.has-ello-shell .table i.fa, body.has-ello-shell .table i.fas {
    width: 14px;
    height: 14px;
    vertical-align: -2px;
}

body.has-ello-shell .navbar-main .navbar-nav > li > a > i {
    width: 16px;
    height: 16px;
    margin-right: 6px;
    vertical-align: -3px;
    color: rgba(255, 255, 255, 0.95);
}

/* ----- STATUS PILLS : mini-cercle SVG inline ----- */
body.has-ello-shell .label::before,
body.has-ello-shell .badge::before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 6px;
    vertical-align: 1px;
    background: currentColor;
}
body.has-ello-shell .list-group-item .badge::before,
body.has-ello-shell .btn .badge::before {
    display: none;
}

/* ----- BACK TO TOP : SVG flèche haute ----- */
body.has-ello-shell section#footer .back-to-top i {
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cline%20x1=%2212%22%20y1=%2219%22%20x2=%2212%22%20y2=%225%22/%3E%3Cpolyline%20points=%225%2012%2012%205%2019%2012%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cline%20x1=%2212%22%20y1=%2219%22%20x2=%2212%22%20y2=%225%22/%3E%3Cpolyline%20points=%225%2012%2012%205%2019%2012%22/%3E%3C/svg%3E");
    width: 18px !important;
    height: 18px !important;
    display: inline-block;
    color: currentColor !important;
}

/* FIN MODE HPANEL SVG */

/* =========================================================
   ELLOHOST CLIENT PAGES FIX — Hostinger-style cards
   Fix: CSS was in css/styles.css but not loaded by WHMCS Six.
   This block is loaded via custom.css.
   ========================================================= */
body.has-ello-shell .eh-hpanel,
body.has-ello-shell .eh-hpanel * { box-sizing: border-box; }
body.has-ello-shell .eh-hpanel{
    max-width:1180px !important;
    margin:0 auto 40px !important;
    padding:4px 0 20px !important;
    color:#111827 !important;
    font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}
body.has-ello-shell .eh-hpanel-head{
    display:flex !important;
    align-items:flex-end !important;
    justify-content:space-between !important;
    gap:18px !important;
    margin:6px 0 22px !important;
    padding:24px !important;
    border:1px solid rgba(17,24,39,.08) !important;
    border-radius:24px !important;
    background:linear-gradient(135deg,#fff 0%,#fff7fb 100%) !important;
    box-shadow:0 18px 45px rgba(17,24,39,.06) !important;
}
body.has-ello-shell .eh-eyebrow{display:inline-flex !important;align-items:center !important;gap:8px !important;font-size:12px !important;font-weight:800 !important;letter-spacing:.12em !important;text-transform:uppercase !important;color:#e91e63 !important;}
body.has-ello-shell .eh-hpanel h1{margin:8px 0 6px !important;font-size:32px !important;font-weight:900 !important;color:#111827 !important;line-height:1.15 !important;}
body.has-ello-shell .eh-hpanel p{margin:0 !important;color:#6b7280 !important;font-size:15px !important;}
body.has-ello-shell .eh-primary-btn,
body.has-ello-shell .eh-secondary-btn,
body.has-ello-shell .eh-link-btn{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:9px !important;border-radius:12px !important;font-weight:800 !important;text-decoration:none !important;transition:all .2s ease !important;white-space:nowrap !important;border:0 !important;}
body.has-ello-shell .eh-primary-btn{padding:13px 18px !important;color:#fff !important;background:#e91e63 !important;box-shadow:0 10px 24px rgba(233,30,99,.24) !important;}
body.has-ello-shell .eh-primary-btn:hover{background:#c2185b !important;transform:translateY(-1px) !important;}
body.has-ello-shell .eh-secondary-btn{padding:10px 14px !important;color:#111827 !important;background:#fff !important;border:1px solid rgba(17,24,39,.12) !important;}
body.has-ello-shell .eh-secondary-btn:hover{border-color:rgba(233,30,99,.35) !important;color:#e91e63 !important;}
body.has-ello-shell .eh-link-btn{padding:10px 8px !important;color:#e91e63 !important;background:transparent !important;}
body.has-ello-shell .eh-card-grid{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:18px !important;width:100% !important;}
body.has-ello-shell .eh-resource-card{position:relative !important;display:block !important;width:100% !important;min-height:260px !important;padding:20px !important;border:1px solid rgba(17,24,39,.08) !important;border-radius:22px !important;background:#fff !important;box-shadow:0 14px 35px rgba(17,24,39,.06) !important;text-decoration:none !important;color:#111827 !important;transition:all .2s ease !important;overflow:hidden !important;}
body.has-ello-shell .eh-resource-card:hover{transform:translateY(-3px) !important;box-shadow:0 22px 46px rgba(17,24,39,.1) !important;border-color:rgba(233,30,99,.22) !important;}
body.has-ello-shell .eh-card-top{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important;margin-bottom:16px !important;}
body.has-ello-shell .eh-icon{width:48px !important;height:48px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;border-radius:15px !important;font-size:20px !important;line-height:1 !important;flex:0 0 auto !important;}
body.has-ello-shell .eh-icon i{margin:0 !important;width:auto !important;height:auto !important;color:inherit !important;}
body.has-ello-shell .eh-icon-blue{color:#2563eb !important;background:#eff6ff !important;}
body.has-ello-shell .eh-icon-green{color:#16a34a !important;background:#ecfdf5 !important;}
body.has-ello-shell .eh-icon-orange{color:#d97706 !important;background:#fff7ed !important;}
body.has-ello-shell .eh-resource-card h3,
body.has-ello-shell .eh-invoice-card h3{margin:0 0 8px !important;font-size:18px !important;font-weight:900 !important;color:#111827 !important;line-height:1.25 !important;word-break:break-word !important;}
body.has-ello-shell .eh-domain{display:flex !important;align-items:center !important;gap:8px !important;min-height:22px !important;margin:0 0 16px !important;color:#6b7280 !important;font-size:14px !important;word-break:break-word !important;}
body.has-ello-shell .eh-domain.muted{opacity:.75 !important;}
body.has-ello-shell .eh-status{display:inline-flex !important;align-items:center !important;justify-content:center !important;padding:6px 10px !important;border-radius:999px !important;font-size:11px !important;font-weight:900 !important;text-transform:uppercase !important;letter-spacing:.04em !important;background:#eef2ff !important;color:#3730a3 !important;}
body.has-ello-shell .eh-status.status-active,
body.has-ello-shell .eh-status.status-paid{background:#ecfdf5 !important;color:#047857 !important;}
body.has-ello-shell .eh-status.status-pending{background:#fff7ed !important;color:#b45309 !important;}
body.has-ello-shell .eh-status.status-suspended,
body.has-ello-shell .eh-status.status-unpaid,
body.has-ello-shell .eh-status.status-overdue,
body.has-ello-shell .eh-status.status-expired,
body.has-ello-shell .eh-status.status-cancelled,
body.has-ello-shell .eh-status.status-terminated{background:#fef2f2 !important;color:#b91c1c !important;}
body.has-ello-shell .eh-meta-row{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important;padding:12px 0 !important;border-top:1px solid rgba(17,24,39,.07) !important;font-size:14px !important;}
body.has-ello-shell .eh-meta-row span{color:#6b7280 !important;}
body.has-ello-shell .eh-meta-row strong{color:#111827 !important;text-align:right !important;}
body.has-ello-shell .eh-card-action{display:flex !important;align-items:center !important;justify-content:space-between !important;margin-top:14px !important;padding:13px 14px !important;border-radius:14px !important;background:#f9fafb !important;color:#e91e63 !important;font-weight:900 !important;}
body.has-ello-shell .eh-card-main-link{display:block !important;text-decoration:none !important;color:inherit !important;}
body.has-ello-shell .eh-card-main-link .eh-icon{margin-bottom:14px !important;}
body.has-ello-shell .eh-check{display:inline-flex !important;align-items:center !important;gap:8px !important;margin:0 !important;}
body.has-ello-shell .eh-check input{width:18px !important;height:18px !important;accent-color:#e91e63 !important;}
body.has-ello-shell .eh-actions-row,
body.has-ello-shell .eh-bulk-actions{display:flex !important;align-items:center !important;gap:10px !important;flex-wrap:wrap !important;margin-top:16px !important;}
body.has-ello-shell .eh-bulk-actions{padding:18px 0 !important;}
body.has-ello-shell .eh-invoice-list{display:grid !important;gap:14px !important;}
body.has-ello-shell .eh-invoice-card{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:18px !important;padding:18px 20px !important;border:1px solid rgba(17,24,39,.08) !important;border-radius:20px !important;background:#fff !important;box-shadow:0 12px 30px rgba(17,24,39,.05) !important;text-decoration:none !important;color:#111827 !important;transition:all .2s ease !important;}
body.has-ello-shell .eh-invoice-card:hover{transform:translateY(-2px) !important;box-shadow:0 20px 40px rgba(17,24,39,.09) !important;border-color:rgba(233,30,99,.22) !important;}
body.has-ello-shell .eh-invoice-left{display:flex !important;align-items:center !important;gap:15px !important;min-width:0 !important;}
body.has-ello-shell .eh-invoice-left p{font-size:13px !important;}
body.has-ello-shell .eh-invoice-right{margin-left:auto !important;text-align:right !important;display:flex !important;flex-direction:column !important;gap:8px !important;align-items:flex-end !important;}
body.has-ello-shell .eh-invoice-right strong{font-size:18px !important;}
body.has-ello-shell .eh-arrow{color:#9ca3af !important;}
body.has-ello-shell .eh-empty-state{text-align:center !important;padding:48px 20px !important;border:1px dashed rgba(17,24,39,.16) !important;border-radius:24px !important;background:#fff !important;}
body.has-ello-shell .eh-empty-state .eh-icon{margin:0 auto 16px !important;}
body.has-ello-shell .eh-empty-state h3{margin:0 0 8px !important;font-size:22px !important;font-weight:900 !important;color:#111827 !important;}
body.has-ello-shell .eh-empty-state .eh-primary-btn{margin-top:18px !important;}

/* Hide accidental module branding visible on mobile service lists */
body.has-ello-shell a[href*="whmcompletesolution"],
body.has-ello-shell a[href*="WHMCompleteSolution"],
body.has-ello-shell .powered-by-whmcs,
body.has-ello-shell .powered-by { display:none !important; }

@media(max-width:991px){
    body.has-ello-shell .eh-card-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
    body.has-ello-shell .eh-hpanel-head{align-items:flex-start !important;flex-direction:column !important;}
    body.has-ello-shell .eh-hpanel h1{font-size:28px !important;}
}
@media(max-width:640px){
    body.has-ello-shell .eh-hpanel{padding:0 8px !important;}
    body.has-ello-shell .eh-hpanel-head{padding:20px !important;border-radius:20px !important;}
    body.has-ello-shell .eh-card-grid{grid-template-columns:1fr !important;gap:14px !important;}
    body.has-ello-shell .eh-resource-card{padding:18px !important;border-radius:20px !important;min-height:0 !important;}
    body.has-ello-shell .eh-hpanel h1{font-size:25px !important;}
    body.has-ello-shell .eh-primary-btn,
    body.has-ello-shell .eh-secondary-btn{width:100% !important;min-height:44px !important;}
    body.has-ello-shell .eh-actions-row .eh-link-btn{width:100% !important;justify-content:center !important;}
    body.has-ello-shell .eh-invoice-card{align-items:flex-start !important;padding:16px !important;border-radius:18px !important;}
    body.has-ello-shell .eh-invoice-left{align-items:flex-start !important;}
    body.has-ello-shell .eh-invoice-right{min-width:82px !important;}
    body.has-ello-shell .eh-arrow{display:none !important;}
    body.has-ello-shell .eh-icon{width:42px !important;height:42px !important;border-radius:13px !important;}
    body.has-ello-shell .eh-meta-row{font-size:13px !important;}
}

/* ============================================================
   ELLOHOST V4 FINAL HOTFIX — dashboard grid, FontAwesome icons,
   domain details visibility
   ============================================================ */
body.has-ello-shell .tiles > .row,
body.has-ello-shell .tiles .row{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:16px !important;
    align-items:stretch !important;
}
body.has-ello-shell .tiles .tile,
body.has-ello-shell .tiles .col-sm-3,
body.has-ello-shell .tiles .col-xs-6{
    float:none !important;
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
    padding:0 !important;
    margin:0 !important;
}
body.has-ello-shell .tiles .tile{
    min-height:150px !important;
    height:auto !important;
    display:block !important;
}
body.has-ello-shell .tiles .tile > a{
    min-height:150px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:space-between !important;
    height:100% !important;
    padding:20px !important;
}
@media(max-width:991px){
    body.has-ello-shell .tiles > .row,
    body.has-ello-shell .tiles .row{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:520px){
    body.has-ello-shell .tiles > .row,
    body.has-ello-shell .tiles .row{grid-template-columns:1fr !important;}
    body.has-ello-shell .tiles .tile,
    body.has-ello-shell .tiles .tile > a{min-height:118px !important;}
}

/* Restore visible icons: never convert FontAwesome to pink blocks/masks */
body.has-ello-shell .tiles .tile .icon i,
body.has-ello-shell .client-home-panels .panel-heading .panel-title > i.fa,
body.has-ello-shell .client-home-panels .panel-heading .panel-title > i.fas,
body.has-ello-shell .panel-heading > i.fa,
body.has-ello-shell .panel-heading > i.fas,
body.has-ello-shell .panel-heading .panel-title > i,
body.has-ello-shell .panel-sidebar .panel-heading i{
    -webkit-mask-image:none !important;
    mask-image:none !important;
    -webkit-mask:none !important;
    mask:none !important;
    background:none !important;
    background-color:transparent !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    height:auto !important;
    min-width:0 !important;
    color:#e91e63 !important;
    font-size:18px !important;
    line-height:1 !important;
    vertical-align:middle !important;
}
body.has-ello-shell .tiles .tile .icon i::before,
body.has-ello-shell .client-home-panels .panel-heading .panel-title > i.fa::before,
body.has-ello-shell .client-home-panels .panel-heading .panel-title > i.fas::before,
body.has-ello-shell .panel-heading > i.fa::before,
body.has-ello-shell .panel-heading > i.fas::before,
body.has-ello-shell .panel-heading .panel-title > i::before,
body.has-ello-shell .panel-sidebar .panel-heading i::before{
    display:inline-block !important;
    content:initial;
    font-size:inherit !important;
}
body.has-ello-shell .tiles .tile .icon{
    position:absolute !important;
    top:16px !important;
    right:16px !important;
    width:48px !important;
    height:48px !important;
    border-radius:14px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}
body.has-ello-shell .tiles .tile .icon i{font-size:22px !important;}
body.has-ello-shell .tiles .tile:has(.bg-color-blue) .icon i,
body.has-ello-shell .tiles .tile:nth-child(1) .icon i{color:#2563eb !important;}
body.has-ello-shell .tiles .tile:has(.bg-color-green) .icon i,
body.has-ello-shell .tiles .tile:nth-child(2) .icon i{color:#16a34a !important;}
body.has-ello-shell .tiles .tile:has(.bg-color-red) .icon i,
body.has-ello-shell .tiles .tile:nth-child(3) .icon i{color:#e91e63 !important;}
body.has-ello-shell .tiles .tile:has(.bg-color-gold) .icon i,
body.has-ello-shell .tiles .tile:nth-child(4) .icon i{color:#d97706 !important;}

/* Domain details: force page content visible and remove huge empty mobile holes */
body.has-ello-shell .eh-domain-page,
body.has-ello-shell .eh-domain-page .tab-content,
body.has-ello-shell .eh-domain-page .tab-content > .active,
body.has-ello-shell .eh-domain-page .tab-content > .tab-pane.active,
body.has-ello-shell .eh-domain-page .tab-content > .tab-pane.in{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    height:auto !important;
    min-height:0 !important;
    transform:none !important;
}
body.has-ello-shell .eh-domain-page .tab-content > .tab-pane:not(.active):not(.in){display:none !important;}
body.has-ello-shell .eh-domain-hero,
body.has-ello-shell .eh-panel{margin-bottom:18px !important;}
body.has-ello-shell .main-content,
body.has-ello-shell .content-area,
body.has-ello-shell #main-body .container,
body.has-ello-shell #main-body .main-content{
    min-height:0 !important;
}
body.has-ello-shell .powered-by-whmcs,
body.has-ello-shell .powered-by,
body.has-ello-shell a[href*="whmcompletesolution"],
body.has-ello-shell a[href*="WHMCompleteSolution"]{display:none !important;}

/* ============================================================
   ELLOHOST HOTFIX 2026-05-18 — Dashboard cards
   - SVG icons restored without depending on FontAwesome webfonts
   - Desktop 4 columns, tablet 2, mobile 1
   - Cards aligned and compact inside WHMCS client area
   ============================================================ */
body.has-ello-shell .tiles,
body.has-ello-shell .tiles.clearfix{
    width:100% !important;
    max-width:100% !important;
    margin:0 0 28px !important;
    clear:both !important;
}
body.has-ello-shell .tiles:before,
body.has-ello-shell .tiles:after,
body.has-ello-shell .tiles .row:before,
body.has-ello-shell .tiles .row:after{content:none !important;display:none !important;}
body.has-ello-shell .tiles > .row,
body.has-ello-shell .tiles .row{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:16px !important;
    align-items:stretch !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
}
body.has-ello-shell .tiles .tile,
body.has-ello-shell .tiles .col-sm-3,
body.has-ello-shell .tiles .col-xs-6{
    float:none !important;
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
    padding:0 !important;
    margin:0 !important;
}
body.has-ello-shell .tiles .tile{
    position:relative !important;
    display:block !important;
    min-height:132px !important;
    height:auto !important;
    background:#fff !important;
    border:1px solid rgba(17,24,39,.08) !important;
    border-radius:18px !important;
    box-shadow:0 8px 24px rgba(17,24,39,.05) !important;
    overflow:hidden !important;
}
body.has-ello-shell .tiles .tile > a{
    display:flex !important;
    flex-direction:column !important;
    justify-content:space-between !important;
    min-height:132px !important;
    height:100% !important;
    padding:22px !important;
    color:inherit !important;
    text-decoration:none !important;
}
body.has-ello-shell .tiles .tile .icon{
    position:absolute !important;
    top:18px !important;
    right:18px !important;
    width:48px !important;
    height:48px !important;
    border-radius:15px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
    z-index:2 !important;
}
body.has-ello-shell .tiles .tile .icon i{
    display:none !important;
}
body.has-ello-shell .tiles .tile .icon:before{
    content:"" !important;
    display:block !important;
    width:24px !important;
    height:24px !important;
    background-color:currentColor !important;
    -webkit-mask-repeat:no-repeat !important;
    mask-repeat:no-repeat !important;
    -webkit-mask-position:center !important;
    mask-position:center !important;
    -webkit-mask-size:contain !important;
    mask-size:contain !important;
}
body.has-ello-shell .tiles .tile:has(.bg-color-blue) .icon,
body.has-ello-shell .tiles .tile:nth-child(1) .icon{background:#e8f1ff !important;color:#2563eb !important;}
body.has-ello-shell .tiles .tile:has(.bg-color-green) .icon,
body.has-ello-shell .tiles .tile:nth-child(2) .icon{background:#e8f8ee !important;color:#16a34a !important;}
body.has-ello-shell .tiles .tile:has(.bg-color-red) .icon,
body.has-ello-shell .tiles .tile:nth-child(3) .icon{background:#fde8f1 !important;color:#e91e63 !important;}
body.has-ello-shell .tiles .tile:has(.bg-color-gold) .icon,
body.has-ello-shell .tiles .tile:nth-child(4) .icon{background:#fff3d9 !important;color:#d97706 !important;}
body.has-ello-shell .tiles .tile:has(.fa-cube) .icon:before,
body.has-ello-shell .tiles .tile:nth-child(1) .icon:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 3.5 6.8v10.4L12 22l8.5-4.8V6.8L12 2Zm0 2.3 6.2 3.5L12 11.3 5.8 7.8 12 4.3ZM5.5 9.5l5.5 3.1v6.4l-5.5-3.1V9.5Zm13 0v6.4L13 19v-6.4l5.5-3.1Z'/%3E%3C/svg%3E") !important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 3.5 6.8v10.4L12 22l8.5-4.8V6.8L12 2Zm0 2.3 6.2 3.5L12 11.3 5.8 7.8 12 4.3ZM5.5 9.5l5.5 3.1v6.4l-5.5-3.1V9.5Zm13 0v6.4L13 19v-6.4l5.5-3.1Z'/%3E%3C/svg%3E") !important;}
body.has-ello-shell .tiles .tile:has(.fa-globe) .icon:before,
body.has-ello-shell .tiles .tile:nth-child(2) .icon:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm7.7 9h-3.1a15 15 0 0 0-1.4-5.1A8.05 8.05 0 0 1 19.7 11ZM12 4.1c.8 1.1 1.9 3.2 2.2 6.9H9.8c.3-3.7 1.4-5.8 2.2-6.9ZM4.3 13h3.1c.2 2 .7 3.8 1.4 5.1A8.05 8.05 0 0 1 4.3 13Zm3.1-2H4.3a8.05 8.05 0 0 1 4.5-5.1A15 15 0 0 0 7.4 11Zm4.6 8.9c-.8-1.1-1.9-3.2-2.2-6.9h4.4c-.3 3.7-1.4 5.8-2.2 6.9Zm3.2-1.8c.7-1.3 1.2-3.1 1.4-5.1h3.1a8.05 8.05 0 0 1-4.5 5.1Z'/%3E%3C/svg%3E") !important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm7.7 9h-3.1a15 15 0 0 0-1.4-5.1A8.05 8.05 0 0 1 19.7 11ZM12 4.1c.8 1.1 1.9 3.2 2.2 6.9H9.8c.3-3.7 1.4-5.8 2.2-6.9ZM4.3 13h3.1c.2 2 .7 3.8 1.4 5.1A8.05 8.05 0 0 1 4.3 13Zm3.1-2H4.3a8.05 8.05 0 0 1 4.5-5.1A15 15 0 0 0 7.4 11Zm4.6 8.9c-.8-1.1-1.9-3.2-2.2-6.9h4.4c-.3 3.7-1.4 5.8-2.2 6.9Zm3.2-1.8c.7-1.3 1.2-3.1 1.4-5.1h3.1a8.05 8.05 0 0 1-4.5 5.1Z'/%3E%3C/svg%3E") !important;}
body.has-ello-shell .tiles .tile:has(.fa-comments) .icon:before,
body.has-ello-shell .tiles .tile:nth-child(3) .icon:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h16a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H9l-5 4v-4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm2 5v2h12V9H6Zm0 4v2h8v-2H6Z'/%3E%3C/svg%3E") !important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h16a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H9l-5 4v-4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm2 5v2h12V9H6Zm0 4v2h8v-2H6Z'/%3E%3C/svg%3E") !important;}
body.has-ello-shell .tiles .tile:has(.fa-credit-card) .icon:before,
body.has-ello-shell .tiles .tile:nth-child(4) .icon:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5h18a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2Zm0 4h18V7H3v2Zm3 5v2h5v-2H6Z'/%3E%3C/svg%3E") !important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5h18a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2Zm0 4h18V7H3v2Zm3 5v2h5v-2H6Z'/%3E%3C/svg%3E") !important;}
body.has-ello-shell .tiles .tile .stat{
    margin:34px 0 24px !important;
    font-size:34px !important;
    font-weight:900 !important;
    line-height:1 !important;
    letter-spacing:-.04em !important;
    color:#0f172a !important;
}
body.has-ello-shell .tiles .tile .title{
    margin:0 !important;
    font-size:13px !important;
    font-weight:700 !important;
    line-height:1.25 !important;
    color:#64748b !important;
}
body.has-ello-shell .tiles .tile .highlight{display:none !important;}
@media (max-width:1199px){
    body.has-ello-shell .tiles > .row,
    body.has-ello-shell .tiles .row{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media (max-width:575px){
    body.has-ello-shell .tiles > .row,
    body.has-ello-shell .tiles .row{grid-template-columns:1fr !important;gap:14px !important;}
    body.has-ello-shell .tiles .tile,
    body.has-ello-shell .tiles .tile > a{min-height:116px !important;}
    body.has-ello-shell .tiles .tile > a{padding:18px !important;}
    body.has-ello-shell .tiles .tile .icon{width:42px !important;height:42px !important;top:16px !important;right:16px !important;}
    body.has-ello-shell .tiles .tile .icon:before{width:21px !important;height:21px !important;}
    body.has-ello-shell .tiles .tile .stat{font-size:30px !important;margin:28px 0 18px !important;}
}

/* ============================================================
   PATCH V6 — Header uniforme clientarea/module + logo 3D
   - le header custom reste le seul menu visible
   - suppression du double menu WHMCS rose sur dashboard
   - dimensions identiques sur clientarea.php et pages modules
   ============================================================ */
body.has-ello-shell {
    padding-top: 108px !important;
}

body.has-ello-shell section#header {
    min-height: 108px !important;
}

body.has-ello-shell section#header .nav-container {
    max-width: 100% !important;
    height: 108px !important;
    padding: 0 32px !important;
    gap: 28px !important;
}

body.has-ello-shell section#header .nav-logo {
    width: 260px !important;
    max-width: 260px !important;
    height: 88px !important;
    max-height: 88px !important;
    overflow: visible !important;
}

body.has-ello-shell section#header .nav-logo .custom-logo,
body.has-ello-shell section#header .nav-logo img {
    width: 250px !important;
    max-width: 250px !important;
    height: auto !important;
    max-height: 82px !important;
    object-fit: contain !important;
}

body.has-ello-shell section#header .nav-link {
    font-size: 18px !important;
    line-height: 1.2 !important;
    padding: 14px 12px !important;
}

body.has-ello-shell section#header .nav-right {
    gap: 12px !important;
}

body.has-ello-shell section#header .btn-notifications,
body.has-ello-shell section#header .btn-logout,
body.has-ello-shell section#header .btn-admin {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    border-radius: 12px !important;
}

body.has-ello-shell section#header .btn-espace-client,
body.has-ello-shell section#header .btn-lang,
body.has-ello-shell section#header .btn-cart {
    min-height: 58px !important;
    padding: 0 20px !important;
    border-radius: 12px !important;
    font-size: 16px !important;
}

/* V8: navbar WHMCS native réactivée sous le header ElloHost. */
body.has-ello-shell section#main-menu {
    display: block !important;
    margin-top: 0 !important;
}

body.has-ello-shell section#main-body {
    padding-top: 38px !important;
}

@media (max-width: 1200px) {
    body.has-ello-shell section#header .nav-container {
        padding: 0 22px !important;
        gap: 16px !important;
    }
    body.has-ello-shell section#header .nav-logo {
        width: 230px !important;
        max-width: 230px !important;
    }
    body.has-ello-shell section#header .nav-logo .custom-logo,
    body.has-ello-shell section#header .nav-logo img {
        width: 220px !important;
        max-width: 220px !important;
    }
    body.has-ello-shell section#header .nav-link {
        font-size: 16px !important;
        padding: 12px 8px !important;
    }
}

@media (max-width: 991px) {
    body.has-ello-shell {
        padding-top: 86px !important;
    }
    body.has-ello-shell section#header,
    body.has-ello-shell section#header .nav-container {
        min-height: 86px !important;
        height: 86px !important;
    }
    body.has-ello-shell section#header .nav-logo {
        width: 220px !important;
        max-width: 220px !important;
        height: 70px !important;
    }
    body.has-ello-shell section#header .nav-logo .custom-logo,
    body.has-ello-shell section#header .nav-logo img {
        width: 210px !important;
        max-width: 210px !important;
        max-height: 66px !important;
    }
    body.has-ello-shell section#main-body {
        padding-top: 32px !important;
    }
}

@media (max-width: 600px) {
    body.has-ello-shell section#header .nav-container {
        padding: 0 14px !important;
    }
    body.has-ello-shell section#header .nav-logo {
        width: 185px !important;
        max-width: 185px !important;
    }
    body.has-ello-shell section#header .nav-logo .custom-logo,
    body.has-ello-shell section#header .nav-logo img {
        width: 175px !important;
        max-width: 175px !important;
    }
}

/* ============================================================
   V7 fixes ElloHost: header desktop, langue à droite, sidebar
   ============================================================ */
@media (min-width: 1025px) {
    body.has-ello-shell {
        padding-top: 86px !important;
    }
    body.has-ello-shell section#header .nav-container {
        max-width: 1440px !important;
        height: 86px !important;
        padding-left: 2rem !important;
        padding-right: 2rem !important;
        gap: 1.75rem !important;
    }
    body.has-ello-shell section#header .nav-logo {
        max-width: 280px !important;
        max-height: 72px !important;
    }
    body.has-ello-shell section#header .nav-logo .custom-logo,
    body.has-ello-shell section#header .nav-logo img {
        max-width: 260px !important;
        max-height: 64px !important;
    }
    body.has-ello-shell section#header .nav-link {
        font-size: 1rem !important;
        padding: 0.62rem 0.88rem !important;
    }
    body.has-ello-shell section#header .nav-menu .ello-mobile-account-only,
    body.has-ello-shell section#header .nav-menu .nav-item-mobile-only {
        display: none !important;
        visibility: hidden !important;
    }
    body.has-ello-shell section#header .nav-right {
        margin-left: auto !important;
        gap: 0.65rem !important;
    }
    body.has-ello-shell section#header .btn-lang {
        order: 1 !important;
        font-size: 0.95rem !important;
        color: var(--ello-text) !important;
        padding: 0.65rem 0.9rem !important;
    }
    body.has-ello-shell section#header .btn-notifications { order: 2 !important; }
    body.has-ello-shell section#header .btn-espace-client { order: 3 !important; }
    body.has-ello-shell section#header .btn-logout { order: 4 !important; }
    body.has-ello-shell section#header .btn-admin { order: 5 !important; }
    body.has-ello-shell section#main-menu {
        margin-top: 0 !important;
    }
}

/* Retire le bloc Raccourcis à gauche */
body.has-ello-shell .panel-sidebar[menuItemName="Client Shortcuts"],
body.has-ello-shell .panel-sidebar[menuitemname="Client Shortcuts"],
body.has-ello-shell .panel-sidebar[menuItemName="Shortcuts"],
body.has-ello-shell .panel-sidebar[menuitemname="Shortcuts"] {
    display: none !important;
}

/* Agrandit un peu les blocs de gauche sans casser la grille */
body.has-ello-shell .sidebar .panel-sidebar {
    border-radius: 18px !important;
    margin-bottom: 26px !important;
}
body.has-ello-shell .sidebar .panel-sidebar .panel-heading {
    padding: 16px 20px !important;
}
body.has-ello-shell .sidebar .panel-sidebar .panel-body {
    padding: 24px 28px !important;
    font-size: 0.95rem !important;
    line-height: 1.55 !important;
}
body.has-ello-shell .sidebar .panel-sidebar .panel-footer {
    padding: 18px 28px !important;
}

/* Le bouton Voir plus ne doit plus rester gris/inactif quand il y a des services cachés */
body.has-ello-shell .btn-view-more:not(.disabled),
body.has-ello-shell .btn-view-more.ello-force-active {
    pointer-events: auto !important;
    opacity: 1 !important;
    cursor: pointer !important;
}


/* ============================================================
   V8 fixes: réactive navbar WHMCS + bouton Voir plus fonctionnel
   ============================================================ */
body.has-ello-shell section#main-menu {
    display: block !important;
    visibility: visible !important;
}
body.has-ello-shell .btn-view-more {
    pointer-events: auto !important;
    opacity: 1 !important;
    cursor: pointer !important;
}
body.has-ello-shell .btn-view-more.disabled {
    color: #e91e63 !important;
    text-decoration: none !important;
}

/* ============================================================
   V9 ElloHost fixes: header compact, WHMCS navbar visible, SVG cards
   ============================================================ */
@media (min-width: 1025px) {
    body.has-ello-shell {
        padding-top: 102px !important;
    }
    body.has-ello-shell section#header,
    body.has-ello-shell section#header .nav-container {
        min-height: 102px !important;
        height: 102px !important;
    }
    body.has-ello-shell section#header .nav-container {
        max-width: 100% !important;
        padding-left: 42px !important;
        padding-right: 28px !important;
        gap: 1.6rem !important;
    }
    body.has-ello-shell section#header .nav-logo {
        width: 300px !important;
        max-width: 300px !important;
        height: 86px !important;
        max-height: 86px !important;
    }
    body.has-ello-shell section#header .nav-logo .custom-logo,
    body.has-ello-shell section#header .nav-logo img {
        width: 290px !important;
        max-width: 290px !important;
        max-height: 82px !important;
    }
    body.has-ello-shell section#header .nav-link {
        font-size: 15px !important;
        padding: 10px 12px !important;
        line-height: 1.2 !important;
    }
    /* Supprime le doublon Arthur / Quitter dans le menu principal desktop */
    body.has-ello-shell section#header .nav-menu .nav-item-mobile-only,
    body.has-ello-shell section#header .nav-menu .ello-mobile-account-only,
    body.has-ello-shell section#header .nav-menu a[href*="clientarea.php"],
    body.has-ello-shell section#header .nav-menu a[href*="logout.php"] {
        display: none !important;
        visibility: hidden !important;
    }
    body.has-ello-shell section#header .nav-right {
        margin-left: auto !important;
        gap: 8px !important;
        transform: scale(0.86) !important;
        transform-origin: right center !important;
    }
    body.has-ello-shell section#header .btn-notifications,
    body.has-ello-shell section#header .btn-logout,
    body.has-ello-shell section#header .btn-admin,
    body.has-ello-shell section#header .btn-cart {
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        border-radius: 12px !important;
        padding: 0 !important;
    }
    body.has-ello-shell section#header .btn-espace-client,
    body.has-ello-shell section#header .btn-lang {
        min-height: 48px !important;
        height: 48px !important;
        padding: 0 16px !important;
        border-radius: 12px !important;
        font-size: 15px !important;
    }
}

body.has-ello-shell section#main-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 1010 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    min-height: 58px !important;
    background: linear-gradient(135deg, var(--ello-rose), var(--ello-rose2)) !important;
}
body.has-ello-shell section#main-menu .navbar-main,
body.has-ello-shell section#main-menu .navbar,
body.has-ello-shell section#main-menu .navbar-collapse,
body.has-ello-shell section#main-menu .container {
    min-height: 58px !important;
    height: auto !important;
    overflow: visible !important;
}
body.has-ello-shell section#main-menu .navbar-main .navbar-nav > li > a {
    min-height: 58px !important;
    line-height: 58px !important;
    padding: 0 20px !important;
    display: flex !important;
    align-items: center !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #fff !important;
    text-decoration: none !important;
}
body.has-ello-shell section#main-menu .navbar-main .dropdown-menu > li > a {
    line-height: 1.4 !important;
    padding: 10px 16px !important;
}
body.has-ello-shell section#main-body {
    padding-top: 42px !important;
}

/* Le lien Voir plus doit toujours aller vers la liste des services */
body.has-ello-shell a.btn-view-more,
body.has-ello-shell a.btn-view-more.disabled {
    pointer-events: auto !important;
    opacity: 1 !important;
    cursor: pointer !important;
    color: var(--ello-rose) !important;
}

/* SVG dashboard cards: masque propre même si FontAwesome ne charge pas */
body.has-ello-shell .tiles .tile .icon i {
    display: block !important;
    width: 24px !important;
    height: 24px !important;
    background-color: currentColor !important;
    color: currentColor !important;
    font-size: 0 !important;
    line-height: 0 !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
}
body.has-ello-shell .tiles .tile .icon i:before,
body.has-ello-shell .tiles .tile .icon i:after {
    content: none !important;
    display: none !important;
}
body.has-ello-shell .tiles .tile .icon i.fa-cube,
body.has-ello-shell .tiles .tile .icon i.fa-cubes,
body.has-ello-shell .tiles .tile .icon i.fa-box {
    color: #2563EB !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M21%2016V8a2%202%200%200%200-1-1.73l-7-4a2%202%200%200%200-2%200l-7%204A2%202%200%200%200%203%208v8a2%202%200%200%200%201%201.73l7%204a2%202%200%200%200%202%200l7-4A2%202%200%200%200%2021%2016z'/%3E%3Cpolyline%20points='3.27%206.96%2012%2012.01%2020.73%206.96'/%3E%3Cline%20x1='12'%20y1='22.08'%20x2='12'%20y2='12'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M21%2016V8a2%202%200%200%200-1-1.73l-7-4a2%202%200%200%200-2%200l-7%204A2%202%200%200%200%203%208v8a2%202%200%200%200%201%201.73l7%204a2%202%200%200%200%202%200l7-4A2%202%200%200%200%2021%2016z'/%3E%3Cpolyline%20points='3.27%206.96%2012%2012.01%2020.73%206.96'/%3E%3Cline%20x1='12'%20y1='22.08'%20x2='12'%20y2='12'/%3E%3C/svg%3E") !important;
}
body.has-ello-shell .tiles .tile .icon i.fa-globe {
    color: #16A34A !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='10'/%3E%3Cline%20x1='2'%20y1='12'%20x2='22'%20y2='12'/%3E%3Cpath%20d='M12%202a15.3%2015.3%200%200%201%204%2010%2015.3%2015.3%200%200%201-4%2010%2015.3%2015.3%200%200%201-4-10%2015.3%2015.3%200%200%201%204-10z'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='10'/%3E%3Cline%20x1='2'%20y1='12'%20x2='22'%20y2='12'/%3E%3Cpath%20d='M12%202a15.3%2015.3%200%200%201%204%2010%2015.3%2015.3%200%200%201-4%2010%2015.3%2015.3%200%200%201-4-10%2015.3%2015.3%200%200%201%204-10z'/%3E%3C/svg%3E") !important;
}
body.has-ello-shell .tiles .tile .icon i.fa-comments,
body.has-ello-shell .tiles .tile .icon i.fa-comment {
    color: var(--ello-rose) !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M21%2011.5a8.38%208.38%200%200%201-.9%203.8%208.5%208.5%200%200%201-7.6%204.7%208.38%208.38%200%200%201-3.8-.9L3%2021l1.9-5.7a8.38%208.38%200%200%201-.9-3.8%208.5%208.5%200%200%201%204.7-7.6%208.38%208.38%200%200%201%203.8-.9h.5a8.48%208.48%200%200%201%208%208v.5z'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M21%2011.5a8.38%208.38%200%200%201-.9%203.8%208.5%208.5%200%200%201-7.6%204.7%208.38%208.38%200%200%201-3.8-.9L3%2021l1.9-5.7a8.38%208.38%200%200%201-.9-3.8%208.5%208.5%200%200%201%204.7-7.6%208.38%208.38%200%200%201%203.8-.9h.5a8.48%208.48%200%200%201%208%208v.5z'/%3E%3C/svg%3E") !important;
}
body.has-ello-shell .tiles .tile .icon i.fa-credit-card,
body.has-ello-shell .tiles .tile .icon i.fa-file-invoice,
body.has-ello-shell .tiles .tile .icon i.fa-money-bill {
    color: #D97706 !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='1'%20y='4'%20width='22'%20height='16'%20rx='2'%20ry='2'/%3E%3Cline%20x1='1'%20y1='10'%20x2='23'%20y2='10'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='1'%20y='4'%20width='22'%20height='16'%20rx='2'%20ry='2'/%3E%3Cline%20x1='1'%20y1='10'%20x2='23'%20y2='10'/%3E%3C/svg%3E") !important;
}

/* V10: demandes ElloHost — logo 0.5x, navbar WHMCS 0.5x, icônes dashboard non doublées */
body.has-ello-shell section#header .nav-container {
    height: 72px !important;
    max-width: 1320px !important;
}
body.has-ello-shell section#header .nav-logo {
    max-width: 110px !important;
    max-height: 34px !important;
    overflow: visible !important;
}
body.has-ello-shell section#header .nav-logo .custom-logo,
body.has-ello-shell section#header .nav-logo img {
    max-width: 100px !important;
    max-height: 25px !important;
    width: auto !important;
    height: auto !important;
}

body.has-ello-shell section#header .nav-right {
    gap: 8px !important;
}
body.has-ello-shell section#header .btn-notifications,
body.has-ello-shell section#header .btn-logout,
body.has-ello-shell section#header .btn-admin,
body.has-ello-shell section#header .btn-cart {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    border-radius: 10px !important;
    padding: 0 !important;
}
body.has-ello-shell section#header .btn-espace-client,
body.has-ello-shell section#header .btn-lang {
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 12px !important;
    border-radius: 10px !important;
    font-size: 13px !important;
}
body.has-ello-shell section#header .nav-right svg {
    width: 16px !important;
    height: 16px !important;
}

body.has-ello-shell section#main-menu {
    min-height: 29px !important;
    box-shadow: 0 1px 8px rgba(233,30,99,.12) !important;
}
body.has-ello-shell section#main-menu .navbar-main,
body.has-ello-shell section#main-menu .navbar,
body.has-ello-shell section#main-menu .navbar-collapse,
body.has-ello-shell section#main-menu .container {
    min-height: 29px !important;
    height: auto !important;
}
body.has-ello-shell section#main-menu .navbar-main .navbar-nav > li > a {
    min-height: 29px !important;
    line-height: 29px !important;
    padding: 0 10px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}
body.has-ello-shell section#main-menu .navbar-main .dropdown-menu > li > a {
    padding: 7px 12px !important;
    font-size: 13px !important;
}
body.has-ello-shell section#main-body {
    padding-top: 28px !important;
}

/* Corrige les SVG doublés : on utilise seulement le <i> masqué, jamais le :before de .icon */
body.has-ello-shell .tiles .tile .icon:before,
body.has-ello-shell .tiles .tile .icon:after {
    content: none !important;
    display: none !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
}
body.has-ello-shell .tiles .tile .icon i {
    position: relative !important;
    inset: auto !important;
    margin: 0 !important;
    width: 22px !important;
    height: 22px !important;
    display: block !important;
}
body.has-ello-shell .tiles .tile .icon i:before,
body.has-ello-shell .tiles .tile .icon i:after {
    content: none !important;
    display: none !important;
}

@media (max-width: 600px) {
    body.has-ello-shell section#header .nav-logo .custom-logo,
    body.has-ello-shell section#header .nav-logo img {
        max-width: 90px !important;
        max-height: 24px !important;
    }
    body.has-ello-shell section#main-menu .navbar-main .navbar-nav > li > a {
        min-height: 34px !important;
        line-height: 34px !important;
        font-size: 13px !important;
    }
}


/* === ElloHost v12 final fixes: logo + SVG icon fallback === */
body.has-ello-shell section#header .nav-logo{
    width:140px!important;max-width:140px!important;height:48px!important;max-height:48px!important;overflow:visible!important;
}
body.has-ello-shell section#header .nav-logo .custom-logo,
body.has-ello-shell section#header .nav-logo img{
    width:auto!important;max-width:125px!important;height:auto!important;max-height:36px!important;object-fit:contain!important;
}
@media (max-width:600px){
 body.has-ello-shell section#header .nav-logo{width:120px!important;max-width:120px!important;height:42px!important;}
 body.has-ello-shell section#header .nav-logo .custom-logo,
 body.has-ello-shell section#header .nav-logo img{max-width:110px!important;max-height:32px!important;}
}
.eh-svg{width:1.35em;height:1.35em;display:inline-block;vertical-align:-.22em;flex:0 0 auto;}
.eh-svg-small{width:1em;height:1em;vertical-align:-.14em;}
.eh-icon .eh-svg{width:30px;height:30px;vertical-align:middle;}
.eh-domain .eh-svg{margin-right:8px;}
.eh-primary-btn .eh-svg{margin-right:8px;}
.eh-card-action .eh-svg{margin-left:auto;}

/* Remplace les glyphes carrés FontAwesome cassés par des icônes SVG CSS */
i.fas[class*="fa-"],i.far[class*="fa-"],i.fa[class*="fa-"]{position:relative!important;display:inline-block!important;width:1.15em!important;height:1.15em!important;line-height:1!important;vertical-align:-.16em!important;overflow:hidden!important;color:currentColor!important;}
i.fas[class*="fa-"]:before,i.far[class*="fa-"]:before,i.fa[class*="fa-"]:before{content:""!important;display:block!important;width:100%!important;height:100%!important;background:currentColor!important;-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat;}
i.fa-cube:before{--svg:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 16V8a2 2 0 0 0-1-1.73L13 2.27a2 2 0 0 0-2 0L4 6.27A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"/><path d="M3.3 7 12 12l8.7-5"/><path d="M12 22V12"/></svg>');-webkit-mask-image:var(--svg);mask-image:var(--svg);}
i.fa-globe:before{--svg:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M2 12h20"/><path d="M12 2a15.3 15.3 0 0 1 0 20"/><path d="M12 2a15.3 15.3 0 0 0 0 20"/></svg>');-webkit-mask-image:var(--svg);mask-image:var(--svg);}
i.fa-shopping-cart:before,i.fa-cart-shopping:before{--svg:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="8" cy="21" r="1"/><circle cx="19" cy="21" r="1"/><path d="M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h8.78a2 2 0 0 0 1.95-1.57L21 7H5.12"/></svg>');-webkit-mask-image:var(--svg);mask-image:var(--svg);}
i.fa-box:before,i.fa-box-open:before,i.fa-archive:before{--svg:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 8a2 2 0 0 0-1-1.73L13 2.27a2 2 0 0 0-2 0L4 6.27A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"/><path d="M3.3 7 12 12l8.7-5"/></svg>');-webkit-mask-image:var(--svg);mask-image:var(--svg);}
i.fa-circle:before,i.fa-dot-circle:before{--svg:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="12" r="9" fill="black"/></svg>');-webkit-mask-image:var(--svg);mask-image:var(--svg);}
i.fa-square:before{--svg:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect x="4" y="4" width="16" height="16" rx="3" fill="black"/></svg>');-webkit-mask-image:var(--svg);mask-image:var(--svg);}
i.fa-clock:before,i.fa-hourglass-half:before{--svg:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/></svg>');-webkit-mask-image:var(--svg);mask-image:var(--svg);}
i.fa-pause-circle:before,i.fa-ban:before{--svg:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M4.93 4.93 19.07 19.07"/></svg>');-webkit-mask-image:var(--svg);mask-image:var(--svg);}
i.fa-check-circle:before,i.fa-check:before{--svg:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>');-webkit-mask-image:var(--svg);mask-image:var(--svg);}
i.fa-times-circle:before,i.fa-times:before{--svg:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="M6 6l12 12"/></svg>');-webkit-mask-image:var(--svg);mask-image:var(--svg);}
i.fa-plus:before{--svg:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2.4" stroke-linecap="round"><path d="M12 5v14M5 12h14"/></svg>');-webkit-mask-image:var(--svg);mask-image:var(--svg);}
i.fa-arrow-right:before{--svg:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>');-webkit-mask-image:var(--svg);mask-image:var(--svg);}
i.fa-layer-group:before{--svg:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linejoin="round"><path d="M12 2 2 7l10 5 10-5-10-5Z"/><path d="m2 17 10 5 10-5"/><path d="m2 12 10 5 10-5"/></svg>');-webkit-mask-image:var(--svg);mask-image:var(--svg);}

/* === ElloHost v13: SVG fiables sur sidebars, domaines et demandes === */
.eh-side-svg{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;margin-right:12px;color:#64748b;vertical-align:middle;flex:0 0 20px;}
.eh-side-svg svg{width:20px;height:20px;display:block;}
.panel-sidebar .list-group-item{display:flex!important;align-items:center!important;gap:0!important;}
.panel-sidebar .list-group-item .badge{margin-left:auto!important;order:2;}
.panel-sidebar .list-group-item.active .eh-side-svg{color:var(--ello-rose,#e91e63)!important;}
.eh-hpanel .eh-icon i,.eh-resource-card .eh-icon i,.panel-sidebar .sidebar-menu-item-icon{display:none!important;}
.eh-hpanel .eh-icon .eh-svg,.eh-resource-card .eh-icon .eh-svg{width:30px!important;height:30px!important;}
.eh-meta-row .eh-svg-small{margin-right:4px;}

/* Ellohost v14 SVG fixes */
body.has-ello-shell .eh-svg{width:24px;height:24px;display:inline-block;vertical-align:middle;flex:0 0 auto}
body.has-ello-shell .eh-svg-small{width:18px;height:18px}
body.has-ello-shell .eh-icon .eh-svg{width:30px!important;height:30px!important;color:inherit!important}
body.has-ello-shell .eh-invoice-card .eh-icon i,body.has-ello-shell .eh-resource-card .eh-icon i,body.has-ello-shell .panel-sidebar .list-group-item>i[class*="fa"]{display:none!important}
body.has-ello-shell .eh-side-svg{width:22px!important;height:22px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;margin-right:12px!important;color:#6b7280!important;vertical-align:middle!important}
body.has-ello-shell .eh-side-svg svg{width:21px!important;height:21px!important;display:block!important}
@media(max-width:640px){body.has-ello-shell .eh-icon .eh-svg{width:26px!important;height:26px!important}}

/* ============================================================
   ELLOHOST V15 — fixes SVG + domaine détails mobile
   ============================================================ */
body.has-ello-shell .fa:before,
body.has-ello-shell .fas:before,
body.has-ello-shell .far:before,
body.has-ello-shell .fal:before,
body.has-ello-shell .fab:before,
body.has-ello-shell i.fa:before,
body.has-ello-shell i.fas:before,
body.has-ello-shell i.far:before{
    content:unset !important;
}
body.has-ello-shell .panel-sidebar .panel-body i.fa,
body.has-ello-shell .panel-sidebar .panel-body i.fas,
body.has-ello-shell .panel-sidebar .list-group-item i.fa,
body.has-ello-shell .panel-sidebar .list-group-item i.fas{
    display:inline-flex !important;align-items:center !important;justify-content:center !important;
    width:22px !important;height:22px !important;min-width:22px !important;margin-right:10px !important;
    border-radius:7px !important;background:#fdf2f8 !important;color:#e91e63 !important;font-size:0 !important;
}
body.has-ello-shell .panel-sidebar .panel-body i.fa:after,
body.has-ello-shell .panel-sidebar .panel-body i.fas:after,
body.has-ello-shell .panel-sidebar .list-group-item i.fa:after,
body.has-ello-shell .panel-sidebar .list-group-item i.fas:after{
    content:"";width:13px;height:13px;display:block;background:currentColor;
    -webkit-mask:var(--eh-mask, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3C/svg%3E")) center/contain no-repeat;
    mask:var(--eh-mask, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3C/svg%3E")) center/contain no-repeat;
}
body.has-ello-shell .fa-shopping-cart,
body.has-ello-shell .fa-cart-shopping{--eh-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.7 13.4a2 2 0 0 0 2 1.6h9.7a2 2 0 0 0 2-1.6L23 6H6'/%3E%3C/svg%3E")}
body.has-ello-shell .fa-cube,
body.has-ello-shell .fa-box{--eh-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z'/%3E%3Cpath d='M3.3 7 12 12l8.7-5M12 22V12'/%3E%3C/svg%3E")}
body.has-ello-shell .fa-globe,
body.has-ello-shell .fa-globe-americas,
body.has-ello-shell .fa-globe-europe{--eh-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M2 12h20M12 2a15.3 15.3 0 0 1 0 20M12 2a15.3 15.3 0 0 0 0 20'/%3E%3C/svg%3E")}
body.has-ello-shell .fa-file-invoice,
body.has-ello-shell .fa-credit-card{--eh-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cpath d='M2 10h20'/%3E%3C/svg%3E")}
body.has-ello-shell .fa-ticket,
body.has-ello-shell .fa-comment,
body.has-ello-shell .fa-comments{--eh-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a4 4 0 0 1-4 4H7l-4 4V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z'/%3E%3C/svg%3E")}
body.has-ello-shell .eh-domain-manage .tab-content,
body.has-ello-shell .eh-domain-manage .tab-content > .tab-pane.active,
body.has-ello-shell .eh-domain-manage .tab-content > .active{display:block !important;visibility:visible !important;opacity:1 !important;height:auto !important;min-height:0 !important;}
body.has-ello-shell .eh-domain-manage .tab-content > .tab-pane:not(.active){display:none !important;}
@media(max-width:768px){body.has-ello-shell section#main-body{padding-top:18px !important}.eh-domain-manage{font-size:14px}.eh-domain-manage .btn{white-space:normal}}

/* Ellohost v16 - domain pages imported templates compatibility */
.eh-services-page,.eh-list-page,.eh-domains-page{width:100%;}
.eh-services-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 34px;margin:0 0 26px;background:linear-gradient(135deg,#fff,#fff5fa);border:1px solid #edf0f5;border-radius:24px;box-shadow:0 12px 35px rgba(15,23,42,.05)}
.eh-services-title{font-size:38px;line-height:1.1;margin:0;color:#111827;font-weight:900}.eh-services-subtitle{margin:10px 0 0;color:#6b7280;font-size:17px}.eh-services-title-block:before{content:'ESPACE CLIENT';display:block;color:#e91e63;font-weight:900;letter-spacing:.12em;margin-bottom:12px}.eh-services-cta-btn,.eh-primary-btn{display:inline-flex;align-items:center;gap:10px;background:#e91e63;color:#fff!important;border-radius:14px;padding:14px 22px;font-weight:900;text-decoration:none!important;box-shadow:0 14px 25px rgba(233,30,99,.22);border:0}.eh-services-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 22px}.eh-services-filters{display:flex;gap:10px;flex-wrap:wrap}.eh-filter-chip{border:1px solid #edf0f5;background:#fff;border-radius:999px;padding:10px 13px;font-weight:800;color:#6b7280;display:inline-flex;align-items:center;gap:8px}.eh-filter-chip.is-active{background:#e91e63;color:#fff;border-color:#e91e63}.eh-filter-count{background:rgba(15,23,42,.08);border-radius:999px;padding:2px 8px}.eh-services-search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #edf0f5;border-radius:999px;padding:0 15px;min-width:260px}.eh-services-search input{border:0;outline:0;height:44px;width:100%;background:transparent}.eh-list-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.eh-list-card,.eh-resource-card,.eh-domain-card{background:#fff;border:1px solid #edf0f5;border-radius:24px;box-shadow:0 12px 30px rgba(15,23,42,.05);padding:24px;position:relative}.eh-list-card-icon,.eh-icon,.eh-status-icon,.eh-stat-icon{width:56px;height:56px;border-radius:16px;background:#fdf2f8;color:#e91e63;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.eh-list-card-icon svg,.eh-icon svg,.eh-status-icon svg,.eh-stat-icon svg,.eh-svg{width:24px;height:24px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.eh-card-title,.eh-list-card h3,.eh-domain-card h3{font-size:22px;font-weight:900;color:#111827;margin:16px 0 8px}.eh-status,.eh-badge{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:900;text-transform:uppercase}.status-active,.eh-status-active,.eh-badge-success{background:#dcfce7;color:#059669}.status-pending,.eh-badge-warning{background:#fff7ed;color:#f97316}.status-terminated,.status-cancelled,.eh-badge-danger{background:#fee2e2;color:#dc2626}.eh-meta-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #edf0f5;padding:13px 0;color:#6b7280}.eh-meta-row strong{color:#111827}.eh-card-action,.eh-card-btn{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:12px;border-radius:14px;background:#f8fafc;color:#e91e63!important;text-decoration:none!important;font-weight:900;padding:14px 16px}.eh-domain-manage{--pink:#e91e63;--pink2:#9333ea;--text:#111827;--muted:#6b7280;--border:#edf0f5;--green:#10b981;color:var(--text)}
.eh-domain-tabs,.eh-domain-alert,.eh-domain-main-card,.eh-domain-stat,.eh-domain-ssl,.eh-quick-action,.eh-domain-panel{background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:0 10px 26px rgba(15,23,42,.04)}.eh-domain-tabs{padding:12px 12px 0;margin-bottom:22px;overflow-x:auto}.eh-domain-tabs .nav-tabs{border:0;display:flex;gap:10px;flex-wrap:nowrap;min-width:max-content}.eh-domain-tabs .nav-tabs>li{float:none;margin:0}.eh-domain-tabs .nav-tabs>li>a{border:1px solid var(--border)!important;border-radius:4px!important;background:#fff;color:#6b7280;font-weight:800;padding:18px 24px;margin:0}.eh-domain-tabs .nav-tabs>li.active>a,.eh-domain-tabs .nav-tabs>li>a:hover{background:linear-gradient(135deg,var(--pink),var(--pink2))!important;color:#fff!important;border-color:transparent!important}.eh-domain-alert,.eh-domain-status-alert,.eh-domain-unlock-alert{display:flex;align-items:center;gap:16px;padding:20px 24px;margin-bottom:22px;background:#fff5f5;border:1px solid #ffd7d7;border-left:4px solid #ef4444;border-radius:18px;color:#991b1b}.eh-domain-main-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 26px;margin-bottom:22px}.eh-domain-identity{display:flex;align-items:center;gap:18px;min-width:0}.eh-domain-icon{width:62px;height:62px;border-radius:16px;background:#fdf2f8;color:var(--pink);display:flex;align-items:center;justify-content:center;flex:0 0 auto}.eh-domain-icon svg{width:34px;height:34px;display:block}.eh-domain-name{font-size:20px;font-weight:900;line-height:1.1;word-break:break-word}.eh-status-pill{display:inline-flex;align-items:center;gap:7px;margin-top:10px;padding:5px 12px;border-radius:999px;background:#ecfdf5;color:#059669;font-size:12px;font-weight:900;text-transform:uppercase}.eh-renew-btn{display:inline-flex;align-items:center;gap:9px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--pink),var(--pink2));color:#fff!important;font-weight:900;padding:15px 24px;text-decoration:none!important;box-shadow:0 14px 24px rgba(233,30,99,.25);white-space:nowrap}.eh-domain-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:16px}.eh-domain-stat{display:flex;align-items:center;gap:15px;padding:20px}.eh-domain-ssl{display:flex;align-items:center;gap:16px;padding:20px;margin-bottom:22px}.eh-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px}.eh-quick-action{display:flex;align-items:center;gap:14px;padding:18px;color:#111827!important;text-decoration:none!important;font-weight:900}.eh-quick-action.eh-renew-tile{background:linear-gradient(135deg,var(--pink),var(--pink2));color:#fff!important}.eh-empty-state{background:#fff;border:1px solid #edf0f5;border-radius:24px;padding:34px;text-align:center;color:#6b7280}.eh-empty-state h3{color:#111827;font-weight:900}.eh-filter-dot{width:8px;height:8px;border-radius:50%;background:currentColor;display:inline-block}
@media(max-width:1100px){.eh-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:768px){.eh-services-header,.eh-services-toolbar,.eh-domain-main-card,.eh-domain-ssl{flex-direction:column;align-items:stretch}.eh-services-title{font-size:30px}.eh-services-search{min-width:0;width:100%}.eh-list-grid,.eh-domain-stats,.eh-quick-grid{grid-template-columns:1fr}.eh-domain-tabs .nav-tabs>li>a{padding:14px 16px;font-size:13px}.eh-domain-alert{align-items:flex-start;padding:16px}.eh-domain-name{font-size:17px}}

/* Ellohost v17 - Domain pages professional restyle */
body.has-ello-shell .eh-services-page, body.has-ello-shell .eh-list-page, body.has-ello-shell .eh-domains-page{max-width:1180px;margin:0 auto 40px;color:#111827;}
body.has-ello-shell .eh-services-header{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:6px 0 28px;padding:28px 34px;border:1px solid rgba(17,24,39,.08);border-radius:28px;background:linear-gradient(135deg,#fff 0%,#fff7fb 100%);box-shadow:0 22px 60px rgba(17,24,39,.07);}
body.has-ello-shell .eh-services-title{font-size:40px;line-height:1.05;margin:0;color:#111827;font-weight:900;letter-spacing:-.035em;}
body.has-ello-shell .eh-services-subtitle{margin:12px 0 0;color:#6b7280;font-size:18px;}
body.has-ello-shell .eh-services-title-block:before{content:'ESPACE CLIENT';display:block;color:#e91e63;font-weight:900;letter-spacing:.16em;margin-bottom:13px;font-size:13px;}
body.has-ello-shell .eh-services-cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#e91e63;color:#fff!important;border-radius:16px;padding:16px 24px;font-weight:900;text-decoration:none!important;box-shadow:0 16px 32px rgba(233,30,99,.25);border:0;white-space:nowrap;}
body.has-ello-shell .eh-services-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 24px;}
body.has-ello-shell .eh-services-filters{display:flex;gap:10px;flex-wrap:wrap;}
body.has-ello-shell .eh-filter-chip{border:1px solid #edf0f5;background:#fff;border-radius:999px;padding:11px 16px;font-weight:900;color:#6b7280;display:inline-flex;align-items:center;gap:9px;}
body.has-ello-shell .eh-filter-chip.is-active{background:#e91e63;color:#fff;border-color:#e91e63;}
body.has-ello-shell .eh-filter-count{background:rgba(15,23,42,.08);border-radius:999px;padding:2px 8px;}
body.has-ello-shell .eh-services-search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #edf0f5;border-radius:999px;padding:0 16px;min-width:300px;box-shadow:0 8px 22px rgba(17,24,39,.03);}
body.has-ello-shell .eh-services-search input{border:0!important;outline:0!important;height:48px;width:100%;background:transparent!important;box-shadow:none!important;color:#111827;}
body.has-ello-shell .eh-list-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch;}
body.has-ello-shell .eh-record-card{background:#fff!important;border:1px solid #edf0f5!important;border-radius:26px!important;box-shadow:0 18px 48px rgba(15,23,42,.07)!important;padding:24px!important;position:relative;overflow:hidden;cursor:pointer;min-height:245px;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;color:#111827!important;}
body.has-ello-shell .eh-record-card:hover{transform:translateY(-3px);box-shadow:0 24px 60px rgba(15,23,42,.1)!important;border-color:rgba(233,30,99,.22)!important;}
body.has-ello-shell .eh-record-card.eh-status-active,body.has-ello-shell .eh-record-card.eh-status-expired,body.has-ello-shell .eh-record-card.eh-status-pending,body.has-ello-shell .eh-record-card.eh-status-cancelled{background:#fff!important;color:#111827!important;}
body.has-ello-shell .eh-record-top{display:flex;align-items:center;gap:12px;margin-bottom:18px;}
body.has-ello-shell .eh-record-check input{width:18px;height:18px;accent-color:#e91e63;}
body.has-ello-shell .eh-service-icon{width:58px;height:58px;border-radius:17px;background:#fdf2f8;color:#e91e63;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;}
body.has-ello-shell .eh-service-icon svg,body.has-ello-shell .eh-service-icon .eh-svg{width:28px;height:28px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
body.has-ello-shell .eh-service-status{margin-left:auto;display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:7px 12px;background:#ecfdf5;color:#059669;font-size:12px;font-weight:900;text-transform:uppercase;}
body.has-ello-shell .eh-service-status-dot{width:7px;height:7px;border-radius:50%;background:currentColor;}
body.has-ello-shell .eh-service-name{margin:0 0 18px!important;font-size:24px!important;font-weight:900!important;line-height:1.15!important;letter-spacing:-.02em;word-break:break-word;}
body.has-ello-shell .eh-service-name a{color:#e91e63!important;text-decoration:none!important;}
body.has-ello-shell .eh-service-footer{display:grid;gap:0;margin:0 0 14px;border-top:1px solid #edf0f5;border-bottom:1px solid #edf0f5;}
body.has-ello-shell .eh-service-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;color:#6b7280;}
body.has-ello-shell .eh-service-meta-label{color:#6b7280;}
body.has-ello-shell .eh-service-meta-value{color:#111827;font-weight:800;text-align:right;}
body.has-ello-shell .eh-record-extra{color:#6b7280;font-size:14px;margin:10px 0;}
body.has-ello-shell .eh-service-cta-row{margin-top:14px;}
body.has-ello-shell .eh-service-cta-text{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 16px;border-radius:16px;background:#f8fafc;color:#e91e63!important;text-decoration:none!important;font-weight:900;}
body.has-ello-shell .eh-bulk-actions{margin:24px 0 0;}
body.has-ello-shell .eh-bulk-actions .btn{border-radius:12px;border-color:#e5e7eb;background:#fff;color:#111827;font-weight:800;}

body.has-ello-shell .tab-content.margin-bottom{max-width:1180px;margin:0 auto 40px;}
body.has-ello-shell .eh-domain-header{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 0 22px;padding:26px;border:1px solid #edf0f5;border-radius:26px;background:#fff;box-shadow:0 18px 45px rgba(15,23,42,.06);}
body.has-ello-shell .eh-domain-header-main{display:flex;align-items:center;gap:18px;min-width:0;}
body.has-ello-shell .eh-domain-icon-big{width:64px;height:64px;border-radius:18px;background:#fdf2f8;color:#e91e63;display:flex;align-items:center;justify-content:center;flex:0 0 auto;}
body.has-ello-shell .eh-domain-icon-big svg{width:34px;height:34px;display:block;}
body.has-ello-shell .eh-domain-name{display:inline-flex;align-items:center;gap:8px;font-size:24px;font-weight:900;line-height:1.15;color:#111827!important;text-decoration:none!important;word-break:break-word;}
body.has-ello-shell .eh-domain-name:hover{color:#e91e63!important;}
body.has-ello-shell .eh-domain-header-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:8px;color:#6b7280;font-size:14px;}
body.has-ello-shell .eh-domain-pill{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:6px 12px;background:#ecfdf5;color:#059669;font-size:12px;font-weight:900;text-transform:uppercase;}
body.has-ello-shell .eh-pill-dot{width:7px;height:7px;border-radius:50%;background:currentColor;}
body.has-ello-shell .eh-domain-meta-item{display:inline-flex;align-items:center;gap:6px;}
body.has-ello-shell .eh-domain-meta-item svg{width:15px;height:15px;}
body.has-ello-shell .eh-domain-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#e91e63,#9333ea);color:#fff!important;text-decoration:none!important;border-radius:16px;padding:16px 22px;font-weight:900;box-shadow:0 16px 32px rgba(147,51,234,.22);white-space:nowrap;}
body.has-ello-shell .eh-domain-status-alert,body.has-ello-shell .eh-domain-unlock-alert{display:flex;align-items:flex-start;gap:16px;padding:20px 24px;margin:0 0 22px;border-radius:20px;background:#fff5f5;border:1px solid #ffd7d7;border-left:4px solid #ef4444;color:#991b1b;box-shadow:0 10px 26px rgba(239,68,68,.06);}
body.has-ello-shell .eh-domain-unlock-alert strong{display:block;font-size:17px;margin-bottom:4px;}
body.has-ello-shell .eh-domain-unlock-alert p{margin:0;color:#991b1b;}
body.has-ello-shell .eh-domain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 22px;}
body.has-ello-shell .eh-domain-card{display:flex!important;align-items:center!important;gap:16px!important;padding:22px!important;background:#fff!important;border:1px solid #edf0f5!important;border-radius:22px!important;box-shadow:0 16px 42px rgba(15,23,42,.055)!important;color:#111827!important;min-height:106px;}
body.has-ello-shell .eh-domain-card-wide{grid-column:1/-1;align-items:flex-start!important;}
body.has-ello-shell .eh-domain-card-icon,body.has-ello-shell .eh-domain-action-icon{width:52px;height:52px;border-radius:16px;background:#fdf2f8;color:#e91e63;display:flex;align-items:center;justify-content:center;flex:0 0 auto;font-weight:900;}
body.has-ello-shell .eh-domain-card-icon svg,body.has-ello-shell .eh-domain-action-icon svg{width:25px;height:25px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
body.has-ello-shell .eh-domain-card-content{min-width:0;}
body.has-ello-shell .eh-domain-card-label{display:block;margin-bottom:5px;color:#6b7280;font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;}
body.has-ello-shell .eh-domain-card-value{display:block;color:#111827;font-size:16px;font-weight:900;}
body.has-ello-shell .eh-domain-card-sub{display:block;color:#6b7280;font-size:13px;margin-top:3px;}
body.has-ello-shell .eh-ssl-details{display:flex;gap:18px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px dashed #e5e7eb;color:#6b7280;font-size:13px;}
body.has-ello-shell .eh-domain-actions-section{margin:26px 0 12px;}
body.has-ello-shell .eh-domain-section-title{margin:0 0 14px;color:#111827;font-size:18px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;}
body.has-ello-shell .eh-domain-actions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
body.has-ello-shell .eh-domain-action{display:flex!important;align-items:center!important;gap:14px!important;padding:18px!important;background:#fff!important;border:1px solid #edf0f5!important;border-radius:20px!important;box-shadow:0 12px 30px rgba(15,23,42,.045)!important;color:#111827!important;text-decoration:none!important;font-weight:900;}
body.has-ello-shell .eh-domain-action:hover{border-color:#ffc4da!important;color:#e91e63!important;}
body.has-ello-shell .eh-domain-action-primary{background:linear-gradient(135deg,#e91e63,#9333ea)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 16px 32px rgba(147,51,234,.22)!important;}
body.has-ello-shell .eh-domain-action-primary .eh-domain-action-icon{background:rgba(255,255,255,.18);color:#fff;}
body.has-ello-shell .eh-domain-module-output,body.has-ello-shell .eh-domain-hook-output{margin:22px 0;background:#fff;border:1px solid #edf0f5;border-radius:22px;padding:20px;box-shadow:0 12px 30px rgba(15,23,42,.04);}
body.has-ello-shell .eh-domain-module-output:empty,body.has-ello-shell .eh-domain-hook-output:empty{display:none;}
body.has-ello-shell .clientAreaSidebar .panel,body.has-ello-shell .sidebar .panel{border-radius:20px!important;overflow:hidden!important;border:1px solid #edf0f5!important;box-shadow:0 12px 30px rgba(15,23,42,.05)!important;}
body.has-ello-shell .clientAreaSidebar .panel-body i,body.has-ello-shell .sidebar .panel-body i,body.has-ello-shell .list-group-item i{color:#64748b!important;background:transparent!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:20px;}

@media(max-width:1100px){body.has-ello-shell .eh-list-grid,body.has-ello-shell .eh-domain-grid,body.has-ello-shell .eh-domain-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:768px){body.has-ello-shell .eh-services-header,body.has-ello-shell .eh-services-toolbar,body.has-ello-shell .eh-domain-header{flex-direction:column;align-items:stretch;padding:22px;border-radius:24px;}body.has-ello-shell .eh-services-title{font-size:32px;}body.has-ello-shell .eh-services-search{min-width:0;width:100%;}body.has-ello-shell .eh-list-grid,body.has-ello-shell .eh-domain-grid,body.has-ello-shell .eh-domain-actions-grid{grid-template-columns:1fr;}body.has-ello-shell .eh-domain-header-main{align-items:flex-start;}body.has-ello-shell .eh-domain-name{font-size:19px;}body.has-ello-shell .eh-domain-cta,body.has-ello-shell .eh-services-cta-btn{width:100%;}body.has-ello-shell .eh-domain-card{align-items:flex-start!important;}body.has-ello-shell .eh-ssl-details{display:grid;gap:8px;}}