/* ============================================================================ MTLab shared foundation — brand tokens, fonts, and shared components (autocomplete dropdown, route-map frame, CRM payload table). Per-concept pages add their own theme on top of these tokens. ========================================================================== */ @import url('https://fonts.googleapis.com/css2?family=Newsreader:opsz,wght@6..72,400;6..72,500;6..72,600;6..72,700&family=Inter:wght@400;500;600;700;800&display=swap'); :root { /* ACC / medic-trans brand */ --acc-50:#f0f8fc; --acc-100:#e0f1f9; --acc-200:#c1e3f3; --acc-300:#8cceea; --acc-400:#4fb5de; --acc-500:#2a9dd0; --acc-600:#1c7fb0; --acc-700:#135e8c; --acc-800:#0f4e73; --acc-900:#0d415f; --acc-950:#08293f; --green-500:#22c55e; --green-600:#37a269; --green-700:#2d7d4f; --gold-400:#f7b564; --gold-500:#f5a142; --gold-600:#f1ae59; --ink:#0f2433; --ink-soft:#3d5666; --line:#dbe7f0; --paper:#ffffff; --display:'Newsreader', Georgia, serif; --body:'Inter', system-ui, -apple-system, sans-serif; --r-sm:10px; --r:16px; --r-lg:26px; --sh-sm:0 1px 2px rgba(8,41,63,.06), 0 2px 8px rgba(8,41,63,.06); --sh:0 10px 30px -12px rgba(8,41,63,.22); --sh-lg:0 30px 70px -28px rgba(8,41,63,.45); } *{box-sizing:border-box} /* ---- shared autocomplete dropdown (appended to ) ------------------- */ .mtlab-ac-menu{position:absolute;z-index:99999;background:#fff;border:1px solid var(--line); border-radius:var(--r);box-shadow:var(--sh-lg);overflow:hidden;display:none;max-height:340px;overflow-y:auto; font-family:var(--body)} .mtlab-ac-menu.open{display:block;animation:mtlabPop .14s ease} @keyframes mtlabPop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}} .mtlab-ac-item{display:flex;align-items:center;gap:12px;padding:13px 16px;cursor:pointer;border-bottom:1px solid #f0f5f9} .mtlab-ac-item:last-child{border-bottom:0} .mtlab-ac-item.active{background:var(--acc-50)} .mtlab-ac-pin{display:flex;color:var(--acc-600);flex:0 0 auto} .mtlab-ac-text{display:flex;flex-direction:column;line-height:1.25} .mtlab-ac-text b{font-weight:600;color:var(--ink);font-size:16px} .mtlab-ac-text span{font-size:13px;color:var(--ink-soft)} /* ---- shared route-map frame --------------------------------------------- */ .mtlab-map{position:relative;width:100%;height:100%;min-height:220px;background:#eef4f8;overflow:hidden} .mtlab-map.mtlab-map-loading::after{content:'Drawing your route…';position:absolute;inset:0;display:flex; align-items:center;justify-content:center;color:var(--acc-700);font-family:var(--body);font-weight:600; font-size:14px;background:repeating-linear-gradient(135deg,#eef4f8,#eef4f8 16px,#e6eef5 16px,#e6eef5 32px)} /* ---- shared CRM payload table (dev preview) ----------------------------- */ .mtlab-payload{width:100%;border-collapse:collapse;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12.5px} .mtlab-payload th{text-align:left;padding:8px 10px;background:var(--acc-950);color:#cfe3f0;font-weight:600;position:sticky;top:0} .mtlab-payload td{padding:7px 10px;border-bottom:1px solid #eef2f5;color:var(--ink);vertical-align:top;word-break:break-word} .mtlab-payload td:first-child{color:var(--acc-700);white-space:nowrap;font-weight:600} .mtlab-payload .mt-empty{color:#aab8c2} /* ---- shared visually-hidden helper -------------------------------------- */ .mtlab-vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0} /* ===== Concept 04 'Instant Quote' styles (.iq-) ===== */ /* =========================================================================== Concept 04 — "Instant Quote" · route-first, 2-step low-friction hook ALL concept CSS scoped under .iq- ========================================================================== */ .iq-root{font-family:var(--body);color:var(--ink);background:#f4f9fc;-webkit-font-smoothing:antialiased; min-height:100vh;line-height:1.5} .iq-root *{box-sizing:border-box} /* ---- top chrome ---------------------------------------------------------- */ .iq-bar{position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between; gap:16px;padding:12px clamp(16px,4vw,40px);background:rgba(255,255,255,.92);backdrop-filter:saturate(140%) blur(10px); border-bottom:1px solid var(--line)} .iq-bar img{height:30px;width:auto;display:block} .iq-bar-actions{display:flex;align-items:center;gap:14px} .iq-back{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--acc-700); text-decoration:none;padding:8px 10px;border-radius:var(--r-sm)} .iq-back:hover{background:var(--acc-50)} .iq-badge{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;letter-spacing:.04em; text-transform:uppercase;color:var(--acc-700);background:var(--acc-50);border:1px solid var(--acc-200); padding:6px 12px;border-radius:999px} .iq-badge b{color:var(--gold-600)} .iq-call{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-weight:700;font-size:15px; color:#fff;background:var(--green-600);padding:11px 18px;border-radius:999px;min-height:48px; box-shadow:var(--sh-sm);transition:transform .15s ease,box-shadow .15s ease} .iq-call:hover{transform:translateY(-1px);box-shadow:var(--sh)} .iq-call svg{flex:0 0 auto} .iq-call small{display:block;font-size:11px;font-weight:600;opacity:.85;letter-spacing:.02em} /* ---- hero ---------------------------------------------------------------- */ .iq-hero{position:relative;overflow:hidden;padding:clamp(36px,7vw,76px) clamp(16px,4vw,40px) clamp(40px,7vw,72px)} .iq-hero::before{content:"";position:absolute;inset:0;z-index:0; background: radial-gradient(1100px 540px at 78% -8%,rgba(28,127,176,.16),transparent 60%), radial-gradient(900px 480px at 8% 108%,rgba(13,65,95,.14),transparent 62%), linear-gradient(180deg,#eaf4fb 0%,#f4f9fc 70%)} /* subtle map-grid texture behind the hero */ .iq-hero::after{content:"";position:absolute;inset:0;z-index:0;opacity:.5; background-image: linear-gradient(rgba(19,94,140,.06) 1px,transparent 1px), linear-gradient(90deg,rgba(19,94,140,.06) 1px,transparent 1px); background-size:46px 46px; -webkit-mask-image:radial-gradient(900px 520px at 70% 20%,#000,transparent 78%); mask-image:radial-gradient(900px 520px at 70% 20%,#000,transparent 78%)} .iq-wrap{position:relative;z-index:1;max-width:1080px;margin:0 auto} .iq-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:700;letter-spacing:.06em; text-transform:uppercase;color:var(--acc-700);margin:0 0 16px} .iq-eyebrow .iq-dot{width:8px;height:8px;border-radius:50%;background:var(--green-600); box-shadow:0 0 0 4px rgba(55,162,105,.18);animation:iqPulse 2.4s ease-in-out infinite} @keyframes iqPulse{0%,100%{box-shadow:0 0 0 4px rgba(55,162,105,.18)}50%{box-shadow:0 0 0 7px rgba(55,162,105,.06)}} .iq-h1{font-family:var(--display);font-weight:600;color:var(--acc-950); font-size:clamp(30px,5.4vw,52px);line-height:1.08;letter-spacing:-.015em;margin:0 0 16px;max-width:18ch} .iq-h1 em{font-style:italic;color:var(--acc-700)} .iq-sub{font-size:clamp(16px,2.1vw,19px);color:var(--ink-soft);max-width:54ch;margin:0 0 8px} /* ---- step panel ---------------------------------------------------------- */ .iq-panel{position:relative;z-index:1;max-width:1080px;margin:clamp(22px,4vw,30px) auto 0; background:#fff;border:1px solid var(--line);border-radius:var(--r-lg); box-shadow:var(--sh-lg);overflow:hidden} .iq-panel-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap; padding:18px clamp(20px,3.4vw,34px);border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fbfdff,#fff)} .iq-steps{display:flex;align-items:center;gap:10px} .iq-step-pip{display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:700;color:var(--ink-soft)} .iq-step-pip .iq-num{display:grid;place-items:center;width:26px;height:26px;border-radius:50%; background:var(--acc-50);color:var(--acc-700);border:1.5px solid var(--acc-200);font-size:13px;transition:.25s} .iq-step-pip.is-active{color:var(--acc-900)} .iq-step-pip.is-active .iq-num{background:var(--acc-700);color:#fff;border-color:var(--acc-700)} .iq-step-pip.is-done .iq-num{background:var(--green-600);color:#fff;border-color:var(--green-600)} .iq-step-line{width:34px;height:2px;border-radius:2px;background:var(--line)} .iq-step-line.is-done{background:var(--green-600)} .iq-head-spacer{flex:1 1 auto} .iq-head-note{font-size:13px;color:var(--ink-soft);display:inline-flex;align-items:center;gap:7px} .iq-head-note svg{color:var(--green-600);flex:0 0 auto} .iq-panel-body{padding:clamp(22px,3.4vw,34px)} /* ---- form grid + fields -------------------------------------------------- */ .iq-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px} .iq-field{display:flex;flex-direction:column;gap:8px;min-width:0} .iq-field.iq-col-2{grid-column:1 / -1} .iq-label{font-size:14.5px;font-weight:650;color:var(--ink);display:flex;align-items:center;gap:8px} .iq-label .iq-opt{font-weight:500;font-size:12.5px;color:#8aa0b0;letter-spacing:.01em} .iq-input,.iq-select,.iq-textarea{font-family:var(--body);font-size:18px;color:var(--ink);background:#fff; border:1.6px solid var(--line);border-radius:var(--r-sm);padding:14px 15px;width:100%;min-height:54px; transition:border-color .15s ease,box-shadow .15s ease} .iq-input::placeholder{color:#9fb2c0} .iq-textarea{min-height:104px;resize:vertical;line-height:1.45} .iq-select{appearance:none;-webkit-appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23135e8c' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); background-repeat:no-repeat;background-position:right 14px center;padding-right:44px;cursor:pointer} .iq-input:focus,.iq-select:focus,.iq-textarea:focus{outline:none;border-color:var(--acc-600); box-shadow:0 0 0 4px rgba(28,127,176,.16)} .iq-with-pin{position:relative} .iq-with-pin .iq-pin{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--acc-600); pointer-events:none} .iq-with-pin .iq-input{padding-left:42px} /* chips (transport_type) */ .iq-chips{display:flex;gap:10px;flex-wrap:wrap} .iq-chip{position:relative;flex:1 1 0;min-width:110px} .iq-chip input{position:absolute;opacity:0;width:1px;height:1px} .iq-chip label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px; min-height:64px;padding:10px 12px;border:1.6px solid var(--line);border-radius:var(--r-sm);background:#fff; cursor:pointer;text-align:center;font-weight:650;font-size:15px;color:var(--ink-soft); transition:.18s ease} .iq-chip label svg{color:var(--acc-600);transition:.18s ease} .iq-chip label:hover{border-color:var(--acc-300);background:var(--acc-50)} .iq-chip input:checked+label{border-color:var(--acc-600);background:var(--acc-50);color:var(--acc-900); box-shadow:0 0 0 3px rgba(28,127,176,.14)} .iq-chip input:focus-visible+label{outline:3px solid var(--acc-400);outline-offset:2px} .iq-chip input:checked+label svg{color:var(--acc-700)} /* error states */ .iq-err{display:none;font-size:13px;font-weight:600;color:#b3261e;align-items:center;gap:6px} .iq-field.has-error .iq-input,.iq-field.has-error .iq-select,.iq-field.has-error .iq-textarea{ border-color:#d8453b;box-shadow:0 0 0 4px rgba(216,69,59,.13)} .iq-field.has-error .iq-err{display:flex} .iq-chips-wrap.has-error .iq-chip label{border-color:#e0918c} .iq-chips-wrap.has-error .iq-err{display:flex} /* primary CTA */ .iq-cta{display:inline-flex;align-items:center;justify-content:center;gap:11px;width:100%; font-family:var(--body);font-weight:750;font-size:18px;color:#1a1206;min-height:60px;cursor:pointer; border:none;border-radius:14px;padding:16px 24px; background:linear-gradient(180deg,var(--gold-500),#eb9a31); box-shadow:0 12px 26px -10px rgba(241,174,89,.7),inset 0 1px 0 rgba(255,255,255,.45); transition:transform .15s ease,box-shadow .15s ease,filter .15s ease} .iq-cta:hover{transform:translateY(-2px);filter:brightness(1.03); box-shadow:0 18px 34px -10px rgba(241,174,89,.8),inset 0 1px 0 rgba(255,255,255,.45)} .iq-cta:active{transform:translateY(0)} .iq-cta:focus-visible{outline:3px solid var(--acc-700);outline-offset:3px} .iq-cta.iq-cta-green{background:linear-gradient(180deg,#45b079,var(--green-600));color:#fff; box-shadow:0 12px 26px -10px rgba(55,162,105,.7),inset 0 1px 0 rgba(255,255,255,.3)} .iq-cta.iq-cta-green:hover{box-shadow:0 18px 34px -10px rgba(55,162,105,.8),inset 0 1px 0 rgba(255,255,255,.3)} .iq-cta .iq-arrow{transition:transform .2s ease} .iq-cta:hover .iq-arrow{transform:translateX(4px)} .iq-cta-row{margin-top:24px} .iq-cta-fine{margin:13px 2px 0;font-size:13px;color:var(--ink-soft);text-align:center;display:flex; align-items:center;justify-content:center;gap:8px;flex-wrap:wrap} .iq-cta-fine svg{color:var(--green-600)} /* ---- trust strip --------------------------------------------------------- */ .iq-trust{position:relative;z-index:1;max-width:1080px;margin:clamp(20px,3.4vw,28px) auto 0; display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;justify-content:center; padding:4px;color:var(--ink-soft);font-size:14px;font-weight:600} .iq-trust span{display:inline-flex;align-items:center;gap:8px;white-space:nowrap} .iq-trust svg{color:var(--green-600);flex:0 0 auto} .iq-trust .iq-divider{width:1px;height:16px;background:var(--line);padding:0} /* ---- reveal / step 2 region --------------------------------------------- */ .iq-stage{max-width:1080px;margin:0 auto;padding:0 clamp(16px,4vw,40px) 64px} .iq-reveal{margin-top:clamp(22px,4vw,30px);opacity:0;transform:translateY(18px); transition:opacity .5s ease,transform .5s ease} .iq-reveal.is-in{opacity:1;transform:none} .iq-reveal[hidden]{display:none} /* preparing-quote progress feel */ .iq-prep{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center; background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:34px 24px;box-shadow:var(--sh)} .iq-prep-ring{width:46px;height:46px;border-radius:50%;border:4px solid var(--acc-100); border-top-color:var(--acc-600);animation:iqSpin .8s linear infinite} @keyframes iqSpin{to{transform:rotate(360deg)}} .iq-prep-txt{font-family:var(--display);font-size:21px;font-weight:600;color:var(--acc-900)} .iq-prep-bar{width:min(320px,80%);height:7px;border-radius:99px;background:var(--acc-100);overflow:hidden} .iq-prep-bar i{display:block;height:100%;width:0;border-radius:99px; background:linear-gradient(90deg,var(--acc-500),var(--green-600));transition:width .9s ease} /* route-confirm banner + map card */ .iq-route-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden; box-shadow:var(--sh-lg)} .iq-route-banner{display:flex;align-items:flex-start;gap:16px;padding:20px clamp(20px,3.4vw,30px); background:linear-gradient(110deg,#0d415f,#135e8c);color:#fff;position:relative;overflow:hidden} .iq-route-banner::after{content:"";position:absolute;right:-40px;top:-40px;width:220px;height:220px; background:radial-gradient(circle,rgba(245,161,66,.28),transparent 70%)} .iq-check{flex:0 0 auto;display:grid;place-items:center;width:44px;height:44px;border-radius:50%; background:var(--green-600);box-shadow:0 0 0 6px rgba(55,162,105,.25);position:relative;z-index:1; animation:iqPop .45s cubic-bezier(.2,1.4,.5,1) both} @keyframes iqPop{from{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}} .iq-route-banner h2{position:relative;z-index:1;margin:0;font-family:var(--display);font-weight:600; font-size:clamp(20px,3.2vw,27px);line-height:1.12} .iq-route-banner p{position:relative;z-index:1;margin:6px 0 0;font-size:14.5px;color:#cfe6f3;font-weight:500} .iq-route-meta{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;margin-top:12px} .iq-pill{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700; background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22);color:#fff; padding:6px 12px;border-radius:999px} .iq-pill.iq-pill-gold{background:rgba(245,161,66,.2);border-color:rgba(245,161,66,.45);color:#ffe6c2} .iq-route-map{height:320px;width:100%} .iq-route-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px; padding:14px clamp(20px,3.4vw,30px);border-top:1px solid var(--line); font-size:13.5px;color:var(--ink-soft);font-weight:600} .iq-route-foot svg{color:var(--green-600)} .iq-route-ep{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-weight:700} .iq-route-ep .iq-ab{display:grid;place-items:center;width:20px;height:20px;border-radius:50%; font-size:11px;color:#fff;font-weight:800} .iq-route-ep .iq-ab.a{background:var(--acc-700)}.iq-route-ep .iq-ab.b{background:var(--green-600)} .iq-route-note{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:var(--ink-soft);font-weight:600} .iq-route-note svg{color:var(--green-600);flex:0 0 auto} /* unlock / step-2 form card */ .iq-unlock{margin-top:clamp(18px,3vw,24px)} .iq-unlock-head{text-align:center;max-width:60ch;margin:0 auto clamp(18px,3vw,24px)} .iq-unlock-kicker{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700; letter-spacing:.05em;text-transform:uppercase;color:var(--green-700); background:rgba(55,162,105,.1);border:1px solid rgba(55,162,105,.28);padding:6px 12px;border-radius:999px} .iq-unlock-head h2{font-family:var(--display);font-weight:600;color:var(--acc-950); font-size:clamp(23px,3.6vw,32px);margin:14px 0 8px;line-height:1.12} .iq-unlock-head p{color:var(--ink-soft);font-size:16px;margin:0} /* reassurance card near contact fields */ .iq-reassure{grid-column:1 / -1;display:flex;align-items:flex-start;gap:12px; background:var(--acc-50);border:1px solid var(--acc-200);border-radius:var(--r);padding:14px 16px;margin-top:4px} .iq-reassure svg{flex:0 0 auto;color:var(--acc-700);margin-top:1px} .iq-reassure p{margin:0;font-size:14px;color:var(--acc-900);font-weight:550;line-height:1.45} .iq-reassure b{font-weight:750} .iq-section-rule{grid-column:1 / -1;display:flex;align-items:center;gap:14px;margin:6px 0 0; font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft)} .iq-section-rule::after{content:"";flex:1;height:1px;background:var(--line)} /* ---- success panel ------------------------------------------------------- */ .iq-success{display:none;max-width:760px;margin:clamp(24px,5vw,44px) auto 0; background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-lg); overflow:hidden} .iq-success.is-in{display:block;animation:iqUp .5s ease both} @keyframes iqUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}} .iq-success-top{text-align:center;padding:clamp(30px,5vw,46px) clamp(22px,4vw,40px) clamp(22px,4vw,32px); background:linear-gradient(180deg,#f3fbf6,#fff)} .iq-success-badge{width:66px;height:66px;border-radius:50%;background:var(--green-600);margin:0 auto 18px; display:grid;place-items:center;box-shadow:0 0 0 8px rgba(55,162,105,.16); animation:iqPop .5s cubic-bezier(.2,1.4,.5,1) both} .iq-success-top h2{font-family:var(--display);font-weight:600;color:var(--acc-950); font-size:clamp(25px,4vw,34px);margin:0 0 12px} .iq-success-top p{font-size:clamp(16px,2.2vw,18px);color:var(--ink-soft);margin:0 auto;max-width:46ch} .iq-success-top p b{color:var(--acc-800)} .iq-success-call{display:inline-flex;align-items:center;gap:10px;margin-top:20px;text-decoration:none; font-weight:700;font-size:17px;color:#fff;background:var(--green-600);padding:13px 22px;border-radius:999px; min-height:54px;box-shadow:var(--sh-sm)} .iq-success-call:hover{filter:brightness(1.04)} .iq-success-map{height:300px;width:100%;border-top:1px solid var(--line);border-bottom:1px solid var(--line)} .iq-success-body{padding:clamp(18px,3vw,26px) clamp(22px,4vw,34px) clamp(24px,4vw,32px)} .iq-details{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#fbfdff} .iq-details summary{cursor:pointer;list-style:none;padding:15px 18px;font-weight:650;font-size:14.5px; color:var(--acc-800);display:flex;align-items:center;gap:10px} .iq-details summary::-webkit-details-marker{display:none} .iq-details summary .iq-chev{margin-left:auto;transition:transform .2s ease;color:var(--acc-600)} .iq-details[open] summary .iq-chev{transform:rotate(180deg)} .iq-details summary:hover{background:var(--acc-50)} .iq-details summary:focus-visible{outline:3px solid var(--acc-400);outline-offset:-3px} .iq-details-inner{max-height:360px;overflow:auto;border-top:1px solid var(--line)} /* ---- load reveal --------------------------------------------------------- */ .iq-rise{opacity:0;transform:translateY(14px);animation:iqRise .6s ease forwards} .iq-rise.d1{animation-delay:.05s}.iq-rise.d2{animation-delay:.13s} .iq-rise.d3{animation-delay:.22s}.iq-rise.d4{animation-delay:.32s} @keyframes iqRise{to{opacity:1;transform:none}} /* ---- responsive ---------------------------------------------------------- */ @media (max-width:720px){ .iq-grid{grid-template-columns:1fr} .iq-field.iq-col-2{grid-column:auto} .iq-call small{display:none} .iq-badge{display:none} .iq-step-line{width:20px} .iq-route-banner{flex-direction:column;gap:12px} .iq-trust .iq-divider{display:none} } @media (prefers-reduced-motion:reduce){ .iq-rise,.iq-reveal,.iq-success,.iq-check,.iq-success-badge,.iq-prep-ring,.iq-eyebrow .iq-dot{ animation:none!important;transition:none!important;opacity:1!important;transform:none!important} }