/* ===========================================================================
   accessibility.css  -  WebinarHagagEurope / webinar.webzsites.site
   Repairs the "One Click Accessibility" (Pojo) font resize on a layout that
   is built in vw units, and adds the contrast-mode fixes for this site.

   The plugin only adds a body class and emits:
       body…NN, p, li, label, input, select, textarea, legend, code, pre,
       dd, dt, span, blockquote          { font-size: NN%      !important }
       body…NN h1..h6, h1 span..h6 span  { font-size: NN*1.33% !important }

   Measured on this site before this file (plugin only):
     - hero heading 64.8px -> 36.0px at step 130 (a % never resolves against vw)
     - countdown digits 86.4px -> 27.0px at step 130
     - webinar date cards (span > span > span) 28px -> 2048px at step 200
     - form submit (<input type=submit> sized in vw) frozen / clipped,
       cookie buttons (font-size:inherit) frozen at 14px
     - #cc-banner-root lives OUTSIDE .elementor

   Content roots on the audited pages (/ = page 12, /footer/ = page 30):
     .elementor          - everything, incl. the CF7 .hg-form and the
                           privacy / accessibility / terms modal shortcodes
     #cc-banner-root /   - cookie banner + its settings modal (Section 4c)
     .cc-modal-wrap

   TWO INVARIANTS
     A. Every font / size rule is gated behind body[class*="pojo-a11y-resize-font-"]:
        with nothing selected, and after Reset, this file changes nothing.
        (Section 7 holds the site-wide toolbar / cookie-floater / contrast
        rules that were requested explicitly; they are ungated by request.)
     B. #pojo-a11y-toolbar is a SIBLING of .elementor and is never matched by
        a content-root rule. Only exception (requested): the toolbar item
        labels grow on a gentler, capped curve (Section 4g).

   NOTE: Section 4 mirrors the .hg-form values in assets/css/style.css and
   Section 5 mirrors Elementor's post-12.css / post-30.css. If either changes,
   update the matching block here.
   =========================================================================== */


/* ---------------------------------------------------------------------------
   SECTION 1 - STEP -> MULTIPLIERS
     --a11y-scale       text / headings / lists        +15% ... +60%
     --a11y-scale-form  inputs, submit, buttons, form messages
                        (start smallest, need a bigger first jump)
     --a11y-scale-cc    cookie banner + modal - a bit SMALLER than the text
     --a11y-scale-tb    accessibility toolbar items - gentle, and capped
   The toolbar only ever sets 130..200 (verified); 120 is a fallback.
   --------------------------------------------------------------------------- */
:root { --a11y-scale: 1; --a11y-scale-form: 1; --a11y-scale-cc: 1; --a11y-scale-tb: 1; }

body.pojo-a11y-resize-font-120 { --a11y-scale: 1.08; --a11y-scale-form: 1.15; --a11y-scale-cc: 1.04; --a11y-scale-tb: 1.03; }
body.pojo-a11y-resize-font-130 { --a11y-scale: 1.15; --a11y-scale-form: 1.30; --a11y-scale-cc: 1.08; --a11y-scale-tb: 1.05; }
body.pojo-a11y-resize-font-140 { --a11y-scale: 1.22; --a11y-scale-form: 1.40; --a11y-scale-cc: 1.13; --a11y-scale-tb: 1.09; }
body.pojo-a11y-resize-font-150 { --a11y-scale: 1.28; --a11y-scale-form: 1.48; --a11y-scale-cc: 1.18; --a11y-scale-tb: 1.12; }
body.pojo-a11y-resize-font-160 { --a11y-scale: 1.35; --a11y-scale-form: 1.55; --a11y-scale-cc: 1.22; --a11y-scale-tb: 1.16; }
body.pojo-a11y-resize-font-170 { --a11y-scale: 1.42; --a11y-scale-form: 1.62; --a11y-scale-cc: 1.26; --a11y-scale-tb: 1.19; }
body.pojo-a11y-resize-font-180 { --a11y-scale: 1.48; --a11y-scale-form: 1.68; --a11y-scale-cc: 1.30; --a11y-scale-tb: 1.22; }
body.pojo-a11y-resize-font-190 { --a11y-scale: 1.54; --a11y-scale-form: 1.72; --a11y-scale-cc: 1.33; --a11y-scale-tb: 1.26; }
body.pojo-a11y-resize-font-200 { --a11y-scale: 1.60; --a11y-scale-form: 1.75; --a11y-scale-cc: 1.36; --a11y-scale-tb: 1.30; }


/* ---------------------------------------------------------------------------
   SECTION 2 - BASE PIN (measured body baseline: 16px on every page)
   Unscoped on purpose; the toolbar carries its own 16px !important.
   --------------------------------------------------------------------------- */
html body[class*="pojo-a11y-resize-font-"] {
    font-size: calc(16px * var(--a11y-scale)) !important;
}


/* ---------------------------------------------------------------------------
   SECTION 3 - KILL THE COMPOUNDING PERCENTAGES inside the content root.
   input / select / textarea are pinned in Section 4.
   --------------------------------------------------------------------------- */
html body[class*="pojo-a11y-resize-font-"] .elementor p,
html body[class*="pojo-a11y-resize-font-"] .elementor li,
html body[class*="pojo-a11y-resize-font-"] .elementor span,
html body[class*="pojo-a11y-resize-font-"] .elementor label,
html body[class*="pojo-a11y-resize-font-"] .elementor blockquote,
html body[class*="pojo-a11y-resize-font-"] .elementor legend,
html body[class*="pojo-a11y-resize-font-"] .elementor code,
html body[class*="pojo-a11y-resize-font-"] .elementor pre,
html body[class*="pojo-a11y-resize-font-"] .elementor dd,
html body[class*="pojo-a11y-resize-font-"] .elementor dt {
    font-size: inherit !important;
}


/* ---------------------------------------------------------------------------
   SECTION 4 - WEBINAR FORM (.hg-form, CF7) on --a11y-scale-form
   Mirrors style.css 1:1: base (u = 100vw/1440), tablet 768-1024
   (u = 100vw/1024 - only --hg-u changes there), mobile <=767 (u = 100vw/390).
   Readability floor max(14px, value) so a vw size never collapses at ~1000px.
   --------------------------------------------------------------------------- */

/* labels (<label> and the <span> label of the date group) */
html body[class*="pojo-a11y-resize-font-"] .hg-form .hg-label {
    font-size: calc(max(14px, 15 * var(--hg-u)) * var(--a11y-scale-form)) !important;
    line-height: 1.5 !important;
    height: auto !important;
}

/* text inputs + submit: ONE shared height so they stay equal at every step,
   on every device. No vertical padding, so the text can never be clipped. */
html body[class*="pojo-a11y-resize-font-"] .hg-form {
    --a11y-hg-ctl-h: calc(max(60 * var(--hg-u), 46px) * var(--a11y-scale-form));
}
/* each field is a block-level div, so an inline-size container changes
   nothing about its layout - it only lets the tip below measure it (cqi). */
html body[class*="pojo-a11y-resize-font-"] .hg-form .hg-field {
    container-type: inline-size;
}
html body[class*="pojo-a11y-resize-font-"] .wpcf7 .hg-form .hg-field input.hg-input {
    font-size: calc(max(14px, 17 * var(--hg-u)) * var(--a11y-scale-form)) !important;
    height: var(--a11y-hg-ctl-h) !important;
    min-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: normal !important;
}
html body[class*="pojo-a11y-resize-font-"] .wpcf7 .hg-form .hg-submit input.wpcf7-submit.hg-btn {
    font-size: calc(max(14px, 19 * var(--hg-u)) * var(--a11y-scale-form)) !important;
    height: var(--a11y-hg-ctl-h) !important;
    min-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1.2 !important;
    white-space: normal !important;
}
/* spinner stays centred on the (taller) button */
html body[class*="pojo-a11y-resize-font-"] .hg-form .hg-submit .wpcf7-spinner {
    top: calc(12 * var(--hg-u) + var(--a11y-hg-ctl-h) / 2) !important;
}

