/* =============================================
   MCAKEY — GLOBAL BASE STYLES
   ============================================= */
   
/* Critical Font Awesome icons — inlined to prevent flash on async CSS load
   fas fa-hands-helping and other above-fold FA icons */
.fa, .fas, .far, .fab, .fal {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}
.fas { font-family: 'Font Awesome 6 Free'; font-weight: 900; }
.far { font-family: 'Font Awesome 6 Free'; font-weight: 400; }
.fab { font-family: 'Font Awesome 6 Brands'; font-weight: 400; }

@font-face {
font-display:swap;
    font-family: 'Font Awesome 6 Brands';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-brands-400.woff2') format('woff2');
}

@font-face {
font-display:swap;
    font-family: 'xstore-icons-light';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/wp-content/themes/xstore/fonts/xstore-icons-light.woff2') format('woff2');
}

@font-face {
font-display:swap;
    font-family: 'Font Awesome 6 Free';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url('/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.woff2') format('woff2');
}

::selection {
  background: var(--e-global-color-secondary);
  color: var(--e-global-color-accent);
}

::-moz-selection {
  background: var(--e-global-color-secondary);
  color: var(--e-global-color-accent);
}

.quick-view-popup {
    border-radius: 16px !important;
}

.et-notify {
    border-radius: 12px !important;
}

/* ── GENERAL BUTTONS ── */
.btn, .button, form #qna-ask-input button, form button, input[type=button], input[type=submit] {
  border-radius: 10px !important;
  background-color: var(--e-global-color-primary) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

.btn:hover, .button:hover, form button:hover, input[type=button]:hover, input[type=submit]:hover {
  background-color: color-mix(in srgb, var(--e-global-color-primary) 80%, black) !important;
  color: #fff !important;
}

/* ── QUANTITY BUTTONS FIX ── */
.quantity .minus,
.quantity .plus {
  background-color: transparent !important;
  color: var(--e-global-color-text) !important;
  -webkit-text-fill-color: var(--e-global-color-text) !important;
}

.quantity .minus:hover,
.quantity .plus:hover {
  background-color: transparent !important;
}

.woocommerce-mini-cart-item.mini_cart_item {
  border-radius: 12px !important;
  overflow: hidden !important;
}

.cart-popup-footer{
    font-weight: 800;
}

/* ── MINI CART PRODUCT IMAGE ── */
.woocommerce-mini-cart-item .product-mini-image img {
  border-radius: 10px !important;
  /* client spec #8080801a = 10% opacity mid-grey */
  border: 0.1px solid rgba(128, 128, 128, 0.1) !important;
}

/* ── MINI CART TITLE ── */
.etheme-elementor-off-canvas_content-head-label {
  font-weight: 800 !important;
}

/* ── MINI CART BUTTONS ── */
.mini-cart-buttons .button {
  background-color: var(--e-global-color-primary) !important;
  color: #fff !important;
}

.mini-cart-buttons .button:hover {
  background-color: color-mix(in srgb, var(--e-global-color-primary) 80%, black) !important;
}