/* phone hint + consent note */
html body[class*="pojo-a11y-resize-font-"] .hg-form .hg-hint,
html body[class*="pojo-a11y-resize-font-"] .hg-form .hg-note {
    font-size: calc(max(14px, 14 * var(--hg-u)) * var(--a11y-scale-form)) !important;
    line-height: 1.5 !important;
}

/* validation tip: always ONE line. In flow (display:block, position static in
   the theme), so nothing to re-anchor. The longest message (phone:
   "אנא הזן מספר טלפון נייד ישראלי תקף") measures 14.52 x font-size, so the
   font is capped at field width / 15.4 = 6.5cqi. The forms on / and /footer/
   have different field widths (40vw vs 35vw) - cqi covers both. */
html body[class*="pojo-a11y-resize-font-"] .hg-form .wpcf7-not-valid-tip {
    font-size: min(calc(max(14px, 13 * var(--hg-u)) * var(--a11y-scale-form)), 6.5cqi) !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
    overflow: visible !important;
}

/* response output (base inherits 16px; theme sets 3.5vw at <=768) */
html body[class*="pojo-a11y-resize-font-"] .wpcf7 form .wpcf7-response-output {
    font-size: calc(16px * var(--a11y-scale-form)) !important;
    line-height: 1.5 !important;
}

/* broadcast date cards: text on the text curve, card grows with it */
html body[class*="pojo-a11y-resize-font-"] .hg-form .hg-card,
html body.pojo-a11y-readable-font .hg-form .hg-card {
    height: auto !important;
    min-height: calc(147.875 * var(--hg-u)) !important;
    padding: calc(20 * var(--hg-u)) calc(30 * var(--hg-u)) calc(18 * var(--hg-u)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .hg-form .hg-card > span,
html body.pojo-a11y-readable-font .hg-form .hg-card > span {
    white-space: normal !important;
    overflow-wrap: anywhere;
}
html body[class*="pojo-a11y-resize-font-"] .hg-form .hg-card__tag,
html body[class*="pojo-a11y-resize-font-"] .hg-form .hg-card__seats {
    font-size: calc(max(12px, 12 * var(--hg-u)) * var(--a11y-scale)) !important;
    line-height: 1.5 !important;
}
html body[class*="pojo-a11y-resize-font-"] .hg-form .hg-card__date {
    font-size: calc(28 * var(--hg-u) * var(--a11y-scale)) !important;
    line-height: 1.1 !important;
}
html body[class*="pojo-a11y-resize-font-"] .hg-form .hg-card__time {
    font-size: calc(max(12px, 13 * var(--hg-u)) * var(--a11y-scale)) !important;
    line-height: 1.5 !important;
}

/* success message injected by custom.js */
html body[class*="pojo-a11y-resize-font-"] .success-title {
    font-size: calc(1.5vw * var(--a11y-scale)) !important;
}

@media (max-width: 768px) {
    html body[class*="pojo-a11y-resize-font-"] .wpcf7 form .wpcf7-response-output {
        font-size: calc(max(14px, 3.5vw) * var(--a11y-scale-form)) !important;
    }
}

@media (max-width: 767px) {
    html body[class*="pojo-a11y-resize-font-"] .hg-form .hg-label,
    html body[class*="pojo-a11y-resize-font-"] .hg-form .hg-hint,
    html body[class*="pojo-a11y-resize-font-"] .hg-form .hg-note {
        font-size: calc(max(14px, 15.6 * var(--hg-u)) * var(--a11y-scale-form)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .wpcf7 .hg-form .hg-field input.hg-input {
        font-size: calc(max(16px, 17.55 * var(--hg-u)) * var(--a11y-scale-form)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .wpcf7 .hg-form .hg-submit input.wpcf7-submit.hg-btn {
        font-size: calc(max(14px, 15.6 * var(--hg-u)) * var(--a11y-scale-form)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .hg-form .wpcf7-not-valid-tip {
        font-size: min(calc(max(14px, 15.6 * var(--hg-u)) * var(--a11y-scale-form)), 6.5cqi) !important;
    }

    /* mobile cards: the theme pins every line with position:absolute at
       fixed offsets - that cannot survive bigger text. Re-flow them into a
       grid with the same arrangement (tag / time / seats on the right,
       date on the left) that grows with the font. */
    html body[class*="pojo-a11y-resize-font-"] .hg-form .hg-card,
    html body.pojo-a11y-readable-font .hg-form .hg-card {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas: "tag date" "time date" "seats date";
        align-items: center;
        column-gap: calc(12 * var(--hg-u));
        row-gap: calc(2 * var(--hg-u));
        min-height: calc(94.391 * var(--hg-u)) !important;
        padding: calc(14 * var(--hg-u)) calc(18 * var(--hg-u)) calc(14 * var(--hg-u)) calc(40 * var(--hg-u)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .hg-form .hg-card > span,
    html body.pojo-a11y-readable-font .hg-form .hg-card > span {
        position: static !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .hg-form .hg-card__tag,
    html body.pojo-a11y-readable-font .hg-form .hg-card__tag { grid-area: tag; }
    html body[class*="pojo-a11y-resize-font-"] .hg-form .hg-card__time,
    html body.pojo-a11y-readable-font .hg-form .hg-card__time { grid-area: time; }
    html body[class*="pojo-a11y-resize-font-"] .hg-form .hg-card__seats,
    html body.pojo-a11y-readable-font .hg-form .hg-card__seats { grid-area: seats; }
    html body[class*="pojo-a11y-resize-font-"] .hg-form .hg-card__date,
    html body.pojo-a11y-readable-font .hg-form .hg-card__date { grid-area: date; }
    html body[class*="pojo-a11y-resize-font-"] .hg-form .hg-card::before,
    html body.pojo-a11y-readable-font .hg-form .hg-card::before {
        top: calc(9 * var(--hg-u)) !important;
        left: calc(9 * var(--hg-u)) !important;
        right: auto !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .hg-form .hg-card__tag,
    html body[class*="pojo-a11y-resize-font-"] .hg-form .hg-card__time,
    html body[class*="pojo-a11y-resize-font-"] .hg-form .hg-card__seats {
        font-size: calc(15.6 * var(--hg-u) * var(--a11y-scale)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .hg-form .hg-card__date {
        font-size: calc(27.3 * var(--hg-u) * var(--a11y-scale)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .success-title {
        font-size: calc(20px * var(--a11y-scale)) !important;
    }
}


/* ---------------------------------------------------------------------------
   SECTION 4b - ELEMENTS WITH AN INTENTIONAL SIZE OF THEIR OWN
   Privacy / accessibility / terms modals. The theme sizes their text with
   :where(p, li, a, div) - zero specificity, so it is restated explicitly -
   and uses vh line-heights, which do not grow: forced unitless here.
   --------------------------------------------------------------------------- */
html body[class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content h2 {
    font-size: calc(1.4vw * var(--a11y-scale)) !important;
    line-height: 1.3 !important;
}
html body[class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content h3 {
    font-size: calc(1.1vw * var(--a11y-scale)) !important;
    line-height: 1.3 !important;
}
html body[class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content p,
html body[class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content li,
html body[class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content a,
html body[class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content div {
    font-size: calc(max(14px, 0.8vw) * var(--a11y-scale)) !important;
    line-height: 1.6 !important;
}
html body[class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content :is(p, li, div) span,
html body[class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content :is(p, li, div, h2, h3) :is(a, strong, b, em) {
    font-size: inherit !important;
}
@media (max-width: 768px) {
    html body[class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content h2 {
        font-size: calc(18px * var(--a11y-scale)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content h3 {
        font-size: calc(16px * var(--a11y-scale)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content p,
    html body[class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content li,
    html body[class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content a,
    html body[class*="pojo-a11y-resize-font-"] .privacy-wrapper .privacy-content div {
        font-size: calc(14px * var(--a11y-scale)) !important;
    }
}


/* Site-wide inline <style> in <head> (custom code): the big numbers in the
   form header list, e.g. <span class="large">19.10</span> on /footer/. */
/* The numbers sit in three equal columns (--width:33.33%) and must never
   outgrow them: each column becomes an inline-size container (safe - its
   width is explicit) and the number is capped at 37% of it ("20:00" is
   2.56 x font wide). */
html body[class*="pojo-a11y-resize-font-"] .elementor .e-con:has(> .form-top-list) {
    container-type: inline-size;
}
html body[class*="pojo-a11y-resize-font-"] .form-top-list .large {
    font-size: min(calc(3vw * var(--a11y-scale)), 37cqi) !important;
}
@media (max-width: 600px) {
    html body[class*="pojo-a11y-resize-font-"] .form-top-list .large {
        font-size: min(calc(8vw * var(--a11y-scale)), 37cqi) !important;
    }
}


/* ---------------------------------------------------------------------------
   SECTION 4c - COOKIE BANNER + SETTINGS MODAL (outside .elementor)
   Generic inherit first, then explicit pins, each bare AND .cc-root scoped.
   All pins are calc(px * var(--a11y-scale-cc)) - a slightly smaller curve
   than the page text, as requested.
   --------------------------------------------------------------------------- */
html body[class*="pojo-a11y-resize-font-"] .cc-root :is(p, li, span, label, a, summary),
html body[class*="pojo-a11y-resize-font-"] .cc-modal-wrap :is(p, li, span, label, a, summary) {
    font-size: inherit !important;
}
html body[class*="pojo-a11y-resize-font-"] .cc-root,
html body[class*="pojo-a11y-resize-font-"] .cc-modal-wrap {
    font-size: calc(14px * var(--a11y-scale-cc)) !important;
    line-height: 1.5 !important;
}
html body[class*="pojo-a11y-resize-font-"] .cc-title,
html body[class*="pojo-a11y-resize-font-"] .cc-root .cc-title {
    font-size: calc(16px * var(--a11y-scale-cc)) !important;
    line-height: 1.3 !important;
}
html body[class*="pojo-a11y-resize-font-"] .cc-body,
html body[class*="pojo-a11y-resize-font-"] .cc-root .cc-body {
    font-size: calc(14px * var(--a11y-scale-cc)) !important;
    line-height: 1.5 !important;
}
html body[class*="pojo-a11y-resize-font-"] .cc-btn,
html body[class*="pojo-a11y-resize-font-"] .cc-root .cc-btn {
    font-size: calc(14px * var(--a11y-scale-cc)) !important;
    line-height: 1.3 !important;
}
html body[class*="pojo-a11y-resize-font-"] .cc-lang-toggle,
html body[class*="pojo-a11y-resize-font-"] .cc-root .cc-lang-toggle {
    font-size: calc(12px * var(--a11y-scale-cc)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .cc-modal-head h2,
html body[class*="pojo-a11y-resize-font-"] .cc-root .cc-modal-head h2 {
    font-size: calc(18px * var(--a11y-scale-cc)) !important;
    line-height: 1.3 !important;
}
html body[class*="pojo-a11y-resize-font-"] .cc-modal-close,
html body[class*="pojo-a11y-resize-font-"] .cc-root .cc-modal-close {
    font-size: calc(24px * var(--a11y-scale-cc)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .cc-cat-desc,
html body[class*="pojo-a11y-resize-font-"] .cc-root .cc-cat-desc {
    font-size: calc(13px * var(--a11y-scale-cc)) !important;
    line-height: 1.5 !important;
}
html body[class*="pojo-a11y-resize-font-"] .cc-required-badge,
html body[class*="pojo-a11y-resize-font-"] .cc-root .cc-required-badge {
    font-size: calc(11px * var(--a11y-scale-cc)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .cc-cookies-list,
html body[class*="pojo-a11y-resize-font-"] .cc-root .cc-cookies-list,
html body[class*="pojo-a11y-resize-font-"] .cc-cookies-list th,
html body[class*="pojo-a11y-resize-font-"] .cc-cookies-list td,
html body[class*="pojo-a11y-resize-font-"] .cc-root .cc-cookies-list th,
html body[class*="pojo-a11y-resize-font-"] .cc-root .cc-cookies-list td {
    font-size: calc(12px * var(--a11y-scale-cc)) !important;
}
/* a taller banner must never run off a short phone screen */
html body[class*="pojo-a11y-resize-font-"] .cc-root .cc-banner {
    max-height: calc(100vh - 30px);
    overflow-y: auto;
}


/* ---------------------------------------------------------------------------
   SECTION 4g - ACCESSIBILITY TOOLBAR ITEMS (requested exception to rule B)
   Every item stays on ONE line inside the fixed 180px panel at every step and
   in every mode. Longest label, measured bold: "Negative Contrast" =
   7.82 x font; icon = 1.5em + 6px. Room = 180 - 2 border - 2 x 12 padding
   = 154px  ->  font <= (154 - 6) / 9.32 = 15.9px  ->  capped at 15.5px.
   Readable Font switches the items to Verdana (10.13 x font): padding 8px,
   room 162px -> font <= 13.2px -> capped at 13px.
   --------------------------------------------------------------------------- */
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a {
    white-space: nowrap;
}
html body[class*="pojo-a11y-resize-font-"] #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a {
    font-size: min(calc(12.8px * var(--a11y-scale-tb)), 15.5px) !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
}
html body[class*="pojo-a11y-resize-font-"] #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a span {
    font-size: inherit !important;
}
body.pojo-a11y-readable-font #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a {
    padding-left: 8px !important;
    padding-right: 8px !important;
}
html body.pojo-a11y-readable-font[class*="pojo-a11y-resize-font-"] #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a {
    font-size: min(calc(12.8px * var(--a11y-scale-tb)), 13px) !important;
}


/* ---------------------------------------------------------------------------
   SECTION 4h - ELEMENTOR DEFAULTS (custom-frontend.min.css)
   Buttons without a per-widget size use Elementor's fixed px defaults, which
   nothing else scales. Lower specificity than Section 5, so any per-widget
   size below still wins.
   --------------------------------------------------------------------------- */
html body[class*="pojo-a11y-resize-font-"] .elementor .elementor-button {
    font-size: calc(15px * var(--a11y-scale-form)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor .elementor-button.elementor-size-xs {
    font-size: calc(13px * var(--a11y-scale-form)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor .elementor-button.elementor-size-md {
    font-size: calc(16px * var(--a11y-scale-form)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor .elementor-button.elementor-size-lg {
    font-size: calc(18px * var(--a11y-scale-form)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor .elementor-button.elementor-size-xl {
    font-size: calc(20px * var(--a11y-scale-form)) !important;
}


/* ---------------------------------------------------------------------------
   SECTION 5 - EVERY ELEMENTOR FONT-SIZE RULE, gated and x var(--a11y-scale)
   Generated from post-12.css (/) and post-30.css (/footer/): base block, then
   the (max-width:767px) block, in source order; vw on desktop and vw/px on
   mobile are both emitted. Elementor buttons use --a11y-scale-form.
   (No font-size rules exist in the 1024 breakpoint.)
   --------------------------------------------------------------------------- */
/* ---- post-12.css ---- */
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-ddff35d .elementor-button,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-b1c379d .elementor-button,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-2550ee3 .elementor-button {
    font-size: calc(1.2vw * var(--a11y-scale-form)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-a7ed710 .elementor-icon-list-item > .elementor-icon-list-text,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-a7ed710 .elementor-icon-list-item > a,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-e59bb91 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-7ad8328 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-41d781a .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-340af56 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-bb24071 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-f3a01ef .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-45faf62 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-d5bf119 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-6e9d724 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-d39479d .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-927d346 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-36312e3 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-f34af4e .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-2d0764e .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-19a8145 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-89bb88d .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-be5391d .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-0f2697b .elementor-icon-list-item > .elementor-icon-list-text,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-0f2697b .elementor-icon-list-item > a,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-5556e16 .elementor-icon-list-item > .elementor-icon-list-text,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-5556e16 .elementor-icon-list-item > a,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-3247186 .elementor-icon-list-item > .elementor-icon-list-text,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-3247186 .elementor-icon-list-item > a,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-b6b8bf0 .elementor-icon-list-item > .elementor-icon-list-text,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-b6b8bf0 .elementor-icon-list-item > a,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-68f0f73 .elementor-icon-list-item > .elementor-icon-list-text,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-68f0f73 .elementor-icon-list-item > a {
    font-size: calc(1.3vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-47ab2fd .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-08623f7 .elementor-heading-title {
    font-size: calc(4.5vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-a7f0571 .elementor-heading-title {
    font-size: calc(2.25vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-9d1255f .elementor-countdown-digits {
    font-size: calc(6vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-9d1255f .elementor-countdown-label,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-44cd96d .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-5f420ec .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-8e60bbe .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-5166e0e .elementor-heading-title {
    font-size: calc(1vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-e1780cf .elementor-button,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-3dc5d64 .elementor-button,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-73b0c0b .elementor-button,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-457c221 .elementor-button,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-f5044ae .elementor-button,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-b87fd56 .elementor-button {
    font-size: calc(1.5vw * var(--a11y-scale-form)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-52142c8 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-f323f49 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-b3fc92f .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-aac9fbc .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-94fc47b .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-7be7ff1 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-84eb36c .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-d801e04 .elementor-heading-title {
    font-size: calc(3.5vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-b982f2a .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-2037f44 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-f16d771 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-bc0c2dd .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-67ea06a .elementor-heading-title {
    font-size: calc(1.4vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-b85ffd6 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-eec7478 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-d1d242e .elementor-heading-title {
    font-size: calc(1.5vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-a0a7958 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-bf25277 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-0a43c6a .elementor-heading-title {
    font-size: calc(1.24vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-a5a8a11 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-358db1b .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-1d8b032 .elementor-heading-title {
    font-size: calc(2.3vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-27e2dcb .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-4bb5059 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-c5990b5 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-02a9138 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-e62a113 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-f7a6d90 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-7f888f2 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-bcd944d .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-d5d09fe .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-34dfafe .elementor-heading-title {
    font-size: calc(1.2vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-c5c6999 .elementor-icon-list-item > .elementor-icon-list-text,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-c5c6999 .elementor-icon-list-item > a,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-87c5bfb .elementor-icon-list-item > .elementor-icon-list-text,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-87c5bfb .elementor-icon-list-item > a,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-007fd40 .elementor-icon-list-item > .elementor-icon-list-text,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-007fd40 .elementor-icon-list-item > a,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-5e14200 .elementor-icon-list-item > .elementor-icon-list-text,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-5e14200 .elementor-icon-list-item > a {
    font-size: calc(1.1vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-5c5c768 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-0dddec8 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-d6a5ee6 .elementor-heading-title {
    font-size: calc(3.8vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-6addfd9 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-d5f3c4c .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-8d92cc6 .elementor-heading-title {
    font-size: calc(1.8vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-cb71a1d .elementor-heading-title {
    font-size: calc(3vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-a503b1f .elementor-button,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-ae74a0a .elementor-button,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-44de476 .elementor-button,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-05e12ee .elementor-button,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-3d0c83b .elementor-button {
    font-size: calc(1vw * var(--a11y-scale-form)) !important;
}
@media(max-width:767px) {
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-ddff35d .elementor-button {
        font-size: calc(3vw * var(--a11y-scale-form)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-a7ed710 .elementor-icon-list-item > .elementor-icon-list-text,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-a7ed710 .elementor-icon-list-item > a,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-e59bb91 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-7ad8328 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-41d781a .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-340af56 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-bb24071 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-f3a01ef .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-45faf62 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-b982f2a .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-2037f44 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-f16d771 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-bc0c2dd .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-67ea06a .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-6e9d724 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-a0a7958 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-bf25277 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-0a43c6a .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-927d346 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-4bb5059 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-c5c6999 .elementor-icon-list-item > .elementor-icon-list-text,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-c5c6999 .elementor-icon-list-item > a,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-02a9138 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-87c5bfb .elementor-icon-list-item > .elementor-icon-list-text,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-87c5bfb .elementor-icon-list-item > a,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-f7a6d90 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-007fd40 .elementor-icon-list-item > .elementor-icon-list-text,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-007fd40 .elementor-icon-list-item > a,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-34dfafe .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-f34af4e .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-19a8145 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-5f420ec .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-be5391d .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-8e60bbe .elementor-heading-title {
        font-size: calc(4.5vw * var(--a11y-scale)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-47ab2fd .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-08623f7 .elementor-heading-title {
        font-size: calc(9vw * var(--a11y-scale)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-a7f0571 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-b85ffd6 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-eec7478 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-d1d242e .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-1d8b032 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-6addfd9 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-d5f3c4c .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-8d92cc6 .elementor-heading-title {
        font-size: calc(5vw * var(--a11y-scale)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-9d1255f .elementor-countdown-digits {
        font-size: calc(12vw * var(--a11y-scale)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-9d1255f .elementor-countdown-label,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-d5bf119 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-d39479d .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-27e2dcb .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-c5990b5 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-e62a113 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-7f888f2 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-bcd944d .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-d5d09fe .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-36312e3 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-44cd96d .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-2d0764e .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-89bb88d .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-0f2697b .elementor-icon-list-item > .elementor-icon-list-text,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-0f2697b .elementor-icon-list-item > a,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-5556e16 .elementor-icon-list-item > .elementor-icon-list-text,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-5556e16 .elementor-icon-list-item > a,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-3247186 .elementor-icon-list-item > .elementor-icon-list-text,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-3247186 .elementor-icon-list-item > a,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-b6b8bf0 .elementor-icon-list-item > .elementor-icon-list-text,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-b6b8bf0 .elementor-icon-list-item > a,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-68f0f73 .elementor-icon-list-item > .elementor-icon-list-text,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-68f0f73 .elementor-icon-list-item > a,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-5e14200 .elementor-icon-list-item > .elementor-icon-list-text,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-5e14200 .elementor-icon-list-item > a,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-5166e0e .elementor-heading-title {
        font-size: calc(4vw * var(--a11y-scale)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-e1780cf .elementor-button,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-3dc5d64 .elementor-button,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-73b0c0b .elementor-button,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-457c221 .elementor-button,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-f5044ae .elementor-button,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-a503b1f .elementor-button,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-ae74a0a .elementor-button,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-44de476 .elementor-button,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-05e12ee .elementor-button,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-3d0c83b .elementor-button,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-b87fd56 .elementor-button {
        font-size: calc(4vw * var(--a11y-scale-form)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-52142c8 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-f323f49 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-a5a8a11 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-358db1b .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-b3fc92f .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-aac9fbc .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-94fc47b .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-7be7ff1 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-84eb36c .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-d801e04 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-cb71a1d .elementor-heading-title {
        font-size: calc(7vw * var(--a11y-scale)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-5c5c768 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-0dddec8 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-d6a5ee6 .elementor-heading-title {
        font-size: calc(10vw * var(--a11y-scale)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-b1c379d .elementor-button,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-2550ee3 .elementor-button {
        font-size: calc(5vw * var(--a11y-scale-form)) !important;
    }
}
/* ---- post-30.css ---- */
html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-901cc98 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-0755412 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-c7cf6df .elementor-heading-title {
    font-size: calc(3.8vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-a8ea581 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-63028f7 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-94e3ccf .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-28395e8 .elementor-heading-title {
    font-size: calc(1.2vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-c1d7f59 .elementor-heading-title {
    font-size: calc(2.1vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-88e44ab .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-320d404 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-34624ea .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-3653fc8 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-d288ecf .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-9cb7c63 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-541e7af .elementor-icon-list-item > .elementor-icon-list-text,
html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-541e7af .elementor-icon-list-item > a,
html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-974e018 .elementor-icon-list-item > .elementor-icon-list-text,
html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-974e018 .elementor-icon-list-item > a,
html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-6d1aaac .elementor-icon-list-item > .elementor-icon-list-text,
html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-6d1aaac .elementor-icon-list-item > a,
html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-e64a2c5 .elementor-icon-list-item > .elementor-icon-list-text,
html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-e64a2c5 .elementor-icon-list-item > a,
html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-44499a7 .elementor-icon-list-item > .elementor-icon-list-text,
html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-44499a7 .elementor-icon-list-item > a {
    font-size: calc(1.3vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-9def166 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-81a138f .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-f8f82fa .elementor-heading-title {
    font-size: calc(3vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-4bd8dc5 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-9d1cfcf .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-070aa23 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-dd21f17 .elementor-heading-title {
    font-size: calc(1vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-2bd0fd7 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-f3baaa1 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-f20fe36 .elementor-heading-title {
    font-size: calc(1.8vw * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-122d373 .elementor-button,
html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-8f3c655 .elementor-button,
html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-5c4ef78 .elementor-button,
html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-f6c2cde .elementor-button,
html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-9b2f581 .elementor-button {
    font-size: calc(1vw * var(--a11y-scale-form)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-5d1fdee .elementor-button {
    font-size: calc(1.5vw * var(--a11y-scale-form)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-c71b60a .elementor-icon-list-item > .elementor-icon-list-text,
html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-c71b60a .elementor-icon-list-item > a {
    font-size: calc(1.1vw * var(--a11y-scale)) !important;
}
@media(max-width:767px) {
    html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-901cc98 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-0755412 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-c7cf6df .elementor-heading-title {
        font-size: calc(10vw * var(--a11y-scale)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-a8ea581 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-63028f7 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-94e3ccf .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-28395e8 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-88e44ab .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-320d404 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-34624ea .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-4bd8dc5 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-3653fc8 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-9d1cfcf .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-d288ecf .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-9cb7c63 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-541e7af .elementor-icon-list-item > .elementor-icon-list-text,
    html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-541e7af .elementor-icon-list-item > a,
    html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-974e018 .elementor-icon-list-item > .elementor-icon-list-text,
    html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-974e018 .elementor-icon-list-item > a,
    html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-6d1aaac .elementor-icon-list-item > .elementor-icon-list-text,
    html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-6d1aaac .elementor-icon-list-item > a,
    html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-e64a2c5 .elementor-icon-list-item > .elementor-icon-list-text,
    html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-e64a2c5 .elementor-icon-list-item > a,
    html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-44499a7 .elementor-icon-list-item > .elementor-icon-list-text,
    html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-44499a7 .elementor-icon-list-item > a,
    html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-070aa23 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-c71b60a .elementor-icon-list-item > .elementor-icon-list-text,
    html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-c71b60a .elementor-icon-list-item > a,
    html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-dd21f17 .elementor-heading-title {
        font-size: calc(4vw * var(--a11y-scale)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-c1d7f59 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-2bd0fd7 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-f3baaa1 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-f20fe36 .elementor-heading-title {
        font-size: calc(5vw * var(--a11y-scale)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-9def166 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-81a138f .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-f8f82fa .elementor-heading-title {
        font-size: calc(7.1vw * var(--a11y-scale)) !important;
    }
    html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-122d373 .elementor-button,
    html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-8f3c655 .elementor-button,
    html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-5c4ef78 .elementor-button,
    html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-f6c2cde .elementor-button,
    html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-9b2f581 .elementor-button,
    html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-5d1fdee .elementor-button {
        font-size: calc(4vw * var(--a11y-scale-form)) !important;
    }
}

/* ---- Section 5b - GENTLER CURVE: hero (first section, 30a1d32) and the
   quote column ("הכי חשוב למשקיע הישראלי…": d60a405 on /, 5b1c4ac on /footer/)
   Grow max x1.35 instead of x1.60: every Section 5 rule reads
   var(--a11y-scale), so redefining it on these containers re-scales
   everything inside them. While enlarged the
   hero headings also get a roomier line-height and lose the design's
   negative margins, so taller lines can never run into each other. */
html body.pojo-a11y-resize-font-120 :is(.elementor-12 .elementor-element.elementor-element-30a1d32, .elementor-12 .elementor-element.elementor-element-d60a405, .elementor-30 .elementor-element.elementor-element-5b1c4ac) { --a11y-scale: 1.04; }
html body.pojo-a11y-resize-font-130 :is(.elementor-12 .elementor-element.elementor-element-30a1d32, .elementor-12 .elementor-element.elementor-element-d60a405, .elementor-30 .elementor-element.elementor-element-5b1c4ac) { --a11y-scale: 1.08; }
html body.pojo-a11y-resize-font-140 :is(.elementor-12 .elementor-element.elementor-element-30a1d32, .elementor-12 .elementor-element.elementor-element-d60a405, .elementor-30 .elementor-element.elementor-element-5b1c4ac) { --a11y-scale: 1.12; }
html body.pojo-a11y-resize-font-150 :is(.elementor-12 .elementor-element.elementor-element-30a1d32, .elementor-12 .elementor-element.elementor-element-d60a405, .elementor-30 .elementor-element.elementor-element-5b1c4ac) { --a11y-scale: 1.16; }
html body.pojo-a11y-resize-font-160 :is(.elementor-12 .elementor-element.elementor-element-30a1d32, .elementor-12 .elementor-element.elementor-element-d60a405, .elementor-30 .elementor-element.elementor-element-5b1c4ac) { --a11y-scale: 1.20; }
html body.pojo-a11y-resize-font-170 :is(.elementor-12 .elementor-element.elementor-element-30a1d32, .elementor-12 .elementor-element.elementor-element-d60a405, .elementor-30 .elementor-element.elementor-element-5b1c4ac) { --a11y-scale: 1.24; }
html body.pojo-a11y-resize-font-180 :is(.elementor-12 .elementor-element.elementor-element-30a1d32, .elementor-12 .elementor-element.elementor-element-d60a405, .elementor-30 .elementor-element.elementor-element-5b1c4ac) { --a11y-scale: 1.28; }
html body.pojo-a11y-resize-font-190 :is(.elementor-12 .elementor-element.elementor-element-30a1d32, .elementor-12 .elementor-element.elementor-element-d60a405, .elementor-30 .elementor-element.elementor-element-5b1c4ac) { --a11y-scale: 1.32; }
html body.pojo-a11y-resize-font-200 :is(.elementor-12 .elementor-element.elementor-element-30a1d32, .elementor-12 .elementor-element.elementor-element-d60a405, .elementor-30 .elementor-element.elementor-element-5b1c4ac) { --a11y-scale: 1.35; }
/* text in these sections that only inherits a size follows their curve too */
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-30a1d32 {
    font-size: calc(16px * var(--a11y-scale)) !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-30a1d32 .elementor-heading-title {
    line-height: 1.2 !important;
}
/* the only negative margins in the hero: under the white title (-0.5vw)
   and above the countdown (-2vw desktop / -3vw mobile) */
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-47ab2fd {
    margin-bottom: 0 !important;
}
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-9d1255f {
    margin-top: 0 !important;
}

/* ---- Section 5c - READABLE FONT + ENLARGED TEXT together ----
   Readable Font swaps to Verdana, which is wider and taller than Narkis
   Block: headings set at line-height 1 touch the next line, and the big
   session numbers (span.large, "19.10" / "20:00") need a lower cap than
   Section 4b's 37cqi: 29cqi (Verdana is ~1.25x wider). Only while both
   options are on. */
html body.pojo-a11y-readable-font[class*="pojo-a11y-resize-font-"] .elementor .elementor-heading-title {
    line-height: 1.2 !important;
}
html body.pojo-a11y-readable-font[class*="pojo-a11y-resize-font-"] .elementor .form-top-list .large {
    font-size: min(calc(3vw * var(--a11y-scale)), 29cqi) !important;
}
@media (max-width: 600px) {
    html body.pojo-a11y-readable-font[class*="pojo-a11y-resize-font-"] .elementor .form-top-list .large {
        font-size: min(calc(8vw * var(--a11y-scale)), 29cqi) !important;
    }
}

/* ---- Section 5 caps (same selectors, so these win by source order) ----
   Stats rows on / and /footer/ (desktop layout, >=768px): three columns of 21.4vw;
   "Sold&nbsp;Out" cannot wrap and is 4.17 x font wide -> capped at 4.85vw
   (the numbers grow up to ~1.28x instead of running into the next column). */
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-5c5c768 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-0dddec8 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-d6a5ee6 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-901cc98 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-0755412 .elementor-heading-title,
html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-c7cf6df .elementor-heading-title {
    font-size: min(calc(3.8vw * var(--a11y-scale)), 4.85vw) !important;
}
/*
   Countdown on /: four "00" blocks (1.11 x font each) + three 5vw gaps must
   fit the 92vw row on mobile -> digits capped at 16.8vw. */
@media(max-width:767px) {
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-9d1255f .elementor-countdown-digits {
        font-size: min(calc(12vw * var(--a11y-scale)), 16.8vw) !important;
    }
    /* Stats rows on / and /footer/: "Sold&nbsp;Out" (non-breaking, 4.17 x font) already
       fills its half-width column (42.4vw) at the design size of 10vw, so the
       three stat numbers are held at the size that fits (display text,
       37.5px at 375px) instead of spilling into the next column. */
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-5c5c768 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-0dddec8 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-12 .elementor-element.elementor-element-d6a5ee6 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-901cc98 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-0755412 .elementor-heading-title,
    html body[class*="pojo-a11y-resize-font-"] .elementor-30 .elementor-element.elementor-element-c7cf6df .elementor-heading-title {
        font-size: min(calc(10vw * var(--a11y-scale)), 10.2vw) !important;
    }
}


/* ---------------------------------------------------------------------------
   SECTION 6 - CONTRAST MODES
   Only active while a contrast / grayscale class is on <body>.
   --------------------------------------------------------------------------- */

/* 6a. High contrast: the page itself is black (the plugin's own list only
   has "body body", which never matches). */
body.pojo-a11y-high-contrast {
    background: #000 !important;
    background-color: #000 !important;
}
html:has(body.pojo-a11y-high-contrast) {
    background: #000 !important;
}

/* 6b. Background images stay visible in every contrast mode. The plugin
   wipes them (background:#000 / #fff / background-image:none). Restored on
   the image containers only; the containers inside them go transparent and
   the text elements keep the plugin's black / white box right behind the
   text. :not(#pojo-a11y-toolbar) lifts specificity over the plugin's
   "*:not(#pojo-a11y-toolbar)" rules. */
body.pojo-a11y-high-contrast .elementor-12 .elementor-element.elementor-element-30a1d32:not(#pojo-a11y-toolbar),
body.pojo-a11y-negative-contrast .elementor-12 .elementor-element.elementor-element-30a1d32:not(#pojo-a11y-toolbar),
body.pojo-a11y-light-background .elementor-12 .elementor-element.elementor-element-30a1d32:not(#pojo-a11y-toolbar) {
    background: url("https://webinar.webzsites.site/wp-content/uploads/2026/09/webinar-banner-image.webp") center center / cover no-repeat !important;
}
body.pojo-a11y-high-contrast .elementor-12 .elementor-element.elementor-element-53c6cf6:not(#pojo-a11y-toolbar),
body.pojo-a11y-negative-contrast .elementor-12 .elementor-element.elementor-element-53c6cf6:not(#pojo-a11y-toolbar),
body.pojo-a11y-light-background .elementor-12 .elementor-element.elementor-element-53c6cf6:not(#pojo-a11y-toolbar),
body.pojo-a11y-high-contrast .elementor-12 .elementor-element.elementor-element-2df2d05:not(#pojo-a11y-toolbar),
body.pojo-a11y-negative-contrast .elementor-12 .elementor-element.elementor-element-2df2d05:not(#pojo-a11y-toolbar),
body.pojo-a11y-light-background .elementor-12 .elementor-element.elementor-element-2df2d05:not(#pojo-a11y-toolbar),
body.pojo-a11y-high-contrast .elementor-30 .elementor-element.elementor-element-2ebb6de:not(#pojo-a11y-toolbar),
body.pojo-a11y-negative-contrast .elementor-30 .elementor-element.elementor-element-2ebb6de:not(#pojo-a11y-toolbar),
body.pojo-a11y-light-background .elementor-30 .elementor-element.elementor-element-2ebb6de:not(#pojo-a11y-toolbar),
body.pojo-a11y-high-contrast .elementor-30 .elementor-element.elementor-element-bbd7fa1:not(#pojo-a11y-toolbar),
body.pojo-a11y-negative-contrast .elementor-30 .elementor-element.elementor-element-bbd7fa1:not(#pojo-a11y-toolbar),
body.pojo-a11y-light-background .elementor-30 .elementor-element.elementor-element-bbd7fa1:not(#pojo-a11y-toolbar) {
    background: url("https://webinar.webzsites.site/wp-content/uploads/2026/09/form-bg-1.webp") top center / cover no-repeat !important;
}
body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background) :is(.elementor-element-30a1d32, .elementor-element-53c6cf6, .elementor-element-2df2d05, .elementor-element-2ebb6de, .elementor-element-bbd7fa1) :is(div, section, form, fieldset):not(#pojo-a11y-toolbar) {
    background: transparent !important;
    background-color: transparent !important;
}

/* 6a2. High contrast keeps the design's shadows (the plugin strips every
   box-shadow in this mode only; Negative Contrast keeps them). Values are
   the Elementor / theme ones, restated 1:1. */
body.pojo-a11y-high-contrast .elementor-12 :is(.elementor-element-4d0996b, .elementor-element-f2a53a9, .elementor-element-0adfc13, .elementor-element-4aea0bc, .elementor-element-c9e49f3),
body.pojo-a11y-high-contrast .elementor-30 :is(.elementor-element-5f8e359, .elementor-element-4bc76e7, .elementor-element-92cecf0, .elementor-element-3387b08, .elementor-element-172188e) {
    box-shadow: 0px 4px 8.8px 0px rgba(241, 229, 195, 0.5) !important;
}
body.pojo-a11y-high-contrast .elementor-12 :is(.elementor-element-58e0df9, .elementor-element-112a811, .elementor-element-18cf005) {
    box-shadow: 0px 4px 15.7px 0px rgba(0, 0, 0, 0.09) !important;
}
body.pojo-a11y-high-contrast .elementor-12 :is(.elementor-element-04a52f4, .elementor-element-bda616d, .elementor-element-f1f39f0) {
    box-shadow: 0px 4px 24.1px 0px rgba(0, 0, 0, 0.25) !important;
}
body.pojo-a11y-high-contrast .elementor-12 :is(.elementor-element-e1780cf, .elementor-element-b87fd56) .elementor-button {
    box-shadow: 0px 18px 44px -16px rgba(210, 176, 81, 0.65) !important;
}
body.pojo-a11y-high-contrast .elementor-12 .elementor-element-3dc5d64 .elementor-button,
body.pojo-a11y-high-contrast .elementor-30 .elementor-element-5d1fdee .elementor-button {
    box-shadow: 0px 18px 44px -16px rgba(0, 0, 0, 0.5) !important;
}
body.pojo-a11y-high-contrast .post-slider.elementor-widget-n-carousel .e-n-carousel > .swiper-wrapper > .swiper-slide {
    box-shadow: 0px 4px 17.6px 0px rgba(0, 0, 0, 0.1) !important;
}
body.pojo-a11y-high-contrast .wpcf7 .hg-form .hg-submit input.wpcf7-submit.hg-btn {
    box-shadow: 0 calc(18 * var(--hg-u)) calc(44 * var(--hg-u)) calc(-16 * var(--hg-u)) rgba(210, 176, 81, 0.65) !important;
}
body.pojo-a11y-high-contrast .hg-form .hg-sessions input:checked + .hg-card {
    box-shadow:
        0 0 0 calc(3 * var(--hg-u)) rgba(210, 176, 81, 0.16),
        0 calc(20 * var(--hg-u)) calc(44 * var(--hg-u)) calc(-22 * var(--hg-u)) rgba(210, 176, 81, 0.75) !important;
}

/* 6a3. Form labels, phone hint, consent note and validation messages: no
   background band in any contrast mode (they sit on the form photo). In
   Light Background the plugin forces black text, which would vanish on
   the dark photo, so there they turn white / light red. */
body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background) .hg-form :is(.wpcf7-not-valid-tip, .hg-label, .hg-hint, .hg-note):not(#pojo-a11y-toolbar),
body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background) .hg-form :is(.wpcf7-form-control-wrap, .hg-sessions, .wpcf7-list-item, .wpcf7-list-item > label):not(#pojo-a11y-toolbar),
body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background) .elementor-12 .elementor-element-44cd96d .elementor-heading-title:not(#pojo-a11y-toolbar) {
    background: transparent !important;
    background-color: transparent !important;
}
/* 44cd96d = the consent line under the form on / ("ההרשמה מאשרת קבלת תזכורות…") */
body.pojo-a11y-light-background .hg-form :is(.hg-label, .hg-hint, .hg-note):not(#pojo-a11y-toolbar),
body.pojo-a11y-light-background .elementor-12 .elementor-element-44cd96d .elementor-heading-title:not(#pojo-a11y-toolbar) {
    color: #fff !important;
}
/* form response message under the submit ("יש שגיאה בשדה אחד או יותר…") */
body.pojo-a11y-light-background .wpcf7 form .wpcf7-response-output:not(#pojo-a11y-toolbar) {
    color: #fff !important;
    background: transparent !important;
}
body.pojo-a11y-light-background .hg-form .wpcf7-not-valid-tip:not(#pojo-a11y-toolbar) {
    color: #ff8a80 !important;
}

/* 6b1. Fixed header bar (.webinar-header, also in its .is-scrolled state):
   no background in the contrast modes - only the button and the logo keep
   their own backing. */
body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background) .elementor .webinar-header:not(#pojo-a11y-toolbar),
body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background) .elementor .webinar-header div:not(#pojo-a11y-toolbar) {
    background: transparent !important;
    background-color: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
}

/* 6b1b. Seat-availability bars on / (the three broadcast cards): keep the
   default colours in every contrast mode. Track = white 10% over the card
   rgb(21,29,59), pinned as the opaque colour it renders as by default, so it
   looks the same on any background; fill = the gold gradient from post-12. */
body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background) .elementor-12 :is(.elementor-element-4c81fc5, .elementor-element-cf69c22, .elementor-element-83f00a5):not(#pojo-a11y-toolbar) {
    background: rgb(44, 52, 79) !important;
}
body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background) .elementor-12 :is(.elementor-element-aa437ce, .elementor-element-29efd3f):not(#pojo-a11y-toolbar) {
    background: linear-gradient(90deg, #B08D57 0%, #FADA69 100%) !important;
}

/* 6b2. Gradient headings (.gradient-text, .number-text-gradient, the stat
   numbers) paint their glyphs with background-clip:text + a transparent
   fill. The contrast modes replace that background, which left the text
   invisible - give the glyphs their real colour back. (currentColor is the
   browser default, so this only changes those gradient headings.) */
body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background) .elementor * {
    -webkit-text-fill-color: currentColor !important;
}

/* 6c. Images: no grey (#808080) box behind transparent logos / icons in high
   contrast, and dark artwork keeps a dark backing on the light background. */
body.pojo-a11y-high-contrast .elementor img {
    background: transparent !important;
    background-color: transparent !important;
}
/* both site logos have white lettering (header: webinar-main-logo.svg,
   footer: Hagag-Europe-Partners-white.svg) - on the white background they
   keep a dark backing so they stay readable */
body.pojo-a11y-light-background :not(#pojo-a11y-toolbar):not(.pojo-a11y-toolbar-link) img[src*="webinar-main-logo"],
body.pojo-a11y-light-background :not(#pojo-a11y-toolbar):not(.pojo-a11y-toolbar-link) img[src*="Hagag-Europe-Partners-white"] {
    background: #000 !important;
    border-radius: 2px;
}

/* 6d. Every button keeps a visible border in every mode. */
body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-grayscale) .elementor .elementor-button:not(#pojo-a11y-toolbar),
body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-grayscale) .elementor .hg-btn:not(#pojo-a11y-toolbar),
body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-grayscale) :is(.cc-root, .cc-modal-wrap, .cc-modal) button:not(#pojo-a11y-toolbar) {
    border: 1px solid #fff !important;
}
body.pojo-a11y-light-background .elementor .elementor-button:not(#pojo-a11y-toolbar),
body.pojo-a11y-light-background .elementor .hg-btn:not(#pojo-a11y-toolbar),
body.pojo-a11y-light-background :is(.cc-root, .cc-modal-wrap, .cc-modal) button:not(#pojo-a11y-toolbar) {
    border: 1px solid #000 !important;
}

/* 6e. Selected broadcast card (the form's "check" state): the gold check
   badge and a clear outline stay visible in every mode. */
body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast) .hg-form .hg-sessions input:checked + .hg-card:not(#pojo-a11y-toolbar) {
    border: 2px solid #ff0 !important;
}
body.pojo-a11y-light-background .hg-form .hg-sessions input:checked + .hg-card:not(#pojo-a11y-toolbar) {
    border: 2px solid #000 !important;
}
body.pojo-a11y-grayscale .hg-form .hg-sessions input:checked + .hg-card {
    border: 2px solid #fff !important;
}
body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background, .pojo-a11y-grayscale) .hg-form .hg-sessions input:checked + .hg-card::before {
    opacity: 1 !important;
    transform: scale(1) !important;
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M9.16634 2.75L4.12467 7.79167L1.83301 5.5' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 60% no-repeat,
        #fff !important;
    border: 1px solid #000 !important;
}
body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast) .hg-form .hg-sessions input:checked + .hg-card::before {
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M9.16634 2.75L4.12467 7.79167L1.83301 5.5' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 60% no-repeat,
        #ff0 !important;
}

/* 6f. Cookie settings toggles: the ON state must read as ON in every mode
   (Section 7 paints every track one colour, so ON is restated here). */
html body .cc-toggle input:checked + .cc-slider:not(#pojo-a11y-toolbar) {
    background: #10b981 !important;
}
html body.pojo-a11y-grayscale .cc-toggle input:checked + .cc-slider:not(#pojo-a11y-toolbar) {
    background: #222 !important;
}
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast) .cc-toggle .cc-slider:not(#pojo-a11y-toolbar) {
    border: 1px solid #fff !important;
}
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast) .cc-toggle input:checked + .cc-slider:not(#pojo-a11y-toolbar) {
    background: #ff0 !important;
}
html body.pojo-a11y-light-background .cc-toggle .cc-slider:not(#pojo-a11y-toolbar) {
    border: 1px solid #000 !important;
}
html body.pojo-a11y-light-background .cc-toggle input:checked + .cc-slider:not(#pojo-a11y-toolbar) {
    background: #000 !important;
}
/* the knob keeps its own white fill + a dark rim so it never melts into the track */
html body:is(.pojo-a11y-high-contrast, .pojo-a11y-negative-contrast, .pojo-a11y-light-background, .pojo-a11y-grayscale) .cc-toggle .cc-slider::before {
    background: #fff !important;
    border: 1px solid #000 !important;
}


/* ---------------------------------------------------------------------------
   SECTION 7 - SITE RULES REQUESTED FOR THIS FILE (as supplied)
   --------------------------------------------------------------------------- */
body.pojo-a11y-light-background *:not(#pojo-a11y-toolbar):not(.pojo-a11y-toolbar-link) input,
body.pojo-a11y-light-background *:not(#pojo-a11y-toolbar):not(.pojo-a11y-toolbar-link) textarea,
body.pojo-a11y-light-background *:not(#pojo-a11y-toolbar):not(.pojo-a11y-toolbar-link) select {
    border: 1px solid #000 !important;
}
body.pojo-a11y-light-background *:not(#pojo-a11y-toolbar):not(.pojo-a11y-toolbar-link) input::placeholder,
body.pojo-a11y-light-background *:not(#pojo-a11y-toolbar):not(.pojo-a11y-toolbar-link) textarea::placeholder {
    color: #000;
}

/* Remove the problematic body filter only during grayscale mode */
body.pojo-a11y-grayscale {
    -webkit-filter: none !important;
    filter: none !important;
    overflow-x: hidden !important;
}
/* Reapply grayscale to the document root */
html:has(body.pojo-a11y-grayscale) {
    -webkit-filter: grayscale(100%) !important;
    filter: grayscale(100%) !important;
}
/* Change toolbar positioning only during grayscale mode */
body.pojo-a11y-grayscale #pojo-a11y-toolbar {
    position: fixed !important;
    z-index: 99999 !important;
}

.cc-slider, body.pojo-a11y-high-contrast .cc-slider, body.pojo-a11y-grayscale .cc-slider,
body.pojo-a11y-negative-contrast :not(#pojo-a11y-toolbar) .cc-slider,
body.pojo-a11y-light-background :not(#pojo-a11y-toolbar):not(.pojo-a11y-toolbar-link) .cc-slider {
    background: #ababff !important;
}
body.pojo-a11y-grayscale .wpcf7-not-valid-tip {
    color: #fff;
}
body.pojo-a11y-light-background *:not(#pojo-a11y-toolbar):not(.pojo-a11y-toolbar-link) .cc-btn {
    border: 1px solid #000 !important;
}
body.pojo-a11y-light-background :not(#pojo-a11y-toolbar):not(.pojo-a11y-toolbar-link) .cc-slider {
    background: gray !important;
}
body.pojo-a11y-high-contrast .cc-slider {
    background: gray !important;
}
body.pojo-a11y-negative-contrast :not(#pojo-a11y-toolbar) .cc-slider {
    background: gray !important;
}
body.pojo-a11y-light-background :not(#pojo-a11y-toolbar):not(.pojo-a11y-toolbar-link) .black-bg img {
    background: #000 !important;
}
body.pojo-a11y-light-background :not(#pojo-a11y-toolbar):not(.pojo-a11y-toolbar-link) .transparent-bg {
    background: transparent !important;
}
body.pojo-a11y-high-contrast .transparent-bg {
    background: transparent !important;
}
body.pojo-a11y-negative-contrast :not(#pojo-a11y-toolbar) .transparent-bg {
    background: transparent !important;
}
body.pojo-a11y-light-background :not(#pojo-a11y-toolbar):not(.pojo-a11y-toolbar-link) .transparent-bg img {
    background: transparent !important;
}
body.pojo-a11y-high-contrast .transparent-bg img {
    background: transparent !important;
}
body.pojo-a11y-negative-contrast :not(#pojo-a11y-toolbar) .transparent-bg img {
    background: transparent !important;
}
body.pojo-a11y-high-contrast .wpcf7-checkbox input[type="checkbox"]:checked::before {
    color: #fff;
}
body.pojo-a11y-negative-contrast :not(#pojo-a11y-toolbar) .wpcf7-checkbox input[type="checkbox"]:checked::before {
    color: #fff;
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a svg {
    padding-right: 0 !important;
    padding-left: 6px !important;
}

body #cc-floater {
    bottom: unset !important;
    top: 12.5vw !important;
    left: 0.2vw !important;
    right: unset !important;
    width: 2.5vw !important;
    height: 2.5vw !important;
    line-height: 2.5vw;
    text-align: center !important;
    z-index: 999 !important;
}
body #cc-floater svg {
    width: 1.5vw !important;
    height: 1.5vw !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
body #pojo-a11y-toolbar {
    z-index: 9999 !important;
    top: 9vw !important;
}
body #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a {
    font-size: 1.5vw !important;
    padding: 0.6vw !important;
}
body #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle svg {
    width: 1.5vw !important;
}

@media (max-width: 767px) {
    body #cc-floater {
        bottom: unset !important;
        top: 30.5vw !important; /* directly under the accessibility toggle (19vw + its ~9.9vw height + ~1.6vw gap) */
        left: 2px !important;
        width: 7.5vw !important;
        height: 7.5vw !important;
        line-height: 7.5vw;
        padding: 4.5vw !important;
    }
    body #cc-floater svg {
        width: 5vw !important;
        height: 5vw !important;
    }
    body #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a {
        font-size: 5.5vw !important;
        padding: 2vw !important;
    }
    body #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle svg {
        width: 5.8vw !important;
    }
    body #pojo-a11y-toolbar {
        top: 19vw !important; /* just under the fixed header */
    }
    /* cookie banner centred on mobile */
    .cc-banner {
        padding: 16px !important;
    }
    .cc-pos-right {
        left: 50% !important;
        right: unset !important;
        bottom: 10px !important;
        width: 95%;
        transform: translateX(-50%);
    }
    .cc-btn {
        padding: 7px 9px !important;
    }
}