.mini-cart-buttons .btn-checkout {
  background-color: var(--e-global-color-secondary) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

.mini-cart-buttons .btn-checkout:hover {
  background-color: var(--e-global-color-accent) !important;
}


/* ── PAGE HERO ── */
.mca-page-hero{text-align:center;padding:60px 20px 48px}
.mca-page-hero h1{font-size:36px;font-weight:800;color:var(--e-global-color-secondary);margin-bottom:14px;line-height:1.2}
.mca-page-hero p{font-size:17px;color:rgba(26,26,26,0.65);max-width:640px;margin:0 auto;line-height:1.75}
 
/* ── PAGE SECTIONS ── */
.mca-page-section{max-width:1060px;margin:0 auto 56px;padding:0 20px}
.mca-page-section h2{font-size:24px;font-weight:800;color:var(--e-global-color-secondary);margin-bottom:16px}
.mca-page-section p{font-size:15px;color:rgba(26,26,26,0.7);line-height:1.85;margin-bottom:14px}
.mca-page-section a{color:var(--e-global-color-primary);text-decoration:none}
 
/* ── SHARED BUTTONS ── */
.mca-btn-lime{background:var(--e-global-color-accent);color:var(--e-global-color-secondary) !important;-webkit-text-fill-color:var(--e-global-color-secondary) !important;padding:13px 28px;border-radius:8px;font-weight:700;font-size:14px;text-decoration:none;display:inline-block;transition:background .2s ease}
.mca-btn-lime:hover{background:#6bc418;color:var(--e-global-color-secondary) !important;-webkit-text-fill-color:var(--e-global-color-secondary) !important}
.mca-btn-ghost{background:transparent;color:#fff !important;-webkit-text-fill-color:#fff !important;padding:13px 28px;border-radius:8px;font-weight:700;font-size:14px;text-decoration:none;display:inline-block;border:1.5px solid rgba(255,255,255,0.35);transition:all .2s ease}
.mca-btn-ghost:hover{background:rgba(255,255,255,0.1);color:#fff !important;-webkit-text-fill-color:#fff !important}
.mca-btn-dark{background:var(--e-global-color-secondary);color:#fff !important;-webkit-text-fill-color:#fff !important;padding:13px 28px;border-radius:8px;font-weight:700;font-size:14px;text-decoration:none;display:inline-block;transition:background .2s ease}
.mca-btn-dark:hover{background:var(--e-global-color-accent);color:#fff !important;-webkit-text-fill-color:#fff !important}
.mca-btn-outline{background:transparent;color:var(--e-global-color-secondary) !important;-webkit-text-fill-color:var(--e-global-color-secondary) !important;padding:13px 28px;border-radius:8px;font-weight:700;font-size:14px;text-decoration:none;display:inline-block;border:1.5px solid var(--e-global-color-secondary);transition:all .2s ease}
.mca-btn-outline:hover{background:var(--e-global-color-secondary);color:#fff !important;-webkit-text-fill-color:#fff !important}
 
/* ── PAGE CTA BLOCK ── */
.mca-page-cta{background:var(--e-global-color-secondary);border-radius:16px;padding:48px 40px;text-align:center;max-width:1060px;margin:0 auto 64px}
.mca-page-cta h2{color:#fff;font-size:26px;font-weight:800;margin:0 0 12px}
.mca-page-cta p{color:rgba(255,255,255,0.72);font-size:15px;margin:0 0 28px}
.mca-page-cta__btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
 
/* ── SERVICE / FEATURE CARDS ── */
.mca-card-grid{display:flex;flex-wrap:wrap;gap:20px}
.mca-service-card{background:#fff;border:1px solid #EEEEEE;border-radius:12px;padding:24px;flex:1;min-width:260px;transition:all .2s ease}
.mca-service-card:hover{border-color:var(--e-global-color-primary);box-shadow:0 8px 24px rgba(30,144,255,0.08);transform:translateY(-2px)}
.mca-service-icon{width:40px;height:40px;background:rgba(127,216,32,0.12);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.mca-service-icon svg{width:20px;height:20px;stroke:var(--e-global-color-accent);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mca-service-card h3{font-size:15px;font-weight:700;color:var(--e-global-color-secondary);margin-bottom:8px}
.mca-service-card p{font-size:13px;color:rgba(26,26,26,0.65);line-height:1.7;margin:0}
 
/* ── STEPS ── */
.mca-steps{display:flex;flex-wrap:wrap;gap:20px}
.mca-step{background:#F8F9FA;border-radius:12px;padding:28px;flex:1;min-width:220px;position:relative}
/* Was content:counter(steps) — each of the 4 steps is a separate,
   independently-rendered Elementor HTML widget (no shared .mca-steps
   ancestor exists in the DOM at all), and the counter wasn't sharing
   state across them the way page-order counters normally do — all 4
   rendered "1" instead of 1-2-3-4 (confirmed live via screenshot; ruled
   out CSS containment and a conflicting counter name as the cause).
   attr(data-step) sidesteps the whole question — each widget already has
   its own correct digit as literal text in .mca-step-number, now also
   set as a data-step attribute on the same element. */
.mca-step::before{content:attr(data-step);position:absolute;top:16px;right:20px;font-size:48px;font-weight:900;color:rgba(13,59,46,0.2);line-height:1}
.mca-step h3{font-size:16px;font-weight:800;color:var(--e-global-color-secondary);margin-bottom:10px}
.mca-step p{font-size:14px;color:rgba(26,26,26,0.68);line-height:1.75;margin:0}
 
/* ── STAT PILLS ── */
.mca-stat-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px}
.mca-stat-pill{background:rgba(127,216,32,0.08);border:1.5px solid var(--e-global-color-accent);border-radius:10px;padding:14px 20px;text-align:center;flex:1;min-width:120px}
.mca-stat-pill strong{display:block;font-size:22px;font-weight:800;color:var(--e-global-color-secondary)}
.mca-stat-pill span{font-size:12px;color:rgba(26,26,26,0.55);font-weight:600}
 
/* ── HIGHLIGHT / CALLOUT ── */
.mca-highlight{background:rgba(127,216,32,0.07);border-left:3px solid var(--e-global-color-accent);border-radius:0 8px 8px 0;padding:16px 20px;margin:20px 0}
.mca-highlight p{margin:0;font-size:14px;color:rgba(26,26,26,0.75);line-height:1.8}
 
/* ── LEGAL PAGE ── */
.mca-legal-page{max-width:780px;margin:0 auto;padding:48px 20px 80px}
.mca-legal-page h1{font-size:32px;font-weight:800;color:var(--e-global-color-secondary);margin-bottom:6px}
.mca-legal-meta{font-size:13px;color:rgba(26,26,26,0.4);margin-bottom:40px;display:block}
.mca-legal-page h2{font-size:18px;font-weight:800;color:var(--e-global-color-secondary);margin:36px 0 12px;padding-top:8px;border-top:1px solid #EEEEEE}
.mca-legal-page h3{font-size:15px;font-weight:700;color:var(--e-global-color-text);margin:20px 0 8px}
.mca-legal-page p{font-size:14px;color:rgba(26,26,26,0.72);line-height:1.9;margin-bottom:12px}
.mca-legal-page ul,.mca-legal-page ol{padding-left:22px;margin-bottom:14px}
.mca-legal-page li{font-size:14px;color:rgba(26,26,26,0.72);line-height:1.85;margin-bottom:4px}
.mca-legal-page a{color:var(--e-global-color-primary);text-decoration:none}

/* ── DEPARTMENTS MENU SIDEBAR ── */
/* Scoped to this one widget instance (.elementor-element-0a81739 is the
   Departments Menu widget's own Elementor wrapper class) so this never
   touches any other .nav-sublist-dropdown usage elsewhere on the site
   (e.g. the Blog mega menu). The theme's own CSS never sets a radius here
   at all — this was inheriting an Elementor kit default that rounded all
   four corners uniformly, which looked wrong sitting flush against the
   category list above/below it. Round only the free left corners (this
   panel's own outer edge); the right edge stays flat since that's the
   seam against the mega-menu content panel next to it. */
.elementor-element-0a81739 .nav-sublist-dropdown:not(.etheme-elementor-nav-menu--dropdown-mega){border-radius:16px 0 0 16px}

/* border-radius alone only shapes THIS box's own border/background — it
   doesn't clip children, and doesn't stop a CHILD's own opaque background
   from painting a square corner on top of it. This wrapper's rounding was
   being completely hidden by three separate opaque layers stacked inside
   it, each needing the same corner radius individually (confirmed live,
   one at a time, via a red-background swap test):
     1. the <ul>'s own white background (the actual visible "card" fill —
        the wrapper DIV above is otherwise just an invisible positioning
        box)
     2. .elementor-item's own active/hover/focus background
        (.elementor-item-active, .highlighted, :hover, :focus all paint an
        opaque bg via theme CSS)
     3. the theme's hover-indicator bar (.e--pointer-overline-left
        .elementor-item:before, full-height 2px, border-radius:0)
   overflow:hidden on the wrapper would clip all three in one shot, but
   that wrapper also contains the mega-menu CONTENT panel as a DOM
   descendant (position:absolute, deliberately rendered outside the
   sidebar's own narrow box) — clipping it hides that panel entirely
   (confirmed live: broke the whole flyout). So each layer gets its own
   matching radius instead, only on the first/last item where the curve
   actually is. */
.elementor-element-0a81739 .nav-sublist-dropdown:not(.etheme-elementor-nav-menu--dropdown-mega) > ul{border-top-left-radius:16px;border-bottom-left-radius:16px}
.elementor-element-0a81739 .nav-sublist-dropdown:not(.etheme-elementor-nav-menu--dropdown-mega) > ul > li:first-child .elementor-item{border-top-left-radius:16px}
.elementor-element-0a81739 .nav-sublist-dropdown:not(.etheme-elementor-nav-menu--dropdown-mega) > ul > li:last-child .elementor-item{border-bottom-left-radius:16px}

/* Layer 3 (the indicator bar) tried the same match-the-radius approach
   at first, but a matching radius on a box this thin (2px wide) doesn't
   nest reliably against the outer 16px curve at every zoom/DPI — it can
   still poke a sliver past the corner (caught live via screenshot).
   Inset the bar from the top/bottom instead so it's structurally
   impossible for it to ever reach the curved zone, on any item, radius-
   matching precision aside. !important is needed: this selector ties the
   theme's own unscoped rule on specificity (4 classes each), so without
   it whichever loads later in the cascade wins — confirmed live, "top"
   applied but "bottom"/"height" silently didn't. */
.elementor-element-0a81739 .nav-sublist-dropdown:not(.etheme-elementor-nav-menu--dropdown-mega) .elementor-item:before{top:6px !important;bottom:6px !important;height:auto !important}

/* The content panel that opens next to the sidebar above is a THEME-
   GENERATED wrapper div (.nav-sublist-dropdown.etheme-elementor-nav-menu--
   dropdown-mega) that sits OUTSIDE the Elementor container/widget this
   plugin's own HTML content renders inside — setting border_radius on that
   container's own Elementor settings never touched this outer div at all,
   confirmed live via getComputedStyle(). The uniform 16px it was showing
   instead leaks in from a DIFFERENT mega-menu post entirely (Blog Mega
   Menu, post 2630) — Elementor generates that post's own CSS using the
   generic selector `.item-design-mega-menu .nav-sublist-dropdown`, which
   isn't scoped to just that post and so matches this element too. Beat it
   here with a selector 3 classes deep (vs. their 2) scoped to just this
   widget instance: flat top-left/bottom-left (the seam against the
   sidebar), rounded only on the free right corners. */
.elementor-element-0a81739 .nav-sublist-dropdown.etheme-elementor-nav-menu--dropdown-mega{border-radius:0 16px 16px 0}

/* Category icons — the widget has no native per-item icon field, so
   department-icons.js injects these as inline SVG matched by each item's
   fixed repeater id. Muted by default (--e-global-color-text at reduced
   opacity, since there's no separate "muted" global color token), full
   primary on hover/active — matches the originally approved mockup. */
.elementor-element-0a81739 .nav-sublist-dropdown:not(.etheme-elementor-nav-menu--dropdown-mega) .mca-dept-ic{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-right:10px;color:var(--e-global-color-text);opacity:.45;flex:none}
.elementor-element-0a81739 .nav-sublist-dropdown:not(.etheme-elementor-nav-menu--dropdown-mega) .elementor-item:hover .mca-dept-ic,
.elementor-element-0a81739 .nav-sublist-dropdown:not(.etheme-elementor-nav-menu--dropdown-mega) li.active .mca-dept-ic{color:var(--e-global-color-primary);opacity:1}
.elementor-element-0a81739 .nav-sublist-dropdown:not(.etheme-elementor-nav-menu--dropdown-mega) .mca-dept-ic svg{display:block}

/* Header row next to Departments Menu: "Blog" and "All categories" bumped
   to match the weight of the Help Center/Consulting/FAQ links added
   alongside them (department-icons.js's html widget, weight 600) — was
   400, read visibly lighter than its new neighbors. */
.elementor-element-9c5490e .elementor-item,
.elementor-element-0a81739 .etheme-elementor-nav-menu-item-parent{font-weight:600}

/* Icon for Help Center/Consulting/FAQ (baked into their own html widget's
   markup) — same 14px size and muted color as "All categories"' native
   et-icon glyph. */
.mca-header-utility-links a svg{display:inline-flex;margin-right:6px;color:rgb(34,34,34);vertical-align:-2px;flex:none}

/* Blog icon — CSS ::before, not JS-injected (2026-09-09). Previously
   department-icons.js created a <span class="mca-header-ic"><svg>...</svg></span>
   and inserted it into the DOM on `window.load` — meaning the icon's own
   width/margin weren't reserved in the layout until the *entire* page
   (images included) finished loading, so it visibly popped in and shifted
   the "Blog" text sideways (a real, measurable CLS hit). Fixed by baking the
   identical icon (same paths, same 14px box) into CSS as a ::before
   pseudo-element instead — exactly how the theme's own "All categories" icon
   works (an <i> glyph rendered via ::before) — so the space is reserved from
   the very first paint, before any JS runs at all. A background-image data
   URI can't use `currentColor`, so each rule hardcodes the color that was
   already being rendered in that spot (verified via getComputedStyle, not
   guessed): #222222 for the header nav link (matched .mca-header-ic's old
   rgb(34,34,34)), #1A1A1A for the mobile "Blog" button (matches its own
   .elementor-button-text color — the --e-global-color-text token).
   **Correction, same day**: first attempt targeted `.elementor-item::before`
   directly and shipped looking right in a code review, but visually
   rendered nothing — the earlier "confirmed neither target already uses
   ::before" check only looked at `content`, not the full computed style.
   `.elementor-item` turned out to already have `::before`/`::after` both
   claimed by the theme's own hover-effect system (`opacity:0;
   position:absolute`, presumably fading in some indicator on hover) — my
   rule set `content`/`background` fine, but never touched `opacity`, so the
   theme's `opacity:0` kept it invisible in the default state regardless.
   This is exactly why "All categories" doesn't hit this: its icon lives on
   its own dedicated `<i class="et-icon et-dev-menu">`, not on the link
   itself, so it never fights the link's own pseudo-element. Fixed the same
   way: retargeted to the existing bare `<span class="">Blog</span>` that
   already wraps just the text (confirmed via live getComputedStyle this
   inner span's own ::before/::after are both untouched by any other rule —
   this time checking opacity/position/display, not just content). Selected
   structurally (`> span:first-child`) since that inner span has no class of
   its own to hook. The mobile button's target
   (`.elementor-button-text::before`) was separately confirmed clean on the
   first pass and needed no change.
   **Second correction, same day**: retargeting to the clean inner span
   still rendered nothing — `content` computed back to `none` despite the
   rule's selector provably matching (verified via plain `querySelector`).
   Tested with a temporary `!important` override appended live: it worked
   immediately, proving some other rule at equal-or-tied specificity (theme
   or Elementor core CSS, enqueued after this stylesheet) still wins via
   source order even against a fairly specific selector. Landed `!important`
   on the actual rule rather than chasing the exact competing selector —
   this codebase already does the same for other theme/Elementor overrides
   (see the accessibility contrast fixes elsewhere in this file).
   **Third correction, same day**: even `!important` alone didn't win —
   meaning the competing rule is *also* `!important`, and (per spec) among
   tied-importance rules the one with greater specificity wins outright,
   regardless of source order; a plain `!important` here was only tying,
   and whichever stylesheet happens to load later was winning that tie.
   Confirmed the fix with a live test first: doubling each class selector
   (`.elementor-element-9c5490e.elementor-element-9c5490e`,
   `.elementor-item.elementor-item` — valid CSS, doesn't change what it
   matches, just raises the specificity count) beat the competing rule even
   when deliberately inserted as the very first stylesheet in `<head>` (the
   worst possible position for winning on source order), proving it wins on
   specificity alone, not by getting lucky with load order. */
.elementor-element-9c5490e.elementor-element-9c5490e .elementor-item.elementor-item>span:first-child::before{content:""!important;display:inline-flex!important;width:14px!important;height:14px!important;margin-right:6px!important;vertical-align:-2px!important;flex:none!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='3' width='16' height='18' rx='1.5' fill='none' stroke='%23222222' stroke-width='1.6'/%3E%3Cpath d='M8 8h8M8 12h8M8 16h5' stroke='%23222222' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/contain!important}

/* Mobile "Blog" redirect button (client-added Elementor button widget,
   elementor-element-c2ce892, hidden on desktop) — same icon/technique as
   above, colored to match this button's own text instead of the header
   nav's color. */
.elementor-element-c2ce892 .elementor-button-text::before{content:"";display:inline-flex;width:14px;height:14px;margin-right:6px;vertical-align:-2px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='3' width='16' height='18' rx='1.5' fill='none' stroke='%231A1A1A' stroke-width='1.6'/%3E%3Cpath d='M8 8h8M8 12h8M8 16h5' stroke='%231A1A1A' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/contain}

/* Accessibility fixes (PSI color-contrast, 2026-09-07) — two theme/Elementor-
   core text colors, both narrow/scoped to their own component, neither
   touching any global brand color variable. Ratios verified with the real
   WCAG relative-luminance formula against a white background, not guessed:
   - Header search placeholder (XStore's own .etheme-search-placeholder*):
     #888888 measured 3.54:1 (needs 4.5:1) → #6E6E6E is 5.10:1.
   - Elementor Posts widget's post-date meta text: #ADADAD measured 2.24:1
     → #707070 is 4.95:1. */
.etheme-search-placeholder,
.etheme-search-placeholder-text{color:#6E6E6E!important}
.elementor-post-date{color:#707070!important}

/* ── RESPONSIVE ── */
@media(max-width:767px){
  .mca-page-hero h1{font-size:26px}
  .mca-page-hero p{font-size:15px}
  .mca-page-cta{padding:32px 20px}
  .mca-page-cta h2{font-size:20px}
  .mca-service-card{min-width:100%}
  .mca-step{min-width:100%}
  .mca-legal-page{padding:32px 16px 60px}
}
/* Footer social icons (WhatsApp/Facebook/Instagram/LinkedIn) — fixed 2026-09-11.
   These render via XStore's "xstore-icons" icon font (<i class="et-icon et-whatsapp">
   etc., inside the etheme-follow widget .elementor-element-09fb526). That font is
   loaded with font-display:swap, and its glyphs are private-use-area codepoints with
   no meaningful fallback glyph in any system font — during the swap period (which can
   be several seconds on a slow connection, or whenever Perfmatters/Seraphinite defers
   font loading) the <i> renders completely blank while the surrounding <a> link stays
   fully clickable. Confirmed live via computed style: font-size/color come from
   XStore's own icons_color (accent) / icons_color_hover (secondary) globals, computed
   as rgb(160,200,176) / secondary #0D3B2E — matched exactly below. Fixed by replacing
   just these 4 icons' font glyph with an inline SVG background image (self-contained in
   the CSS, no separate font-file request, no swap window) — same pattern already used
   for the header Blog nav icon fix. Scoped to this one widget instance
   (.elementor-element-09fb526) so no other .et-icon usage on the site is affected. */
.elementor-element-09fb526 .et-icon.et-whatsapp,
.elementor-element-09fb526 .et-icon.et-facebook,
.elementor-element-09fb526 .et-icon.et-instagram,
.elementor-element-09fb526 .et-icon.et-linkedin{font-size:0!important;color:transparent!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;width:35px!important;height:35px!important;display:inline-block!important}
.elementor-element-09fb526 .et-icon.et-whatsapp{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23A0C8B0' d='M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.39 1.26 4.83L2 22l5.36-1.36c1.38.75 2.96 1.18 4.68 1.18h.01c5.46 0 9.9-4.45 9.9-9.91C21.96 6.45 17.52 2 12.04 2zm5.71 14.02c-.24.68-1.19 1.24-1.94 1.4-.53.11-1.22.19-3.55-.76-2.98-1.23-4.9-4.24-5.05-4.44-.15-.2-1.21-1.61-1.21-3.07 0-1.46.76-2.17 1.03-2.47.27-.3.59-.37.79-.37.2 0 .4 0 .57.01.18.01.43-.07.67.51.25.6.85 2.07.92 2.22.07.15.12.33.02.53-.1.2-.15.33-.3.5-.15.18-.31.4-.45.54-.15.15-.3.31-.13.61.17.3.76 1.25 1.63 2.03 1.12 1 2.06 1.31 2.36 1.46.3.15.48.13.65-.08.18-.2.75-.87.95-1.17.2-.3.4-.25.67-.15.27.1 1.73.82 2.02.97.3.15.49.22.56.35.08.13.08.72-.16 1.4z'/></svg>")!important}
.elementor-element-09fb526 .follow-whatsapp:hover .et-icon.et-whatsapp{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%230D3B2E' d='M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.39 1.26 4.83L2 22l5.36-1.36c1.38.75 2.96 1.18 4.68 1.18h.01c5.46 0 9.9-4.45 9.9-9.91C21.96 6.45 17.52 2 12.04 2zm5.71 14.02c-.24.68-1.19 1.24-1.94 1.4-.53.11-1.22.19-3.55-.76-2.98-1.23-4.9-4.24-5.05-4.44-.15-.2-1.21-1.61-1.21-3.07 0-1.46.76-2.17 1.03-2.47.27-.3.59-.37.79-.37.2 0 .4 0 .57.01.18.01.43-.07.67.51.25.6.85 2.07.92 2.22.07.15.12.33.02.53-.1.2-.15.33-.3.5-.15.18-.31.4-.45.54-.15.15-.3.31-.13.61.17.3.76 1.25 1.63 2.03 1.12 1 2.06 1.31 2.36 1.46.3.15.48.13.65-.08.18-.2.75-.87.95-1.17.2-.3.4-.25.67-.15.27.1 1.73.82 2.02.97.3.15.49.22.56.35.08.13.08.72-.16 1.4z'/></svg>")!important}
.elementor-element-09fb526 .et-icon.et-facebook{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23A0C8B0' d='M13.5 9H15V6.5h-1.5C11.57 6.5 10 8.07 10 10v1.5H8V14h2v8h2.5v-8H15l.5-2.5H12.5V10c0-.55.45-1 1-1z'/></svg>")!important}
.elementor-element-09fb526 .follow-facebook:hover .et-icon.et-facebook{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%230D3B2E' d='M13.5 9H15V6.5h-1.5C11.57 6.5 10 8.07 10 10v1.5H8V14h2v8h2.5v-8H15l.5-2.5H12.5V10c0-.55.45-1 1-1z'/></svg>")!important}
.elementor-element-09fb526 .et-icon.et-instagram{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23A0C8B0' d='M12 2c2.71 0 3.05.01 4.12.06 1.06.05 1.79.22 2.43.47.66.26 1.21.6 1.76 1.15.55.55.9 1.1 1.15 1.76.25.64.42 1.37.47 2.43.05 1.07.06 1.41.06 4.12s-.01 3.05-.06 4.12c-.05 1.06-.22 1.79-.47 2.43a4.9 4.9 0 0 1-1.15 1.76 4.9 4.9 0 0 1-1.76 1.15c-.64.25-1.37.42-2.43.47-1.07.05-1.41.06-4.12.06s-3.05-.01-4.12-.06c-1.06-.05-1.79-.22-2.43-.47a4.9 4.9 0 0 1-1.76-1.15 4.9 4.9 0 0 1-1.15-1.76c-.25-.64-.42-1.37-.47-2.43C2.01 15.05 2 14.71 2 12s.01-3.05.06-4.12c.05-1.06.22-1.79.47-2.43.26-.66.6-1.21 1.15-1.76A4.9 4.9 0 0 1 5.44 2.53c.64-.25 1.37-.42 2.43-.47C8.95 2.01 9.29 2 12 2zm0 1.8c-2.67 0-2.99.01-4.04.06-.87.04-1.34.18-1.66.31-.42.16-.72.36-1.03.67-.31.31-.51.61-.67 1.03-.13.32-.27.79-.31 1.66C4.24 8.53 4.23 8.85 4.23 12s.01 3.47.06 4.52c.04.87.18 1.34.31 1.66.16.42.36.72.67 1.03.31.31.61.51 1.03.67.32.13.79.27 1.66.31 1.05.05 1.37.06 4.04.06s2.99-.01 4.04-.06c.87-.04 1.34-.18 1.66-.31.42-.16.72-.36 1.03-.67.31-.31.51-.61.67-1.03.13-.32.27-.79.31-1.66.05-1.05.06-1.37.06-4.52s-.01-3.47-.06-4.52c-.04-.87-.18-1.34-.31-1.66a2.6 2.6 0 0 0-.67-1.03 2.6 2.6 0 0 0-1.03-.67c-.32-.13-.79-.27-1.66-.31C14.99 3.81 14.67 3.8 12 3.8zm0 3.06a5.14 5.14 0 1 1 0 10.28 5.14 5.14 0 0 1 0-10.28zm0 1.8a3.34 3.34 0 1 0 0 6.68 3.34 3.34 0 0 0 0-6.68zm5.34-1.99a1.2 1.2 0 1 1-2.4 0 1.2 1.2 0 0 1 2.4 0z'/></svg>")!important}
.elementor-element-09fb526 .follow-instagram:hover .et-icon.et-instagram{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%230D3B2E' d='M12 2c2.71 0 3.05.01 4.12.06 1.06.05 1.79.22 2.43.47.66.26 1.21.6 1.76 1.15.55.55.9 1.1 1.15 1.76.25.64.42 1.37.47 2.43.05 1.07.06 1.41.06 4.12s-.01 3.05-.06 4.12c-.05 1.06-.22 1.79-.47 2.43a4.9 4.9 0 0 1-1.15 1.76 4.9 4.9 0 0 1-1.76 1.15c-.64.25-1.37.42-2.43.47-1.07.05-1.41.06-4.12.06s-3.05-.01-4.12-.06c-1.06-.05-1.79-.22-2.43-.47a4.9 4.9 0 0 1-1.76-1.15 4.9 4.9 0 0 1-1.15-1.76c-.25-.64-.42-1.37-.47-2.43C2.01 15.05 2 14.71 2 12s.01-3.05.06-4.12c.05-1.06.22-1.79.47-2.43.26-.66.6-1.21 1.15-1.76A4.9 4.9 0 0 1 5.44 2.53c.64-.25 1.37-.42 2.43-.47C8.95 2.01 9.29 2 12 2zm0 1.8c-2.67 0-2.99.01-4.04.06-.87.04-1.34.18-1.66.31-.42.16-.72.36-1.03.67-.31.31-.51.61-.67 1.03-.13.32-.27.79-.31 1.66C4.24 8.53 4.23 8.85 4.23 12s.01 3.47.06 4.52c.04.87.18 1.34.31 1.66.16.42.36.72.67 1.03.31.31.61.51 1.03.67.32.13.79.27 1.66.31 1.05.05 1.37.06 4.04.06s2.99-.01 4.04-.06c.87-.04 1.34-.18 1.66-.31.42-.16.72-.36 1.03-.67.31-.31.51-.61.67-1.03.13-.32.27-.79.31-1.66.05-1.05.06-1.37.06-4.52s-.01-3.47-.06-4.52c-.04-.87-.18-1.34-.31-1.66a2.6 2.6 0 0 0-.67-1.03 2.6 2.6 0 0 0-1.03-.67c-.32-.13-.79-.27-1.66-.31C14.99 3.81 14.67 3.8 12 3.8zm0 3.06a5.14 5.14 0 1 1 0 10.28 5.14 5.14 0 0 1 0-10.28zm0 1.8a3.34 3.34 0 1 0 0 6.68 3.34 3.34 0 0 0 0-6.68zm5.34-1.99a1.2 1.2 0 1 1-2.4 0 1.2 1.2 0 0 1 2.4 0z'/></svg>")!important}
.elementor-element-09fb526 .et-icon.et-linkedin{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23A0C8B0' d='M20.45 20.45h-3.56v-5.57c0-1.33-.02-3.04-1.85-3.04-1.85 0-2.14 1.45-2.14 2.94v5.67H9.34V9h3.41v1.56h.05c.48-.9 1.64-1.85 3.38-1.85 3.6 0 4.27 2.37 4.27 5.46v6.28zM5.34 7.43a2.07 2.07 0 1 1 0-4.13 2.07 2.07 0 0 1 0 4.13zM7.12 20.45H3.56V9h3.56v11.45z'/></svg>")!important}
.elementor-element-09fb526 .follow-linkedin:hover .et-icon.et-linkedin{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%230D3B2E' d='M20.45 20.45h-3.56v-5.57c0-1.33-.02-3.04-1.85-3.04-1.85 0-2.14 1.45-2.14 2.94v5.67H9.34V9h3.41v1.56h.05c.48-.9 1.64-1.85 3.38-1.85 3.6 0 4.27 2.37 4.27 5.46v6.28zM5.34 7.43a2.07 2.07 0 1 1 0-4.13 2.07 2.07 0 0 1 0 4.13zM7.12 20.45H3.56V9h3.56v11.45z'/></svg>")!important}