PageSourceSearch

https://barprephero.com/premium/

html barprephero.com collected 2026-09-28 11:40:28 UTC 642,945 bytes, 18,890 lines download raw bytes

1<!DOCTYPE html>
2<!-- BarPrepHero February 2027 one-time offer v1.1. Pricing/plan consistency and Memberful overlay fix, 2026-08-24. Based on index_bck30june.html. -->
3<html prefix="og: http://ogp.me/ns#" prefix="fb: http://www.facebook.com/2008/fbml#" lang="en">
4	<head>
5		<meta charset="utf-8">
6		<title>February 2027 Bar Prep | One Payment, Lifetime Access</title>
7		<!-- Reddit Pixel -->
8		
8<script>!function(w,d){if(!w.rdt){var p=w.rdt=function(){p.sendEvent?p.sendEvent.apply(p,arguments):p.callQueue.push(arguments)};p.callQueue=[];var t=d.createElement("script");t.src="https://www.redditstatic.com/ads/pixel.js",t.async=!0;var s=d.getElementsByTagName("script")[0];s.parentNode.insertBefore(t,s)}}(window,document);rdt('init','a2_gw8bmsk4v22h');rdt('track', 'PageVisit');</script>
8
9		<meta name="description" content="Prepare for the February 2027 legacy MBE or UBE. Full plans include 1,300+ NCBE-licensed questions, 600+ simulated questions, AI tutoring, lifetime access, and one-time payment.">
10
11		<meta property="og:title" itemprop="title" content="February 2027 Bar Prep | BarPrepHero">
12		<meta property="fb:app_id" content="317022108410523">
13		<meta property="og:description" itemprop="description" name="description" content="Real MBE practice, AI tutoring, and a clear plan for the February 2027 legacy bar exam. One payment. Lifetime access." />
14		<meta property="og:site_name" content="BarPrepHero">
15		<meta property="og:type" content="article">
16		<meta property="og:image" content="https://barprephero.com/wp-content/uploads/2019/06/social.png">
17		<meta property="og:image:secure_url" content="https://barprephero.com/wp-content/uploads/2019/06/social.png">
18		<meta property="og:url" content="https://barprephero.com/premium/">
19		<meta property="og:locale" content="en_us">
20
21		<meta name="twitter:card" content="summary_large_image">
22		<link rel="shortcut icon" href="https://barprephero.com/favicon.ico" type="image/x-icon">
23		
24		<meta http-equiv="x-dns-prefetch-control" content="on">
25		<link rel="dns-prefetch" href="https://driving-tests.org/">
26		<link rel="preconnect" href="https://driving-tests.org/">
27		<link rel="preconnect" href="https://fonts.googleapis.com">
28		<link rel="preconnect" href="https://fonts.gstatic.com">
29		<link rel="preconnect" href="https://bph.memberful.com">
30		<link rel="preconnect" href="https://js.stripe.com">
31		<link rel="preconnect" href="https://d1zgk03a9fsd43.cloudfront.net">
32		<link rel="preconnect" href="https://use.typekit.net">
33		<link rel="preconnect" href="https://cdnjs.cloudflare.com">
34
35
36<!-- BarPrepHero pricing analytics: February 2027 one-time offer -->
37<script crossorigin="anonymous" src="https://cdn.amplitude.com/libs/analytics-browser-2.11.1-min.js.gz"></script>
vendor: 1 bytes, line 37
37
38<script>
39(function () {
40  'use strict';
41
42  var OFFER = {
43    offer_version: 'feb_2027_one_time_v1',
44    exam_cycle: 'feb_2027',
45    billing_model: 'one_time',
46    page_type: 'pricing',
47    tracking_version: '2026-08-22.2'
48  };
49  var host = (window.location.hostname || '').toLowerCase();
50  var localDebug = window.location.protocol === 'file:' || host === '' || host === 'localhost' || host === '127.0.0.1';
51  var ready = false;
52  var queue = [];
53  var debugEvents = window.__bphAnalyticsDebug = window.__bphAnalyticsDebug || [];
54  var examDate = new Date('2027-02-23T00:00:00-05:00');
55
56  function referrerHost() {
57    if (!document.referrer) return 'direct';
58    try { return new URL(document.referrer).hostname || 'direct'; }
59    catch (_) { return 'unknown'; }
60  }
61
62  function deviceType() {
63    if (window.matchMedia && window.matchMedia('(max-width: 767px)').matches) return 'mobile';
64    if (window.matchMedia && window.matchMedia('(max-width: 1023px)').matches) return 'tablet';
65    return 'desktop';
66  }
67
68  function attribution() {
69    var params = new URLSearchParams(window.location.search);
70    return {
71      utm_source: params.get('utm_source') || undefined,
72      utm_medium: params.get('utm_medium') || undefined,
73      utm_campaign: params.get('utm_campaign') || undefined,
74      utm_content: params.get('utm_content') || undefined,
75      utm_term: params.get('utm_term') || undefined
76    };
77  }
78
79  function commonProps() {
80    var days = Math.max(0, Math.ceil((examDate.getTime() - Date.now()) / 86400000));
81    return Object.assign({}, OFFER, attribution(), {
82      page_path: window.location.pathname,
83      source: referrerHost(),
84      source_referrer: referrerHost(),
85      device_type: deviceType(),
86      days_to_exam: days,
87      promo_state: 'persistent'
88    });
89  }
90
91  function send(name, props) {
92    var payload = Object.assign({}, commonProps(), props || {});
93    if (localDebug) {
94      debugEvents.push({ name: name, properties: payload });
95      if (window.console && console.info) console.info('[BPH analytics]', name, payload);
96      return Promise.resolve();
97    }
98    if (ready && window.amplitude && typeof window.amplitude.track === 'function') {
99      return window.amplitude.track(name, payload);
100    }
101    queue.push([name, payload]);
102    return Promise.resolve();
103  }
104
105  function flush() {
106    if (!ready || !window.amplitude) return;
107    while (queue.length) {
108      var item = queue.shift();
109      window.amplitude.track(item[0], item[1]);
110    }
111  }
112
113  window.bphTrack = send;
114  window.dtTrack = send;
115
116  if (!localDebug && window.amplitude && typeof window.amplitude.init === 'function') {
117    window.amplitude.init('a163035e169716ddbc1ae5a7446d7385', {
118      defaultTracking: {
119        sessions: true,
120        pageViews: false,
121        fileDownloads: false,
122        formInteractions: false
123      },
124      transport: 'beacon',
125      cookieOptions: { domain: '.barprephero.com' }
126    });
127    ready = true;
128    if (window.amplitude.Identify) {
129      var identify = new window.amplitude.Identify();
130      identify.set('user_device', deviceType());
131      identify.set('user_status', 'free');
132      identify.set('product', 'barprephero');
133      window.amplitude.identify(identify);
134    }
135    flush();
136  }
137
138  function planProps(element) {
139    var url;
140    try { url = new URL(element.href); } catch (_) { url = null; }
141    return {
142      plan_key: element.getAttribute('data-plan-key') || undefined,
143      plan_id: element.getAttribute('data-plan-id') || undefined,
144      displayed_price: Number(element.getAttribute('data-displayed-price')) || undefined,
145      regular_price: Number(element.getAttribute('data-regular-price')) || undefined,
146      coupon_code: element.getAttribute('data-coupon') || undefined,
147      cta_location: element.getAttribute('data-cta-location') || 'pricing_card',
148      cta_text: (element.textContent || '').trim(),
149      destination_host: url ? url.hostname : undefined
150    };
151  }
152
153  function memberfulExamFormat(element) {
154    return element.getAttribute('data-plan-key') === 'full_bar'
155      ? 'legacy_ube'
156      : 'legacy_mbe';
157  }
158
159  function addMemberfulTracking(element) {
160    var checkoutUrl;
161    try { checkoutUrl = new URL(element.href); }
162    catch (_) { return; }
163
164    var amplitudeDeviceId;
165    var amplitudeSessionId;
166    if (!localDebug && window.amplitude) {
167      try {
168        if (typeof window.amplitude.getDeviceId === 'function') {
169          amplitudeDeviceId = window.amplitude.getDeviceId();
170        }
171        if (typeof window.amplitude.getSessionId === 'function') {
172          amplitudeSessionId = window.amplitude.getSessionId();
173        }
174      } catch (_) {}
175    }
176
177    if (amplitudeDeviceId) {
178      checkoutUrl.searchParams.set('mt_amplitude_device_id', amplitudeDeviceId);
179    }
180    if (amplitudeSessionId) {
181      checkoutUrl.searchParams.set('mt_amplitude_session_id', String(amplitudeSessionId));
182    }
183
184    checkoutUrl.searchParams.set('mt_offer_version', OFFER.offer_version);
185    checkoutUrl.searchParams.set('mt_exam_cycle', OFFER.exam_cycle);
186    checkoutUrl.searchParams.set('mt_exam_format', memberfulExamFormat(element));
187    checkoutUrl.searchParams.set('mt_plan_key', element.getAttribute('data-plan-key') || 'unknown');
188    checkoutUrl.searchParams.set('mt_coupon_code', element.getAttribute('data-coupon') || '');
189    checkoutUrl.searchParams.set('mt_cta_location', element.getAttribute('data-cta-location') || 'pricing_card');
190    checkoutUrl.searchParams.set('mt_displayed_price', element.getAttribute('data-displayed-price') || '');
191
192    var campaign = attribution();
193    ['utm_source', 'utm_medium', 'utm_campaign', 'utm_content', 'utm_term'].forEach(function (key) {
194      if (campaign[key]) checkoutUrl.searchParams.set(key, campaign[key]);
195    });
196
197    element.href = checkoutUrl.toString();
198  }
199
200  // Register before Memberful's own click handlers so the checkout URL already
201  // contains the anonymous Amplitude identity when Memberful reads it.
202  document.addEventListener('click', function (event) {
203    var checkout = event.target.closest && event.target.closest('.purchase-link');
204    if (checkout) addMemberfulTracking(checkout);
205  }, true);
206
207  document.addEventListener('DOMContentLoaded', function () {
208    Array.prototype.forEach.call(
209      document.querySelectorAll('.purchase-link'),
210      addMemberfulTracking
211    );
212
213    send('pricing_page_view');
214
215    document.addEventListener('click', function (event) {
216      var checkout = event.target.closest && event.target.closest('.purchase-link');
217      if (checkout) send('pricing_checkout_clicked', planProps(checkout));
218
219      var planChoice = event.target.closest && event.target.closest('.plan-choice-card');
220      if (planChoice) {
221        send('pricing_plan_selected', {
222          plan_key: planChoice.getAttribute('data-plan-key'),
223          cta_location: 'plan_guide',
224          cta_text: (planChoice.textContent || '').trim()
225        });
226      }
227
228      var pricingCta = event.target.closest && event.target.closest('a[data-pricing-cta]');
229      if (pricingCta) {
230        send('pricing_cta_clicked', {
231          cta_location: pricingCta.getAttribute('data-cta-location') || 'unknown',
232          cta_text: (pricingCta.textContent || '').trim()
233        });
234      }
235
236      var faqButton = event.target.closest && event.target.closest('#faq .toggler-title');
237      if (faqButton) {
238        window.setTimeout(function () {
239          if (faqButton.classList.contains('opened') && !faqButton.dataset.analyticsTracked) {
240            faqButton.dataset.analyticsTracked = 'true';
241            send('pricing_faq_opened', {
242              faq_id: faqButton.getAttribute('data-faq-id'),
243              faq_question: (faqButton.textContent || '').trim()
244            });
245          }
246        }, 0);
247      }
248    }, true);
249
250    var seenDepths = {};
251    var scrollQueued = false;
252    window.addEventListener('scroll', function () {
253      if (scrollQueued) return;
254      scrollQueued = true;
255      window.requestAnimationFrame(function () {
256        var height = Math.max(document.documentElement.scrollHeight - window.innerHeight, 1);
257        var depth = Math.min(100, Math.round((window.scrollY / height) * 100));
258        [25, 50, 75, 90].forEach(function (threshold) {
259          if (depth >= threshold && !seenDepths[threshold]) {
260            seenDepths[threshold] = true;
261            send('pricing_scroll_depth', { percent: threshold });
262          }
263        });
264        scrollQueued = false;
265      });
266    }, { passive: true });
267
268    function observeOnce(selector, eventName) {
269      var element = document.querySelector(selector);
270      if (!element || !('IntersectionObserver' in window)) return;
271      var observer = new IntersectionObserver(function (entries) {
272        entries.forEach(function (entry) {
273          if (!entry.isIntersecting) return;
274          send(eventName);
275          observer.disconnect();
276        });
277      }, { threshold: 0.35 });
278      observer.observe(element);
279    }
280
281    observeOnce('#price_plans', 'pricing_plans_viewed');
282    observeOnce('#pass-guarantee', 'pricing_guarantee_viewed');
283  });
284})();
285</script>
285
286
287<script>
288(function () {
289  return; // Disabled: duplicate legacy tracker used the removed getInstance API.
290  // ---------- tiny tracker wrapper ----------
291  (function setUpDtTrack(){
292    const Q = [];
293    function ready(){ return !!(window.amplitude && amplitude.getInstance); }
294    function baseProps(p){ return Object.assign({ path: location.pathname, host: location.hostname }, p||{}); }
295    function core(ev, props){ return amplitude.getInstance().track(ev, baseProps(props)); }
296    window.dtTrack = function(ev, props){
297      try {
298        if (ready()) return core(ev, props);
299        Q.push([ev, props]); 
300      } catch(_) {}
301      return Promise.resolve();
302    };
303    const t = setInterval(function(){
304      if (!ready()) return;
305      while (Q.length) { const [e,p] = Q.shift(); core(e,p); }
306      clearInterval(t);
307    }, 100);
308  })();
309
310  // ---------- helpers ----------
311  function unlockScroll() {
312    document.documentElement.style.overflow = '';
313    document.body.style.overflow = '';
314    document.documentElement.classList.remove('no-scroll','modal-open');
315    document.body.classList.remove('no-scroll','modal-open');
316    document.body.style.position = '';
317    document.body.style.height = '';
318  }
319  function ensureDisplay(el, show) {
320    if (!el.dataset.origDisplay) {
321      const d = getComputedStyle(el).display;
322      el.dataset.origDisplay = (d && d !== 'none') ? d : (el.tagName === 'SPAN' ? 'inline' : 'block');
323    }
324    if (show) {
325      el.style.display = el.dataset.origDisplay;
326      if (getComputedStyle(el).display === 'none') {
327        el.style.setProperty('display', el.dataset.origDisplay, 'important');
328      }
329      el.removeAttribute('aria-hidden');
330    } else {
331      el.style.setProperty('display', 'none');
332      el.setAttribute('aria-hidden', 'true');
333    }
334  }
335
336  function applyPersona(persona) {
337    try { localStorage.setItem('dt_persona', persona); } catch (_) {}
338    // user property (optional)
339    try {
340      if (window.amplitude && amplitude.Identify) {
341        const identify = new amplitude.Identify().set('persona', persona);
342        amplitude.getInstance().identify(identify);
343      }
344    } catch(_) {}
345
346    document.querySelectorAll('.filter').forEach(function (el) {
347      // ensureDisplay(el, el.classList.contains(persona));
348    });
349    document.documentElement.classList.add('selected');
350  }
351
352  // Hydrate persona on load
353  document.addEventListener('DOMContentLoaded', function(){
354    const saved = localStorage.getItem('dt_persona');
355    // if (saved) applyPersona(saved);
356  });
357
358  // ---------- overlay instrumentation ----------
359  document.addEventListener('DOMContentLoaded', function () {
360    const picker = document.querySelector('.full-screen-picker');
361    if (!picker) return;
362
363    const shownAt = Date.now();
364    dtTrack('LP Picker Shown', { deviceWidth: window.innerWidth });
365
366    // Ensure a Skip link exists (keeps your current UX)
367    (function ensureSkip(){
368      if (picker.querySelector('.picker-skip')) return;
369      const holder = picker.querySelector('.filter-content-buttons');
370      if (!holder) return;
371      const a = document.createElement('a');
372      a.href = '#';
373      a.className = 'picker-skip small text-muted d-block text-center mt-3';
374      a.textContent = 'Skip for now';
375      holder.appendChild(a);
376    })();
377
378    // SELECT
379    document.addEventListener('click', function (e) {
380      const btn = e.target.closest('.filter-content-btn');
381      if (!btn || !document.body.contains(picker)) return;
382
383      const persona = (btn.getAttribute('data-filter') || '').replace('.', '') || 'adult';
384      const tt = Date.now() - shownAt;
385
386      // applyPersona(persona);
387      // send, then tidy up
388      Promise.resolve(dtTrack('LP Picker Select', { persona: persona, ttMs: tt }))
389        .finally(function(){
390          unlockScroll();
391          picker.remove();
392        });
393    }, { passive: true });
394
395    // SKIP
396    document.addEventListener('click', function(e){
397      const skip = e.target.closest('.picker-skip');
398      if (!skip || !document.body.contains(picker)) return;
399      e.preventDefault();
400
401      const tt = Date.now() - shownAt;
402      // applyPersona('adult');  // default persona
403      Promise.resolve(dtTrack('LP Picker Skip', { ttMs: tt }))
404        .finally(function(){
405          unlockScroll();
406          picker.remove();
407        });
408    });
409
410    // ABANDON
411    document.addEventListener('visibilitychange', function () {
412      if (document.visibilityState === 'hidden' && document.body.contains(picker)) {
413        dtTrack('LP Picker Abandon', { ttMs: Date.now() - shownAt });
414      }
415    });
416
417    // TIMEOUT (30s)
418    setTimeout(function(){
419      if (document.body.contains(picker)) dtTrack('LP Picker Timeout 30s', { ttMs: Date.now() - shownAt });
420    }, 30000);
421  });
422})();
423</script>
423
424
425		<!-- Google Tag Manager -->
426		
426<script>
vendor: 343 bytes, lines 426-431
426
427			(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
428			new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
429			j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
430			'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
431			})(window,document,'script','dataLayer','
431GTM-WF3ZXXQ
vendor: 6 bytes, lines 431-432
431');
432		
432</script>
432
433		<!-- End Google Tag Manager -->
434			
435		<link rel="canonical" href="https://barprephero.com/premium/">
436		<meta name="p:domain_verify" content="0f55035222dda61bc02b31b6fa926f4f">
437
438		<meta http-equiv="X-UA-Compatible" content="IE=edge">
439		<meta name="viewport" content="width=device-width, initial-scale=1">
440
441		<link rel="stylesheet" href="//use.typekit.net/akm7jfr.css" media="all" onload="if(this.media!='all')this.media='all'">
442		<noscript><link rel="stylesheet" href="//use.typekit.net/akm7jfr.css"></noscript>
443			
444		
444<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js"></script>
444
445
446		<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 60 bytes, lines 446-447
446
447		<script async src="//www.googletagmanager.com/gtag/js?id=
447G-8NW3E2FX4S
vendor: 14 bytes, lines 447-448
447"></script>
448		
448<script>
449			window.dataLayer = window.dataLayer || [];
450			function gtag(){dataLayer.push(arguments);}
451			gtag('js', new Date());
452			gtag('config', 'G-8NW3E2FX4S', {'send_page_view': true, 'linker': {'domains': ['memberful.com']}});
453			gtag('config', 'AW-1020217735'); // google adwords
454		</script>
454
455
456		
456<script src="//script.tapfiliate.com/tapfiliate.js" type="text/javascript" async></script>
456
457		
457<script type="text/javascript">
458			(function(t,a,p){t.TapfiliateObject=a;t[a]=t[a]||function(){ (t[a].q=t[a].q||[]).push(arguments)}})(window,'tap');
459
460			tap('create', '12249-cf7f40', { integration: "javascript" });
461			tap('detect');
462		</script>
462
463
464		
464<script>
465			window['_fs_debug'] = false;
466			window['_fs_host'] = 'fullstory.com';
467			window['_fs_script'] = 'edge.fullstory.com/s/fs.js';
468			window['_fs_org'] = '32GH3';
469			window['_fs_namespace'] = 'FS';
470			(function(m,n,e,t,l,o,g,y){
471				if (e in m) {if(m.console && m.console.log) { m.console.log('FullStory namespace conflict. Please set window["_fs_namespace"].');} return;}
472				g=m[e]=function(a,b,s){g.q?g.q.push([a,b,s]):g._api(a,b,s);};g.q=[];
473				o=n.createElement(t);o.async=1;o.crossOrigin='anonymous';o.src='https://'+_fs_script;
474				y=n.getElementsByTagName(t)[0];y.parentNode.insertBefore(o,y);
475				g.identify=function(i,v,s){g(l,{uid:i},s);if(v)g(l,v,s)};g.setUserVars=function(v,s){g(l,v,s)};g.event=function(i,v,s){g('event',{n:i,p:v},s)};
476				g.anonymize=function(){g.identify(!!0)};
477				g.shutdown=function(){g("rec",!1)};g.restart=function(){g("rec",!0)};
478				g.log = function(a,b){g("log",[a,b])};
479				g.consent=function(a){g("consent",!arguments.length||a)};
480				g.identifyAccount=function(i,v){o='account';v=v||{};v.acctId=i;g(o,v)};
481				g.clearUserCookie=function(){};
482				g.setVars=function(n, p){g('setVars',[n,p]);};
483				g._w={};y='XMLHttpRequest';g._w[y]=m[y];y='fetch';g._w[y]=m[y];
484				if(m[y])m[y]=function(){return g._w[y].apply(this,arguments)};
485				g._v="1.3.0";
486			})(window,document,window['_fs_namespace'],'script','user');
487		</script>
487
488		<style>.onlyUnknown,.onlyTeenager,.onlyAdult,.onlyNewcomer,.onlySenior{display:none!important}.pUnknown .onlyUnknown{display:block!important}.pTeenager .onlyTeenager{display:block!important}.pAdult .onlyAdult{display:block!important}.pNewcomer .onlyNewcomer{display:block!important}.pSenior .onlySenior{display:block!important}.pUnknown .onlyUnknown.displayInline{display:inline!important}.pTeenager .onlyTeenager.displayInline{display:inline!important}.pAdult .onlyAdult.displayInline{display:inline!important}.pNewcomer .onlyNewcomer.displayInline{display:inline!important}.pSenior .onlySenior.displayInline{display:inline!important}.pUnknown .hideUnknown{display:none!important}.pTeenager .hideTeenager{display:none!important}.pAdult .hideAdult{display:none!important}.pNewcomer .hideNewcomer{display:none!important}.pSenior .hideSenior{display:none!important}</style>
489
490		<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
491		<!-- style.rv2.css removed - styles are inline -->
492		<link href="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.css" rel="stylesheet">
493		
494		
494<script defer data-domain="barprephero.com" src="//plausible.io/js/script.tagged-events.js"></script>
494
495		
496		<style>
497			*:not([class*="fa-"]) {
498				font-family: -apple-system, BlinkMacSystemFont, "proxima-nova", Arial, sans-serif;
499			}
500			
501			html {
502				box-sizing: border-box;
503				font-size: 16px;
504			}
505			
506			html, body {
507				width: 100vw;
508				overflow-x: hidden;
509			}
510
511			
512			body {
513				-webkit-font-smoothing: antialiased;
514				text-rendering: optimizeSpeed;
515			}
516
517			/* ========================================
518			   UNIFIED TYPOGRAPHY SYSTEM
519			   ======================================== */
520
521			/* Base text color */
522			body {
523				color: #374151;
524			}
525
526			/* Pre-titles / Eyebrows */
527			.pre-title {
528				font-size: 13px !important;
529				font-weight: 600 !important;
530				letter-spacing: 0 !important;
531				text-transform: none !important;
532				color: #64748b !important;
533				line-height: 1.4 !important;
534				margin-bottom: 12px !important;
535			}
536
537			/* Button links - no underline */
538			a.btn, a.btnPurchase, a.sec3_5_btn, a.purchase-link, .btn a, button a {
539				text-decoration: none !important;
540			}
541			a.btn:hover, a.btnPurchase:hover, a.sec3_5_btn:hover, a.purchase-link:hover {
542				text-decoration: none !important;
543			}
544
545			/* Centering fixes */
546			#mbe-demo .container,
547			#pass-guarantee .container,
548			.sec8_10 .container,
549			#customers-agree .container,
550			#professor-endorsements .container {
551				text-align: center;
552			}
553			#mbe-demo .container .pre-title,
554			#pass-guarantee .pre-title,
555			.sec8_10 .pre-title,
556			#customers-agree .pre-title,
557			#professor-endorsements .pre-title {
558				display: inline-block !important;
559				margin: 0 auto 12px !important;
560			}
561			#pass-guarantee .sec3_5_btn,
562			#pass-guarantee .pass-guarantee-badge {
563				margin-left: auto;
564				margin-right: auto;
565			}
566
567			/* Question counter spacing */
568			.try-me-label {
569				margin-bottom: 16px !important;
570				display: block;
571			}
572
573			/* === DEMO TEST ENHANCEMENTS === */
574			/* Improved try-me badge */
575			.atQuestionsWrp .try-me-label {
576				background: linear-gradient(135deg, #077aff 0%, #0ea5e9 100%) !important;
577				color: white !important;
578				border: none !important;
579				padding: 8px 18px !important;
580				font-size: 13px !important;
581				font-weight: 700 !important;
582				letter-spacing: 0.3px;
583				text-transform: uppercase;
584				box-shadow: 0 4px 12px rgba(7, 122, 255, 0.3);
585				animation: pulse-badge 2s ease-in-out infinite;
586			}
587			@keyframes pulse-badge {
588				0%, 100% { transform: scale(1); box-shadow: 0 4px 12px rgba(7, 122, 255, 0.3); }
589				50% { transform: scale(1.03); box-shadow: 0 6px 18px rgba(7, 122, 255, 0.45); }
590			}
591
592			/* Question card glow on hover */
593			.atQuestions {
594				transition: box-shadow 0.3s ease, transform 0.3s ease !important;
595			}
596			.atQuestions:hover {
597				box-shadow: 0 15px 40px rgba(7, 122, 255, 0.15) !important;
598				transform: translateY(-2px);
599			}
600
601			/* Answer hover enhancement */
602			.atQuestion:not(.answered) .atQAnswer {
603				transition: all 0.2s ease !important;
604				border: 2px solid transparent !important;
605			}
606			.atQuestion:not(.answered) .atQAnswer:hover {
607				background: linear-gradient(135deg, #eff6ff 0%, #f0f9ff 100%) !important;
608				border: 2px solid #bfdbfe !important;
609				transform: translateX(4px);
610			}
611
612			/* Correct answer celebration */
613			.atQuestion.answered .atQAnswer.correct {
614				animation: celebrate 0.5s ease-out !important;
615			}
616			@keyframes celebrate {
617				0% { transform: scale(1); }
618				30% { transform: scale(1.02); }
619				100% { transform: scale(1); }
620			}
621
622			/* AI Assistant widget enhancement */
623			.ai-assistant-widget {
624				transition: all 0.3s ease;
625			}
626			.ai-assistant-choice {
627				transition: all 0.2s ease !important;
628			}
629			.ai-assistant-choice:hover {
630				transform: translateY(-2px);
631			}
632
633			/* === GLOBAL DELIGHT & MICROANIMATIONS === */
634
635			/* CTA Button hover effects */
636			.sec3_5_btn, .btnPurchase, .herocta, a.btn-primary {
637				transition: all 0.25s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
638				position: relative;
639				overflow: hidden;
640			}
641			.sec3_5_btn:hover, .btnPurchase:hover, .herocta:hover, a.btn-primary:hover {
642				transform: translateY(-3px) scale(1.02) !important;
643				box-shadow: 0 12px 28px rgba(7, 122, 255, 0.35) !important;
644			}
645			.sec3_5_btn:active, .btnPurchase:active, .herocta:active, a.btn-primary:active {
646				transform: translateY(-1px) scale(0.98) !important;
647				transition-duration: 0.1s !important;
648			}
649
650			/* Link underline animation */
651			a[style*="text-decoration: underline"],
652			.section-subtitle a,
653			p a:not(.btn-primary):not(.sec3_5_btn) {
654				position: relative;
655				text-decoration: none !important;
656				background-image: linear-gradient(currentColor, currentColor);
657				background-size: 100% 1px;
658				background-position: 0 100%;
659				background-repeat: no-repeat;
660				transition: background-size 0.3s ease;
661			}
662			a[style*="text-decoration: underline"]:hover,
663			.section-subtitle a:hover,
664			p a:not(.btn-primary):not(.sec3_5_btn):hover {
665				background-size: 0% 1px;
666			}
667
668			/* Card hover lift effect */
669			[style*="border-radius: 16px"][style*="background: white"],
670			[style*="border-radius: 16px"][style*="background:#fff"],
671			[style*="border-radius: 20px"][style*="background: white"],
672			.feature-card, .stat-card, .professor-card {
673				transition: transform 0.3s ease, box-shadow 0.3s ease !important;
674			}
675			[style*="border-radius: 16px"][style*="background: white"]:hover,
676			[style*="border-radius: 20px"][style*="background: white"]:hover,
677			.feature-card:hover, .stat-card:hover {
678				transform: translateY(-4px) !important;
679				box-shadow: 0 16px 40px rgba(0,0,0,0.1) !important;
680			}
681
682			/* Smooth icon pulse on hover */
683			.stat-icon, [style*="width: 56px"][style*="height: 56px"],
684			[style*="width: 64px"][style*="height: 64px"] {
685				transition: transform 0.3s ease !important;
686			}
687			div:hover > .stat-icon,
688			div:hover > [style*="width: 56px"][style*="height: 56px"],
689			div:hover > [style*="width: 64px"][style*="height: 64px"] {
690				transform: scale(1.08) !important;
691			}
692
693	
694			/* Shimmer on CTA buttons hover */
695			.sec3_5_btn::before, .herocta::before {
696				content: '';
697				position: absolute;
698				top: 0;
699				left: -100%;
700				width: 100%;
701				height: 100%;
702				background: linear-gradient(90deg, transparent, rgba(255,255,255,0.25), transparent);
703				transition: left 0.5s ease;
704				pointer-events: none;
705			}
706			.sec3_5_btn:hover::before, .herocta:hover::before {
707				left: 100%;
708			}
709
710			/* Countdown pulse */
711			#hero-countdown, #sidebar-countdown {
712				animation: countdown-pulse 2s ease-in-out infinite;
713			}
714			@keyframes countdown-pulse {
715				0%, 100% { box-shadow: 0 2px 8px rgba(245, 158, 11, 0.2); }
716				50% { box-shadow: 0 4px 16px rgba(245, 158, 11, 0.35); }
717			}
718
719            @media (max-width: 991px) {
720                #hero-countdown {
721                    margin: 20px auto 20px !important;
722                }
723            }
724
725			/* Checkmark bounce on visible */
726			.checkmark, [style*="color: #22c55e"]::before {
727				transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
728			}
729
730			/* Price emphasis wiggle on hover */
731			.price-value, [style*="font-size: 56px"][style*="font-weight: 800"],
732			[style*="font-size: 48px"][style*="font-weight: 800"] {
733				display: inline-block;
734				transition: transform 0.3s ease;
735			}
736			.price-card:hover .price-value,
737			div:hover > [style*="font-size: 56px"][style*="font-weight: 800"] {
738				animation: price-wiggle 0.5s ease;
739			}
740			@keyframes price-wiggle {
741				0%, 100% { transform: rotate(0deg); }
742				25% { transform: rotate(-2deg); }
743				75% { transform: rotate(2deg); }
744			}
745
746			/* Smooth scroll for all anchor links */
747			html {
748				scroll-behavior: smooth;
749			}
750
751			/* Focus ring for accessibility with style */
752			a:focus-visible, button:focus-visible {
753				outline: 2px solid #077aff;
754				outline-offset: 3px;
755				border-radius: 4px;
756			}
757
758			/* H1 - Hero headlines */
759			h1, .heading-xlarge {
760				font-size: 52px;
761				font-weight: 800;
762				line-height: 1.08;
763				letter-spacing: -0.025em;
764				color: #111827;
765			}
766
767			/* H2 - Section headlines */
768			h2, .heading-large {
769				font-size: 40px;
770				font-weight: 800;
771				line-height: 1.12;
772				letter-spacing: -0.02em;
773				color: #111827;
774			}
775
776			/* H3 - Subsection headlines */
777			h3, .heading-medium {
778				font-size: 24px;
779				font-weight: 700;
780				line-height: 1.3;
781				letter-spacing: -0.01em;
782				color: #111827;
783			}
784
785			/* Body large - Intro paragraphs */
786			.job, .intro-text {
787				font-size: 19px !important;
788				font-weight: 400 !important;
789				line-height: 1.6 !important;
790				color: #374151 !important;
791				max-width: 640px;
792			}
793
794			/* Body - Standard paragraphs */
795			p {
796				font-size: 17px;
797				line-height: 1.65;
798				color: #374151;
799			}
800
801			/* Secondary text */
802			.text-secondary, .subline2 {
803				font-size: 15px !important;
804				line-height: 1.5 !important;
805				color: #6b7280 !important;
806			}
807
808			/* Caption / Small text */
809			.text-caption, small, .small {
810				font-size: 13px;
811				line-height: 1.5;
812				color: #6b7280;
813			}
814
815			/* Optimal line length for readability */
816			.job, p.job, .intro-text {
817				max-width: 640px;
818			}
819
820			/* ========================================
821			   MOBILE TYPOGRAPHY (max-width: 768px)
822			   ======================================== */
823			@media (max-width: 768px) {
824				.desktop-only {
825					display: none;
826				}
827				h1, .heading-xlarge {
828					font-size: 34px;
829					line-height: 1.1;
830					letter-spacing: -0.02em;
831				}
832
833				h2, .heading-large {
834					font-size: 28px;
835					line-height: 1.15;
836					letter-spacing: -0.015em;
837				}
838
839				h3, .heading-medium {
840					font-size: 20px;
841					line-height: 1.3;
842				}
843
844				.job, .intro-text {
845					font-size: 17px !important;
846					line-height: 1.55 !important;
847				}
848
849				p {
850					font-size: 16px;
851					line-height: 1.6;
852				}
853
854				.pre-title {
855					font-size: 13px !important;
856					letter-spacing: 0.02em !important;
857					text-transform: none !important;
858					margin-bottom: 10px !important;
859				}
860			}
861
862			/* ========================================
863			   SMALL MOBILE (max-width: 480px)
864			   ======================================== */
865			@media (max-width: 480px) {
866				h1, .heading-xlarge {
867					font-size: 30px;
868				}
869
870				h2, .heading-large {
871					font-size: 26px;
872				}
873
874				h3, .heading-medium {
875					font-size: 19px;
876				}
877
878				.job, .intro-text {
879					font-size: 16px !important;
880				}
881
882				p {
883					font-size: 15px;
884				}
885			}
886
887			/* ========================================
888			   END TYPOGRAPHY SYSTEM
889			   ======================================== */
890
891			.price-plan {
892				margin: 35px auto 15px !important;
893			}
894			@media (max-width: 565px) {
895				.price-plan {
896					margin-top: 20px !important;
897				}
898			}
899			.price-plan .total {
900				font-size: 30px;
901				line-height: 20px;
902				font-weight: 700;
903			}
904			.price-plan .usd:before {
905				content: '$';
906				font-size: 24px;
907				position: relative;
908				top: -10px;
909			}
910			.price-plan .perday {
911				font-weight: 700;
912		    font-size: 17px;
913		    color: #3B454E;
914		    background: #ecff99;
915		    padding: 2px 4px;
916			}
917			.price-plan .perday .new-price {
918				display: none;
919			}
920			
921			.new-price {
922				display: none;
923			}
924			.sale .new-price {
925				display: inline !important;
926			}
927			.sale .old-price {
928				text-decoration: line-through;
929                opacity: 0.8;
930			}
931			.sale .perday .old-price {
932				display: none;
933			}
934			.sale .price-plan .old-price {
935				color: #ff6767;
936			}
937			.sale .btnPurchase .old-price {
938				display: none;
939			}
940			
941			#price_plans .applied {
942				display: none;
943				font-size: 12px;
944				margin: 0 auto 10px;
945				color: #555;
946			}
947			@media (max-width: 768px) {
948				.sale #price_plans .applied {
949					display: block;
950				}
951			}
952			
953			.video-container button.close {
954					background: transparent;
955				box-shadow: none;
956				border: 0;}
957				
958				.container.heronav {max-width: 1400px;width: auto;}
959				span.examDate {
960				letter-spacing: 0;
961				text-transform: none;
962				background: none!important;
963				margin-right: 0;
964				transform: none;
965				display: block;
966				font-size: 1rem;
967				line-height: 30px;
968				padding: 0px 15px;
969				font-weight: 600;
970				text-decoration: none;
971				border: 0;
972				float: right;
973				transition: transform .3s ease-out;
974				margin-left: auto;
975			}
976			
977			sup {
978				top: -.7em;
979				font-size: 50%;
980				line-height: 0;
981				position: relative;
982				vertical-align: baseline;
983				color: #85858b;
984				left: .2em;
985			}
986			  
987			   h2 {
988					font-weight: 800;
989					text-align: left;
990					line-height: 1.12;
991					color: #111827;
992					font-size: 40px;
993					letter-spacing: -0.02em;
994				}
995				
996			.intercomLoading {
997				display:inline-block;
998				position:relative;
999				top: -5px;
1000				left: 5px;
1001				margin: -10px 0;
1002				background:url(/wp-content/themes/showtime/images/spinner20px.gif) 50% 50% no-repeat;
1003				width:20px;
1004				height:20px;
1005			}
1006			
1007			.text-nowrap {
1008				white-space: nowrap;
1009			}
1010
1011			a.sec3_5_btn.blue.btnPurchase:hover {
1012				opacity: 1;
1013				background: #107aff !important;
1014				box-shadow: 4px 4px 15px 0 rgba(0,0,0,.09);
1015				transform: translateY(-3px);
1016			}
1017
1018			.sec7_13 {
1019				padding-bottom: 60px;
1020				background-color: #fff;
1021				background-position: top center;
1022				background-repeat: no-repeat;
1023				background-size: cover;
1024			}
1025
1026			.header11_text p a.btn:hover {background-color: #107aff;}
1027			.pnlm-container {background:#000;}
1028			.pnlm-about-msg {display:none!important;}
1029			.pnlm-load-button {display:none;}
1030			#content .pnlm-load-box p {color:#fff;}
1031
1032			.with360Img #at360degree {/*height:420px;*/height:auto;width:100%;padding-bottom:38.89%;    margin-bottom: 40px;}
1033
1034			.atW1100.with360Img #atCellsT, .atW1100.withAnimImg #atCellsT {margin:10px;}
1035
1036			#at360degree .animated-info {
1037				position: absolute;
1038				bottom: 15px;
1039				left: 50%;
1040				background: rgba(0,0,0,0.5);
1041				padding: 4px 10px;
1042				border-radius: 3px;
1043				color: #fff;
1044				font-size: 0.9em;
1045				font-weight: 500;
1046				margin: 0 0 0 -86px;
1047				text-align: center;
1048				white-space: nowrap;
1049				-webkit-tap-highlight-color: transparent;
1050			}
1051			#at360degree .animated-info img {
1052				position: absolute;
1053				top: -38px;
1054				left: 50%;
1055				width: 50px;
1056				height: 50px;
1057				margin: 0 0 0 -25px;
1058			}
1059
1060			@-webkit-keyframes pulse {
1061				0% {
1062					-webkit-transform: scale(1);
1063					transform: scale(1);
1064					border-color: rgba(255,255,255,.55);
1065				}
1066
1067				100% {
1068					-webkit-transform: scale(1.4);
1069					transform: scale(1.4);
1070					border-color: rgba(255,255,255,0);
1071				}
1072			}
1073			@-moz-keyframes pulse {
1074				0% {
1075					-webkit-transform: scale(1);
1076					transform: scale(1);
1077					border-color: rgba(255,255,255,.55);
1078				}
1079
1080				100% {
1081					-webkit-transform: scale(1.4);
1082					transform: scale(1.4);
1083					border-color: rgba(255,255,255,0);
1084				}
1085			}
1086			@keyframes pulse {
1087				0% {
1088					-webkit-transform: scale(1);
1089					transform: scale(1);
1090					border-color: rgba(255,255,255,.55);
1091				}
1092
1093				100% {
1094					-webkit-transform: scale(1.4);
1095					transform: scale(1.4);
1096					border-color: rgba(255,255,255,0);
1097				}
1098			}
1099
1100			@-webkit-keyframes pulse2 {
1101				0% {
1102					-webkit-transform: scale(1);
1103					transform: scale(1);
1104					border-color: rgba(255,255,255,.55);
1105				}
1106
1107				100% {
1108					-webkit-transform: scale(1.4);
1109					transform: scale(1.4);
1110					border-color: rgba(255,255,255,0);
1111				}
1112			}
1113			@-moz-keyframes pulse2 {
1114				0% {
1115					-webkit-transform: scale(1.1);
1116					transform: scale(1.1);
1117					border-color: rgba(255,255,255,.55);
1118				}
1119
1120				100% {
1121					-webkit-transform: scale(1.5);
1122					transform: scale(1.5);
1123					border-color: rgba(255,255,255,0);
1124				}
1125			}
1126			@keyframes pulse2 {
1127				0% {
1128					-webkit-transform: scale(1.1);
1129					transform: scale(1.1);
1130					border-color: rgba(255,255,255,.55);
1131				}
1132
1133				100% {
1134					-webkit-transform: scale(1.5);
1135					transform: scale(1.5);
1136					border-color: rgba(255,255,255,0);
1137				}
1138			}
1139
1140				.sec5_10_link {
1141				display: inline-block;
1142				margin: 30px 0 0;
1143			}
1144			.animation-wrapper {position:relative;width:100%;box-shadow:0 10px 25px rgba(0,0,0,0.15);}
1145			#atImageAnim {display:none;}
1146			.withAnimImg #atImageAnim {display:block;}
1147			.atResult #atImageAnim {display:none;}
1148			.animation {width:100%;height:100%;}
1149
1150			#atImageAnim.initialized {visibility:hidden;cursor:default;margin-bottom:20px;}
1151			#atImageAnim.loaded {visibility:visible;overflow:hidden;/*margin-bottom:20px;*/}
1152			#atImageAnim.loaded {/*height:auto!important;*/}
1153
1154			#atImageAnim.beforePlaying, #atImageAnim.playing, #atImageAnim.paused {cursor:pointer;}
1155
1156			#atImageAnim .anima
1156tion {width:100%;height:auto;}
1157			#atImageAnim .animation {/*padding-bottom:55.049%;*/padding-bottom:38.89%;}
1158			#atImageAnim .animation svg {position:absolute;}
1159
1160			#atImageAnim.loaded {max-height:420px!important;}
1161			#atImageAnim .animation svg {height:auto!important;max-height:600px;left:0;top:auto;bottom:0;}
1162
1163			/*#atImageAnim .animation {width:940px;height:517px;height:517.47px;}
1164			.atW1100 #atImageAnim .animation {width:1080px;height:598px;height:597.53px;}*/
1165
1166			.play-btn {
1167				display: none;
1168				opacity: 0;
1169				width: 80px;
1170				height: 80px;
1171				background: #fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNIDYgMyBBIDEgMSAwIDAgMCA1IDQgQSAxIDEgMCAwIDAgNSA0LjAwMzkwNjIgTCA1IDE1IEwgNSAyNS45OTYwOTQgQSAxIDEgMCAwIDAgNSAyNiBBIDEgMSAwIDAgMCA2IDI3IEEgMSAxIDAgMCAwIDYuNTgwMDc4MSAyNi44MTI1IEwgNi41ODIwMzEyIDI2LjgxNDQ1MyBMIDI2LjQxNjAxNiAxNS45MDgyMDMgQSAxIDEgMCAwIDAgMjcgMTUgQSAxIDEgMCAwIDAgMjYuMzg4NjcyIDE0LjA3ODEyNSBMIDYuNTgyMDMxMiAzLjE4NTU0NjkgTCA2LjU4MDA3ODEgMy4xODU1NDY5IEEgMSAxIDAgMCAwIDYgMyB6Ij48L3BhdGg+PC9zdmc+Cg==) no-repeat 50% 50%;
1172			/*    background-size: 35%;*/
1173				background-size: 40%;
1174				background-position: 55% 50%;
1175				position: absolute;
1176				top: 50%;
1177				left: 50%;
1178				margin-top: -40px;
1179				margin-left: -40px;
1180				border-radius: 50%;
1181				box-shadow: 0 10px 25px rgba(0,0,0,0.15);
1182				cursor: pointer;
1183				transition: all .3s ease-in-out;
1184			}
1185			.animation-wrapper:hover .play-btn {transform:scale(1.2);}
1186
1187			#atImageAnim.beforePlaying .play-btn {display:block;opacity:1;}
1188
1189			.replay-btn {
1190				display: none;
1191				opacity: 0;
1192				width: 60px;
1193				height: 60px;
1194				background: #fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBzdHlsZT0iYmxvY2stcHJvZ3Jlc3Npb246dGI7aXNvbGF0aW9uOmF1dG87bWl4LWJsZW5kLW1vZGU6bm9ybWFsIiBkPSJNIDE1IDMgQyA4LjUxNzcyOTQgMyAzLjIzMDM0MDIgOC4xNzM0MTcyIDMuMDE5NTMxMiAxNC42MDU0NjkgTCAxLjcwNzAzMTIgMTMuMjkyOTY5IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAwLjk5MDIzNDM4IDEyLjk5MDIzNCBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMC4yOTI5Njg3NSAxNC43MDcwMzEgTCA0IDE4LjQxNDA2MiBMIDcuNzA3MDMxMiAxNC43MDcwMzEgQSAxLjAwMDEgMS4wMDAxIDAgMSAwIDYuMjkyOTY4OCAxMy4yOTI5NjkgTCA1LjAyMTQ4NDQgMTQuNTY0NDUzIEMgNS4yNTAzNzE0IDkuMjM0ODIyNiA5LjYxMjY3MzQgNSAxNSA1IEMgMjAuNTM0NTM0IDUgMjUgOS40NjU0NjY0IDI1IDE1IEMgMjUgMjAuNTM0NTM0IDIwLjUzNDUzNCAyNSAxNSAyNSBDIDExLjk3NTE4MSAyNSA5LjI3NjA2NyAyMy42NjM2NDUgNy40NDE0MDYyIDIxLjU0ODgyOCBBIDEuMDAwMSAxLjAwMDEgMCAxIDAgNS45MzE2NDA2IDIyLjg1OTM3NSBDIDguMTMwOTc5OSAyNS4zOTQ1NTggMTEuMzg0ODE5IDI3IDE1IDI3IEMgMjEuNjE1NDY2IDI3IDI3IDIxLjYxNTQ2NiAyNyAxNSBDIDI3IDguMzg0NTMzNiAyMS42MTU0NjYgMyAxNSAzIHogTSAxMi41OTk2MDkgMTAuNDMxNjQxIEMgMTIuMjg0MTg3IDEwLjQ0MTAxNiAxMiAxMC42OTYzMjggMTIgMTEuMDQ4ODI4IEwgMTIgMTguOTUzMTI1IEMgMTIgMTkuNDIyMTI1IDEyLjUwNTAxNiAxOS43MTkyMzQgMTIuOTE2MDE2IDE5LjQ5MDIzNCBMIDIwLjIwMzEyNSAxNS40NDMzNTkgQyAyMC41NTAxMjUgMTUuMjUwMzU5IDIwLjU1MDEyNSAxNC43NDk2NDEgMjAuMjAzMTI1IDE0LjU1NjY0MSBMIDEyLjkxNjAxNiAxMC41MDk3NjYgQyAxMi44MTMyNjYgMTAuNDUyNzY2IDEyLjcwNDc1IDEwLjQyODUxNiAxMi41OTk2MDkgMTAuNDMxNjQxIHoiPjwvcGF0aD48L3N2Zz4=) no-repeat 50% 50%;
1195				background-size: 80%;
1196				background-position: center;
1197				position: absolute;
1198				top: 20px;
1199				right: 20px;
1200				border-radius: 50%;
1201				box-shadow: 0 10px 25px rgba(0,0,0,0.15);
1202				cursor: pointer;
1203				transition: opacity 0.3s;
1204			}
1205
1206			#atImageAnim.loaded .replay-btn {display:block;opacity:1;}
1207			#atImageAnim.beforePlaying .replay-btn {display:none;}
1208
1209			#atImageAnim.playing .replay-btn {background:#fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMzBweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMzU3IDM1NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzU3IDM1NzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGQ9Ik0yNS41LDM1N2gxMDJWMGgtMTAyVjM1N3ogTTIyOS41LDB2MzU3aDEwMlYwSDIyOS41eiIgZmlsbD0iIzAwMCIvPjwvc3ZnPg==) no-repeat 50% 50%;background-size:40%;}
1210			#atImageAnim.paused .replay-btn {background:#fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNIDYgMyBBIDEgMSAwIDAgMCA1IDQgQSAxIDEgMCAwIDAgNSA0LjAwMzkwNjIgTCA1IDE1IEwgNSAyNS45OTYwOTQgQSAxIDEgMCAwIDAgNSAyNiBBIDEgMSAwIDAgMCA2IDI3IEEgMSAxIDAgMCAwIDYuNTgwMDc4MSAyNi44MTI1IEwgNi41ODIwMzEyIDI2LjgxNDQ1MyBMIDI2LjQxNjAxNiAxNS45MDgyMDMgQSAxIDEgMCAwIDAgMjcgMTUgQSAxIDEgMCAwIDAgMjYuMzg4NjcyIDE0LjA3ODEyNSBMIDYuNTgyMDMxMiAzLjE4NTU0NjkgTCA2LjU4MDA3ODEgMy4xODU1NDY5IEEgMSAxIDAgMCAwIDYgMyB6Ij48L3BhdGg+PC9zdmc+Cg==) no-repeat 50% 50%;}
1211
1212			#atImageAnim.completed .replay-btn {display:block;opacity:1;}
1213
1214			.play-pulse {
1215				border-radius: 10rem;
1216				border: 3px solid rgba(255,255,255,0);
1217				-webkit-animation-name: pulse;
1218				animation-name: pulse;
1219				-webkit-animation-duration: 3.2s;
1220				animation-duration: 3.2s;
1221				-webkit-animation-timing-function: ease-out;
1222				animation-timing-function: ease-out;
1223				-webkit-animation-iteration-count: infinite;
1224				animation-iteration-count: infinite;
1225				-webkit-animation-play-state: running;
1226				animation-play-state: running;
1227				position: absolute;
1228				left: 0;
1229				right: 0;
1230				top: 0;
1231				bottom: 0;
1232			}
1233			/*
1234			.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,
12340,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;/*top:3px*/;left:0;display:block;margin-left:auto;margin-right:auto;/*margin-bottom:5px*/}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}@font-face{font-family:'slick';font-weight:normal;font-style:normal;src:url('/f/slick.eot');src:url('/f/slick.eot?#iefix') format('embedded-opentype'),url('/f/slick.woff') format('woff'),url('/f/slick.ttf') format('truetype'),url('/f/slick.svg#slick') format('svg')}.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:0;outline:0;background:transparent}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:0;background:transparent}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}.slick-prev:before,.slick-next:before{font-family:'slick';font-size:20px;line-height:1;opacity:.75;color:#111;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir='rtl'] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'←'}[dir='rtl'] .slick-prev:before{content:'→'}.slick-next{right:-25px}[dir='rtl'] .slick-next{right:auto;left:-25px}.slick-next:before{content:'→'}[dir='rtl'] .slick-next:before{content:'←'}.slick-dots{display:block;width:100%;padding:0;margin:8px 0 32px;margin:2vw 0 1vh;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;width:5vw;height:20px;height:5vw;margin:0;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;margin:0 auto;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:transparent}.slick-dots li button:hover,.slick-dots li button:focus{outline:0}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{font-family:'slick';font-size:6px;line-height:20px;position:absolute;top:0;left:50%;margin-left:-10px;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#07c;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
1235			.slick-dots li.slick-active button:before{opacity:.75;color:#07c}
1236			*/
1237			.feature_items{font-weight:300;font-size:1em;line-height:26px;color:#6b7c93;padding:0}.feature_items .subtitle{color:#8d949a;font-size:.75em;margin-bottom:5px}.feature_items p{font-weight:400;color:#000;margin:0;font-size:1em;line-height:1.5}.subtitle{font-size:13px;text-transform:uppercase;color:#8d949a;opacity:.8;letter-spacing:.6px}.feature_items h3{font-weight:700;font-size:1.33em;line-height:1.2;margin:0 0 8px;color:#000;text-transform:none;}.slick-initialized{visibility:visible}
1238			/*.slick-initialized .slick-slide{display:block;position:relative;border-radius:20px;background-color:#fff;-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;box-shadow:0 2px 8px 0 rgba(0,0,0,.1);margin:0 7px 35px;box-shadow: 10px 10px 30px rgba(0,0,0,0.3);}
1239			.inner_item{width:100%;padding:16px;max-width:100%;margin:0;padding:0px;max-width:100%;margin:0;min-height:180px}*/
1240			.slick-list{padding:0 20px; overflow: inherit;}
1241			.feature_item{padding:0}
1242
1243			.feature_item figure {margin:0;}
1244			.feature_item figure img {max-width:255px;height:auto;display:inline;margin:0;padding:0;border-radius: 6px;}
1245
1246			.slick-prev, .slick-next {display:none!important;}
1247
1248			.clear {clear:both; line-height:0; font-size:0; height:0; height:0.0000001px; /*zoom:1;*/}
1249
1250			.clearfix {
1251				*zoom: 1;
1252			}
1253			.clearfix:before,
1254			.clearfix:after {
1255				display: table;
1256				content: "";
1257				line-height: 0;
1258				font-size: 0;
1259				height: 0;
1260				height: 0.0000001px;
1261			}
1262			.clearfix:after {clear:both;}
1263			.clearfix::after {display:block;}
1264
1265			.wCurveLine {position:relative;white-space:nowrap;}
1266			.curveLine {display:block;position:absolute;bottom:-16px;left:-12px;right:-12px;width:auto;height:15px;border:solid 2px #bbb;border-color:#bbb transparent transparent transparent;-webkit-border-radius:192%/30px 30px 0 0;-moz-border-radius:192%/30px 30px 0 0;-ms-border-radius:192%/30px 30px 0 0;border-radius:192%/30px 30px 0 0;}
1267
1268			.atAnimated {
1269				-webkit-animation-duration: 1s;
1270				animation-duration: 1s;
1271				-webkit-animation-fill-mode: both;
1272				animation-fill-mode: both;
1273			}
1274
1275			@-webkit-keyframes fadeIn {
1276			  from {
1277				opacity: 0;
1278			  }
1279
1280			  to {
1281				opacity: 1;
1282			  }
1283			}
1284
1285			@keyframes fadeIn {
1286			  from {
1287				opacity: 0;
1288			  }
1289
1290			  to {
1291				opacity: 1;
1292			  }
1293			}
1294
1295			.fadeIn {
1296				-webkit-animation-name: fadeIn;
1297				animation-name: fadeIn;
1298			}
1299
1300			@-webkit-keyframes rotate {
1301			  to {-webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
1302			}
1303			@keyframes rotate {
1304			  to {transform:rotate(-45deg);}
1305			}
1306
1307			@-webkit-keyframes checkbox1 {
1308			  to {-webkit-transform:scale(1); transform:scale(1);}
1309			}
1310			@keyframes checkbox1 {
1311			  to { transform:scale(1);}
1312			}
1313			@-webkit-keyframes checkbox2 {
1314			  to {-webkit-transform:scale(1) rotate(90deg); transform:scale(1) rotate(90deg);}
1315			}
1316			@keyframes checkbox2 {
1317			  to { transform:scale(1) rotate(90deg);}
1318			}
1319
1320			@-webkit-keyframes pulseForBtnListen {
1321			0% {opacity:1;-webkit-transform:scale(1);transform:scale(1);}
1322			80% {opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5);}
1323			100% {opacity:0;-webkit-transform:scale(1.8);transform:scale(1.8);}
1324			}
1325			@keyframes pulseForBtnListen {
1326			0% {opacity:1;transform:scale(1);}
1327			80% {opacity:0;transform:scale(1.5);}
1328			100% {opacity:0;transform:scale(1.8);}
1329			}
1330
1331			.atClear {clear:both; line-height:0; font-size:0; height:0; height:0.0000001px; /*zoom:1;*/}
1332
1333			.atLoading {}
1334
1335			.atLoader {display:none;}
1336			.atLoading .atLoader {display:block;}
1337
1338			.atBtnListen {position:relative;display:none;width:2em;height:2em;font-size:0;line-height:1;cursor:pointer;}
1339			.atBtnListen audio {display:block;position:absolute;top:0;bottom:0;left:0;right:0;}
1340			.atBtnListen .groupPause {display:none;}
1341			.atBtnListen.pause .groupPlay {display:none;}
1342			.atBtnListen.pause .groupPause {display:block;}
1343			.voiceOverOn .atBtnListen {display:block;}
1344
1345			.atBtnListen.loading:after {content:"";display:block;width:32px;height:32px;border-radius:50%;border:3px solid #3667f6;position:absolute;top:0;left:0;-webkit-animation:pulseForBtnListen 2s ease 0s infinite;animation:pulseForBtnListen 2s ease 0s infinite;}
1346			.atQHint .atBtnListen.loading:after, .atQExplanation .atBtnListen.loading:after {width:25px;height:25px;}
1347
1348			.atQuestionsWrp {position:relative;margin:0 auto;display:block;max-width:1120px;}
1349			.atQuestionsWrp .try-me-label {
1350				display: inline-block;
1351				padding: 5px 14px 6px;
1352				background-color: #FFF;
1353				color: #111;
1354				font-size: 15px;
1355				position: absolute;
1356				top: 16px;
1357				right: 16px;
1358				border-radius: 50px;
1359				z-index: 1000;
1360				font-weight: 600;
1361				border: 1px solid #999;
1362			}
1363			.atQuestions {position:relative;padding:25px 40px;max-width:920px;background:#fff;font-size:13px;font-weight:500;text-align:left;-webkit-font-smoothing:auto;/*border:1px solid #fafafa;*/-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;border-radius:30px;-webkit-box-shadow:0 10px 25px rgba(0, 0, 0, 0.15);box-shadow:0 10px 25px rgba(0, 0, 0, 0.15);z-index:999;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;}
1364			.ie .atQuestions {box-shadow:0 5px 25px rgba(0, 0, 0, 0.15);}
1365
1366			.atQuestions svg:not(:root) {overflow:hidden;}
1367			.atQuestion {display:none;}
1368			.atQuestion.active {display:block;}
1369			.atQText {position:relative;margin:.769233em 0 .3846165em;color:#000;text-align:left;font-weight:600;font-size:2.23077em;line-height:1.23077;padding-right:100px;padding-top:32px;}
1370			.atQText .atBtnListen {float:right;margin:0 0 0 15px;font-size:.55173em;}
1371			.atImgHelper {display:inline-block;height:100%;vertical-align:middle;}
1372			.atQImage {
1373				position: relative;
1374				white-space: nowrap;
1375			/*	background: url(/wp-content/themes/showtime/images/spinner20px.gif) 50% 50% no-repeat;*/
1376				width: auto;
1377				margin: 0 6px 6px;
1378			/*	cursor: pointer;
1379				cursor: -webkit-zoom-in;
1380				cursor: -moz-zoom-in;
1381				cursor: -o-zoom-in;
1382				cursor: zoom-in;*/
1383			}
1384			.withImage .atQImage {margin:20px auto 30px;width:155px;max-width:155px;min-height:155px;text-align:center;}
1385			.atQImage img {border:0;max-width:155px;max-height:155px;vertical-align:middle;}
1386
1387			.atQCoverImage {-webkit-border-radius:30px 30px 0 0;-moz-border-radius:30px 30px 0 0;-ms-border-radius:30px 30px 0 0;border-radius:30px 30px 0 0;overflow: hidden;}
1388			.withCoverImage .atQCoverImage {margin:-25px -40px 20px;}
1389			.atQCoverImage img {width:100%;height:auto;}
1390
1391			.atQAnswers {}
1392			.atQAnswer {
1393				position: relative;
1394				min-height: 37px;
1395				height: auto;
1396				background: 0;
1397				border: 0;
1398				margin-bottom: 7px;
1399				padding: 0 15px;
1400				cursor: pointer;
1401				-webkit-border-radius: 4px;
1402				-moz-border-radius: 4px;
1403				border-radius: 4px;
1404				-webkit-touch-callout: none;
1405				-webkit-tap-highlight-color: rgba(0,0,0,0);
1406			}
1407			.atQAnswer {outline:0;}
1408			.atQuestion:not(.answered) .atQAnswer:hover {background:#edf1fb;}
1409
1410			.atQAnswer .atInnerOut {position:relative;min-height:37px;height:auto;margin:0;}
1411			.atQAnswer .atInner {padding:.64706em 0 .64706em 2.05883em;color:#111;font-size:1.4em;}
1412
1413			.atQAnswer i.iDot {
1414				display: none;
1415				position: absolute;
1416				box-sizing: border-box;
1417				background: #fff;
1418				width: 1.539em;
1419				height: 1.539em;
1420				left: 0;
1421				top: 50%;
1422				margin-top: -.84615em;
1423				border: .15em solid #3e6ff4;
1424				-webkit-transition: border-width .25s ease-out;
1425				-o-transition: border-width .25s ease-out;
1426				transition: border-width .25s ease-out;
1427				-webkit-border-radius: 50%;
1428				-moz-border-radius: 50%;
1429				-ms-border-radius: 50%;
1430				-o-border-radius: 50%;
1431				border-radius: 50%;
1432			}
1433			.ie .atQAnswer i.iDot, .safari .atQAnswer i.iDot {display:block!important;}
1434
1435			.atQAnswer.correct i.iDot, .atQAnswer.correct:hover i.iDot {
1436				background-color: #6b9f1a;
1437				-webkit-animation: rotate .2s ease-out;
1438				-webkit-animation-fill-mode: forwards;
1439				animation: rotate .2s ease-out;
1440				animation-fill-mode: forwards;
1441				border-radius: 1px;
1442				border-width: 0 !important;
1443				-webkit-transition: none;
1444				-o-transition: none;
1445				transition: none
1446			}
1447
1448			.atQAnswer.correct i.iDot:before {
1449				content: ' ';
1450				position: absolute;
1451				display: inline-block;
1452				width: .154em;
1453				height: .616em;
1454				background-color: #fff;
1455				top: .616em;
1456				left: .187em;
1457				-webkit-transform: scale(0);
1458				transform: scale(0);
1459				-webkit-border-radius: 10px;
1460				border-radius: 10px;
1461			}
1462
1463			.atQAnswer.correct i.iDot:after {
1464				content: ' ';
1465				width: 2px;
1466				height: 18px;
1467				background-color: #fff;
1468				display: inline-block;
1469				position: absolute;
1470				top: -1px;
1471				left: 1px;
1472				-webkit-transform: scale(0) rotate(90deg);
1473				-webkit-transform-origin: 100% 100%;
1474				transform: scale(0) rotate(90deg);
1475				transform-origin: 100% 100%;
1476				-webkit-border-radius: 10px;
1477				border-radius: 10px;
1478				z-index: 1;
1479			}
1480
1481			.atQAnswer.correct i.iDot:before, .atQAnswer.correct:hover i.iDot:before {
1482				-webkit-animation: checkbox1 0.15s linear;
1483				-webkit-animation-fill-mode: forwards;
1484				animation: checkbox1 0.15s linear;
1485				animation-fill-mode: forwards;
1486			}
1487			.atQAnswer.correct i.iDot:after, .atQAnswer.correct:hover i.iDot:after {
1488				-webkit-animation: checkbox2 0.25s cubic-bezier(.44,.32,.1,.89);
1489				-webkit-animation-fill-mode: forwards;
1490				-webkit-animation-delay: 0.15s;
1491				animation: checkbox2 0.25s cubic-bezier(.44,.32,.1,.89);
1492				animation-fill-mode: forwards;
1493				animation-delay: 0.15s;
1494			}
1495
1496			.atQAnswer svg {
1497				position: absolute;
1498				display: block;
1499				box-sizing: border-box;
1500				width: 1.539em;
1501				height: 1.539em;
1502				left: 0;
1503				top: 50%;
1504				margin-top: -.84615em;
1505				overflow: hidden;
1506				-webkit-border-radius: 50%;
1507				-moz-border-radius: 50%;
1508				-ms-border-radius: 50%;
1509				-o-border-radius: 50%;
1510				border-radius: 50%;
1511			}
1512			.ie .atQAnswer svg, .safari .atQAnswer svg {display:none!important;}
1513
1514			.atQAnswer svg .rect {will-change:transform;}
1515
1516			.atQuestion:not(.answered) .atQAnswer svg .rect {
1517				stroke-width: 10%;
1518				stroke: #3667f6;
1519
1520				-webkit-transition: stroke-width .25s ease-out;
1521				-moz-transition: stroke-width .25s ease-out;
1522				-ms-transition: stroke-width .25s ease-out;
1523				-o-transition: stroke-width .25s ease-out;
1524				transition: stroke-width .25s ease-out;
1525			}
1526			.atQuestion:not(.answered) .atQAnswer:hover svg .rect {stroke-width:60%;}
1527
1528			.atQAnswer svg .check {display:none;}
1529
1530			.atQAnswer.correct svg {
1531				overflow: visible !important;
1532				-webkit-border-radius: 0;
1533				-moz-border-radius: 0;
1534				-ms-border-radius: 0;
1535				-o-border-radius: 0;
1536				border-radius: 0;
1537			}
1538
1539			.atQAnswer.correct svg .rect {
1540				-webkit-transform-origin: center;
1541				transform-origin: center;
1542				-webkit-animation: rotate .4s ease-in-out;
1543				-webkit-animation-fill-mode: forwards;
1544				animation: rotate .4s ease-in-out;
1545				animation-fill-mode: forwards;
1546			}
1547
1548			.atQAnswer.correct svg .check {
1549				display: block;
1550				-webkit-transform: scale(1) translate(12px,40px);
1551				transform: scale(1) translate(12px,40px);
1552				stroke-width: 15;
1553			}
1554
1555			.atQACorrect {}
1556			.atBtnHint {display:inline-block;font-size:1.15385em;line-height:1em;cursor:pointer;}
1557			.atQHint {position:relative;display:none;padding:10px 0;font-size:1.15385em;line-height:1em;color:#aaa;}
1558			.atQExplanation {position:relative;display:none;padding:10px 0;
1558font-size:1.230772em;color:#545454;}
1559			.atQHint.show {display:block;}
1560
1561			.voiceOverOn .atQHint,
1562			.voiceOverOn .atQExplanation {padding-left:37px;}
1563
1564			.atQHint .atBtnListen, .atQExplanation .atBtnListen {
1565				position: absolute;
1566				left: 0;
1567				top: 10px;
1568				margin: 0;
1569				width: 25px;
1570				height: 25px;
1571			}
1572
1573			.atHintIcon {
1574				display: block;
1575				float: left;
1576				margin: -3px 5px 0 0;
1577				padding: 0;
1578				width: 1.2em;
1579				height: 1.2em;
1580			}
1581
1582			.atAnotherQ {display:none !important;} /* Hide old "Show me another question" */
1583
1584			/* Next Question Button */
1585			.atNextQuestion {
1586				display: none;
1587				text-align: right;
1588				margin-top: 20px;
1589			}
1590			.atNextQuestion button {
1591				background: transparent;
1592				border: 2px solid #3b82f6;
1593				color: #3b82f6;
1594				padding: 14px 32px;
1595				border-radius: 8px;
1596				font-size: 17px;
1597				font-weight: 500;
1598				cursor: pointer;
1599				transition: all 0.2s ease;
1600			}
1601			.atNextQuestion button:hover {
1602				background: #3b82f6;
1603				color: white;
1604			}
1605			.atQuestion.answered ~ .atNextQuestion {
1606				display: block;
1607			}
1608
1609			/* Explanation inside correct answer */
1610			.atQuestion.answered .atQAnswer.correct {
1611				background: #f8fafc !important;
1612				border-radius: 12px;
1613				padding: 16px !important;
1614			}
1615			.atQuestion.answered .atQAnswer.correct .atInner {
1616				font-weight: 600;
1617			}
1618			.atQuestion.answered .atQAnswer.correct .inline-explanation {
1619				display: block;
1620				margin-top: 12px;
1621				font-weight: 400;
1622				font-size: 15px;
1623				line-height: 1.6;
1624				color: #4b5563;
1625			}
1626			.atQuestion.answered .atQExplanation {
1627				display: none !important;
1628			}
1629
1630			/* Hide audio/voiceover elements */
1631			.atBtnListen, .voiceOverOn .atBtnListen {
1632				display: none !important;
1633			}
1634
1635			/* Quiz Helper Buttons - Hidden, using AI Assistant instead */
1636			.quiz-helpers {
1637				display: none !important;
1638			}
1639			.quiz-helper-btn {
1640				display: inline-flex;
1641				align-items: center;
1642				gap: 6px;
1643				padding: 8px 14px;
1644				background: #f8fafc;
1645				border: 1px solid #e2e8f0;
1646				border-radius: 8px;
1647				font-size: 14px;
1648				font-weight: 500;
1649				color: #64748b;
1650				cursor: pointer;
1651				transition: all 0.2s ease;
1652			}
1653			.quiz-helper-btn:hover {
1654				background: #f1f5f9;
1655				border-color: #cbd5e1;
1656				color: #475569;
1657			}
1658			.quiz-helper-btn.used {
1659				opacity: 0.5;
1660				cursor: default;
1661				pointer-events: none;
1662			}
1663			.quiz-helper-btn svg {
1664				width: 18px;
1665				height: 18px;
1666			}
1667			.atQuestion.answered .quiz-helpers,
1668			.atQuestion.answered .hint-display {
1669				display: none;
1670			}
1671			/* Hide old hint button */
1672			.atBtnHint {
1673				display: none !important;
1674			}
1675			
1676			/* Quiz Completion State */
1677			.quiz-completion {
1678				text-align: center;
1679				padding: 48px 32px;
1680				background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
1681				border-radius: 16px;
1682				border: 1px solid #bbf7d0;
1683				display: flex;
1684				flex-direction: column;
1685				align-items: center;
1686				justify-content: center;
1687				min-height: 400px;
1688			}
1689			.quiz-completion.score-low {
1690				background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
1691				border-color: #fcd34d;
1692			}
1693			.quiz-completion .score-display {
1694				font-size: 15px;
1695				font-weight: 600;
1696				color: #64748b;
1697				margin-bottom: 8px;
1698				text-transform: uppercase;
1699				letter-spacing: 0.05em;
1700			}
1701			.quiz-completion h3 {
1702				font-size: 28px !important;
1703				font-weight: 700 !important;
1704				color: #1f2937 !important;
1705				margin: 0 0 16px 0 !important;
1706				line-height: 1.3 !important;
1707			}
1708			.quiz-completion p {
1709				font-size: 17px;
1710				line-height: 1.6;
1711				color: #374151;
1712				max-width: 540px;
1713				margin: 0 auto 28px;
1714			}
1715			.quiz-completion .cta-primary {
1716				display: inline-block;
1717				background: #077aff;
1718				color: white;
1719				padding: 14px 32px;
1720				border-radius: 8px;
1721				font-size: 17px;
1722				font-weight: 600;
1723				text-decoration: none;
1724				margin-bottom: 16px;
1725				transition: all 0.2s ease;
1726			}
1727			.quiz-completion .cta-primary:hover {
1728				background: #0066dd;
1729				transform: translateY(-2px);
1730			}
1731
1732			.atQuestion.answered .atQAnswer {
1733				cursor: default;
1734				-ms-filter: "alpha(opacity=40)";
1735				filter: alpha(opacity=40);
1736				-moz-opacity: .4;
1737				-khtml-opacity: .4;
1738				opacity: .4;
1739			}
1740
1741			.atQuestion.answered .atQAnswer.wrong, .atQuestion.answered .atQAnswer.correct {
1742				-ms-filter: "alpha(opacity=100)";
1743				filter: alpha(opacity=100);
1744				-moz-opacity: 1;
1745				-khtml-opacity: 1;
1746				opacity: 1;
1747			}
1748
1749			.atQuestion.answered .atQAnswer.wrong {text-decoration:line-through; text-decoration-color:#111;}
1750
1751			.atQuestion.answered .atQAnswer.dot {background:#edf1fb;}
1752
1753			.atQuestion.answered .atBtnHint,
1754			.atQuestion.answered .atQHint {display:none!important;}
1755
1756			.atQuestion.answered .atQExplanation {display:block;}
1757
1758			.atQText.audioHere {background-color:#c1daff!important;}
1759			.atQAnswers .audioHere, .atQAnswers .atQAnswer.dot.audioHere {background-color:#c1daff!important;}
1760
1761			.recommendedBadge {/*display:none;*/}
1762			.atQuestions.wRecommendedBadge {}
1763			.atQuestions.wRecommendedBadge .recommendedBadge {display:block;position:absolute;right:-40px;bottom:-33px;width:100px;height:72px;z-index:9999;pointer-events:none;}
1764			/*.atQuestions.wRecommendedBadge .recommendedBadge {width:20%;height:45.165%;bottom:-12.045%;right:-11%;}*/
1765			.atQuestions.wRecommendedBadge .atQHint,
1766			.atQuestions.wRecommendedBadge .atQExplanation {/*padding-right:60px;*/}
1767
1768			button[data-balloon] {overflow:visible;}
1769			[data-balloon] {position:relative;}
1770			.touch [data-balloon] {cursor:pointer;}
1771			[data-balloon]:after {
1772				filter: alpha(opacity=0);
1773				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
1774				-moz-opacity: 0;
1775				-khtml-opacity: 0;
1776				opacity: 0;
1777				pointer-events: none;
1778				-webkit-transition: all 0.18s ease-out 0.18s;
1779				-moz-transition: all 0.18s ease-out 0.18s;
1780				-ms-transition: all 0.18s ease-out 0.18s;
1781				-o-transition: all 0.18s ease-out 0.18s;
1782				transition: all 0.18s ease-out 0.18s;
1783				font-weight: normal !important;
1784				font-style: normal !important;
1785				text-shadow: none !important;
1786				font-size: 15px !important;
1787				background-color: #344D69;
1788				border-radius: 8px;
1789				padding: 10px 15px;
1790				color: white;
1791				content: attr(data-balloon);
1792				padding: .5em 1em;
1793				position: absolute;
1794				white-space: nowrap;
1795				text-indent: 0;
1796				z-index: 10;
1797				line-height: 1.4;
1798				-webkit-box-shadow: 0 16px 32px 0 rgba(62,57,107,0.18), 0 0 0 transparent;
1799				-moz-box-shadow: 0 16px 32px 0 rgba(62,57,107,0.18),0 0 0 transparent;
1800				-ms-box-shadow: 0 16px 32px 0 rgba(62,57,107,0.18),0 0 0 transparent;
1801				-o-box-shadow: 0 16px 32px 0 rgba(62,57,107,0.18),0 0 0 transparent;
1802				box-shadow: 0 16px 32px 0 rgba(62,57,107,0.18), 0 0 0 transparent;
1803				background-color: #ffffff!important;
1804				color: #222228;
1805				line-height: 20px;
1806				border: 1px solid #c2cad3;
1807			}
1808			[data-balloon]:before {
1809				background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(0)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
1810				background-size: 100% auto;
1811				width: 18px;
1812				height: 6px;
1813				filter: alpha(opacity=0);
1814				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
1815				-moz-opacity: 0;
1816				-khtml-opacity: 0;
1817				opacity: 0;
1818				pointer-events: none;
1819				-webkit-transition: all 0.18s ease-out 0.18s;
1820				-moz-transition: all 0.18s ease-out 0.18s;
1821				-ms-transition: all 0.18s ease-out 0.18s;
1822				-o-transition: all 0.18s ease-out 0.18s;
1823				transition: all 0.18s ease-out 0.18s;
1824				content: '';
1825				position: absolute;
1826				z-index: 10;
1827			}
1828			[data-balloon]:hover:before, [data-balloon]:hover:after, [data-balloon][data-balloon-visible]:before, [data-balloon][data-balloon-visible]:after {
1829				filter: alpha(opacity=100);
1830				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
1831				-moz-opacity: 1;
1832				-khtml-opacity: 1;
1833				opacity: 1;
1834				pointer-events: auto;
1835			}
1836			[data-balloon].font-awesome:after {font-family:FontAwesome;}
1837			[data-balloon][data-balloon-break]:after {white-space:pre;}
1838			[data-balloon][data-balloon-blunt]:before, [data-balloon][data-balloon-blunt]:after {
1839				-webkit-transition: none;
1840				-moz-transition: none;
1841				-ms-transition: none;
1842				-o-transition: none;
1843				transition: none;
1844			}
1845			[data-balloon][data-balloon-pos="up"]:after {
1846				bottom: 100%;
1847				left: 50%;
1848				margin-bottom: 11px;
1849				-webkit-transform: translate(-50%, 10px);
1850				-moz-transform: translate(-50%, 10px);
1851				-ms-transform: translate(-50%, 10px);
1852				transform: translate(-50%, 10px);
1853				-webkit-transform-origin: top;
1854				-moz-transform-origin: top;
1855				-ms-transform-origin: top;
1856				transform-origin: top; 
1857			}
1858			[data-balloon][data-balloon-pos="up"]:before {
1859				bottom: 100%;
1860				left: 50%;
1861				margin-bottom: 5px;
1862				-webkit-transform: translate(-50%, 10px);
1863				-moz-transform: translate(-50%, 10px);
1864				-ms-transform: translate(-50%, 10px);
1865				transform: translate(-50%, 10px);
1866				-webkit-transform-origin: top;
1867				-moz-transform-origin: top;
1868				-ms-transform-origin: top;
1869				transform-origin: top;
1870			}
1871			[data-balloon][data-balloon-pos="up"]:hover:after, [data-balloon][data-balloon-pos="up"][data-balloon-visible]:after {
1872				-webkit-transform: translate(-50%, 0);
1873				-moz-transform: translate(-50%, 0);
1874				-ms-transform: translate(-50%, 0);
1875				transform: translate(-50%, 0);
1876			}
1877			[data-balloon][data-balloon-pos="up"]:hover:before, [data-balloon][data-balloon-pos="up"][data-balloon-visible]:before {
1878				-webkit-transform: translate(-50%, 0);
1879				-moz-transform: translate(-50%, 0);
1880				-ms-transform: translate(-50%, 0);
1881				transform: translate(-50%, 0);
1882			}
1883			[data-balloon][data-balloon-pos="up-left"]:after {
1884				bottom: 100%;
1885				left: 0;
1886				margin-bottom: 11px;
1887				-webkit-transform: translate(0, 10px);
1888				-moz-transform: translate(0, 10px);
1889				-ms-transform: translate(0, 10px);
1890				transform: translate(0, 10px);
1891				-webkit-transform-origin: top;
1892				-moz-transform-origin: top;
1893				-ms-transform-origin: top;
1894				transform-origin: top;
1895			}
1896			[data-balloon][data-balloon-pos="up-left"]:before {
1897				bottom: 100%;
1898				left: 5px;
1899				margin-bottom: 5px;
1900				-webkit-transform: translate(0, 10px);
1901				-moz-transform: translate(0, 10px);
1902				-ms-transform: translate(0, 10px);
1903				transform: translate(0, 10px);
1904				-webkit-transform-origin: top;
1905				-moz-transform-origin: top;
1906				-ms-transform-origin: top;
1907				transform-origin: top;
1908			}
1909			[data-balloon][data-balloon-pos="up-left"]:hover:after, [data-balloon][data-balloon-pos="up-left"][data-balloon-visible]:after {
1910				-webkit-transform: translate(0, 0);
1911				-moz-transform: translate(0, 0);
1912				-ms-transform: translate(0, 0);
1913				transform: translate(0, 0);
1914			}
1915			[data-balloon][data-balloon-pos="up-left"]:hover:before, [data-balloon][data-balloon-pos="up-left"][data-balloon-visible]:before {
1916				-webkit-transform: translate(0, 0);
1917				-moz-transform: translate(0, 0);
1918				-ms-transform: translate(0, 0);
1919				transform: translate(0, 0);
1920			}
1921			[data-balloon][data-balloon-pos="up-right"]:after {
1922				bottom: 100%;
1923				right: 0;
1924				margin-bottom: 11px;
1925				-webkit-transform: translate(0, 10px);
1926				-moz-transform: translate(0, 10px);
1927				-ms-transform: translate(0, 10px);
1928				transform: translate(0, 10px);
1929				-webkit-transform-origin: top;
1930				-moz-transform-origin: top;
1931				-ms-transform-origin: top;
1932				transform-origin: top;
1933			}
1934			[data-balloon][data-balloon-pos="up-right"]:before {
1935				bottom: 100%;
1936				right: 5px;
1937				margin-bottom: 5px;
1938				-webkit-transform: translate(0, 10px);
1939				-moz-transform: translate(0, 10px);
1940				-ms-transform: translate(0, 10px);
1941				transform: translate(0, 10px);
1942				-webkit-transform-origin: top;
1943				-moz-transform-origin: top;
1944				-ms-transform-origin: top;
1945				transform-origin: top;
1946			}
1947			[data-balloon][data-balloon-pos="up-right"]:hover:after, [data-balloon][data-balloon-pos="up-right"][data-balloon-visible]:after {
1948				-webkit-transform: translate(0, 0);
1949				-moz-transform: translate(0, 0);
1950				-ms-transform: translate(0, 0);
1951				transform: translate(0, 0);
1952			}
1953			[data-balloon][data-balloon-pos="up-right"]:hover:before, [data-balloon][data-balloon-pos="up-right"][data-balloon-visible]:before {
1954				-webkit-transform: translate(0, 0);
1955				-moz-transform: translate(0, 0);
1956				-ms-transform: translate(0, 0);
1957				transform: translate(0, 0);
1958			}
1959			[data-balloon][data-balloon-pos='down']:after {
1960				left: 50%;
1961				margin-top: 11px;
1962				top: 100%;
1963				-webkit-transform: translate(-50%, -10px);
1964				-moz-transform: translate(-50%, -10px);
1965				-ms-transform: translate(-50%, -10px);
1966				transform: translate(-50%, -10px);
1967			}
1968			[data-balloon][data-balloon-pos='down']:before {
1969				display: none;
1970				background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22%23344D69%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
1971				background-size: 100% auto;
1972				width: 18px;
1973				height: 6px;
1974				left: 50%;
1975				margin-top: 5px;
1976				top: 100%;
1977				-webkit-transform: translate(-50%, -10px);
1978				-moz-transform: translate(-50%, -10px);
1979				-ms-transform: translate(-50%, -10px);
1980				transform: translate(-50%, -10px);
1981			}
1982			[data-balloon][data-balloon-pos='down']:hover:after, [data-balloon][data-balloon-pos='down'][data-balloon-visible]:after {
1983				-webkit-transform: translate(-50%, 0);
1984				-moz-transform: translate(-50%, 0);
1985				-ms-transform: translate(-50%, 0);
1986				transform: translate(-50%, 0);
1987			}
1988			[data-balloon][data-balloon-pos='down']:hover:before, [data-balloon][data-balloon-pos='down'][data-balloon-visible]:before {
1989				-webkit-transform: translate(-50%, 0);
1990				-moz-transform: translate(-50%, 0);
1991				-ms-transform: translate(-50%, 0);
1992				transform: translate(-50%, 0);
1993			}
1994			[data-balloon][data-balloon-pos='down-left']:after {
1995				left: 0;
1996				margin-top: 11px;
1997				top: 100%;
1998				-webkit-transform: translate(0, -10px);
1999				-moz-transform: translate(0, -10px);
2000				-ms-transform: translate(0, -10px);
2001				transform: translate(0, -10px);
2002			}
2003			[data-balloon][data-balloon-pos='down-left']:before {
2004				background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
2005				background-size: 100% auto;
2006				width: 18px;
2007				height: 6px;
2008				left: 5px;
2009				margin-top: 5px;
2010				top: 100%;
2011				-webkit-transform: translate(0, -10px);
2012				-moz-transform: translate(0, -10px);
2013				-ms-transform: translate(0, -10px);
2014				transform: translate(0, -10px);
2015			}
2016			[data-balloon][data-balloon-pos='down-left']:hover:after, [data-balloon][data-balloon-pos='down-left'][data-balloon-visible]:after {
2017				-webkit-transform: translate(0, 0);
2018				-moz-transform: translate(0, 0);
2019				-ms-transform: translate(0, 0);
2020				transform: translate(0, 0);
2021			}
2022			[data-balloon][data-balloon-pos='down-left']:hover:before, [data-balloon][data-balloon-pos='down-left'][data-balloon-visible]:before {
2023				-webkit-transform: translate(0, 0);
2024				-moz-transform: translate(0, 0);
2025				-ms-transform: translate(0, 0);
2026				transform: translate(0, 0);
2027			}
2028			[data-balloon][data-balloon-pos='down-right']:after {
2029				right: 0;
2030				margin-top: 11px;
2031				top: 100%;
2032				-webkit-transform: translate(0, -10px);
2033				-moz-transform: translate(0, -10px);
2034				-ms-transform: translate(0, -10px);
2035				transform: translate(0, -10px);
2036			}
2037			[data-balloon][data-balloon-pos='down-right']:before {
2038				background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
2039				background-size: 100% auto;
2040				width: 18px;
2041				height: 6px;
2042				right: 5px;
2043				margin-top: 5px;
2044				top: 100%;
2045				-webkit-transform: translate(0, -10px);
2046				-moz-transform: translate(0, -10px);
2047				-ms-transform: translate(0, -10px);
2048				transform: translate(0, -10px);
2049			}
2050			[data-balloon][data-balloon-pos='down-right']:hover:after, [data-balloon][data-balloon-pos='down-right'][data-balloon-visible]:after {
2051				-webkit-transform: translate(0, 0);
2052				-moz-transform: translate(0, 0);
2053				-ms-transform: translate(0, 0);
2054				transform: translate(0, 0);
2055			}
2056			[data-balloon][data-balloon-pos='down-right']:hover:before, [data-balloon][data-balloon-pos='down-right'][data-balloon-visible]:before {
2057				-webkit-transform: translate(0, 0);
2058				-moz-transform: translate(0, 0);
2059				-ms-transform: translate(0, 0);
2060				transform: translate(0, 0);
2061			}
2062			[data-balloon][data-balloon-pos='left']:after {
2063				margin-right: 11px;
2064				right: 100%;
2065				top: 50%;
2066				-webkit-transform: translate(10px, -50%);
2067				-moz-transform: translate(10px, -50%);
2068				-ms-transform: translate(10px, -50%);
2069				transform: translate(10px, -50%);
2070			}
2071			[data-balloon][data-balloon-pos='left']:before {
2072				background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(-90%2018%2018)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
2073				background-size: 100% auto;
2074				width: 6px;
2075				height: 18px;
2076				margin-right: 5px;
2077				right: 100%;
2078				top: 50%;
2079				-webkit-transform: translate(10px, -50%);
2080				-moz-transform: translate(10px, -50%);
2081				-ms-transform: translate(10px, -50%);
2082				transform: translate(10px, -50%);
2083			}
2084			[data-balloon][data-balloon-pos='left']:hover:after, [data-balloon][data-balloon-pos='left'][data-balloon-visible]:after {
2085				-webkit-transform: translate(0, -50%);
2086				-moz-transform: translate(0, -50%);
2087				-ms-transform: translate(0, -50%);
2088				transform: translate(0, -50%);
2089			}
2090			[data-balloon][data-balloon-pos='left']:hover:before, [data-balloon][data-balloon-pos='left'][data-balloon-visible]:before {
2091				-webkit-transform: translate(0, -50%);
2092				-moz-transform: translate(0, -50%);
2093				-ms-transform: translate(0, -50%);
2094				transform: translate(0, -50%);
2095			}
2096			[data-balloon][data-balloon-pos='right']:after {
2097				left: 100%;
2098				margin-left: 11px;
2099				top: 50%;
2100				-webkit-transform: translate(-10px, -50%);
2101				-moz-transform: translate(-10px, -50%);
2102				-ms-transform: translate(-10px, -50%);
2103				transform: translate(-10px, -50%);
2104			}
2105			[data-balloon][data-balloon-pos='right']:before {
2106				display:none;
2107				background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(90%206%206)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
2108				background-size: 100% auto;
2109				width: 6px;
2110				height: 18px;
2111				left: 100%;
2112				margin-left: 5px;
2113				top: 50%;
2114				-webkit-transform: translate(-10px, -50%);
2115				-moz-transform: translate(-10px, -50%);
2116				-ms-transform: translate(-10px, -50%);
2117				transform: translate(-10px, -50%);
2118			}
2119			[data-balloon][data-balloon-pos='right']:hover:after, [data-balloon][data-balloon-pos='right'][data-balloon-visible]:after {
2120				-webkit-transform: translate(0, -50%);
2121				-moz-transform: translate(0, -50%);
2122				-ms-transform: translate(0, -50%);
2123				transform: translate(0, -50%);
2124			}
2125			[data-balloon][data-balloon-pos='right']:hover:before, [data-balloon][data-balloon-pos='right'][data-balloon-visible]:before {
2126				-webkit-transform: translate(0, -50%);
2127				-moz-transform: translate(0, -50%);
2128				-ms-transform: translate(0, -50%);
2129				transform: translate(0, -50%);
2130			}
2131			[data-balloon][data-balloon-length='small']:after {white-space:normal;width:80px;}
2132			[data-balloon][data-balloon-length='medium']:after {white-space:normal;width:150px;}
2133			[data-balloon][data-balloon-length='large']:after {white-space:normal;width:260px;}
2134			[data-balloon][data-balloon-length='xlarge']:after {white-space:normal;width:380px;}
2135
2136			.checks .check {position:relative;}
2137			.checks .check [data-balloon] {position:static;vertical-align:middle;}
2138			.checks [data-balloon][data-balloon-pos='down']:after {/*left:calc(50% - 20px);*//*width:100%;*/}
2139			.checks [data-balloon][data-balloon-pos='down']:hover:after, [data-balloon][data-balloon-pos='down'][data-balloon-visible]:after {
2140				-webkit-transform: translate(-50%, -10px);
2141				-moz-transform: translate(-50%, -10px);
2142				-ms-transform: translate(-50%, -10px);
2143				transform: translate(-50%, -10px);
2144			}
2145
2146			@media screen and (max-width: 768px) {
2147				[data-balloon][data-balloon-length='xlarge']:after {white-space:normal;width:90vw;}
2148			}
2149			@media screen and (max-width: 440px) {
2150				.checks [data-balloon][data-balloon-length='xlarge']:after {width:80vw;}
2151			}
2152			[data-balloon][data-balloon-length='fit']:after {white-space:normal;width:100%;}
2153
2154			/*.info-tip {position:relative;top:-2px;left:0;font-size:9px;border-radius:33px;border:1px solid;padding:0 4px;padding:0 4.5px;
2154color:#777;display:inline;cursor:pointer;}*/
2155			.info-tip {position:relative;top:-2px;left:0;font-size:9px;border-radius:33px;border:1px solid #c5ccd4;padding:0;color:#fff;display:inline-block;background:#c5ccd4;font-weight:800;font-style:italic;line-height:12px;height:14px;width:14px;text-align:center;text-indent:0;cursor:default;}
2156			[data-balloon]:hover .info-tip {border-color:#344d69;background-color:#344d69;}
2157			.info-tip[data-balloon]:hover {border-color:#344d69;background-color:#344d69;}
2158			[data-balloon] .info-tip:after, 
2159			.info-tip[data-balloon]:after {font-family:'Open Sans',sans-serif;text-align:left;}
2160
2161			[data-balloon]:hover:after {pointer-events:none!important;}
2162
2163			#whichTestsInfo {margin:15px 0 0;}
2164			#whichTestsInfo span {text-transform:uppercase;font-weight:700;letter-spacing:0.3px;font-size:12px;color:#000;border-bottom:2px dashed #b6c8fc;}
2165
2166			.touch .info-tip {cursor:pointer;}
2167			.touch [data-balloon] {/*cursor:help;*/cursor:pointer;}
2168			.touch [data-balloon] {cursor:pointer;} /* fix data-balloon hide & show on ios devices */
2169
2170			[data-balloon]:after {text-transform:none;cursor:default;padding:10px 15px;}
2171			[data-balloon][data-balloon-pos='right']:before {
2172				background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22%233a4c80%22%20transform%3D%22rotate(90%206%206)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
2173			/*	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22%233567f6%22%20transform%3D%22rotate(90%206%206)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");*/
2174			}
2175
2176
2177			#header {display:none;}
2178
2179			.sec5_9_block .text {
2180				font-size: 20px !important;
2181				line-height: 1.3 !important;
2182				color: #3a3d4b;
2183				text-align: left !important;
2184				margin: 15px 45px 0 45px;
2185			}
2186
2187			.sec5_9_block {margin-bottom:10px!important;}
2188			.header5_play, nav .blue, #nav [href='#cheat-sheets'], #nav [href='#features'], #nav [href='#home'], .header11_pretitle {display:none;}
2189
2190			.header11 .sec1_6_block_btn {height:55px; line-height:55px;}
2191			.top-button, .top-button:focus {margin-top:0!important;}
2192
2193			.header11_text {
2194				opacity: 1 !important;
2195				color: #ccc;
2196				margin: 0px 150px 80px 0;
2197				max-width: 950px;
2198			}
2199			.header11 .header-wrapper {padding: 30px 10px 80px;}
2200
2201			.top-button, .top-button:focus {
2202				height: 55px;
2203				line-height: 55px;
2204				border-radius: 30px;
2205				text-transform: none;
2206				letter-spacing: 0;
2207				font-size: 18px;
2208				font-weight: 400;
2209				margin-bottom: 0px;
2210				text-align: center;
2211			}
2212
2213			header [href='#cheat-sheets'] {
2214				text-align: center;
2215				border: 1px solid #aaa;
2216				border-radius: 30px;
2217				font-size: 18px;
2218				line-height: 40px;
2219			}
2220
2221			header [href='#cheat-sheets']:hover {color:#fff;background:#222;}
2222
2223			.header11 #wwtb-ul li {
2224				display: inline-block;
2225				float: none;
2226				margin: 17px;
2227				height: 24px;
2228				list-style: none;
2229				font-size: 15px;
2230				line-height: 24px;
2231			/*	line-height: 17px;
2232				text-indent: -6px;
2233				padding-left: 6px;*/
2234				color: #fff;
2235				padding-top: 0;
2236				padding-bottom: 0;
2237			}
2238
2239			#home .video{
2240				position:absolute;
2241				top:0;
2242				left:0;
2243				right:0;
2244				bottom:0;
2245				display:none;
2246				z-index:1010;
2247				transition:all 0.2s;
2248			}
2249
2250			#home .video video{
2251			/*	height:100%;*/
2252				margin:0 auto;
2253			}
2254			.header-wrapper {
2255				overflow: auto;
2256				position: relative;
2257				overflow: hidden;
2258				background-repeat: no-repeat;
2259				background-position: 0 0;
2260				background-size: auto 110%;
2261			}
2262
2263			.bgimg_preload {
2264				position: absolute;
2265				top: 0;
2266				left: 0;
2267				width: 0;
2268				height: 0;
2269			}
2270			.header11 {height:auto!important;}
2271			.header5_play {visibility: visible;display: block;}
2272			.sec2_20 .inner {max-width:370px;}
2273
2274			.bg_sec2_20_1, .bg_sec2_20_2 {position:absolute;bottom:0;height:auto;-webkit-box-shadow: 0 10px 25px rgba(0,0,0,0.15);-moz-box-shadow: 0 10px 25px rgba(0,0,0,0.15);box-shadow: 0 10px 25px rgba(0,0,0,0.15);}
2275			.bg_sec2_20_1 {z-index:999;width:820px;left:-390px;}
2276			.bg_sec2_20_2 {z-index:1000;width:565px;left:60px;}
2277
2278			.bg_sec2_20 {left:370px;}
2279			.sec3_20 .bg_sec2_20 {right:370px;}
2280
2281			.header11_btn, .header11_btn:focus {margin-left:0;padding-left:20px;}
2282			.bx-controls.bx-has-pager {display:none;visibility:hidden;}
2283			.bx-wrapper .bx-viewport {height:783px;}
2284
2285			.sec5_9 {background:#F2F4F5;background-size:cover;}
2286			.sec1_15_popup {padding:25px;font-size:20px;line-height:27px;box-shadow:2px 5px 23px rgba(0,0,0,0.2);}
2287
2288			.sec4_5_btn, .sec4_5_btn:focus {margin-top:0;}
2289
2290			.sec6_8_text {margin-bottom:28px;}
2291
2292			.sec4_8 .bullit1_text {
2293				font-weight: 300;
2294				color: #3a3d4b;
2295				font-size: 17px;
2296				line-height: 26px;
2297				margin-top: 10px;
2298				letter-spacing: 0px;
2299				margin-bottom: 5px;
2300			}
2301
2302			.bullit1 {
2303				text-align: center;
2304				padding-top: 40px;
2305				padding-bottom: 40px;
2306				border-bottom: 1px solid #e8e9ea;
2307			}
2308
2309			.sec7_13_text {
2310				margin: 20px 0 0;
2311				opacity: 1;
2312				font-weight: 400;
2313				color: #82858f;
2314				padding-top: 0;
2315				padding-bottom: 20px;
2316				position: relative;
2317				font-size: 24px;
2318				line-height: 28px;
2319					letter-spacing: -.6px;
2320				
2321			}
2322			.sec7_13_link {font-size:14px;line-height:24px;margin-top:35px;}
2323
2324			#features .flex {height:auto;}
2325
2326			#guaranteed1 {float:right; width: 185px;height: 185px;opacity: 1; margin-top:-10px; margin-left:0px;}
2327			#guaranteed2 {display:none;width:250px;height:250px;opacity:1;}
2328
2329			.sec7_13 .right {float: none;
2330				width: 100%;
2331				margin: 40px auto;}
2332			.sec3_6_block .info .about {float:none;margin-left:105px;}
2333
2334			.sec3_6_block .info .about .title {
2335				font-size: 19px;
2336				line-height: 28px;
2337				margin-top: 4px;
2338				color: #222328;
2339			}
2340
2341			.sec3_6 .container {max-width:1170px;}
2342			.sec8_10 {padding: 120px;border: 0 !important;}
2343			.sec3_6_block {width:550px;}
2344			.sec7_7_slider .inner p {
2345				color: #222328;
2346				margin-bottom: 10px;
2347				font-size: 18px;
2348				line-height: 28px;
2349				font-weight: 300;
2350			}
2351			.sec7_13_block {margin-left:0;}
2352			.sec7_13_block .sec3_5_btn {
2353				position: static;
2354				width: 100%;
2355				margin-top: 0;
2356				margin-bottom: 20px;
2357			}
2358			.sec7_13_block {padding: 70px 100px 75px;}
2359			.btnPurchase.sec4_5_btn{
2360				display: inline-block;
2361				height: auto;
2362				letter-spacing: 0;
2363				text-transform: inherit;
2364				font-size: 19px;
2365				margin: 0 .5rem;
2366				line-height: 3;
2367				padding: 0 1rem;
2368				border: 1px solid #3e75fa;
2369				background-color: #3e75fa;
2370				cursor: pointer;
2371				-webkit-user-select: none;
2372				-moz-user-select: none;
2373				-ms-user-select: none;
2374				user-select: none;
2375				text-align: center;
2376				vertical-align: middle;
2377				white-space: nowrap;
2378				text-decoration: none;
2379				color: rgb(255, 255, 255);
2380				border-radius: 4px;
2381				-ms-touch-action: manipulation;
2382				touch-action: manipulation;
2383				font-family: -apple-system, BlinkMacSystemFont, "proxima-nova", Arial, sans-serif;
2384				font-weight: 600;
2385				box-shadow: 4px 4px 15px 0 rgba(0,0,0,.09);
2386				background: #3e75fa;
2387				background-color: #3e75fa;
2388				color: #fff;
2389			}
2390			.sec7_7_slider .inner {text-align:left;}
2391			.header11 .is-exam-hard {display: inline-block; line-height: 60px; opacity: 0.7; color: rgb(255, 255, 255); font-size: 20px; position: relative; margin-left: 20px; visibility: visible;
2392				text-align: center;
2393				border: 1px solid #aaa;
2394				border-radius: 30px;
2395				padding: 0 30px;
2396				font-size: 18px;
2397				line-height: 53px;
2398			}
2399			.header11 .what-included {border-radius:30px;text-transform:none;letter-spacing:0;font-size:20px; font-weight:700;color:#FFF;background-color:#2A75FE; padding: 0 25px;}
2400			.star-rating img {width:25%;}
2401
2402			#customers-agree {padding-top:50px;padding-bottom:90px;margin-bottom:0;}
2403			#customers-agree .bx-wrapper {max-width:100%;min-height:290px;}
2404			#customers-agree .vimeo {float:left;}
2405			#customers-agree .user-review.inner {margin-left:500px;}
2406			#customers-agree .user-review.inner>div {
2407				position: relative;
2408				font-size: 22px;line-height: 1.3;font-weight: 600;margin: 20px 0 20px 30px;padding-top: 0px;
2409			}
2410			#customers-agree .user-review.inner blockquote{
2411				font-size: 22px;line-height: 1.3;font-weight: 300;margin: 0px;margin-left: 30px;padding: 0;border: 0;
2412			}
2413			#customers-agree .user-review .user-name {
2414				font-size: 17px;
2414line-height: 26px;font-weight: 300;margin: 0px;margin-left: 30px;padding: 0;border: 0;
2415			}
2416			#customers-agree .user-review.inner hr{margin-left:28px;}
2417			#customers-agree .user-review.inner>div::before {
2418				content: "\201C";
2419				font-family: Georgia, serif;
2420				font-size: 75px;
2421				font-weight: bold;
2422				color: #999;
2423				line-height: 29px;
2424				vertical-align: bottom;
2425				margin-right: 5px;
2426			}
2427			#upgrade .tel-link {margin: 50px 0 0;
2428				text-align: right;
2429				color: #111;
2430				opacity: .7;
2431				font-size: 16px;
2432				font-weight: 600;}
2433
2434			.sec2_20 .container {position:relative;padding-bottom:150px;/*width:1100px;*/}
2435			.sec2_20_block .text {font-size:18px;line-height:28px;font-weight:300;color:#8c8f94;margin-top:10px;}
2436			.sec8_10_text strong {font-weight:800;}
2437
2438			.sec8_10_text {max-width:640px;font-weight:400;font-size:22px;line-height:1.4;color:#000;}
2439
2440			.sec2_20_block {margin-bottom:30px;width:100%;}
2441			.sec1_19_block .text {margin-top: 10px;
2442				font-size: 21px;
2443				line-height: 29px;
2444				font-weight: 400;
2445				letter-spacing: 0;}
2446			.sec1_19_block {width:310px;margin-bottom:30px;}
2447
2448			.sec1_19_block .title {font-size: 25px;
2449				line-height: 1.3;
2450				font-weight: 900;
2451				text-transform: none;
2452				letter-spacing: 0;
2453				}
2454			.sec7_13_block .price {color: #111;
2455				margin: 30px auto 25px!important;
2456					font-size: 35px !important;
2457				line-height: 20px !important;
2458				font-weight: 800;
2459				text-align: center;}
2460
2461			.sec2_20 .inner {margin-top:0;}
2462
2463			.subheader-wrapper {
2464			/*	display: -webkit-box;
2465				display: -moz-box;
2466				display: -ms-flexbox;
2467				display: -webkit-flex;
2468				display: flex;
2469				align-items: center;
2470				justify-content: center;*/
2471				/*max-width: 1050px;*/
2472				margin: 0 auto;
2473			}
2474			#cheat-sheets2 {
2475				padding:30px 0;
2476			}
2477
2478			#cheat-sheets2 .bg_sec2_20 {top:auto;bottom:0;height:auto;}
2479			#cheat-sheets2 .container {padding-bottom:60px;}
2480			#cheat-sheets2 .look-inside {
2481				box-shadow: 10px 10px 30px rgba(0,0,0,0.3); display: table;position: absolute;display: table;left: -33px;top: -28px;width: 70px;height: 70px;text-align: center;border-radius: 50%;background-color: #fffd0c;z-index: 20;
2481cursor: pointer;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;
2482			}
2483			#cheat-sheets2 .look-inside > span {
2484				display: table-cell;
2485				width: 100%;
2486				height: 100%;
2487				vertical-align: middle;
2488				color: #000;
2489				text-transform: uppercase;
2490				font-size: 13px;
2491				font-weight: 800;
2492				opacity: 0.7;
2493				-webkit-transition: all .3s ease-in-out;
2494				-moz-transition: all .3s ease-in-out;
2495				-ms-transition: all .3s ease-in-out;
2496				-o-transition: all .3s ease-in-out;
2497				transition: all .3s ease-in-out;
2498			}
2499			#cheat-sheets2 .sample-preview {
2500				max-width: 870px;
2501				margin-left: 20px;
2502				font-weight:300;
2503				color: #fff;
2504				font-size: 20px;
2505				line-height: 1.4;
2506				margin: 0 auto;
2507			}
2508			#cheat-sheets2 .sample-preview .btnPurchase {
2509				float: right;
2510				margin-top: 0;
2511				background: white;
2512				color: #111;
2513				font-weight: 600;
2514				border: 0px solid #fff;
2515			}
2516
2517			#cheat-sheets2 .sample-preview .btnPurchase:hover {
2518				opacity: 1;
2519				background: #ffffff !important;
2520				color: #0c51f9 !important;
2521			}
2522
2523			.sec3_5_btn, .sec3_5_btn:focus {
2524				display: inline-block;
2525				height: 55px;
2526				line-height: 55px;
2527				padding: 0 10px;
2528				color: #fff;
2529				font-size: 14px;
2530				letter-spacing: 1.5px;
2531				text-transform: uppercase;
2532				border-radius: 8px;
2533				background: #007AFF;
2534				font-weight: 700;
2535				transition: all .3s ease-out;
2536			}
2537
2538				a.sec3_5_btn.btnIncluded:hover {
2539				background: #ffffff24 !important;
2540			}
2541
2542			#cheat-sheets2 .send-pdfs {max-width: 540px;
2543				text-align: left;
2544				color: #82858f;
2545				font-size: 21px;
2546				line-height: 1.4;
2547				font-weight: 400;
2548				}
2549				
2550			#cheat-sheets2 .send-pdfs > svg {width:60px;float:left;margin-right:10px;}
2551			.sec5_9_block .author {margin-top:0;padding-top:47px;}
2552			/*#included {padding-top:50px;}*/
2553			#included h2 {
2554				text-align: left;
2555				margin-top: 0;
2556				font-style: normal;
2557				padding-bottom: 0px;
2558				padding-top: 0;
2559				line-height: 1.0625;
2560				letter-spacing: -.015em;
2561				margin: 0;
2562				font-weight: 800;
2563				font-size: 50px;
2564				color: #000;
2565			}
2566			#included .subtitle {
2567				margin: 15px auto 0;
2568				text-align: center;
2569				opacity: 0.5;
2570				font-size: 16px;
2571				text-transform: none;
2572				color: #222328;
2573				letter-spacing: 0;
2574			}
2575			.typography-section-intro {
2576				margin-top: 20px;
2577				font-size: 24px;
2578				line-height: 1.16667;
2579				font-weight: 600;
2580				letter-spacing: .009em;
2581			}
2582				
2583			#included .content {margin-top:0px;margin-bottom:50px;}
2584
2585
2586			#demo-tests .left .pretitle {
2587				color: #FFF;
2588				letter-spacing: 0px;
2589				opacity: 0.8;
2590				font-weight: 600;
2591				text-transform: none;
2592				font-size: 19px;
2593				line-height: 28px;
2594				margin: 0 0 20px;
2595				display: inline-block;
2596				}
2597
2598			#premium_features .sec2_20 > .container {padding-bottom:40px;}
2599			#premium_features2 {padding-bottom:140px;}
2600			#premium_features2>.container:first-child {    margin: 110px auto 20px;;max-width:880px;}
2601			#premium_features2>.container:first-child h2{text-align:center;font-weight:800;color:#111; font-size: 50px;}
2602			#premium_features2 .sec2_20.sec3_20 {padding-top:110px;width:1100px;margin:0 auto;}
2603			#premium_features2 .sec2_20.sec3_20 > .container{padding-bottom:100px;}
2604			#premium_features2 .sec2_20.sec3_20:nth-child(odd) > .container .inner{float:right;}
2605			#premium_features2 .sec2_20.sec3_20:nth-child(even) > .container .inner{float:left;}
2606			#premium_features2 .sec2_20.sec3_20 > .container img{position:absolute;top:0;height:100%;}
2607
2608			.section-example-rqs {padding-top: 10px;background-color: #fbfbfb; background-repeat: no-repeat;
2609				background-position: top;
2610				background-size: cover;}
2611			.section-example-rqs .inner {max-width:inherit!important;}
2612
2613			#testimonials {padding-bottom:0;}
2614			#testimonials .holder{margin-top:0;}
2615			#testimonials h2 {font-size:70px;line-height:1;margin:0 auto 50px;text-align:center;font-weight:800;color:#111;max-width: 975px;}
2616			#testimonials .sec2_19 {padding-top: 0px;padding-bottom: 0px;text-align: center;background-color: #ffffff;}
2617			#testimonials .sec2_19 .container{display: inline-block;
2618				width: auto;
2619				padding: 30px;
2620				background: #fafbfc;
2621				border-radius: 8px;}
2622			#testimonials .sec2_19 .blocks{vertical-align:top;}
2623			#testimonials .blocks .sec1_19_block img{width:64px;
2623height:64px;}
2624			#pass-guarantee {
2625				background-color: #fff;
2626				margin-left: auto!important;
2627				margin-right: auto!important;
2628				background-image: url(/img/fluid-yellow-animated-bgr-no-opacity.svg);
2629				background-size: cover;
2630				background-repeat: no-repeat;
2631				background-position: bottom;
2632				}
2633			#pass-guarantee .pass-guarantee-img {width:380px;}
2634			#pass-guarantee .sec8_10_text {margin:30px auto 10px;}
2635			#gov-reviews {height:auto;padding:0px 0 50px;}
2636
2637			#mbe-demo {padding: 80px 0 120px;background-color: white;}
2638			#mbe-demo h2 i {display:block;color:#6d72ff;}
2639			#mbe-demo h3 {margin:80px auto 0;color:#111;line-height:1.3;font-size:33px;font-style:normal;font-weight:900;text-align:center;}
2640
2641			#mbe-demo .sec8_10_text {max-width:990px;margin:15px auto 60px;color:#737373;line-height:1.5;font-size:26px;letter-spacing:-.5px;}
2642
2643			/* AI Assistant Widget Styles */
2644			.ai-assistant-widget {
2645				margin-top: 24px;
2646				padding-top: 24px;
2647				border-top: 1px solid #e5e7eb;
2648				display: block;
2649			}
2650			.ai-assistant-header {
2651				display: flex;
2652				align-items: center;
2653				gap: 10px;
2654				margin-bottom: 12px;
2655			}
2656			.ai-assistant-header svg {
2657				width: 24px;
2658				height: 24px;
2659				color: #007AFF;
2660			}
2661			.ai-assistant-header span {
2662				font-size: 16px;
2663				font-weight: 600;
2664				color: #333;
2665			}
2666			.ai-assistant-header .ai-badge {
2667				font-size: 10px;
2668				font-weight: 600;
2669				color: #fff;
2670				background-color: #FF7348;
2671				border-radius: 5px;
2672				padding: 2px 6px;
2673				text-transform: uppercase;
2674			}
2675			.ai-assistant-choices {
2676				display: flex;
2677				flex-wrap: wrap;
2678				gap: 8px;
2679				margin-bottom: 15px;
2680			}
2681			.ai-assistant-choices.disabled {
2682				opacity: 0.6;
2683				pointer-events: none;
2684			}
2685			.ai-assistant-choice {
2686				color: #007AFF;
2687				border: 1px solid #007AFF;
2688				border-radius: 8px;
2689				font-size: 14px;
2690				font-weight: 600;
2691				padding: 10px 14px;
2692				cursor: pointer;
2693				background: #fff;
2694				transition: all 0.3s;
2695			}
2696			.ai-assistant-choice:hover {
2697				background-color: #007AFF;
2698				color: #fff;
2699			}
2700			/* Hide explain button until answered, hide hint after answered */
2701			.ai-assistant-choice[data-action="explain"] {
2702				display: none;
2703			}
2704			.ai-assistant-widget.answered .ai-assistant-choice[data-action="explain"] {
2705				display: inline-block;
2706			}
2707			.ai-assistant-widget.answered .ai-assistant-choice[data-action="hint"] {
2708				display: none;
2709			}
2710			.ai-assistant-choice.hidden {
2711				display: none !important;
2712			}
2713			.ai-loading {
2714				color: #666;
2715				font-style: italic;
2716			}
2717			.ai-loading::after {
2718				content: '';
2719				animation: aiDots 1.5s infinite;
2720			}
2721			@keyframes aiDots {
2722				0%, 20% { content: ''; }
2723				40% { content: '.'; }
2724				60% { content: '..'; }
2725				80%, 100% { content: '...'; }
2726			}
2727			.ai-assistant-content {
2728				background-color: #f8f9fa;
2729				border-radius: 16px;
2730				padding: 20px;
2731				display: none;
2732			}
2733			.ai-assistant-content.active {
2734				display: block;
2735			}
2736			.ai-chat-message {
2737				display: flex;
2738				align-items: flex-start;
2739				gap: 12px;
2740				margin-bottom: 12px;
2741			}
2742			.ai-chat-message .ai-avatar {
2743				width: 28px;
2744				height: 28px;
2745				flex-shrink: 0;
2746				color: #007AFF;
2747			}
2748			.ai-chat-message .ai-text {
2749				font-size: 16px;
2750				line-height: 1.5;
2751				color: #333;
2752			}
2753			.ai-chat-message.user {
2754				justify-content: flex-end;
2755			}
2756			.ai-chat-message.user .ai-text {
2757				background: #e9ecef;
2758				padding: 10px 14px;
2759				border-radius: 12px;
2760				max-width: 80%;
2761			}
2762			.ai-input-wrapper {
2763				display: flex;
2764				gap: 8px;
2765				margin-top: 15px;
2766				background: #fff;
2767				border-radius: 10px;
2768				padding: 4px;
2769				border: 1px solid #e0e0e0;
2770			}
2771			.ai-input-wrapper input {
2772				flex: 1;
2773				border: none;
2774				outline: none;
2775				padding: 10px 12px;
2776				font-size: 14px;
2777				background: transparent;
2778			}
2779			.ai-input-wrapper button {
2780				background: #007AFF;
2781				color: #fff;
2782				border: none;
2783				border-radius: 8px;
2784				padding: 10px 16px;
2785				font-size: 14px;
2786				font-weight: 600;
2787				cursor: pointer;
2788				transition: background 0.3s;
2789			}
2790			.ai-input-wrapper button:hover {
2791				background: #0056b3;
2792			}
2793			@media (max-width: 768px) {
2794				.ai-assistant-choices {
2795					flex-direction: column;
2796				}
2797				.ai-assistant-choice {
2798					text-align: center;
2799				}
2800			}
2801
2802			#wpsic {margin:0;position:absolute;top:-50px;left:0;right:0;text-align:center;}
2803			#wpsic a {font-size:18px;padding-top:0;padding-bottom:0;position:relative;color:#fff;font-weight:700;border-bottom:2px solid #fff;text-decoration:none;opacity:.6;}
2804
2805			#upgrade .left .pretitle {font-size:14px;line-height:1.2;font-weight:700;text-transform:uppercase;letter-spacing:1px;opacity:1;}
2806			#upgrade .stars {
2807				display: inline-block;
2808				align-items: center;
2809				margin-top: 20px;
2810				font-family: 'Nunito Sans',sans-serif;
2811				-webkit-font-smoothing: antialiased;
2812			}
2813			#upgrade .stars svg {
2814				width: 20px;
2815				height: 19px;
2816				object-fit: contain;
2817				display: inline-block;
2818				margin-right: 2px;
2819			}
2820			#upgrade .rating-txt {
2821				display: inline-block;
2822				line-height: 23px;
2823				position: relative;
2824				top: -3px;
2825				left: 4px;
2826				color: #222328;
2827				opacity: 0.8;
2828				font-weight: 600;
2829				font-size: 15px;
2830				}
2831			#upgrade .right .sec7_13_block .btnPurchase {margin-bottom: 35px;
2832				font-weight: 600;
2833				background: #3e75fa;
2834				display: inline-block;
2835				height: 60px;
2836				line-height: 61px;
2837				padding: 0 50px;
2838				color: #fff;
2839				font-size: 14px;
2840				letter-spacing: 1.5px;
2841				text-transform: uppercase;
2842				border-radius: 45px;}
2843			#upgrade .right .sec7_13_block .bonus-text {text-align:left;font-weight:500;font-size:17px;line-height:1.4;margin:30px 0 0;}
2844			.trusted-by h3 {
2845				padding-bottom: 10px;
2846				padding-top: 0;
2847				margin: 0 auto;
2848				text-align: center;
2849				font-weight: 700;
2850				font-size: 22px;
2851				line-height: 1.43;
2852			}
2853			.footer11 {padding-bottom:20px;}
2854			.footer11 .cheat-sheet-def {
2855				color: #666;font-size: 13px;line-height: 1.45455;font-weight: 300;letter-spacing: .005em;border-bottom: 1px solid #ddd;padding: 17px 0 11px;margin: 0 auto;max-width: 1170px;
2856			}
2857			.footer11 .left .nav11_logo {font-size:20px;margin-bottom:5px;color:#222328;display:block;}
2858			#pass-guarantee .pass-quote {margin:40px 0 0;}
2859			#pass-guarantee .pass-quote-src {margin:0;}
2860			#customers-agree .bx-wrapper {margin-top:70px;}
2861			#customers-agree .bx-wrapper:first-of-type {margin-top:0;}
2862			header.header11 {background-color:transparent;}
2863			.sec5_9_block .author .name {
2864				font-size: 13px;
2865				line-height: 22px;
2866				letter-spacing: 1px;
2867				text-transform: uppercase;
2868				color: #111;
2869				font-weight: 800;
2870			}
2871			/*
2872			header [href='#customers-agree'] {
2873				text-align: center;
2874				border: 1px solid #aaa;
2875				border-radius: 30px;
2876				padding: 0 30px;
2877				font-size: 18px;
2878				line-height: 53px !important;
2879			}
2880			*/
2881
2882			.header11_text p {margin-top:10px;color:#FFFFFF;}
2883			.header11_text {font-size:18px;line-height:28px;}
2884			.header11_text p strong {font-size:1.5em;}
2885
2886			.header-wrapper h1.white {
2887				margin-top: 25px;
2888				font-size: 54px;
2889				font-weight: 800;
2890				line-height: 1.1;
2891				letter-spacing: 0;
2892				text-align: left;
2893				margin-bottom: 20px;
2894				font-style: normal;
2895				margin-block-start: 0px !important;
2896			}
2897
2898			#guaranteed1 {height:250px!important;width:250px!important;}
2899
2900			.header-wrapper #headerCurve {position:absolute;bottom:-2px;width:100%;height:60px;margin:0 -10px;}
2901			.job {
2902				opacity: 1;
2903				padding: 0;
2904				border: 0;
2905				margin: 0px;
2906				max-width: 600px;
2907				font-weight: 400;
2908				color: #1F2632;
2909				-moz-osx-font-smoothing: grayscale;
2910				font-size: 21px;
2911				line-height: 1.55;
2912			}
2913			.header11 li {
2914			  background-repeat: no-repeat;
2915				background-position: 50% 50%;
2916				background-size: cover;
2917				display: block;
2918				float: none;
2919				height: auto;
2920				list-style: none;
2921				font-size: 20px;
2922				line-height: 24px;
2923				color: #111;
2924				padding-top: 0;
2925				padding-bottom: 6px;
2926					font-weight: 400;
2927				position: relative;
2928				left: -10px;
2929			}
2930
2931
2932			.header11_text .icon-shield:before {
2933				content: url(/cdl-premium/shield-blue.svg);
2934				left: -29px;
2935				top: 0;
2936			}
2937
2938
2939
2940			/*
2941			header [href='#customers-agree'] {
2942				text-align: center;
2943				border: 1px solid #aaa;
2944				border-radius: 30px;
2945				padding: 0 30px;
2946				font-size: 18px;
2947				line-height: 53px !important;
2948			}
2949			*/
2950
2951			.header11_buttons {text-align:center;max-width:750px;margin:0 auto;}
2952
2953			.header6 {
2954				height: 1400px;
2955				background: #eee url(/wp-content/uploads/2018/08/bundle-screens.png) no-repeat 50% 0;
2956				background-size: cover;
2957			}
2958			.header6 h1 {text-align:left;font-size:44px;line-height:1.3;}
2959			.floating-left {
2960				animation-name: floating-left;
2961				animation-duration: 3s;
2962				animation-iteration-count: infinite;
2963				animation-timing-function: ease-in-out;
2964				margin-left: 30px;
2965				margin-top: 5px;
2966			}
2967			@keyframes floating-left {
2968				from { transform: translate(0,  0px) rotate(-2deg); }
2969				65%  { transform: translate(0, 9px) rotate(-2deg); }
2970				to   { transform: translate(0, -0px) rotate(-2deg); }
2971			}
2972
2973			.floating-right {
2974				animation-name: floating-right;
2975				animation-duration: 3s;
2976				animation-iteration-count: infinite;
2977				animation-timing-function: ease-in-out;
2978				margin-left: 30px;
2979				margin-top: 5px;
2980			}
2981			@keyframes floating-right {
2982				from { transform: translate(0,  0px) rotate(2deg); }
2983				65%  { transform: translate(0, 9px) rotate(2deg); }
2984				to   { transform: translate(0, -0px) rotate(2deg); }
2985			}
2986
2987			.card {
2988				margin: 0 auto 2rem;
2989				padding: 1rem;
2990				min-width: 10rem;
2991				max-width: 20rem;
2992				background-color: #fff;
2993				word-wrap: break-word;
2994				box-shadow: 0 0.0625em 0.1875em 0 rgba(0, 0, 0, 0.1), 0 0.5em 0 -0.25em #f2f2f2, 0 0.5em 0.1875em -0.25em rgba(0, 0, 0, 0.1), 0 1em 0 -0.5em #e5e5e5, 0 1em 0.1875em -0.5em rgba(0, 0, 0, 0.1);
2995			}
2996			.card.card-primary, .card.card-dark {color:#fff;}
2997			.card.card-primary {
2998				background-color: tomato;
2999				text-shadow: 0 0.0625em 0 rgba(0, 0, 0, 0.25);
3000				box-shadow: 0 0.0625em 0.1875em 0 rgba(0, 0, 0, 0.1), 0 0.5em 0 -0.25em #f25e43, 0 0.5em 0.1875em -0.25em rgba(0, 0, 0, 0.1), 0 1em 0 -0.5em #e5593f, 0 1em 0.1875em -0.5em rgba(0, 0, 0, 0.1);
3001			}
3002			.card.card-secondary {
3003				background-color: #47e3ff;
3004				box-shadow: 0 0.0625em 0.1875em 0 rgba(0, 0, 0, 0.1), 0 0.5em 0 -0.25em #43d7f2, 0 0.5em 0.1875em -0.25em rgba(0, 0, 0, 0.1), 0 1em 0 -0.5em #3fcce5, 0 1em 0.1875em -0.5em rgba(0, 0, 0, 0.1);
3005			}
3006			.card.card-dark {
3007				background-color: #404040;
3008				box-shadow: 0 0.0625em 0.1875em 0 rgba(0, 0, 0, 0.1), 0 0.5em 0 -0.25em #3c3c3c, 0 0.5em 0.1875em -0.25em rgba(0, 0, 0, 0.1), 0 1em 0 -0.5em #393939, 0 1em 0.1875em -0.5em rgba(0, 0, 0, 0.1);
3009			}
3010			.card > :last-child {margin-bottom:0;}
3011
3012			.btn-resource {background:#fff;}
3013			.btn-resource {
3014				position: relative;
3015				display: block;
3016				text-align: left;
3017				width: 100%;
3018				margin: 0;
3019				text-decoration: none !important;
3020				-webkit-border-radius: 10px;
3021				-moz-border-radius: 10px;
3022				-ms-border-radius: 10px;
3023				-o-border-radius: 10px;
3024				border-radius: 10px;
3025				/* -webkit-box-shadow: 0 10px 40px 0 rgba(97,4,95,0.07), 0 2px 9px 0 rgba(62,57,107,0.06); */
3026				-moz-box-shadow: 0 10px 40px 0 rgba(97,4,95,0.07),0 2px 9px 0 rgba(62,57,107,0.06);
3027				-ms-box-shadow: 0 10px 40px 0 rgba(97,4,95,0.07),0 2px 9px 0 rgba(62,57,107,0.06);
3028				-o-box-shadow: 0 10px 40px 0 rgba(97,4,95,0.07),0 2px 9px 0 rgba(62,57,107,0.06);
3029				/* box-shadow: 0 10px 40px 0 rgba(97,4,95,0.07), 0 2px 9px 0 rgba(62,57,107,0.06); */
3030				padding: 10px;
3031				transition: all .5s;
3032				background: #3e75fa;
3033				height: 73%;
3034				position: relative;
3035				border: 1px solid #ddd;
3036				max-width: 380px;
3037				cursor:auto;
3038				transform: rotate(-2deg);
3039			}
3040			.btn-resource .heading {
3041				width: 100%;
3042				padding: 10px 10px 10px 20px;
3043				-webkit-border-radius: 5px 5px 0 0;
3044				-moz-border-radius: 5px 5px 0 0;
3045				-ms-border-radius: 5px 5px 0 0;
3046				-o-border-radius: 5px 5px 0 0;
3047				border-radius: 5px 5px 0 0;
3048			}
3049			.btn-resource .label-easy, .btn-resource .label-hard, .btn-resource .label-hardest, .btn-resource .label-exam-mode, .btn-resource .label-questions, .btn-resource .label-preguntas {
3050				background-color: transparent;
3051				color: #a5a5a5;
3052				border: 1px solid #a5a5a5;
3053			}
3054			.btn-resource .label, .btn-resource .label:hover, .btn-resource .label:active {
3055				opacity: 1 !important;
3056				filter: none !important;
3057				background-color: transparent;
3058				color: #fff;
3059				border: 1px solid #fff;
3060			}
3061			.btn-resource .label {
3062				display: block;
3063				float: right;
3064				padding: 3px;
3065				font-size: 11px;
3066				line-height: normal;
3067				margin: 3px 5px 0 0px;
3068				padding: 3px 6px;
3069				text-transform: uppercase;
3070				text-shadow: none;
3071				font-weight: 600;
3072				cursor:auto;
3073			}
3074			.btn-resource h3, #content .btn-resource h3 {
3075				text-align: left;
3076				font-size: 23px !important;
3077				line-height: 1.3;
3078				color: #fff;
3079				padding: 0;
3080				font-weight: 600;
3081				margin: 0 !important;
3082				text-overflow: ellipsis;
3083				white-space: nowrap;
3084				overflow: hidden;
3085			}
3086			.btn-resource .content {background-color:transparent!important;width:100%;padding:0 20px 14px !important;}
3087			.btn-resource .content .insider {padding:0;margin:0;}
3088			.btn-resource p, #content .btn-resource p {
3089				padding: 0;
3090				color: #fff;
3091				font-size: 18px;
3092				line-height: 1.3;
3093				font-weight: normal;
3094				text-align: left;
3095				margin: 0;
3096				opacity: 0.6;
3097			}
3098
3099			.container1 {
3100				display: grid;
3101				border: none;
3102				grid-template-columns: 1fr 1fr;
3103				grid-template-rows: auto;
3104				justify-items: center;
3105				max-width: 790px;
3106				margin: 0 auto 50px;
3107			}
3108			.item {margin-bottom:70px;}
3109
3110			.container1 > * {float:left;width:360px;}
3111			@supports (display:grid) {
3112				.container1 > * {float:none;width:360px;}
3113			}
3114
3115			.coverimage {
3116				width:360px;
3117				box-shadow: 10px 10px 30px rgba(0,0,0,0.3);
3118				border-radius: 13px;
3119			}
3120			.ebook {
3121				color: #fff;
3122				text-align: left;
3123				margin: 15px 25px 25px 0;
3124				font-weight: 500;
3125				font-size: 18px;
3126			}
3127			.ebook > span {font-size:16px;opacity:0.6;}
3128
3129			.sec2_20 .inner {max-width:600px;}
3130			.sec2_20_block .title {
3131				font-size: 16px;
3132				line-height: 30px;
3133				text-transform: none;
3134				letter-spacing: 1px;
3135			}
3136			.sec3_6_block .info .about .title {
3137				margin-top: 4px;
3138				font-weight: 600;
3139				font-size: 14px;
3140				line-height: 1.2;
3141				text-transform: uppercase;
3142				letter-spacing: 1.2px;
3143				opacity: 1;
3144
3145			}
3146
3147			.sec3_6_block .info .about .subtitle {
3148				text-transform: none;
3149				margin-left: 5px;
3150				margin-top: 10px;
3151				font-size: 21px;
3152				line-height: 29px;
3153				font-weight: 400;
3154				letter-spacing: 0;
3155			}
3156			body {font-family: ui-sans-serif, system-ui, -apple-system, "system-ui", Roboto, Inter, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";overflow-x:hidden;}
3157
3158			.sec5_9_block .five-stars {margin-top:17px;text-align:center;}
3159			.sec5_9_block .five-stars>img {display:inline-block;width:6%;}
3160
3161			.sec2_20 h2 {
3162				text-align: left;
3163				margin-top: 0;
3164				font-style: normal;
3165				max-width: 700px;
3166				padding-bottom: 0px;
3167				padding-top: 0;
3168				line-height: 1.0625;
3169				letter-spacing: -.015em;
3170				margin: 0;
3171				font-weight: 800;
3172				font-size: 50px;
3173				color: #000;
3174			}
3175			.img-num {
3176				font-size: 7em;
3177				line-height: 1;
3178				color: #EBEFFD;
3179				position: absolute;
3180				z-index: 0;
3181				top: 55px;
3182				left: 0;
3183			}
3184			.pdf {
3185				border: 1px solid #fff;
3186				color: #fff;
3187				margin-right: 5px;
3188				border-radius: 4px;
3189				padding: 2px 4px;
3190				text-transform: uppercase;
3191				font-size: 0.7em;
3192				position: relative;
3193				top: -1px;
3194				font-weight: 400;
3195				letter-spacing: .3px;
3196			}
3197			.sec5_9_block {margin-right:20px;height:auto;padding-bottom:30px;}
3198
3199
3200			.checks {padding:0 0 0 25px;}
3201
3202			/*.sec7_13_block .price {
3203				font-size: 39px;line-height: 32px;margin-top: 40px;margin-bottom: 10px;
3204			}*/
3205			.sec7_13_block .subtitle {
3206				font-size: 14px;
3207				line-height: 1.2;
3208				font-weight: 800;
3209				text-transform: uppercase;
3210				letter-spacing: .6px;
3211				margin-top: 7px;
3212				opacity: 1;
3213				margin-bottom: 15px;
3214				color: #111;
3215			}
3216			.sec7_13_block .check {
3217				color: #82858f;
3218				font-weight: 400;
3219				letter-spacing: 0px;
3220				margin-left: 0px;
3221				text-align: left;
3222				border-bottom: 1px solid #eee;
3223				padding-bottom: 10px;
3224				margin-bottom: 10px;
3225				line-height: 17px;
3226				font-size: 14px;
3227			}
3228			.sec7_13_block .check:before {
3229				display: inline-block;
3230				content: "";
3231				width: 16px;
3232				height: 16px;
3233				background: url(/img/cb-tick.svg) no-repeat 0 0;
3234				margin-right: 7px;
3235				position: relative;
3236				top: 3px;
3237			}
3238
3239			.toggle-tabs {display:none;}
3240
3241			#upgrade .right .tabs-wrap, #upgradeTop .tabs-wrap {
3242				display: none;
3243				width: 100%;
3244				text-align: center;
3245				position: absolute;
3246				top: -20px;
3247				z-index: 100;
3248			}
3249			#upgrade .right .plan-tabs, #upgradeTop .plan-tabs {
3250				display: inline-block;
3251				border-radius: 5px;
3252				box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
3253			}
3254			#upgrade .right .plan-tabs .plan-tab, #upgradeTop .plan-tabs .plan-tab {
3255				display: inline-block;
3256				background: #f9f9f9;
3257				color: #333;
3258				text-align: center;
3259				font-family: Museo Sans Cyrl 700, sans-serif;
3260				font-size: 16px;
3261				font-weight: 800;
3262				padding: 17px;
3263				letter-spacing: .4px;
3264			}
3265			#upgrade .right .plan-tabs .plan-tab:first-child, #upgradeTop .plan-tabs .plan-tab:first-child{
3266				border-top-left-radius: 15px;
3267				border-bottom-left-radius: 5px;
3268			/*    border-right: 1px solid #ddd;*/
3269			}
3270			#upgrade .right .plan-tabs .plan-tab:last-child, #upgradeTop .plan-tabs .plan-tab:last-child{
3271				border-top-right-radius: 15px;
3272				border-bottom-right-radius: 5px;
3273			}
3274			#upgrade .right .plan-tabs .plan-tab.active, #upgradeTop .plan-tabs .plan-tab.active{
3275				color: #FFF;
3276				background-color: #1B8EFF;
3277			}
3278
3279			#upgrade .right .tabs-wrap, #upgradeTop .tabs-wrap {/*position:relative;*/top:-5px;}
3280			#upgrade .sec7_13_block {/*border-top-left-radius:0;border-top-right-radius:0;*/padding-top:40px !important;}
3281
3282			#upgrade .right .plan-tabs, #upgradeTop .plan-tabs {display:block;box-shadow:none;background:transparent !important;border-radius: 5px 5px 0 0;}
3283			#upgrade .right .plan-tabs .plan-tab, #upgradeTop .plan-tabs .plan-tab {width:50%;height:50px;background:none;/*color:#333;color:rgba(51, 51, 51, .8);*/background:#f9e200;color:#111;font-size:16px;border-bottom:1px solid #e2e2e2;cursor:pointer;    text-transform: uppercase;}
3284			#upgrade .right .plan-tabs .plan-tab.active, #upgradeTop .plan-tabs .plan-tab.active {color:#333;font-size:16px;border-bottom:1px solid transparent;cursor:default;}
3285			#upgrade .right .plan-tabs .plan-tab:first-child, #upgradeTop .plan-tabs .plan-tab:first-child {border-top-right-radius:15px;border-bottom-left-radius:0;/*background:#fff;*/}
3286			#upgrade .right .plan-tabs .plan-tab.active:first-child, #upgradeTop .plan-tabs .plan-tab.active:first-child {background:#fff;border-right:0;}
3287			#upgrade .right .plan-tabs .plan-tab:last-child, #upgradeTop .plan-tabs .plan-tab:last-child {border-top-left-radius:15px;border-bottom-right-radius:0;/*background:#f3f5f5;*/}
3288			#upgrade .right .plan-tabs .plan-tab.active:last-child, #upgradeTop .plan-tabs .plan-tab.active:last-child {/*background:#f3f5f5;*/border-left:0;}
3289
3290			#upgradeTop {position:relative;}
3291			#upgradeTop .tabs-wrap {display:block;}
3292			#upgradeTop .plan-tabs .plan-tab {font-size: 16px;letter-spacing: 1.2px;}
3293			#upgradeTop .plan-tabs .plan-tab.active {font-size:16px;}
3294			#upgradeTop .plan {padding-top:50px!important;box-shadow: 0 5px 15px 0 hsla(0, 0%, 0%, 0.15);}
3295			#upgradeTop .plan {position:relative;}
3296			#upgradeTop .plan.plan-hidden {display:none;}
3297			#upgradeTop .sec7_13_block .title {display:none;}
3298			#upgradeTop .tel-link {margin:-20px 0 0!important;}
3299			#upgradeTop .plan, #upgradeTop .plan.small {position:relative;right:0;top:0 !important;width:100%!important;padding-left:50px!important;padding-right:50px!important;}
3300
3301			#upgradeTop .plan-tabs .plan-tab:first-child {/*background:#f3f5f5;*/border-left:0;}
3302			#upgradeTop .plan-tabs .plan-tab:last-child {/*background:#f3f5f5;*/float:left;border-right:0;}
3303			#upgradeTop .plan-tabs .plan-tab.active:first-child {background:#fff;border-left:1px solid #e2e2e2;box-shadow: -2px -2px 5px -2px rgba(188, 185, 185, 0.48);border-top: 1px solid #e2e2e2;}
3304			#upgradeTop .plan-tabs .plan-tab.active:last-child {background:#fff;border-right:1px solid #e2e2e2;box-shadow: -2px -2px 5px -2px rgba(188, 185, 185, 0.48);border-top: 1px solid #e2e2e2;}
3305			#upgradeTop .plan.monthly {background:#f3f5f5!important;}
3306			#upgradeTop .plan.monthly {background:#FFFFFF!important;}
3307			#upgradeTop .plan.yearly {background:#FFF!important;}
3308
3309
3310			.bullit1 h3 {
3311				letter-spacing: .5px;
3312				margin-top: 40px;
3313				color: #000;
3314				font-weight: 800;
3315				font-size: 24px;
3316				line-height: 1.2;
3317				text-transform: none;
3318				text-align:left;
3319			}
3320			.bullit1_text {
3321				margin-top: 20px;
3322			/*    margin-top: 40px;*/
3323				font-weight: 400;
3324				color: #111;
3325				letter-spacing: 0;
3326				font-size: 19px;
3327				line-height: 1.4;
3328				text-align:left;
3329				
3330			}
3331
3332			.sec7_13_block.small {right: 25px;}
3333
3334			.compare {
3335				margin-left: auto;
3336				margin-right: auto;
3337				width: auto;
3338				background: #F2F4F5;
3339				padding: 110px 0;
3340			}
3341
3342			.sec4_5_btn:hover {
3343					opacity: 1;
3344				background-color: #3e75fa !important;
3345				color: white !important;
3346					transform: scale(1.1);
3347			}
3348
3349			.table td, .table th {
3350				padding: 3rem !important;
3351				vertical-align: top;
3352				border-top: 1px solid #dee2e6;
3353				line-height: 28px;
3354				font-size: 17px;
3355				font-weight: 400;
3356				color: #000000;
3357				text-align: left;
3358			}
3359
3360			.sec1_3_pluses .text {
3361				color: #8c8f94;
3362				margin-bottom: 65px;
3363				letter-spacing: 0;
3364				opacity: 1;
3365				font-size: 22px;
3366				line-height: 1.4;
3367				font-weight: 400;
3368			}
3369
3370			.sec1_3_pluses h3 {
3371				text-align: left;
3372				font-size: 28px;
3373				line-height: 1;
3374				font-weight: 800;
3375				color: #111;
3376				text-transform: none;
3377				letter-spacing: 0;
3378			}
3379			.sec4_12 {
3380				background: #3e75fa;
3381				padding-top: 100px;
3382				padding-bottom: 101px;
3383				text-align: center;
3384			}
3385			.sec4_12_block {
3386				width: 370px;
3387			}
3388			.sec4_12_block .text {
3389				text-align: left;
3390				position: relative;
3391				opacity: 1;
3392				border: 0;
3393				margin-top: 20px;
3394				margin-bottom: 30px;
3395				margin: 0px;
3396				max-width: 640px;
3397				color: #86868b;
3398				font-size: 21px;
3399				letter-spacing: 0;
3400				line-height: 29px;
3401				font-weight: 400;
3402			}
3403			.sec4_12_block_shadow .text:hover {
3404				box-shadow: 0 50px 100px -20px rgba(50,50,93,.25), 0 30px 60px -30px rgba(0,0,0,.3), 0 -18px 60px -10px rgba(0,0,0,.025);
3405			/*	transform: translateY(-3px);*/
3406			}
3407			.sec4_12_block .title {color:white;}
3408			.sec4_12_block .info {color:white;}
3409
3410			.sec4_12_block img {border-radius:0;}
3411
3412			.sec1_3 {
3413				padding-top: 100px;
3414				padding-bottom: 90px;
3415			}
3416
3417			.sec1_3 .sec4_12_block {
3418				width: 250px;
3419			}
3420
3421			#upgrade .option-banner, #upgradeTop .option-banner {
3422				white-space: nowrap;
3423				position: absolute;
3424				display: block;
3425				top: -31px;
3426				left: 50%;
3427				width: auto;
3428				-webkit-transform: translateX(-50%);
3429				-ms-transform: translateX(-50%);
3430				transform: translateX(-50%);
3431				border-radius: 1em 1em 0 0;
3432				background: #f6e936;
3433				color: #352c11;
3434				text-transform: uppercase;
3435				font-weight: 700;
3436				font-size: 13px;
3437				line-height: 1;
3438				padding: .7em 1em .5em;
3439				letter-spacing: .1em;
3440				text-align: center;
3441			}
3442
3443			#we-care-about {margin:0;padding:40px 0;background:#bcc6c9 url(/premium/city-bgr.svg) no-repeat 78% 60%;background-size:cover;}
3444			#we-care-about .container {min-height:300px;}
3445			#we-care-about h2 {text-align:left;font-size:34px;font-weight:800;line-height:1.2;}
3446			#we-care-about .table_row {
3447				border-bottom: 1px solid #e8e9e9;
3448				padding: 20px 0 20px 0;
3449				font-size: 16px;
3450				line-height: 24px;
3451				padding-right: 29px;
3452					font-weight: 700;
3453			}
3454			#we-care-about .table_row img {margin-right:10px;overflow:hidden;float:left;}
3455
3456			/*Comparison table*/
3457			.comparison-section .table td,
3458			.comparison-section .table th {
3459			  padding: 3rem;
3460			}
3461
3462			.table>tbody>tr>td:first-child, .table>tbody>tr>th:first-child {
3463			  text-align: left;
3464			  font-weight: bold;
3465			  vertical-align: middle;
3466				color: #282a30;
3467			}
3468
3469			.comparison-section td:last-child, .comparison-section th:last-child {
3470				background-color: #1bbb5d;
3471				color: white;
3472			}
3473
3474			.comparison-section {
3475			background: #F2F4F5;
3476			  margin-bottom: 0;
3477			  padding: 90px 0 120px;
3478			}
3479
3480			.comparison-section .cta {
3481			  text-align: center;
3482			}
3483
3484			.comparison-section .btn {
3485			background: #3667f6;
3486				display: inline-block;
3487				/* height: 60px; */
3488				/* line-height: 53px; */
3489				border: 2px solid #3667f6;
3490				color: #FFF;
3491				font-size: 22px;
3492				letter-spacing: 0;
3493				padding: 0 40px;
3494				margin-top: 45px;
3495				border-radius: 95px;
3496				text-transform: inherit;
3497				padding: 10px 50px;
3498			}
3499
3500			.comparison-section .btn span {
3501			  display: block;
3502			  font-size: 0.65em;
3503			}
3504
3505			.comparison-section .btn:hover {
3506				  opacity: 0.8;
3507			}
3508
3509			@media(min-width: 768px) {
3510			  .comparison-section .btn {
3511				width: 400px;
3512			  }
3513			  
3514			  .modal-dialog {
3515				width: 600px;
3516				margin: 50px auto;
3517			}
3518			  
3519			}
3520				
3521			@media(min-width: 450px) {
3522			  .videoask-embed__button_rectangle--21itJ.videoask-embed__button_right--tPZKf {
3523				right: 0px !important;}
3524				}
3525
3526			.comparison-section .narrow {
3527			  max-width: 300px;
3528			  display: block;
3529			  margin: auto;
3530			}
3531
3532			.checkmark-icon,
3533			.cross-icon {
3534			  height: 32px;
3535			  width: 32px;
3536			  display: block;
3537			  background-position: center center;
3538			  background-repeat: no-repeat;
3539			  background-size: contain;
3540			  margin-bottom: 10px;
3541			  margin-left: auto;
3542			  margin-right: auto;
3543			}
3544
3545			.cross-icon {
3546			  background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJ0aW1lcyIgY2xhc3M9InN2Zy1pbmxpbmUtLWZhIGZhLXRpbWVzIGZhLXctMTEiIHJvbGU9ImltZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMzUyIDUxMiI+PHBhdGggZmlsbD0iI2M1MjkxZCIgZD0iTTI0Mi43MiAyNTZsMTAwLjA3LTEwMC4wN2MxMi4yOC0xMi4yOCAxMi4yOC0zMi4xOSAwLTQ0LjQ4bC0yMi4yNC0yMi4yNGMtMTIuMjgtMTIuMjgtMzIuMTktMTIuMjgtNDQuNDggMEwxNzYgMTg5LjI4IDc1LjkzIDg5LjIxYy0xMi4yOC0xMi4yOC0zMi4xOS0xMi4yOC00NC40OCAwTDkuMjEgMTExLjQ1Yy0xMi4yOCAxMi4yOC0xMi4yOCAzMi4xOSAwIDQ0LjQ4TDEwOS4yOCAyNTYgOS4yMSAzNTYuMDdjLTEyLjI4IDEyLjI4LTEyLjI4IDMyLjE5IDAgNDQuNDhsMjIuMjQgMjIuMjRjMTIuMjggMTIuMjggMzIuMiAxMi4yOCA0NC40OCAwTDE3NiAzMjIuNzJsMTAwLjA3IDEwMC4wN2MxMi4yOCAxMi4yOCAzMi4yIDEyLjI4IDQ0LjQ4IDBsMjIuMjQtMjIuMjRjMTIuMjgtMTIuMjggMTIuMjgtMzIuMTkgMC00NC40OEwyNDIuNzIgMjU2eiI+PC9wYXRoPjwvc3ZnPg==);
3547			}
3548
3549			.checkmark-icon {
3550			  background-image: url(data:image/svg+xml;
3550base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJjaGVjayIgY2xhc3M9InN2Zy1pbmxpbmUtLWZhIGZhLWNoZWNrIGZhLXctMTYiIHJvbGU9ImltZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeiI+PC9wYXRoPjwvc3ZnPg==);
3551			}
3552
3553			.comparison-section .card.card-body {
3554				overflow-y: auto; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0,0,0,.125); webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 0; margin: 0; max-width: 100%; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 10px 40px 0 rgba(99,117,132,0.15), 0 2px 9px 0 rgba(62,57,107,0.06); -moz-box-shadow: 0 10px 40px 0 rgba(99,117,132,0.15),0 2px 9px 0 rgba(62,57,107,0.06); -ms-box-shadow: 0 10px 40px 0 rgba(99,117,132,0.15),0 2px 9px 0 rgba(62,57,107,0.06); -o-box-shadow: 0 10px 40px 0 rgba(99,117,132,0.15),0 2px 9px 0 rgba(62,57,107,0.06); box-shadow: 0 10px 40px 0 rgba(99,117,132,0.15), 0 2px 9px 0 rgba(62,57,107,0.06);
3555			}
3556			.comparison-section .table.premium {
3557				min-width: 600px; width: 100%; max-width: 100%; background-color: transparent; border-collapse: collapse; /* text-align: center; */ 
3558			}
3559			.comparison-section table thead th {line-height:38px;}
3560			.comparison-section th, .comparison-section td {
3561				vertical-align: top !important;
3562			}
3563			.comparison-section th:first-child {
3564				width: 10%;
3565			}
3566			.comparison-section th:nth-child(2) {
3567				width: 45%;
3568				 vertical-align: middle;
3569				border-bottom: 2px solid #dee2e6;
3570				font-weight: 500;
3571				text-align: center;
3572				text-transform: uppercase;
3573				letter-spacing: 1.6px;
3574				color: #aaa;
3575			}
3576			.comparison-section th:last-child {
3577				width: 45%;
3578				vertical-align: bottom; border-bottom: 2px solid #dee2e6; font-weight: 500; text-align: center; text-transform: uppercase; letter-spacing: 1.6px;
3579			}
3580			.comparison-section .big-num {
3581				font-size: 40px;display: block;font-weight:800;text-align: center;
3582			}
3583			.comparison-section .button-wrap {
3584				float: right;display: block;margin: 15px 35px 20px;
3585			}
3586			@media(max-width: 860px) {
3587			  .comparison-section {
3588				/*margin-top: -8em;*/
3589			  }
3590			}
3591
3592			.sec5_12 h2 {font-size:70px;line-height:1;margin:0 auto 20px;text-align:center;font-weight:800;color:#111;}
3593			.sec5_12 p {font-size: 19px;
3594				line-height: 1.4;
3595				margin: 0 auto;
3596				font-weight: 400;
3597				color: #111;
3598				text-align: center;
3599					max-width: 680px;}
3600
3601			.testimonial-video {
3602				position: relative;
3603				padding-bottom: 56.23%;
3604				height: 0;
3605				overflow: hidden;
3606				width: auto;
3607				max-width: 100%;
3608			}
3609			.testimonial-video-vertical {
3610				width: 100%;
3611				padding-bottom: 133.50%;
3612			}
3613				
3614			.testimonial-video-horizontal {
3615				width: 100%;
3616				padding-bottom: 56.5%;
3617			}
3618				
3619			.testimonial-video > iframe {
3620				position: absolute;
3621				top: 0;
3622				left: 0;
3623				width: 100%;
3624				height: 100%;
3625				z-index: 100;
3626				background: transparent;
3627				border: 0;
3628				padding: 0;
3629				margin: 0;
3630			}
3631
3632			[class*="ee-icon-"] {width:12px;height:12px;}
3633
3634			figure.ee-testimonial-container {margin:0;padding:0;border:0;}
3635			.ee-testimonial-container figcaption {}
3636			.ee-testimonial-container figcaption cite {}
3637
3638			.ee-testimonial-video {}
3639			.ee-testimonial-video video {}
3640			.ee-testimonial-video-bar {}
3641			.ee-testimonial-video-controls {display:none;position:absolute;bottom:0;left:10px;width:auto;padding:17px 15px;font-size:0;line-height:0;color:#fff;z-index:20;}
3642			.ee-testimonial-video-controls [class*="ee-icon-"] {width:25px;height:25px;}
3643			.ee-testimonial-video-playpause {}
3644			.ee-testimonial-video-playing {}
3645			.ee-testimonial-video-paused {}
3646
3647			.ee-testimonial-video .ee-icon-pause {display:none;}
3648
3649			.ee-testimonial-video-playing .ee-icon-play {display:none;}
3650			.ee-testimonial-video-playing .ee-icon-pause {display:block;}
3651
3652			.ee-testimonial-show-controls {cursor:pointer;}
3653			.ee-testimonial-show-controls .ee-testimonial-video-controls {display:block;}
3654
3655			.ee-testimonial-show-controls .ee-testimonial-video-bar {position:absolute;bottom:0;left:0;width:100%;min-height:90px;background-image:linear-gradient(0deg, #000, transparent, rgba(239,68,68,0));padding:10px;text-align:right;color:#fff;border-bottom-right-radius:10px;border-bottom-left-radius:10px;}
3656			.ee-testimonial-show-controls figcaption {position:absolute;bottom:15px;right:20px;}
3657			.ee-testimonial-show-controls figcaption cite {font-style:normal;font-style:normal;font-size:23px;font-weight:600;}
3658
3659			.testimonial-video .ee-testimonial-video,
3660			.testimonial-video .ee-testimonial-video video {position:absolute;top:0;left:0;width:100%;height:100%;}
3661			.testimonial-video .ee-testimonial-video {}
3662			.testimonial-video .ee-testimonial-video video {-webkit-border-radius:17px;border-radius:17px;top:0!important;}
3663
3664			@media (max-width:749px) {
3665			  .masonry-content {max-width:none;}
3666			  .masonry-content.testimonial-embed {margin:0 auto!important;}
3667			  .masonry-content.testimonial-embed {max-width:500;}
3668			}
3669			@media (max-width:500px) {
3670				.masonry-content.testimonial-embed {max-width:none;}
3671			}
3672			/* ee-testimonials. styles: end */
3673
3674			.photo-responsive,
3675			.video-responsive {
3676				position: relative;
3677				width: 100%;
3678				min-height: 300px;
3679				background-color: #eeeff1;
3680				background-size: cover;
3681				background-position: 50% 50%;
3682				width: auto;
3683				margin: -35px -25px 20px;
3684				overflow: hidden;
3685				transform: none;
3686				border-top-right-radius: 10px;
3687				border-top-left-radius: 10px;
3688			}
3689
3690			.video-responsive {cursor:pointer;}
3691
3692			.video-responsive > video {position:absolute;top:0;left:0;width:100%;height:100%;border-radius: 30px;}
3693
3694			.photo-responsive:before,
3695			.video-responsive:before {
3696				content: "";
3697				position: absolute;
3698				left: 0;
3699				top: 0;
3700				right: 0;
3701				bottom: 0;
3702				background: #525f7f;
3703				opacity: 0;
3704				-webkit-transition: opacity .25s;
3705				transition: opacity .25s;
3706			}
3707			.sec4_12_block .text:hover .photo-responsive:before,
3708			.sec4_12_block .text:hover .video-responsive:before/*,
3709			.video-responsive:hover:before*/ {
3710				opacity: .1;
3711			}
3712
3713			.photo-responsive-corner:before,
3714			.video-responsive-corner:before {
3715				content: "";
3716				position: absolute;
3717				left: 0;
3718				top: 100%;
3719				height: 160px;
3720				width: 100%;
3721				z-index: 2;
3722				transform-origin: 0 0;
3723				transform: skewY(-16deg);
3724				background: #fff;
3725			}
3726
3727			.video-responsive:after {
3728				content: "";
3729				position: absolute;
3730				width: 72px;
3731				height: 72px;
3732				left: 50%;
3733				bottom: 7%;
3734				margin: -36px 0 0 -36px;
3735				border-radius: 50%;
3736				background: rgba(50,50,93,.85) url(/premium/img/play2.svg);
3737				background-size: 100%;
3738			/*	background-size: cover;*/
3739				-webkit-box-shadow: 0 10px 16px -5px rgba(50,50,93,.25), 0 5px 12px -8px rgba(0,0,0,.3), 0 -9px 12px -6px rgba(0,0,0,.025);
3740				box-shadow: 0 10px 16px -5px rgba(50,50,93,.25), 0 5px 12px -8px rgba(0,0,0,.3), 0 -9px 12px -6px rgba(0,0,0,.025);
3741				-webkit-transition: -webkit-transform .25s;
3742				transition: -webkit-transform .25s;
3743				transition: transform .25s;
3744				transition: transform .25s,-webkit-transform .25s;
3745				-webkit-backdrop-filter: blur(2px);
3746				backdrop-filter: blur(2px);
3747				z-index: 10;
3748			}
3749			.video-responsive-play-center:after {left: 2%;bottom: 3%;}
3750
3751			.sec4_12_block .text:hover .video-responsive:after/*,
3752			.video-responsive:hover:after*/ {-webkit-transform:scale(1.1);transform:scale(1.1);}
3753
3754			.video-responsive-play-center:hover:before {opacity:.1;}
3755			.video-responsive-play-center:hover:after {transform:scale(1.1);}
3756
3757			.video-responsive-opacity:before {-webkit-filter:opacity(0.2);filter:opacity(0.2);}
3758			.video-responsive-opacity:after {opacity:.8;}
3759			.video-responsive-opacity:hover:before {transform:scale(1.1);-webkit-filter:none;filter:none;}
3760			.video-responsive-opacity:hover:after {transform:scale(1.1);opacity:1;}
3761
3762			.video-container {
3763				position: fixed;
3764				left: 0;
3765				top: 0;
3766				right: 0;
3767				bottom: 0;
3768				z-index: 10000;
3769				display: none;
3770			/*	background: rgba(170,183,196,.75);*/
3771			/*  background: rgba(97, 107, 117, 0.85);*/
3772				background: #111;
3773				-webkit-transition: opacity .25s;
3774				transition: opacity .25s;
3775				-webkit-backdrop-filter: blur(5px);
3776				backdrop-filter: blur(5px);
3777			}
3778			.video-container-wrapper {
3779				position: fixed;
3780				left: 20px;
3781				top: 50px;
3782				right: 20px;
3783				bottom: 50px;
3784				display: -webkit-box;
3785				display: -ms-flexbox;
3786				display: flex;
3787				-webkit-box-align: center;
3788				-ms-flex-align: center;
3789				align-items: center;
3790				-webkit-box-pack: center;
3791				-ms-flex-pack: center;
3792				justify-content: center;
3793				-webkit-transition-property: left,right,top,bottom;
3794				transition-property: left,right,top,bottom;
3795				-webkit-transition-duration: .25s;
3796				transition-duration: .25s;
3797			}
3798
3799			.video-container-wrapper video {width:100%;max-width:1280px;height:100%;}
3800			.video-container-wrapper video:focus {outline:0;}
3801			.video-container-wrapper iframe {width:100%;height:100%;}
3802
3803			#vimid382797934 iframe {width:100%;max-width:1280px;height:100%;}
3804
3805			.video-container button.close {
3806				color: #fff;
3807				position: fixed;
3808				top: 20px;
3809				right: 20px;
3810				width: 40px;
3811				text-align: center;
3812				opacity: 1;
3813				font-size: 3em;
3814				font-weight: 300;
3815				line-height: .5;
3816				z-index: 1100;
3817				text-shadow: none;
3818			}
3819
3820			#home .btnVideoTestimonials {display:inline-block;position:relative;top:-2px;left:20px;width:168px;}
3821			#home .video-responsive {
3822				background-color: transparent;
3823				margin: 0;
3824				min-height: 95px;
3825				-webkit-box-shadow: 0 .5rem 1rem rgba(0,0,0,0.15) !important;
3826				box-shadow: 0 .5rem 1rem rgba(0,0,0,0.15) !important;
3827				-webkit-border-radius: 5px;
3828				-moz-border-radius: 5px;
3829				-ms-border-radius: 5px;
3830				border-radius: 5px;
3831			}
3832			#home .video-responsive:before {
3833				content: "";
3834				position: absolute;
3835				left: 9%;
3836				top: 84%;
3837				right: auto;
3838				bottom: auto;
3839				width: 40px;
3840				height: 40px;
3841				margin: -20px 0 0 -20px;
3842				background: none;
3843				opacity: 1;
3844				-webkit-transition: none;
3845				transition: none;
3846				border-radius: 10rem;
3847				border: 3px solid rgba(255,255,255,0);
3848				-webkit-animation-name: pulse;
3849				animation-name: pulse;
3850				-webkit-animation-duration: 3.2s;
3851				animation-duration: 3.2s;
3852				-webkit-animation-timing-function: ease-out;
3853				animation-timing-function: ease-out;
3854				-webkit-animation-iteration-count: infinite;
3855				animation-iteration-count: infinite;
3856				-webkit-animation-play-state: running;
3857				animation-play-state: running;
3858				-webkit-transition: all .3s ease-in-out;
3859				transition: all .3s ease-in-out;
3860			}
3861			#home .video-responsive:after {width:40px;height:40px;left:9%;top:84%;bottom:auto;margin:-20px 0 0 -20px;
3862				-webkit-transition: all .3s ease-in-out;
3863				transition: all .3s ease-in-out;
3864			}
3865			#home .video-responsive:hover:before {transform:scale(1.1);}
3866			#home .video-responsive:hover:after {transform:scale(1.1);}
3867
3868			#introducing-video-wrp {
3869				position: relative;
3870				width: 510px;
3871				left: 0px;
3872				top: 0px;
3873				z-index: 2;
3874				overflow: hidden;
3875				-webkit-border-radius: 4px;
3876				-moz-border-radius: 4px;
3877				-ms-border-radius: 4px;
3878				border-radius: 4px;
3879			}
3880			#introducing-video-outer {/*position:relative;*/}
3881			#introducing-video-inner {
3882				width: 100%;
3883				margin-left: 0;
3884			/*    position: absolute;
3885				left: 50%;
3886				top: 0;
3887				-ms-transform: translateX(-50%) translateY(-50%);
3888				-moz-transform: translateX(-50%) translateY(-50%);
3889				-webkit-transform: translateX(-50%) translateY(-50%);
3890				transform: translateX(-50%) translateY(-50%);*/
3891			}
3892
3893			#introducing-video.video-responsive {
3894				min-height: 0;
3895				margin: 0;
3896				-webkit-box-shadow: none;
3897				box-shadow: none;
3898				-webkit-border-radius: 0;
3899				-moz-border-radius: 0;
3900				-ms-border-radius: 0;
3901				border-radius: 0;
3902			}
3903			#introducing-video.video-responsive:before, #introducing-video.video-responsive:after {width:80px;height:80px; margin: 0;}
3904			#introducing-video.photo-responsive:before,
3905			#introducing-video.video-responsive:before {background-color:#fff;}
3906			#introducing-video.video-responsive:hover:before {-webkit-animation-name:pulse2;animation-name:pulse2;}
3907			#introducing-video.video-responsive:hover:after {}
3908
3909			.sec7_13 .left {
3910				max-width: 100%;
3911				float: none;
3912				margin-top: 0px;
3913			}
3914
3915
3916			nav.secondary {
3917				width: 100%;
3918				height: 90px;
3919				background-color: rgba(255,255,255,.98);
3920				z-index: 1000;
3921				-webkit-transition: background-color 150ms ease-in-out,box-shadow .2s ease-in-out;
3922				transition: background-color 150ms ease-in-out,box-shadow .2s ease-in-out;
3923				-webkit-user-select: none;
3924				-moz-user-select: none;
3925				-ms-user-select: none;
3926				user-select: none;
3927				-webkit-user-drag: none;
3928				-moz-user-drag: none;
3929				-ms-user-drag: none;
3930				user-drag: none;
3931			}
3932			nav.secondary div {
3933				color: white;
3934				font-size: 2rem;
3935				line-height: 60px;
3936				position: absolute;
3937				top: 0;
3938				left: 2%;
3939				visibility: hidden;
3940			}
3941			nav.secondary ul {list-style-type:none;text-align:center;max-width:100%;}
3942			nav.secondary ul li {display:inline-block;line-height:90px;margin-left:30px;}
3943			nav.secondary ul li a {
3944				text-decoration: none;
3945				font-weight: 600;
3946				font-size: 20px;
3947				-webkit-transition: color 150ms ease-in-out;
3948				-moz-transition: color 150ms ease-in-out;
3949				-ms-transition: color 150ms ease-in-out;
3950				transition: color 150ms ease-in-out;
3951				border-top: 2px solid transparent;
3952				color: #292a30;
3953			}
3954			nav.secondary ul li a:hover {color:#1366ff;    transform: scale(1.1);}
3955
3956			.visible-title {visibility:visible!important;}
3957			.fixed-header {
3958				position: fixed;
3959				top: 0;
3960				left: 0;
3961				width: 100%; 
3962				background-color: rgba(255,255,255,.98);
3963				-webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.12);
3964				box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.12);
3965			}
3966
3967			.section-retake {overflow:hidden;}
3968
3969			.modal-content {
3970				margin: 0;
3971					padding: 40px;
3972				background: linear-gradient(168deg,#f5f7fa,#f5f7fa 420px,#fff 0,#fff);
3973				-webkit-box-shadow: 0 50px 100px -20px rgba(50,50,93,.25), 0 30px 60px -30px rgba(0,0,0,.3), 0 -18px 60px -10px rgba(0,0,0,.025);
3974				box-shadow: 0 50px 100px -20px rgba(50,50,93,.25), 0 30px 60px -30px rgba(0,0,0,.3), 0 -18px 60px -10px rgba(0,0,0,.025);
3975				border: 0;
3976			}
3977
3978			.modal-header {
3979				padding: 0;
3980				border-bottom: 0;
3981			}
3982
3983			h4.modal2 {
3984			font-size: 18px;
3985				text-align: left;
3986				font-weight: 700;
3987					margin-bottom: 5px;
3988			}
3989
3990			p.modal3 {
3991				font-weight: 400;
3992				font-size: 17px;
3993				line-height: 28px;
3994				color: #525f7f;
3995			}
3996
3997			button.btn.btn-default:hover {
3998				transform: translateY(-1px);
3999				-webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,.25), 0 8px 16px -8px rgba(0,0,0,.3), 0 -6px 16px -6px rgba(0,0,0,.025);
4000				box-shadow: 0 13px 27px -5px rgba(50,50,93,.25), 0 8px 16px -8px rgba(0,0,0,.3), 0 -6px 16px -6px rgba(0,0,0,.025);
4001				-webkit-box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
4002				box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
4003				color: #fff;
4004					background-color: #7795f8 !important;
4005			}
4006
4007			.toggler {
4008				padding: 0;
4009				border-bottom: 0;
4010				max-width: 920px;
4011				margin: 0 auto;
4012				-webkit-box-sizing: border-box;
4013				box-sizing: border-box;
4014			}
4015
4016			.toggler .toggler-title {
4017				display: flex;
4018				align-items: center;
4019				font-size: 21px;
4020				min-height: 80px;
4021				line-height: 1.4;
4022				background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAgMTAwOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgd2lkdGg9IjMwIiBoZWlnaHQ9IjMwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBkPSJNNTAsNTkuNWMtMC42LDAtMS4xLTAuMi0xLjYtMC42bC0xNy0xNGMtMS4xLTAuOS0xLjItMi41LTAuMy0zLjVjMC45LTEuMSwyLjUtMS4yLDMuNS0wLjNMNTAsNTMuOGwxNS41LTEyLjcgIGMxLjEtMC45LDIuNi0wLjcsMy41LDAuM2MwLjksMS4xLDAuNywyLjYtMC4zLDMuNWwtMTcsMTRDNTEuMSw1OS4zLDUwLjUsNTkuNSw1MCw1OS41eiIgc3R5bGU9ImZpbGw6I2FhYTsiLz48L3N2Zz4=) no-repeat 100% 0;
4023				background-color: transparent;
4024				background-position: 98% 50%;
4025				background-size: 35px;
4026				border-bottom: 1px solid transparent;
4027				color:#333333;
4028				letter-spacing: 0;
4029				padding: 15px 70px 15px 10px;
4030				text-transform: inherit;
4031				cursor: pointer;
4032				font-weight:400;
4033				margin: 0;
4034			}
4035			.toggler .toggler-title.opened {
4036                border-bottom: 1px solid #acb5b9;
4037				background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwIDEwMDsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHBhdGggZD0iTTMzLDU5LjVjLTAuNywwLTEuNC0wLjMtMS45LTAuOWMtMC45LTEuMS0wLjctMi42LDAuMy0zLjVsMTctMTRjMC45LTAuOCwyLjMtMC44LDMuMiwwbDE3LDE0YzEuMSwwLjksMS4yLDIuNSwwLjMsMy41ICBzLTIuNSwxLjItMy41LDAuM0w1MCw0Ni4yTDM0LjYsNTguOUMzNC4xLDU5LjMsMzMuNiw1OS41LDMzLDU5LjV6OyIgc3R5bGU9ImZpbGw6I2FhYTsiLz48L3N2Zz4=);
4038			}
4039			.toggler .toggler-content {
4040				line-height: 28px;
4041				font-size: 20px;
4042				font-weight: 300;
4043				color: #333;
4044				height: 0;
4045				transition: height 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
4046				overflow-y: hidden;
4047			}
4048			.toggler .toggler-content > div {
4049				padding: 20px;
4050				text-align: left;
4051				letter-spacing: 0;
4052				opacity: 1;
4053				margin-bottom: 15px;
4054				font-weight: 400;
4055				color: #4b5563;
4056				-moz-osx-font-smoothing: grayscale;
4057				font-size: 18px;
4058				line-height: 1.5;
4059			}
4060
4061			strong.bolder {
4062				font-weight: 700;
4063			}
4064
4065			.toggler .moreinfo li {
4066				line-height: 1.47384 !important;
4067				margin-bottom: 8px;
4068				padding-left: 8px;
4069				font-size: 18px !important;
4070				list-style: disc;
4071			}
4072
4073			.modal-header .close {
4074				margin-top: auto;
4075				cursor: pointer;
4076				position: absolute;
4077				padding: 16px;
4078				right: 0;
4079				top: 0;
4080				background: none;
4081			}
4082
4083			.price s {position:relative;text-decoration:none;}
4084			.price s:after {content:"";display:block;position:absolute;top:50%;left:-5px;right:-5px;height:6px;margin-top:-3px;background:red;}
4085
4086			/* state: before animated */
4087			.with-animation .show-first {
4088				-webkit-transition: opacity .8s ease-in-out 0s,-webkit-transform 1.45s ease-in-out .5s;
4089				transition: opacity .8s ease-in-out 0s,-webkit-transform 1.45s ease-in-out .5s;
4090				transition: opacity .8s ease-in-out 0s,transform 1.45s ease-in-out .5s;
4091				transition: opacity .8s ease-in-out 0s,transform 1.45s ease-in-out .5s,-webkit-transform 1.45s ease-in-out .5s;
4092				-webkit-transform: translate3d(0, 80px, 0);
4093				transform: translate3d(0, 80px, 0);
4094				opacity: 0;
4095			}
4096			.with-animation .show-second {
4097				-webkit-transition: opacity .8s ease-in-out 1.2s,-webkit-transform 1.45s ease-in-out .75s;
4098				transition: opacity .8s ease-in-out 1.2s,-webkit-transform 1.45s ease-in-out .75s;
4099				transition: opacity .8s ease-in-out 1.2s,transform 1.45s ease-in-out .75s;
4100				transition: opacity .8s ease-in-out 1.2s,transform 1.45s ease-in-out .75s,-webkit-transform 1.45s ease-in-out .75s;
4101				-webkit-transform: translate3d(0, 50px, 0);
4102				transform: translate3d(0, 50px, 0);
4103				opacity: 0;
4104			}
4105
4106			/* state: after animated */
4107			.with-animation.animated .show-first,
4108			.with-animation.animated .show-second {
4109				-webkit-transform: translate3d(0, 0, 0);
4110				transform: translate3d(0, 0, 0);
4111				opacity: 1;
4112			}
4113
4114			p.forWhom {
4115				margin: 50px 0 0;
4116				color: #fff;
4117				font-weight: 200;
4118				text-transform: uppercase;
4119				letter-spacing: 3px;
4120				font-size: 13px;
4121				opacity: 0.6;
4122				line-height: 1.4;}
4123			p.forWhom.onlyAdult {}
4124			p.forWhom span {margin:0;display: block;}
4125			p.forWhom span.divider {font-weight:300;}
4126
4127			.section-motivation {max-width:1280px;margin-left:auto!important;margin-right:auto!important;border-radius: 16px;}
4128
4129			.section-challenge-bank .icon-copy{display: inline-block; transition: transform .3s;}
4130			.section-challenge-bank .icon-copy:hover {transform: scale(1.05);}
4131
4132			.atBtnHint:hover .atHintIcon .cls-1 {
4133				fill: #3667f6;
4134			}
4135			.atBtnHint:hover .atHintIcon .cls-2 {
4136				fill: #fff;
4137			}
4138			.review-text {position: relative;}
4139			.review-text:before {
4140				content: '';
4141				position: absolute;
4142				width: 60px;
4143				height: 45px;
4144				right: 10px;
4145				top: -80px;
4146				z-index: 10;
4147				background-image: url(/wp-content/uploads/2020/04/comma.png);
4148				background-size: 60px 45px;
4149				background-repeat: no-repeat;
4150			}
4151			section.screen-pc {overflow-x: hidden;background: rgba(250, 251, 252, 1.0);}
4152
4153			a.what-included:hover {
4154				background: #0055f1 !important;
4155				color: #ffffff !important;
4156			}
4157			#btnPurchase2:hover {
4158				background-color: #fbe614 !important;
4159			}
4160				
4161			@media (min-width: 571px) {
4162				#we-care-about {margin:60px 0;padding:70px 0;background-position:78% 60%;}
4163				.header11 #header {display: none !important;}
4164				.header11_buttons #upgrade_button {display: none !important}
4165				#carousel2, #carousel4 {display: none !important;}
4166
4167				.atQuestions.wRecommendedBadge .recommendedBadge {right:-36px;bottom:-14px;width:100px;height:auto;}
4168				.atQuestions.wRecommendedBadge .atQHint,
4169				.atQuestions.wRecommendedBadge .atQExplanation {padding-right:30px;}
4170			}
4171			@media (min-width: 650px) {
4172				.sec3_6_block .info .about .subtitle {margin-left:50px;}
4173			}
4174			@media (min-width: 680px) {
4175				.atQuestions {padding:35px 40px 40px;max-width: 1120px;}
4176				.atQuestion.active {display:inline-block;width:100%;}
4177
4178				.atQText {margin-top:0;}
4179
4180				.withImage .atQImage {min-height:50px;margin:-6px 10px 0 0;float:left;clear:left;}
4181				.withImage .atQAnswers {margin-left:170px;/*float:right;*//*clear:right;*//*width:calc(100% - 170px);*/}
4182
4183				.withCoverImage .atQCoverImage {margin:-35px -40px 30px;}
4184
4185				.atQHint, .atQExplanation {padding-bottom:0;}
4186			}
4187			@media (min-width: 670px) {
4188				img.library-mockup {width:1000px!important;}
4189				#introducing-video-wrp {width: 898px;
4190				left: 50px;
4191				top: 20px;}
4192				#introducing-video-inner {}
4193				
4194			}
4195
4196			@media (min-width: 691px) {
4197				#upgrade .monthly .option-banner {display:none;}
4198			}
4199			@media (min-width: 768px) {
4200				#customers-agree .container {/*width:768px;*/width:96%;}
4201			}
4202			@media (min-width: 845px) {
4203				#header {display:block;}
4204			}
4205			@media (min-width: 991px) {
4206				#cheat-sheets.sec2_20 {padding-top:100px;}
4207			}
4208			@media (min-width: 991px) and (max-width: 1170px){
4209				.sec2_19 .container {width:800px; margin: 0 auto;}
4210				.sec2_19 .inner {max-width:none;display:flex;flex-direction:column;}
4211				.sec4_5_btn {margin:0 auto;	}
4212			}
4213			@media (min-width: 992px) {
4214				.col-md-3 {width: 24.9%;}
4215				#we-care-about {padding:70px 0 200px;background-position:88% 60%;}
4216				#we-care-about h2 {max-width:670px;}
4217				#we-care-about .table {margin-left:70px;width:auto;white-space:nowrap;}
4218				.bullit1 {
4219					padding-top: 50px;
4220					border: 0;
4221					border-bottom: none;
4222				}
4223				.bullit1_last {padding-bottom:70px;}
4224				.bullit1_border_sides {
4225					border-left: 0;
4226					border-right: 0;
4227				}
4228				#customers-agree .container {/*width:780px;*/width:96%;}
4229			}
4230			@media (min-width: 1070px) {
4231				.atQuestions.wRecommendedBadge .recommendedBadge {right:-95px;bottom:-40px;width:185px;height:150px;}
4232				.atQuestions.wRecommendedBadge .atQHint,
4233				.atQuestions.wRecommendedBadge .atQExplanation {padding-right:60px;}
4234			}
4235			@media (min-width: 1100px) {
4236				.container {width:1040px; margin: 0 auto;}
4237				section.section-super-scared .section-super-scared-right {margin: 0 40px 0 0!important;}
4238			}
4239			 
4240			@media (max-width: 1100px) {
4241				.header11 .header-wrapper {margin-bottom: -90px !important;}
4242				section.problem {padding-top: 50px !important;}
4243				.hero-wrapper {
4244					margin-top: 100px !important;
4245				}
4246			}
4247
4248            @media (max-width: 991px) {
4249                .header11 .header-wrapper {
4250                    padding-top: 10px !important;
4251                }
4252            }
4253				
4254			@media (min-width: 1170px) {
4255			   #cheat-sheets .sec2_20_block {width:auto;}
4256			   #cheat-sheets .sec2_20_block:last-child {margin-bottom:0;}
4257			   #customers-agree .container {width:1140px; margin: 0 auto;}
4258			}
4259			@media (min-width: 1200px) {
4260
4261				.nav11 {top: 35px;}
4262				.container {width: 1150px; margin: 0 auto;}
4263				#mbe-demo .container {width:1120px; margin: 0 auto;}
4264				#gov-reviews .container {width:1170px; margin: 0 auto;}
4265				#recommended .container {width:1200px; margin: 0 auto;}
4266				.bullit1_last {padding-bottom:40px;}
4267				#upgrade .monthly .option-banner {display:block;}
4268			   #customers-agree .container {width:1170px; margin: 0 auto;}
4269			   .sec2_20 .container {width: 1100px; margin: 0 auto;}
4270			}
4271			@media (min-width: 1328px) {
4272				img.bg_sec2_20 {width:auto;height:auto;position:absolute;bottom:0;top:auto;}
4273			}
4274			@media (min-width: 1600px) {
4275				.header6 {background-position:100% 0!important;}
4276			}
4277			@media (min-width: 1765px) {
4278				.header-wrapper {background-size:100% auto;}
4279			}
4280			@media(max-width: 1500px) {
4281				.atQuestions.voiceOverOn:before {
4282				  content: none;
4283			  }
4284			}
4285			@media(max-width: 1366px){
4286
4287				.section-challenge-bank .imgFeat {
4288					margin: 0 !important;
4289					display: inline-block;
4290					vertical-align: top;
4291				}
4292				.section-challenge-bank .inner {
4293					float: none !important;
4294					display: inline-block;
4295					max-width: calc(100% - 550px) !important;
4296				}
4297
4298				.section-explanation .bg_sec2_20 {right: 0 !important;}
4299			}
4300			@media (max-width: 1320px) {
4301				.handbook-img {margin: 70px auto 0 !important;}
4302				section#pass-guarantee {border-radius: 0;padding-top: 80px;padding-bottom: 70px;}
4303			}
4304			@media (max-width: 1300px) {
4305				#gov-reviews {padding-left:20px;padding-right:20px;}
4306				#gov-reviews .container {width:auto; max-width:none;}
4307				#gov-reviews .sec3_6_block {width:49%;}
4308
4309			  section.section-super-scared {
4310				padding-top: 30px;
4311			  }
4312			  section.section-super-scared .container {
4313				padding-bottom: 30px;
4314			  }
4315			  section.section-super-scared .section-super-scared-right {
4316				margin: 0 80px 0 0;
4317					width: 528px;
4318				  top: 0 !important;
4319			  }
4320			  section.section-super-scared .inner {
4321				max-width: none !important;
4322				float: none !important;
4323			  }
4324				
4325				section.sec2_20.sec3_20.section-challenge-bank.with-animation {padding-top: 80px;}
4326				
4327			  section.section-super-scared .inner h2 {
4328				max-width: 530px;
4329				text-align: left;
4330			  }
4331			  section.section-super-scared .inner .job {
4332				max-width: 440px;
4333				margin: 0 auto 30px 0;
4334				text-align: left;
4335			  }
4336			  .screen-pc .situations-img {
4337				margin: 30px 0 !important;
4338			  }
4339			  .sec7_13 {
4340				padding-top: 70px;
4341				padding-bottom: 40px;
4342			  }
4343			  .section-challenge-bank>.container {padding-bottom: 20px !important;}
4344				#how-does-it-work h2 {margin: 20px auto 0px 0 !important;text-align: left !important;}
4345				.timeline {position: relative;margin-top: 60px;}
4346				#cheat-sheets2 {padding-top: 80px !important;padding-bottom: 80px;}
4347				.comparison-section {padding: 70px 0 70px !important;}
4348				#customers-agree {padding-top: 20px !important;padding-bottom: 50px !important;}
4349				section#recommended {padding-top: 60px !important;}
4350				section#upgrade {padding-top: 60px;}
4351				section.faq {padding-bottom: 0px !important;padding-top: 30px !important;}
4352				section.trusted-by {padding: 80px 0 0px;}
4353				#included {padding-top: 50px !important;}
4354				/*.row {margin: 20px auto 0 !important;}*/
4355				#how-does-it-work h2 {margin: 20px auto 0px 0 !important;text-align: left !important;} 
4356			  #mbe-demo {padding-bottom: 70px;padding-top: 35px !important;}
4357			  section#pass-guarantee {
4358				margin-top: 50px;
4359			  }
4360
4361			}
4362			@media (max-width: 1246px) {
4363				.sec2_19 .blocks {float:none;margin-left:10px;margin-right:10px;display:inline-block;}
4364			}
4365			@media (max-width: 1199px) {
4366
4367
4368				.sec7_13 .left, .sec7_13 .right {/*float:none;margin:0 auto;max-width:690px;text-align:center;*/}
4369				.sec7_13 .left h2 {text-align:center;}
4370				#demo-tests .left h2 {text-align:left;}
4371				.sec7_13 .right {margin-top:50px;}
4372				.sec7_13_block {/*float:none;*/}
4373				.sec5_9 .left {float:none;}
4374				.sec5_9 .left .sec5_9_block{float:none;margin-left:auto;margin-right:auto;}
4375				.sec5_9 .holder {margin-left:auto;margin-right:auto;}
4376				.sec3_6_block, .sec3_6_block.last {/*float:none;margin-left:auto;margin-right:auto;*/}
4377				.checks {padding:0 5px 10px 10px !important}
4378				#upgrade .right {/*width:auto!important;max-width:690px;margin:0 auto!important;*/}
4379				#upgrade .sec7_13_block {/*width:auto!important;*/}
4380				#upgrade>.container {/*width:auto!important;*/width:95%!important;}
4381				#upgrade .sec7_13_block.small {/*right:auto;top:auto;*/}
4382
4383				#upgrade .right .tabs-wrap {/*display:block;*/}
4384				#upgrade .trusted-by-users {margin-bottom:40px!important;}
4385				#upgrade .right .plan {/*padding-top:50px!important;*/box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.07);}
4386				#upgrade .plan {/*position:relative;*/}
4387				#upgrade .plan.plan-hidden {/*display:none;*/}
4388				#upgrade .right .sec7_13_block .title {/*display:none;*/}
4389				.bg_sec1_3 {max-width:410px!important;}
4390				#upgrade .tel-link {/*margin:-20px 0 0!important;*/}
4391
4392				#upgrade .option-banner {/*top:-42px;left:75%;*/}
4393
4394				#home .btnUpgrade {display:block;text-align:center;}
4395				#home .btnIncluded {display:block!important;text-align:center;margin:10px 0 0!important; max-width: 375px;}
4396				#home .pPassOrGet {text-align:center; max-width: 375px;}
4397			}
4398			@media (max-width: 1170px) {
4399				.fixed-header {display: none;}
4400				nav.secondary {display:none;}
4401				.header-wrapper #headerCurve {display:none !important;}
4402				.sec7_13 .container > .right {margin-top:50px;width:100%;}
4403				.sec7_13_block {margin-left:0;margin-right:0;padding:40px 30px 40px;}
4404				.sec7_7 {padding:45px 0 50px!important;margin-bottom:10px!important;}
4405				#cheat-sheets2 .container1 {/*grid-template-columns:none;*/}
4406			/*	.sec2_20 {text-align:center;padding-top:15px!important;}*/
4407				.sec6_8 {padding-top:30px;padding-bottom:60px!important;}
4408				.header11 .header-wrapper {padding-top:50px;}
4409				.sec7_13 .left {float:none;margin-left:0;max-width:100%;}
4410				.bg_sec1_3 {position:absolute;
4410left:0;}
4411
4412				#customers-agree .sec4_12_block {/*width:370px;*/width:32%;}
4413				#customers-agree.sec4_12 .flex {display:flex;width:auto;}
4414
4415				#gov-reviews .sec3_6_block, #gov-reviews .sec3_6_block.last {float:left;}
4416				#gov-reviews .sec3_6_block {margin-right:30px;}
4417				#gov-reviews .sec3_6_block.last {margin-right:0;}
4418
4419				.photo-responsive, .video-responsive {position:relative;width:auto;height:auto;/*margin:0 auto 20px;*//*padding-bottom:134%;*/}
4420				.video-responsive iframe {position:absolute;margin:0!important;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;}
4421			  #included {padding-top: 20px !important;}
4422
4423			}
4424			@media (max-width: 1150px) {
4425				#upgrade .right {width:100%!important;padding-left:2%;}
4426				#upgrade .right .plan {width:54%!important;padding-left:30px!important;padding-right:30px!important;}
4427				#upgrade .right .plan.small {width:44%!important;}
4428			}
4429			@media (max-width: 1100px) {
4430				#cheat-sheets2 {padding-left:20px;padding-right:20px;padding-top:80px!important;}
4431			}
4432			@media (max-width: 1099px) {
4433
4434			}
4435			@media (max-width: 1090px) {
4436				#gov-reviews .sec3_6_block {width:49%;}
4437			}
4438			@media (max-width: 1060px) {
4439				#gov-reviews .sec3_6_block {width:48%;}
4440			}
4441			@media (max-width: 1050px) {
4442				#gov-reviews .sec3_6_block .info img {display:block;float:none;margin:0 0 10px!important;}
4443				#gov-reviews .sec3_6_block.last .info {padding-top:23px;}
4444				#gov-reviews .sec3_6_block .info .about, .sec3_6_block .info .about .subtitle {margin-left:0;}
4445				#upgrade .sec7_13_block.small {top:30px;}
4446			}
4447			@media (max-width: 1040px) {
4448				#testimonials .blocks {width:28%;}
4449				#testimonials .sec1_19_block {width:100%;    text-align: left;}
4450			}
4451			@media (max-width: 1000px) {
4452			/*	#upgrade .sec7_13_block.small {top:0px;}*/
4453			}
4454			/*@media (max-width:993px) {
4455				#guaranteed1 {width:50%; margin-top:10px;}
4456			}*/
4457			@media (max-width: 991px) {
4458				#home .btnUpgrade span {display:none;}
4459				#we-care-about .col-right {margin-top:10px;background:rgba(255,255,255,.7);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
4460				section.sec1_1 {padding-top:40px!important;}
4461				#customers-agree .vimeo {float:none!important;text-align:center;margin-bottom:10px;}
4462				#customers-agree .vimeo iframe {width:100%;}
4463				#customers-agree .user-review {margin-left:0!important;margin-right:0!important;}
4464				.bullit1_text {margin-top:20px;}
4465				.sec1_3 {padding-bottom:50px;}
4466				.bg_sec1_3 {float:none!important;position:relative;display:block;margin:30px auto!important;}
4467				.sec1_3_pluses {float:none!important;width:auto!important;margin-top:20px!important;}
4468				.sec1_3_pluses .text {margin-bottom:40px;}
4469				.bullit1 {border:0;}
4470				.bullit1_border_sides {border:0;}
4471				#included .arrow-r2 {display:none;}
4472				#home .btnVideoTestimonials {margin:10px 0 0 0;top:0;left:0;margin:10px 0 0 37px;}
4473
4474
4475				#home .btnUpgrade, #home .btnIncluded, #home .pPassOrGet {width:400px;margin-left:auto!important;margin-right:auto!important;
4476					line-height: 1.5 !important;
4477					padding: 10px 0;
4478					height: auto;
4479					font-size: 22px !important;
4480				}
4481				#home .btnUpgrade span {display:inline;}
4482				.header11_text {margin-right:0;}
4483				.header11_text p {text-align:center!important;margin-left:auto!important;margin-right:auto!important;}
4484				.header-wrapper h1.white {text-align:center;}
4485				.header11_text > ul {text-align:center!important;margin-left:0!important;}
4486				.header11_text > svg {display:block;margin-left:auto!important;margin-right:auto!important;}
4487				#home .btnVideoTestimonials {display:block;margin:20px auto;}
4488				.header11_text {text-align: center}
4489				.header11_text .cont-regular {margin-left: auto !important;}
4490
4491				.header11_text .forWhom {
4492					display: inline-block;
4493					vertical-align: middle;
4494					margin-top: 30px !important;
4495				}
4496				.header11_text .no-fail-svg {
4497					position: static !important;
4498					display: inline-block;
4499					vertical-align: middle;
4500					margin: 30px 0 0 10px !important;   
4501				}
4502				.header11_text .recommended-svg {
4503					position: static !important;
4504				}
4505				section.screen-pc>.container:first-child {
4506					padding-top: 70px !important;
4507				}
4508				
4509			 
4510				
4511				.job {max-width: none !important;}
4512				.job.convinced {margin: 30px auto 0px !important;}
4513				.sec2_20 .inner {max-width: none !important;}
4514				#included {padding-top: 0px !important;}
4515				#included h2 {max-width: none !important}
4516				.section-challenge-bank {padding-top: 80px !important; padding-bottom: 0 !important;}
4517				.section-challenge-bank>.container {padding-bottom: 0 !important;}
4518				.section-challenge-bank .imgFeat {display: none;}
4519				.section-challenge-bank .container #designed-for-people {max-width: none !important;}
4520				.section-challenge-bank .learn-more-p {display: inline-block !important;    margin-top: .5em !important;}
4521				.blob4 {display: none;}
4522
4523				.section-challenge-bank .container #designed-for-people {max-width: none !important;}
4524				video.car-icons-grow {max-width: none !important;float: none !important;}
4525
4526				#how-does-it-work {padding-top: 0 !important;}
4527				.howdoes .bottom-border {display: none;}
4528				#icon-policeman {display: none;}
4529				.section-retake {padding-top: 30px !important;}
4530				.section-retake>.container {padding-bottom: 80px !important;}
4531				.section-explanation {padding-top: 80px !important;}
4532				.section-explanation>.container {padding-bottom: 50px !important;}
4533				.section-explanation img.bg_sec2_20 {display: none;}
4534				.section-explanation .btnPurchase {margin-top: 50px !important;}
4535				.section-retake .inner {max-width: none !important;}
4536				.screen-pc .situations-img {margin: 0 !important;}
4537				#demo-tests {padding-top: 60px; padding-bottom: 60px;}
4538				.comparison-section {
4539					padding: 50px 0 80px;
4540				}
4541				#customers-agree {padding-top: 50px !important; padding-bottom: 50px !important;}
4542				#customers-agree .trustpilot-widget {margin-top: 30px !important;}
4543				.all-screen>.container {padding-top: 80px !important;}
4544				.all-screen .study-home-img {margin: 50px auto 0 !important;}
4545				#testimonials>.sec2_19 {padding: 20px 0;}
4546				#recommended {padding-top: 70px; padding-bottom: 30px;}
4547				#upgrade {padding-top: 70px !important;}
4548				.toggler .toggler-title {font-size: 20px;}
4549				section.faq {padding-top: 50px !important;}
4550				#premium_features .section-retake .container {padding-bottom: 60px !important;}
4551
4552
4553			}
4554			@media (max-width: 980px) {
4555				/*.sec2_20 .container {width:900px;}*/
4556				.section-challenge-bank .container > img {max-width:420px;height:auto!important;}
4557			}
4558			@media (max-width: 970px) {
4559				.sec7_7_slider .inner {text-align:center;}
4560				.sec7_7_slider .inner >div{text-align:left;}
4561				blockquote {display:block;padding:0!important;margin:0px 15px !important;text-align:left;}
4562				blockquote::before {left:-50px !important;top:35px !important;position:relative !important;display:block;}
4563				.sec7_7_slider .logo {margin:0 auto 20px;}
4564			}
4565			@media (max-width: 950px) {
4566				/*.sec2_20 .container {width:870px;}*/
4567				.section-unlock-huge-right {right:40px!important;}
4568				.section-super-scared-right {display: contents;}
4569				
4570				.imgFeat, .wrpImgFeat {max-width:360px!important;}
4571			}
4572			@media (max-width: 930px) {
4573				/*.sec2_20 .container {width:790px;}*/
4574				/*.sec2_20 .container .inner {max-width:380px!important;}*/
4575			}
4576			@media (max-width: 912px) {
4577				#gov-reviews .sec3_6_block {width:48%;}
4578			}
4579			@media (max-width: 900px) {
4580				#premium_features2 div, #premium_features2 svg, #premium_features2 img {
4581					float: none !important;
4582					position: static !important;
4583					margin-left: auto !important;
4584					margin-right: auto !important;
4585					font-size: 19px;
4586				line-height: 1.4;
4587				font-weight: 400;
4588				color: #111111;
4589				}
4590				#premium_features2 img {max-width:400px;height:auto!important;}
4591				#premium_features2 .img-num {display:none;}
4592				#premium_features2 .sec2_20 {width:auto!important;text-align:center!important;padding-top:15px!important;padding-bottom:25px;}
4593				#premium_features2 .sec2_20 .container{padding-bottom:0!important;}
4594			}
4595			@media (max-width: 890px) {
4596				#upgrade .right {width:98%!important;padding-left:0;}
4597				#upgrade .right .plan.small {width:48%!important;right:0;}
4598			}
4599			@media (max-width: 880px) {
4600				.sec1_3_pluses_line, .sec1_3_pluses h3 span {display:none;}
4601			}
4602			@media (max-width: 860px) {
4603				#headerCurve {display:none;}
4604			}
4605			@media (max-width: 950px) {
4606				/*.sec2_20 .container {width:760px;}*/
4607				/*.sec2_20 .container .inner {max-width:350px!important;}*/
4608			}
4609			@media (max-width: 854px) {
4610				#upgrade .option-banner.onlySenior {font-size:12px;top:-28px;}
4611			}
4612			@media (max-width: 832px) {
4613				#cheat-sheets2 .container1 > * {width:88%;}
4614				#cheat-sheets2 .coverimage {width:100%;}
4615			}
4616			@media (max-width: 820px) {
4617				#cheat-sheets2 .container1 {max-width:690px;}
4618				#cheat-sheets2 .container1 > * {width:92%;}
4619				#cheat-sheets2 .coverimage {width:100%;}
4620			}
4621			@media (max-width: 795px) {
4622				#upgrade .option-banner.onlySenior {font-size:11px;top:-26px;}
4623			}
4624			@media (max-width: 790px) {
4625				.section.wf-section {
4626				padding: 30px 2vw !important;
4627			}
4628				.sec7_13 {padding:100px 0;}
4629				.sec7_13 .right {margin-bottom:0;}
4630				#atImageAnim.initialized {margin-bottom:0;}
4631
4632				.sec2_20 .container {width:100%;padding-left:10px;padding-right:10px;}
4633				/*.sec2_20 .container .inner {max-width:600px!important;}*/
4634				.section-unlock-huge {padding-top:90px!important;}
4635				.section-unlock-huge-right {text-align:center;}
4636				.section-unlock-huge-right span {margin-left:auto;margin-right:auto;}
4637
4638				.section-super-scared {padding-top:90px!important;}
4639				.section-super-scared-right {text-align:center;}
4640				.section-super-scared-right span {margin-left:auto;margin-right:auto;}
4641
4642				.imgFeat {display:block;}
4643
4644				.section-challenge-bank {/*padding-bottom:90px!important;*/}
4645				.section-motivation {padding-bottom:90px!important;}
4646				.section-explanation {padding-top:90px!important;padding-bottom:90px!important;}
4647				.section-explanation img {display:block;}
4648				.comparison-section {padding: 50px 0 50px !important;}
4649				#customers-agree {padding-bottom:30px!important;padding-top: 60px !important;}
4650				section#recommended {padding-top: 30px !important;}
4651				#customers-agree .ratingstars {margin-top:30px!important;}
4652				#cheat-sheets2 {padding-bottom:90px;}
4653
4654				#testimonials .sec2_19 {/*padding-top:90px;padding-bottom:90px;*/}
4655				#programfor {padding-top:90px!important;padding-bottom:80px!important;}
4656				#gov-reviews {padding-bottom:90px;}
4657				#upgrade {/*padding-top:90px!important;padding-bottom:90px!important;*/}
4658
4659			/*	#premium_features div, #premium_features svg, #premium_features img {
4660					float:none!important;
4661					position:static!important;
4662					margin-left:auto!important;
4663					margin-right:auto!important;
4664				}*/
4665
4666				.sec2_20 .inner {
4667					margin-top:50px;
4668					margin-bottom:25px;
4669					max-width:none!important;
4670					text-align:left;
4671					padding-left:10px;
4672					padding-right:10px;
4673				}
4674				#premium_features .sec2_20>.container {padding-bottom:10px!important;}
4675				/*#premium_features .section-retake .container {padding-bottom:316px!important;}*/
4676				#premium_features #icon-policeman {position:absolute!important;width:386px!important;height:316px;left:50%!important;margin:0 0 0 -193px!important;}
4677
4678				#cheat-sheets2 .btnPurchase{float:none!important;margin-bottom:40px;}
4679				#cheat-sheets2 .btnPurchase.sec4_5_btn {display:block;width:326px;margin:40px auto;padding:0 20px!important;    line-height: 2.8;}
4680				#cheat-sheets2 .send-pdfs {margin-left:auto;margin-right:auto;text-align:left;}
4681				#included h2 {font-size:35px!important;}
4682				h1.white.show-first {font-size: 42px !important;margin: 0 auto 20px !important;}
4683				.sec5_10_link {text-align:center;}
4684
4685			  .section-retake .ul.tags{
4686				max-width: none;
4687				display: block;
4688				text-align: left;
4689			  }
4690			  .section-retake .tags li {
4691				float: none;
4692				display: inline-block;
4693				margin: 0 5px 8px 0;
4694			  }
4695			  .section-retake .sec5_10_link {
4696				display: block;
4697				text-align: center;
4698			  }
4699			   .section-retake .sec5_10_link .icon {
4700				float: none !important;
4701				display: inline-block !important;
4702				vertical-align: middle !important;
4703				margin-bottom: 10px;
4704			  }
4705			  .section-retake .sec5_10_link .left {
4706				float: none !important;
4707				margin-left: 5px !important;
4708				display: inline-block !important;
4709				vertical-align: middle !important;
4710			  }
4711			  section#pass-guarantee {padding: 70px 0 50px;  }
4712			  #customers-agree .trustpilot-widget {margin-top: 0 !important;  }
4713
4714			}
4715			@media (max-width: 770px) {
4716				.container {width:auto!important;margin-bottom: 0px !important;}
4717				.sec2_20_block .title img {float:none;margin-right:9px;margin-top:-3px;}
4718				.sec2_20 .inner {max-width:none;}
4719				.sec2_19 .blocks {/*margin-left:0;margin-right:0;*/vertical-align:top;}
4720				.sec2_19 .blocks.last {/*margin:0;*/}
4721			/*	.sec2_20 .container {padding-bottom:0!important;}*/
4722				.bg_sec2_20_1 {position:relative;
4722left:-300px;}
4723				.sec2_20 .sec1_13_text, .sec2_20_block {max-width:none;}
4724				.bg_sec2_20_2 {left:100px;}
4725				.sec2_20_block .title {display:block!important;margin:15px 0 0;}
4726				.subheader-wrapper #guaranteed1 {display:none;}
4727			/*	.header11 .header-wrapper {padding:185px 25px 150px;}*/
4728				#cheat-sheets2 .inner {margin-left:0;max-width:none!important;}
4729				#cheat-sheets2 .is-exam-hard {max-width:310px;display:block;margin:0 auto 30px!important;}
4730				#cheat-sheets2 .container {width:auto;padding:0;}
4731				#upgrade, .trusted-by, .footnotes {padding-left:20px;padding-right:20px;/*    padding-top: 5px !important;*/}
4732				.bg_sec2_20_1 {position:relative;}
4733				.sec2_20 .inner, .sec2_20 h2, .sec2_20 .sec1_13_text {text-align:left;font-size:35px!important;}
4734				h2.befully, h2.detailed {
4735                    font-size: 32px!important;
4736                    text-align: center !important;
4737                }
4738				#cheat-sheets2 {    padding-top: 45px!important;}
4739				#mbe-demo {    padding-top: 15px !important;}
4740				section.sec2_20.sec3_20.section-challenge-bank.with-animation {padding-top: 50px;}
4741				p.job {font-size:18px!important;line-height:1.55!important;}
4742				p.job.sub {margin-top: 20px !important;}
4743				p.platform-icons {margin: 20px auto 0 !important;}
4744				#upgrade .tel-link {margin:-30px 0 0!important;}
4745				.sec1_3 .sec4_12_block {/*width:auto;*/width:32%;}
4746				.sec1_3 .flex {/*display:block!important;*/ margin: 30px auto 0px !important;}
4747				#gov-reviews {padding-left:20px;padding-right:20px;}
4748				#gov-reviews .container {padding-left:0;padding-right:0;}
4749				#testimonials .sec2_19 .blocks {margin-left:10px;margin-right:10px;}
4750
4751				.sec4_12_block .text {padding:40px 19px!important;margin-top:0!important;}
4752				.photo-responsive, .video-responsive {margin:-40px -19px 20px;}
4753
4754				#upgrade {/*padding-top:25px!important;*/}
4755				#upgrade .container {padding-left:0;padding-right:0;}
4756				#upgrade .right {width:100%!important;padding-left:0;}
4757				#upgrade .right .plan {width:54%!important;padding-left:20px!important;padding-right:20px!important;}
4758				#upgrade .right .plan.small {width:47%!important;position:absolute;right:0;top:15px;}
4759				#upgrade .option-banner {font-size:12px;top:-28px;}
4760				#upgrade .tel-link {margin:-60px 0 0!important;}
4761
4762			  .trusted-by {padding: 0px 0 30px !important;}
4763				.typography-section-intro {
4764                    margin-top: 20px !important;
4765                    margin-bottom: 30px !important;
4766                }
4767			  .trusted-by .row-1c.text-center {padding: 0 20px;    margin-top: 0px;}
4768				.header11 {    padding-bottom: 20px !important;}
4769			   #pass-guarantee {padding: 60px 0 50px;}
4770			   #gov-reviews {padding-bottom: 40px;}
4771			   .all-screen>.container {padding-top: 0 !important;}
4772			}
4773			@media (max-width: 768px) {
4774				#customers-agree .user-review.inner>div, #customers-agree .user-review.inner>blockquote, #customers-agree .user-review.inner>p{
4775					margin-left:0!important;
4776				}
4777				
4778			}
4779			@media (max-width: 756px) {
4780				#wwtb-ul {text-align:left;}
4781			/*	#cheat-sheets .header6_text {opacity:1;}
4782				#cheat-sheets .header6_text .sec2_20_block {background:rgba(255,255,255,.8);padding:5px 20px 15px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}*/
4783			}
4784			@media (max-width: 752px) {
4785				#upgrade .option-banner.onlySenior {font-size:10px;top:-24px;}
4786			}
4787			@media (max-width: 750px) {
4788				#upgrade .right .plan {width:52%!important;}
4789				#upgrade .right .plan.small {width:49%!important;}
4790				#upgrade .option-banner.onlyAdult {font-size:11px;top:-26px;}
4791
4792				#customers-agree {padding-top:50px!important;padding-bottom:20px!important;}
4793				#customers-agree.sec4_12 .flex {margin-top:20px;}
4794			}
4795			/*@media (max-width: 729px) {
4796				#guaranteed1 {margin-top:16px;}
4797			}*/
4798			@media (max-width: 720px) {
4799				#upgrade .option-banner.onlyAdult {font-size:10px;top:-24px;}
4800				#upgrade .option-banner.onlySenior {font-size:9px;top:-22px;}
4801			}
4802			@media (max-width: 718px) {
4803				#upgrade .right .plan {width:51%!important;}
4804				#upgrade .right .plan.small {width:50%!important;}
4805			}
4806			@media (max-width: 710px) {
4807				#upgrade .right .plan-tabs .plan-tab:first-child {/*width:40%;*/}
4808				#upgrade .right .plan-tabs .plan-tab:last-child {/*width:60%;*/}
4809				#upgrade .option-banner {/*left:70%;*//*left:75%;*/}
4810			}
4811			@media (max-width: 703px) {
4812				#upgrade .option-banner.onlyNewcomer {font-size:11px;top:-26px;}
4813			}
4814			@media (max-width: 700px) {
4815				.quote {
4816				padding: 70px 30px !important;
4817				font-size: 20px !important;
4818				line-height: 28px !important;
4819			}
4820				.section-will-always .col-left, .section-will-always .col-right {
4821				float: none !important;
4822				width: 100% !important;
4823			}
4824				.section-will-always {padding: 40px 0 !important;}
4825				#upgrade .option-banner {/*top:-36px;font-size:11px;display:none;*/}
4826			}
4827			@media (max-width: 698px) {
4828				#upgrade .tel-link {font-size:16px;}
4829				#upgrade .tel-link a {margin:0!important;}
4830
4831				.sec7_13 .left, .sec7_13 .right {float:none;margin:0 auto;max-width:690px;}
4832				.sec7_13_block {float:none;}
4833				.sec3_6_block, .sec3_6_block.last {float:none;margin-left:auto;margin-right:auto;}
4834				#upgrade .right {width:auto!important;max-width:690px;margin:0 auto!important;}
4835				#upgrade .sec7_13_block {width:auto!important;}
4836				#upgrade>.container {width:auto!important;}
4837				#upgrade .sec7_13_block.small {right:auto;top:auto;}
4838
4839				#upgrade .right .tabs-wrap {display:block;}
4840				#upgrade .right .plan {padding-top:50px!important;box-shadow: 0 5px 15px 0 hsla(0, 0%, 0%, 0.15);}
4841				#upgrade .plan {position:relative;}
4842				#upgrade .plan.plan-hidden {display:none;}
4843				#upgrade .right .sec7_13_block .title {display:none;}
4844				#upgrade .tel-link {margin:-20px 0 0!important;}
4845				#upgrade .right .plan, #upgrade .right .plan.small {position:relative;right:0;top:0 !important;width:auto!important;padding-left:50px!important;padding-right:50px!important;}
4846
4847				#upgrade .right .plan-tabs .plan-tab:first-child {}
4848				#upgrade .right .plan-tabs .plan-tab:last-child {float:left;border-right:0;}
4849				#upgrade .right .plan-tabs .plan-tab.active:first-child {background:#fff;border-left:1px solid #eee;border-right:0;}
4850				#upgrade .right .plan-tabs .plan-tab.active:last-child {background:#fff;border-left:0;border-right:1px solid #eee;}
4851				#upgrade .right .plan.monthly {background:#fff!important;border:0!important;-webkit-box-shadow: 0 5px 15px 0 hsla(0, 0%, 0%, 0.15)!important;box-shadow: 0 5px 15px 0 hsla(0, 0%, 0%, 0.15)!important;}
4852				#upgrade .right .plan.yearly {background:#FFF!important;}
4853
4854				#upgrade .option-banner {left:75%;top:-36px;font-size:11px;display:none!important;}
4855				#upgrade .option-banner.onlyUnknown {display:none!important;}
4856				#upgrade .option-banner.onlyTeenager {display:none!important;}
4857				#upgrade .option-banner.onlyAdult {display:none!important;}
4858				#upgrade .option-banner.onlyNewcomer {display:none!important;}
4859				#upgrade .option-banner.onlySenior {display:none!important;}
4860
4861				#upgrade .option-banner.onlyAdult {font-size:12px;top:-28px;}
4862				#upgrade .option-banner.onlyNewcomer {font-size:12px;top:-28px;}
4863				#upgrade .option-banner.onlySenior {font-size:12px;top:-28px;}
4864
4865				#forYourOrganization {}
4866				#upgrade .right .sec7_13_block .bonus-text {margin-top:0;}
4867			}
4868			@media (max-width: 696px) {
4869				#gov-reviews .sec3_6_block {width:48%;}
4870			}
4871			@media (max-width: 682px) {
4872				#cheat-sheets2 .container1 {max-width:610px;/*grid-template-columns:none;*/}
4873				#cheat-sheets2 .container1 > * {width:270px;}
4874				#cheat-sheets2 .coverimage {width:270px;}
4875			}
4876			@media (max-width: 661px) {
4877				.sec2_19 .blocks, .sec2_19 .blocks.last {margin:0;}
4878			}
4879			@media (max-width: 660px) {
4880				.subheader-wrapper {display:block;}
4881				.subheader-wrapper #guaranteed1 {display:none;}
4882				.subheader-wrapper #guaranteed2 {
4883					display: block !important;
4884					margin: 0 auto!important;
4885					float: none !important;
4886				}
4887				.subheader-wrapper .header11_text {margin:25px auto 10px!important;}
4888				.header11 li {height:auto!important;}
4889				.table td, .table th {padding:1.2rem!important;}
4890			}
4891			@media (max-width: 650px) {
4892				.sec3_6_block {width:100%;}
4893				.sec3_6_block .info img, .sec3_6_block .info .about {float:none;margin-left:0;}
4894				.sec3_6_block .info {}
4895				#gov-reviews .sec3_6_block .info img {margin:0 auto 10px 0!important;}
4896			}
4897			@media (max-width: 614px) {
4898				.comparison-section .table.premium {min-width:500px!important;}
4899				.comparison-section .cost td {padding:2rem!important;}
4900				.comparison-section .cost td:nth-child(2), .comparison-section .cost td:nth-child(3) {/*text-align:center!important;*/}
4901				.comparison-section .cost td span {font-size:24px!important;/*text-align:center!important;*/}
4902			}
4903			@media (max-width: 610px) {
4904			/*	.header11 .sec1_6_block_btn{text-align:center; height:auto; font-size:20px!important; padding:14px 20px;width: 100%;}*/
4905				#home .header11 h2 {font-size:28px!important;line-height:1.3!important;}
4906				.trusted-by .container {padding:10px 10px 30px!important;}
4907			/*	.header11 .is-exam-hard {width:100%; margin:0;line-height:53px!important;}*/
4908				.star-rating img {width:65%;}
4909			}
4910			@media (max-width: 600px) {
4911				#customers-agree .sec4_12_block {width:auto; margin-bottom:30px;}
4912				#customers-agree.sec4_12 .flex {width:auto; margin-top:30px;}
4913			}
4914			@media (max-width: 590px) {
4915				#upgrade .right .plan-tabs .plan-tab:first-child {width:50%;}
4916				#upgrade .right .plan-tabs .plan-tab:last-child {width:50%;}
4917			/*	#upgrade .option-banner {left:70%;display:none;}*/
4918			}
4919			@media (max-width: 570px) {
4920				/* Prevent horizontal scroll on mobile */
4921				html, body { overflow-x: clip; }
4922				#home { overflow: clip !important; }
4923				#price-plans-section { position: relative !important; overflow: clip !important; }
4924
4925				/* Sale banner margin fix */
4926				body.sale { margin-top: 25px; }
4927
4928				/* Hero H1 mobile styles */
4929				.header-wrapper111 .sub-title h1 {
4930					text-align: left !important;
4931					font-size: 34px !important;
4932					margin-bottom: 10px !important;
4933					line-height: 1.1 !important;
4934					letter-spacing: -0.02em !important;
4935					margin-top: 0px;
4936				}
4937
4938				/* The Problem Section - reduce margins, left-align */
4939				#the-problem { padding: 50px 0 40px !important; }
4940				#the-problem h2.detailed { text-align: left !important; font-size: 26px !important; }
4941				#the-problem > .container > div > p:nth-of-type(1) { text-align: left !important; font-size: 18px !important; }
4942				#the-problem > .container > div > p.job { text-align: left !important; }
4943				#the-problem > .container > div > div:nth-of-type(2) { margin-bottom: 30px !important; }
4944
4945				/* Quiz Demo - left-align badge, remove right padding */
4946				.atQuestionsWrp .try-me-label { right: auto !important; left: 25px !important; }
4947				.atQuestions .atQText { padding-right: 0 !important; }
4948
4949				/* Pass Guarantee Section - left-align eyebrow and specific paragraphs */
4950				#pass-guarantee .eyebrow { text-align: left !important; }
4951				#pass-guarantee h2.detailed { text-align: left !important; font-size: 26px !important; }
4952				#pass-guarantee .job { text-align: left !important; }
4953				#pass-guarantee > .container > p { text-align: left !important; }
4954				#pass-guarantee { padding: 50px 0 40px !important; }
4955
4956				/* Trusted by Law Professors - left-align pre-title and cards */
4957				#professor-endorsements .pre-title,
4958				#professor-endorsements div.pre-title,
4959				#professor-endorsements div[class="pre-title"] {
4960					text-align: left !important;
4961				}
4962				#professor-endorsements h2.detailed { text-align: left !important; font-size: 26px !important; }
4963				#professor-endorsements { padding: 50px 0 !important; }
4964				/* Cards and quotes inside */
4965				#professor-endorsements .container > div > div {
4966					text-align: left !important;
4967				}
4968				#professor-endorsements .container > div > div p {
4969					text-align: left !important;
4970				}
4971
4972				/* Awards Section - reduce padding, left-align */
4973				#awards-section { padding: 50px 0 !important; }
4974				#awards-section h2.detailed { text-align: left !important; font-size: 26px !important; }
4975				#awards-section .container > p { text-align: left !important; }
4976
4977                #awards-section #awards {
4978                    gap: 0;
4979                }
4980                #awards-section #awards > div {
4981                    flex: 0 1 150px !important;
4982                }
4983
4984				/* Customers Agree / Testimonials - reduce padding */
4985				#customers-agree { padding: 50px 0 !important; }
4986
4987				/* First Week Section - reduce padding, left-align */
4988				#first-week { padding: 50px 0 !important; }
4989				#first-week .pre-title { text-align: left !important; }
4990				#first-week h2 { text-align: left !important; font-size: 26px !important; }
4991				#first-week .container > div[style*="text-align: center"] {
4992					text-align: left !important;
4993				}
4994				#first-week .container > div > div[style*="text-align: center"] {
4995					text-align: left !important;
4996				}
4997				#first-week .container > div > div span {
4998					margin-left: 0 !important;
4999					margin-right: auto !important;
5000				}
5001
5002				/* Trusted Partners - reduce padding */
5003				#trusted-partners { padding: 50px 0 10px !important; }
5004
5005				/* FAQ - reduce top padding */
5006				#faq { padding-top: 50px !important; }
5007
5008				/* MBE Demo - reduce top padding */
5009				#mbe-demo { padding-top: 40px !important; }
5010
5011				/* Failed Before Section - reduce margins, fix text styles */
5012				#failed-before { padding: 50px 0 !important; }
5013				#failed-before h2 { font-size: 26px !important; line-height: 1.2 !important; }
5014				#failed-before .section-text { font-size: 16px !important; }
5015				#failed-before .stat-badge { margin-bottom: 15px !important; }
5016
5017				/* Cost of Failure Section - reduce margins, left-align header only */
5018				#cost-of-failure { padding: 50px 0 !important; }
5019				#cost-of-failure h2.detailed { text-align: left !important; font-size: 26px !important; }
5020				/* Header area only (not the stats grid) */
5021				#cost-of-failure > .container > div:first-child {
5022					text-align: left !important;
5023				}
5024				#cost-of-failure > .container > div:first-child p {
5025					text-align: left !important;
5026				}
5027				/* SMART INVESTMENT badge - left align */
5028				#cost-of-failure > .container > div:first-child > div[style*="inline-flex"] {
5029					margin-left: 0 !important;
5030					margin-right: auto !important;
5031				}
5032				/* Keep stat cards centered */
5033				#cost-of-failure .cost-stats-grid > div {
5034					text-align: center !important;
5035				}
5036				/* Fix CTA button - hide icon on mobile, keep text centered */
5037				#cost-of-failure .container > div[style*="background: #fff"] a[href="#price-plans-section"] svg {
5038					display: none !important;
5039				}
5040
5041				/* Universal Problem section - add spacing after description paragraph */
5042				#universal-problem p.job { margin-bottom: 30px !important; }
5043
5044				/* ====== MOBILE DESCRIPTION TEXT - Common styles for all section descriptions ====== */
5045				/* Overrides inline styles on description paragraphs to ensure consistent sizing on mobile */
5046				/* Apply .mobile-desc class to any element, OR use these auto-selectors for inline-styled paragraphs */
5047				.mobile-desc,
5048				#failed-before .failed-before-grid p,
5049				#the-problem p.job,
5050				#cost-of-failure .container p,
5051				#universal-problem p.job,
5052				#pass-guarantee p.job,
5053				#professor-endorsements .container > p,
5054				#awards-section .container > p,
5055				#first-week .container > p,
5056				#customers-agree p.job {
5057					font-size: 16px !important;
5058					line-height: 1.6 !important;
5059				}
5060
5061				/* Pricing slider cards - ensure visibility on mobile */
5062				#price_plans { display: block !important; }
5063				#price_plans .feature_item { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 auto 30px !important; }
5064				#price_plans .inner_item_price { display: block !important; visibility: visible !important; }
5065				#price_plans.slick-initialized .feature_item { display: block !important; }
5066				#price_plans .slick-slide { opacity: 1 !important; visibility: visible !important; }
5067				#price_plans .slick-track { display: flex !important; }
5068
5069				/* Left-align pricing pre-head on mobile */
5070				.pricing-prehead { text-align: left !important; padding-top: 20px !important; }
5071				#price-plans-section h2.detailed { text-align: left; }
5072
5073				/* Decorative background blurs - visible on mobile too */
5074
5075				/* Uniform container padding on mobile */
5076				.container,
5077				section > .container,
5078				.sec2_20 > .container,
5079				#premium_features .container,
5080				#premium_features2 .container {
5081					padding-left: 20px !important;
5082					padding-right: 20px !important;
5083				}
5084				/* Exclude sections that already have padding on the section element */
5085				#genieai > .container {
5086					padding-left: 0 !important;
5087					padding-right: 0 !important;
5088				}
5089
5090				.price-tag {left: 55px !important;}
5091				.inner_item_price {border: 2px solid #0076ff !important;}
5092				.forYourOrganization {left: 0 !important;width: 100% !important;top: 20px !important;}
5093				#upgrade .sec7_13_block .check2 {text-indent:-25px;margin-left:10px;margin-right:-25px;}
5094
5095				.atQuestions {
5096                    padding: 45px 25px 25px;
5097                    margin-top: 20px!important;
5098                }
5099				.withCoverImage .atQCoverImage {margin-left:-25px;margin-right:-25px;}
5100				.atQText {margin-top:0;font-size:1.53846em;}
5101				.atQText .atBtnListen {font-size:.65173em;}
5102				.atAnotherQ {font-size:16px;}
5103				.atQAnswers {margin-bottom:15px;}
5104				.atQuestions.wRecommendedBadge .recommendedBadge {display:none;/*width:20%;height:45.165%;bottom:-12.045%;right:-11%;*/}
5105
5106			.section-unlock-huge {padding-top:50px!important;}
5107			.section-super-scared {padding-top:50px!important;}
5108			.section-challenge-bank {padding-bottom:0px!important;}
5109			.section-explanation {padding-top:50px!important;padding-bottom:50px!important;}
5110			.comparison-section {padding-top:30px!important;padding-bottom:20px!important;}
5111			.comparison-section h2 {margin-bottom:20px!important;}
5112			.section-motivation {padding-top:50px!important;padding-bottom:50px!important;}
5113			.section-retake {padding-top:50px!important;}
5114			#customers-agree .ratingstars {/*margin-top:30px!important;*/}
5115
5116			section.screen .container { margin: 40px auto 30px!important;}
5117			section.screen-pc .container {margin:0 auto 40px!important;}
5118
5119			#mbe-demo {margin-top:0;overflow:hidden;}
5120			section.two-device {padding: 30px 0 !important;}
5121			img.devices-mid {margin-bottom: -60px !important; margin-top: 20px;} 
5122
5123			#testimonials .sec2_19 {padding-top:50px;padding-bottom:50px;}
5124			#programfor {padding-top:50px!important;padding-bottom:40px!important;}
5125
5126			#upgrade .sec7_13_text {
5127				text-align: left !important;
5128				font-size: 20px !important;
5129				margin-bottom: 0 !important;
5130				letter-spacing: -.6px !important;
5131				color: #90939b !important;
5132			}
5133
5134			#notReadyToUpgrade {/*display:none;*/}
5135
5136			#programfor {
5137				padding-bottom: 50px !important;
5138				padding-top: 50px !important;
5139			}
5140
5141			.bd-example {margin: 10px auto 0px !important;}
5142
5143			.col-3 {
5144				-ms-flex: 0 0 100% !important;
5145				flex: 0 0 100% !important;
5146				max-width: 100% !important;
5147					padding-bottom: 2rem;
5148			}
5149
5150
5151
5152			.col-9 {
5153				-ms-flex: 0 0 100% !important;
5154				flex: 0 0 100% !important;
5155				max-width: 100% !important;
5156				padding-left: 20px !important;
5157					background: white;
5158			}
5159
5160			.nav-pills .nav-link {
5161				text-align: center !important;
5162				font-size: 18px;
5163			}
5164
5165			#programfor h2 {
5166			text-align:center !important;
5167			}
5168
5169			#forYourOrganization {right:4px; bottom: -70px !important;	text-decoration: underline;}
5170			.sec2_3 {
5171				padding-top: 60px !important;
5172				padding-bottom: 60px !important;
5173			}
5174
5175			.tab-content>.active { margin-top: 1.5rem !important;}
5176
5177			.nav-pills .nav-link.active {font-weight: 400 !important;}
5178
5179			.sec2_3_video {margin: 35px auto 0 auto !important}
5180			.sec8_1_posttitle {margin: 15px auto 0 auto !important;    text-align: left}
5181
5182			.whats {display: none !important;}
5183			audio, canvas, progress, video {top:15px !important;}
5184				
5185			#introducing-video.video-responsive:before, #introducing-video.video-responsive:after {
5186				width: 40px !important;
5187				height: 40px !important;
5188			}
5189				
5190			.video-responsive-play-center:after {
5191				left: 4%;
5192				bottom: 6%;
5193				}
5194
5195			.video-responsive video {/*top:0!important;*/}
5196			#introducing-video.video-responsive video {top:0!important;}
5197
5198			.sec3_11_block .author img {
5199				float: none !important;
5200				margin-right: 5px !important;
5201				border-radius: 50% !important;
5202				width: 25px !important;
5203				margin-top: -5px;
5204			}
5205
5206				p.job.deskonly {display:none !important;}
5207
5208				.sec3_11_block {
5209				text-align: center;
5210				margin: 0px auto 50px;
5211			}
5212			.sec3_11 .flex {
5213				margin-top: 0;
5214			}
5215
5216			.sec3_11 {
5217				padding: 50px 0 30px 0;
5218			}
5219			.sec8_10 {
5220				padding-top: 60px !important;
5221				padding-bottom: 50px!important;
5222			}
5223
5224			.sec3_11 h2 {text-align:center !important;    margin-bottom: 20px !important;}
5225
5226			.sec5_18_block {display:none !important}
5227			.sec3_11 .flex {
5228				margin-top: 30px;
5229			}
5230
5231
5232
5233
5234			/*	html {overflow-x:hidden;}*/
5235				.button-wrap {float:none !important;}
5236				section#us {padding: 30px 0!important;}
5237				.sec1_3_text {    text-align: left!important;    font-size: 19px!important;}
5238				.header11 .sec1_6_block_btn{padding: 0 50px;}
5239				.header11 .is-exam-hard{}
5240				
5241				.header11 h2 {font-size:42px!important;line-height:52px!important;}
5242
5243				.subheader-wrapper .header11_text ul {text-align:left!important;margin-left: 25px!important;}
5244				.header11 li {display:block;}
5245				.header11_text ul {display:block;}
5246				.header11_text p a.btn {font-size:17px!important;}
5247				#home .subheader-wrapper {padding-left:5px;padding-right:5px;}
5248				#home .subheader-wrapper .header11_text {margin-top:0!important;text-align:center;}
5249				#upgrade .sec7_13_block {padding: 40px 50px 5px!important;}
5250				#home .hero-plan-features .sec7_13_block {margin-bottom:20px;padding:50px 20px 20px!important;}
5251				#home .hero-plan-features .sec7_13_block .sec3_5_btn {margin-bottom:10px;}
5252
5253				section.sec1_1 {padding-top:0!important;/*padding-bottom:40px!important;*/padding-bottom:10px!important;}
5254
5255#pass-guarantee .pass-guarantee-img {
5256    width: 100%!important;
5257    max-width: 250px;
5258    height: auto;
5259    margin-bottom: 30px;
5260}
5261				#upgrade>.container {padding-left:0!important;padding-right:0!important;}
5262				#retake_tests {width:150px!important;}
5263				#included {margin-top:0!important;padding: 35px 20px 25px;border-radius: 0 !important;       margin-bottom: 0px !important;}
5264				.typography-section-intro {margin-top: 10px !important;}
5265				#upgrade .trusted-by-users {margin-bottom: 25px!important;}
5266				p.subline {text-align: center !important; margin-bottom: 10px !important;}
5267                
5268				h2.befully, h2.detailed {font-size: 26px!important;}
5269				.toggler .toggler-content > div {font-size: 16px !important;}
5270				
5271				.afterhero {padding-top: 0px !important;}
5272				#testimonials .blocks {width:auto;}
5273				#testimonials .sec1_19_block {width:auto;}
5274
5275				@supports (display:grid) {
5276					.container1 > * {width:300px!important;}
5277				}
5278
5279				.coverimage {width:300px!important;}
5280				.sec3_6_block {width:100%!important;}
5281
5282				#gov-reviews {padding-top:20px;padding-bottom:50px;}
5283				#gov-reviews .sec3_6_block {margin-bottom:0!important;margin-right:0!important;}
5284
5285				#premium_features2>.container:first-child {margin:0 auto 5px;}
5286				.sec4_12 {padding-top:40px;padding-bottom:10px;}
5287				.sec4_12 .flex {margin-top:30px;}
5288				.sec4_12_block {width:auto; margin-bottom:50px;}
5289
5290				.sec1_3 .sec4_12_block {display:block;width:100%;}
5291
5292				.sec1_3 {padding:30px 0 10px;}
5293				.bg_sec1_3 {float:none!important;margin-top:40px!important;}
5294
5295				.sec1_3_pluses {float:none!important;width:auto!important;margin-top:40px!important;margin-left:0;}
5296				.sec1_3_pluses .text {height:auto;margin-top:10px;margin-bottom:30px;font-size: 19px;}
5297
5298				h2 {font-size: 26px !important;line-height: 1.15 !important;letter-spacing: -0.015em !important;margin: 0 auto !important;text-align: left !important;}
5299                .price-plan .col-auto.perday .new-price {font-size: 16px !important;}
5300				.header11 h2 {font-size:35px!important;line-height:1.1!important;}
5301
5302				.sec7_7_slider {margin-top:0!important;}
5303				.bx-wrapper {margin:25px auto 0!important;}
5304				.sec2_19 h2 {font-size:26px!important;line-height:1.2!important;}
5305				.sec2_20_block .text {width:auto!important;}
5306
5307				.header11_text {font-size:14px;line-height:23px;}
5308				.description {font-size: 15px !important;line-height: 1.3 !important;}
5309				.cont-regular {margin: 0px auto 15px !important;padding: 11px !important;}
5310				.header11_text p {text-align: left!important;}
5311				.header11_text > svg {/*margin-left:0!important;*//*margin-right:0!important;*/}
5312				.header11 .header-wrapper {padding:0 15px 0px;margin-bottom: 0px !important;padding-bottom: 0px !important;}
5313				p.sub-title.show-first {text-align: left !important;margin: 10px 0 15px 0 !important;}
5314				section.problem {padding-top: 0px !important;}
5315				#perfect-choice .features-items>div {font-size: 19px !important;line-height: 23px !important;margin-bottom: 13px !important;}
5316				#perfect-choice .features-wrp {margin-top: 30px !important;     width: auto !important;}
5317				#perfect-choice {padding: 2rem 1rem 3rem 1rem !important;}
5318				#perfect-choice .features {margin-top: 2rem !important;}
5319				#perfect-choice .feature-img {display: block !important; width: 100% !important; height: auto !important;     border-radius: 1rem !important;
5320				box-shadow: none !important;}
5321				section.sec3_20.befully-prepared, section#success-rate\ nofluff {
5322				padding-top: 30px !important;    padding-bottom: 0px !important;
5323			}
5324				.whyus {
5325				margin-top: 40px !important;
5326			}
5327				p.forwho {
5328				font-size: 14px !important;
5329			}
5330				.sub-title {text-align: left !important;
5331				font-size: 16px !important;
5332				line-height: 1.2105263158 !important;
5333				letter-spacing: .012em;}
5334
5335				.header-wrapper111 .sub-title p {
5336					text-align: left !important;
5337					font-size: 17px !important;
5338					line-height: 1.4 !important;
5339					margin: 0 !important;
5340					padding-top: 15px !important;
5341				}
5342				.header-wrapper111 {
5343        			padding: 0 0px !important;
5344    			}
5345				
5346				p.btw-pill {
5347				border: none !important;
5348				border-top: 1px solid #e1e0e0 !important;
5349				border-radius: 0 !important;
5350				padding: 10px 0px 10px 0px !important;
5351				border-bottom: 1px solid #e1e0e0 !important;
5352				margin-top: 14px !important;
5353			}
5354				
5355				#pass-fail-section .bar-wrp p {
5356				font-weight: 400 !important;
5357				font-size: 16px!important;
5358				line-height: 1.4 !important;
5359			}
5360				
5361				svg.btw-icon {
5362				width: 45px !important;
5363				height: 40px !important;
5364				float: left;
5365			}
5366				
5367				.header11 .header-wrapper h2 {
5368			/*		text-align:left;*/
5369			/*		padding-top:30px;*/
5370					text-align: center!important;
5371				}
5372				
5373				.header11 .header-wrapper h1 {
5374					text-align:left !important;
5375					font-size: 43px !important;
5376				}
5377				
5378				.tags li {font-size: 16px !important;}
5379				.tags {gap: 3px !important;    justify-content: flex-start !important;}
5380				
5381				
5382				.header11 li {line-height:1.2; /*   margin-right: 25px !important;*/}
5383
5384				.subheader-wrapper {
5385					margin: 0 !important;
5386					padding: 0 !important;
5387				}
5388				.subheader-wrapper .header11_text ul{padding-left:5px;margin-top: 10px;margin-bottom: 5px;}
5389				.subheader-wrapper .header11_text > ul{display:inline-block;    text-align: center !important;margin-left:0!important;padding-left:0!important;margin: 0 auto 15px !important;}
5390				/*.subheader-wrapper #guaranteed2 {display:none!important;}
5391				.header11 .what-included {display:none!important;}*/
5392				.header11 .is-exam-hard {border:none;padding:0 10px;margin-left:0;}
5393				.header11 .is-exam-hard i{border-bottom:1px solid #fff;font-size:17px;}
5394				.header11_buttons {max-width:400px;}
5395				.header11_buttons #upgrade_button {
5396					border-radius:7px;
5397					text-transform:none;
5398					letter-spacing:0;
5399					font-weight:700;
5400					background-color:#3770F7;
5401					width:90%;
5402					margin:0 auto 15px;
5403					color:#fff!important;
5404					line-height:23px;
5405					padding:9px 20px 8px;
5406					height:auto!important;
5407				}
5408				.header11_buttons #upgrade_button .button-notice {
5409					font-size:13px;
5410					color:#fff;
5411					font-weight:100;
5412					display:block;
5413					position:relative;
5414					top:0;
5415				}
5416				.header-wrapper {padding:0 15px 50px!important;}
5417				.header-wrapper #headerCurve {
5418					display:block;
5419					position:absolute;
5420					bottom:-8px;
5421					width:100%;
5422					height:22px;
5423					left:0;
5424					margin:0;
5425				}
5426				#included h2 {font-size:26px!important;text-align:left;}
5427				.pretitle2 {margin: 0 0 4px !important;opacity: .5 !important;font-size: 16px !important;}
5428				
5429				.two.video-responsive.video-responsive-play-center.video-responsive-opacity {display: none;}
5430				div#introducing-video\ mobile {display: block !important;margin: 0px -19px 0px !important;min-height: auto;padding-bottom: 0% !important;}  
5431				.atAnotherQ {margin-top: 10px !important;}
5432				.header11 {    padding-bottom: 0px !important;}
5433				
5434				.col-md-6 {padding: 5px 20px !important;}
5435				.col-md-6.befully {padding: 5px 0 !important;}
5436				.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {}
5437				/* .row {margin-top:0 !important;margin-bottom: 10px !important;} */
5438				section.screen.screen-pc {padding: 30px 20px 10px 20px !important;}
5439				p.job, p.job.sub {font-size:16px!important; line-height: 1.4;text-align: left !important;margin-right: 0 !important;    margin-top: 10px !important;    margin-bottom: 0px !important;}
5440
5441				.trusted-by-users {
5442                    text-align: center !important;
5443                    font-size: 16px !important;
5444                    line-height: 1.4;
5445                    font-weight: 400;
5446                    color: #1F2632;
5447                }
5448
5449				#simple-steps h2 {margin-bottom: 10px !important;}
5450				p.job.custom {
5451				text-align: center !important;
5452				margin-bottom: 25px !important;
5453			}
5454				
5455				li.checklist {font-size: inherit !important;line-height: 22px !important;}
5456				ul.checkhome {margin-top: 15px !important;}
5457				.col-md-5.greenchecks {padding: 0px 10px 0px 15px !important;border-left: 0 !important;}
5458				p.job.sub.second {border-top: 1px solid #d7d8db;padding-top: 20px;}
5459				.heading-xlarge {padding-left: 25px !important;margin: 25px 0 15px -5px !important;}
5460				
5461				p.job.slides {margin-bottom: 25px !important;}
5462				p.cta-arrow {text-align: left !important;}
5463				span.nump32 {font-size: 130px !important;}
5464				section.sec1_3 p.job {margin: 0 auto 20px!important;}
5465				#included .content {margin-top:0;margin-bottom: 0px;}
5466				#included .subtitle {text-transform:none;text-align:left;color:#222328;}
5467				.sec2_20 .inner, .sec2_20 h2, .sec2_20 .sec1_13_text {margin-top: 0px;}
5468				section.section-super-scared .container {padding-bottom: 10px;}
5469
5470				.with360Img #at360degree {}
5471
5472				.section-example-rqs .container {padding-bottom:30px;}
5473				.section-example-rqs .container .inner h2 {font-size:20px!important;}
5474
5475				#cheat-sheets2 {padding-top:50px!important;padding-bottom:50px;}
5476				#cheat-sheets2 p.send-pdfs {margin:0;    font-size: 17px;}
5477				#cheat-sheets2 .container1 {display:none!important;}
5478				#cheat-sheets2 h2 {}
5479				#cheat-sheets2 .job {margin-bottom:25px;}
5480
5481				.sec5_12 {padding-top:30px !important;padding-bottom:0!important;}
5482				.sec5_12 h2 {font-size:26px!important;margin-bottom:5px!important;    text-align: left !important;}
5483
5484				#testimonials {padding-top:30px!important;padding-bottom:0px!important;}
5485				#testimonials .sec2_19 .container {padding: 30px 30px 5px 30px !important;}
5486				#testimonials.trustpilot {padding-bottom:10px!important;}
5487				#testimonials .sec2_19 {padding-top:0!important;padding-bottom:0!important;}
5488				#testimonials .sec1_19_block {margin-bottom:10px!important;}
5489				#testimonials .blocks.last .sec1_19_block {margin-bottom:0!important;}
5490				#carousel2 .slick-dots {display:none!important;}
5491				.feature_item figure img {max-width:100%;}
5492				
5493				section#benefits {display: none;}
5494				
5495				#customers-agree {padding-top:30px!important;padding-bottom:20px!important;}
5496				#masonry {padding:30px 0 10px !important;}
5497				#customers-agree.sec4_12 .flex {margin-top:20px;}
5498				#customers-agree h2 {
5499					text-align: center !important;
5500					font-size: 24px !important;
5501					padding-left: 0;
5502					padding-right: 0;
5503					line-height: 1.25 !important;
5504				}
5505				#customers-agree .container {padding-left:20px;padding-right:20px;}
5506				#customers-agree .pre-title {
5507					display: inline-block !important;
5508					font-size: 13px !important;
5509					text-transform: none !important;
5510					letter-spacing: 0 !important;
5511					color: #6b7280 !important;
5512					margin-bottom: 12px !important;
5513				}
5514				#customers-agree h2 .underline {
5515					color: inherit !important;
5516					display: inline !important;
5517				}
5518				#customers-agree .job {
5519					font-size: 15px !important;
5520					margin-top: 12px !important;
5521					text-align: center !important;
5522				}
5523				#customers-agree .vimeo {margin:0;}
5524				#customers-agree .vimeo iframe {width:100%!important;height:185px;}
5525				
5526				#david {height:245px!important;}
5527				#dave {height:575px!important;}
5528				#ashley{height:185px!important;}
5529
5530				#demo-tests {padding-top:50px!important;padding-bottom:0px!important;}
5531				#demo-tests .left .pretitle {text-align:left;font-size: 20px;margin: 0 0 10px;}
5532				#demo-tests .left h2 {text-align:left;}
5533
5534				#customers-agree .bx-wrapper {min-height:0;}
5535				#customers-agree .user-review.inner {display:none;}
5536				#premium_features .challenge-bank-img {width:350px!important;}
5537				#premium_features2 {padding:40px 0 10px;}
5538				#premium_features2>.container:first-child h2 {font-size:29px;text-align:left;}
5539				#premium_features2 .sec2_20.sec3_20:first-of-type img {width:280px;}
5540				#pass-guarantee .sec8_10_text {font-size:19px;}
5541				#pass-guarantee .sec8_10_text>a{/*display:block;*/}
5542				#pass-guarantee .pass-quote-src {font-size:16px;}
5543				#pass-guarantee .pass-quote {margin:0;}
5544				#mbe-demo h2 {    margin-bottom: 10px !important;}
5545				#mbe-demo .sec8_10_text {margin:10px auto 15px;font-size:19px;text-align:left;}
5546				#mbe-demo .sec8_10_text>a{/*display:block;*/}
5547				#mbe-demo h3 {    margin-top: 0px !important;font-size:18px;}
5548				#mbe-demo img.blob4 {display:none;}
5549
5550				#testimonials h2 {font-size:29px;}
5551				#testimonials .sec1_19_block .title {font-size:23px;text-align: left;margin-top: 0px;}
5552				#testimonials .sec1_19_block .text {text-align: left;margin-bottom: 25px;font-size: 16px!important;line-height: 1.4;color: #82858f;}
5553				.sec3_6_block .info .about .subtitle {font-size:19px;}
5554				#upgrade {padding-top:50px!important;padding-bottom:50px!important;}
5555				#upgrade .left .pretitle {text-align:left;}
5556				#upgrade .left h2 {text-align:left;font-size:35px!important;}
5557				/*#upgrade .stars {display:none;}
5558				#upgrade .rating-txt {display:none;}*/
5559				.sec7_13_block .price {line-height:55px;margin:40px 0;    font-size: 35px !important;}
5560				.sec7_13_block .subtitle {
5561					font-size:12px;
5562					color:#222328;
5563						font-weight: 800;
5564					width:130%;
5565					margin:7px -15% 10px;
5566					
5567				}
5568				#upgrade .right .sec7_13_block .btnPurchase {
5569					background-color: #4080ff;
5570				-webkit-border-radius: 4px;
5571				-moz-border-radius: 4px;
5572				width: 110%;
5573				-webkit-box-shadow: 0 8px 16px 0 rgba(83,99,115,.32);
5574				-moz-box-shadow: 0 8px 16px 0 rgba(83,99,115,.32);
5575				box-shadow: 0 8px 16px 0 rgba(83,99,115,.32);
5576				border-radius: 4px;
5577				text-transform: none;
5578				font-size: 18px;
5579				font-weight: 500;
5580				line-height: 60px;
5581				margin: 0 -10% 20px -10%;
5582				}
5583				#upgrade .sec7_13_block .check {
5584					text-indent: -25px;
5585				margin-left: 10px;
5586				margin-right: -25px;
5587				text-align: left;
5588				border-bottom: 1px solid #eee;
5589				padding-bottom: 13px;
5590				margin-bottom: 13px;
5591				color: #222329;
5592				font-size: 18px;
5593				line-height: 24px;
5594				font-weight: 400;
5595				letter-spacing: -.15px;
5596				}
5597				#upgrade .sec7_13_block .check2 {font-size: 20px !important;}
5598				#upgrade .sec7_13_block {margin-bottom:20px;}
5599				#upgrade .right .sec7_13_block .bonus-text {margin: 0px 0px 20px;}
5600				#upgrade .tel-link {margin:10px 0 0!important;}
5601				#upgrade .sec7_13_text {text-align:left;}
5602				#upgrade .left .trusted-by-users {text-align:left;}
5603				.trusted-by {padding-top:40px!important;}
5604				.trusted-by .container {padding-bottom:20px!important;}
5605				.trusted-by h3 {font-size: 16px;
5606				text-transform: none;
5607				letter-spacing: 0;
5608				line-height: 1.1;    padding: 20px 0;}
5609				img.partner {
5610				width:100% !important;
5611				}
5612
5613			  .toggle-tabs {
5614				border-bottom: 2px solid #ddd;
5615				background: #f4f4f4;
5616				display: -webkit-box;
5617				display: -ms-flexbox;
5618				display: flex;
5619			  }
5620			  a.toggle-column {
5621				padding: 2rem;
5622				display: block;
5623				font-size: 1.1em;
5624				color: #222;
5625				background: #f4f4f4;
5626				width: 50%;
5627				text-align: center;
5628				text-transform: uppercase;
5629				-webkit-transition: none;
5630				-o-transition: none;
5631				transition: none;
5632					padding-top: 2.7rem;
5633						letter-spacing: .5px;
5634			  }
5635			  a.toggle-column.active {
5636				background-color: #fff;
5637				padding-bottom: calc(2rem + 2px);
5638				margin-bottom: -2px;
5639				position: relative;
5640					-webkit-transition: none;
5641					-o-transition: none;
5642					transition: none;
5643			  }
5644			  a.toggle-column.active::after {
5645				position: absolute;
5646				top: 100%;
5647				left: 50%;
5648				display: block;
5649				content: "";
5650				width: 0; 
5651				height: 0; 
5652				border-left: 7px solid transparent;
5653				border-right: 7px solid transparent;
5654				border-top: 7px solid #000;
5655				-webkit-transform: translate(-50%, -200%);
5656					-ms-transform: translate(-50%, -200%);
5657						transform: translate(-50%, -200%);
5658			  }
5659			  a.toggle-column:first-child {
5660				border-right: 2px solid #ddd;
5661				font-size: 1.2em;
5662				font-weight: 800;
5663				line-height: 1.1;
5664				padding-top: 2.5rem;
5665			  }
5666			  /*a.toggle-column.active:first-child {background-color:#1cbb5d;color:#fff;}*/
5667			  .header11_text p .vwo_loaded span {font-size:inherit!important;}
5668			  .footer11 .footer11_text {padding:20px 0 15px;}
5669
5670			  .comparison-section th:nth-child(1),
5671			  .comparison-section td:nth-child(1) {
5672				width: 40% !important;
5673			  }
5674			  .comparison-section th:nth-child(2),
5675			  .comparison-section td:nth-child(2),
5676			  .comparison-section th:nth-child(3),
5677			  .comparison-section td:nth-child(3) {
5678				width: 60% !important;
5679			  }
5680
5681			  .comparison-section td:nth-child(1) {
5682				text-align: left;
5683				font-weight: 800;
5684				color: #111;
5685			  }
5686
5687			  .comparison-section .btnPurchase>span {
5688				display: none !important;
5689			  }
5690			  
5691				.comparison-section .basic th:nth-child(3),
5692				.comparison-section .basic td:nth-child(3){
5693					display: none;
5694				}
5695				.comparison-section .premium th:nth-child(2),
5696				.comparison-section .premium td:nth-child(2){
5697					display: none;
5698				}
5699			  .comparison-section .card {
5700				overflow-y: none !important;
5701			  }
5702			  .comparison-section .table {
5703				min-width: 0 !important;
5704			  }
5705			  .comparison-section .table td, .comparison-section .table th {
5706				padding: 2rem !important;
5707			  }
5708			  .toggle-tabs {
5709				border-bottom: 2px solid #ddd;
5710				background: #f4f4f4;
5711				display: -webkit-box;
5712				display: -ms-flexbox;
5713				display: flex;
5714			  }
5715			  a.toggle-column {
5716				padding: 2rem;
5717				display: block;
5718				font-size: 1.1em;
5719				color: #222;
5720				background: #f4f4f4;
5721				width: 50%;
5722				text-align: center;
5723				text-transform: uppercase;
5724				-webkit-transition: none;
5725				-o-transition: none;
5726				transition: none;
5727					padding-top: 2.7rem;
5728						letter-spacing: .5px;
5729			  }
5730			  a.toggle-column.active {
5731				background-color: #fff;
5732				padding-bottom: calc(2rem + 2px);
5733				margin-bottom: -2px;
5734				position: relative;
5735					-webkit-transition: none;
5736					-o-transition: none;
5737					transition: none;
5738			  }
5739			  a.toggle-column.active::after {
5740				position: absolute;
5741				top: 100%;
5742				left: 50%;
5743				display: block;
5744				content: "";
5745				width: 0; 
5746				height: 0; 
5747				border-left: 7px solid transparent;
5748				border-right: 7px solid transparent;
5749				border-top: 7px solid #000;
5750				-webkit-transform: translate(-50%, -200%);
5751					-ms-transform: translate(-50%, -200%);
5752						transform: translate(-50%, -200%);
5753			  }
5754			  a.toggle-column:first-child {
5755				 border-right: 2px solid #ddd;
5756				font-size: 1.2em;
5757				font-weight: 800;
5758				line-height: 1.1;
5759				padding-top: 2.5rem;
5760			  }
5761			  /*a.toggle-column.active:first-child {
5762				background-color: #1cbb5d;
5763				color: #fff;
5764			  }*/
5765			  .comparison-section .table {
5766				margin: 10px;
5767				border: 1px solid #ccc;
5768				width: auto !important;
5769			  }
5770			  /*.comparison-section .table.premium {
5771				 border-color: #1cbb5d;
5772			  }*/
5773			  .comparison-section .table thead {
5774				display: none;
5775			  }
5776			  .comparison-section .table th:nth-child(3),
5777			  .comparison-section .table td:nth-child(3) {
5778				border-left: 1px solid #e6e6e6;
5779			  }
5780			  .comparison-section .table th,
5781			  .comparison-section .table td {
5782				text-align: left !important;
5783			  }
5784			  .comparison-section .table.premium {min-width:0!important;}
5785
5786				#demo-tests .sec7_13_text{text-align:left;}
5787
5788				.play-btn{width:50px;height:50px;margin-top:-25px;margin-left:-25px;background-size:35%;}
5789				.replay-btn{width:40px;height:40px;top:16px;right:16px;}
5790				#atImageAnim.paused .replay-btn {background-size:50%;}
5791
5792				#upgrade .right .sec7_13_block .title > i > span {display:none;}
5793			  .btnUpgradeWrap .btnUpgrade {margin-top: 20px !important; font-size: 22px !important;}
5794			  .btnUpgradeWrap .btnUpgrade span {display: none;}
5795			  section.screen-pc>.container:first-child {padding-top: 30px !important;}
5796			  #testimonials .sec2_19 .blocks {padding-top: 0 !important;}
5797			  .i-recommend {margin: 20px auto 40px !important;}
5798			  .all-screen .study-home-img {margin: 0 auto !important;}
5799
5800			}
5801			@media (max-width: 540px) {
5802			/*	#upgrade .option-banner {top:-34px;font-size:10px;}*/
5803			}
5804			@media (max-width: 530px) {
5805				#guaranteed1 {display:none;}
5806				#guaranteed2 {display:block!important; width:65%; margin:0 auto;}
5807			/*	#upgrade .right .plan-tabs .plan-tab {height:40px;vertical-align:top;}
5808				#upgrade .right .plan {padding-top:60px!important;}*/
5809			}
5810			@media (max-width: 510px) {
5811				#upgrade .tel-link {text-align:center;}
5812				#upgrade .giftLink {display:block;float:none!important;margin-bottom:6px;display:none;}
5813			}
5814			@media (max-width: 500px) {
5815				.header11_text > ul>* {display:block!important;margin-right:0!important;}
5816			}
5817			@media only screen and (max-width: 480px) {
5818				.videoask-embed__button--1ONxk {}
5819				.atQuestions.wRecommendedBadge .recommendedBadge {right:-30px;}
5820			/*	.header-wrapper {padding:35px 0 30px!important;}*/
5821			/*	section.sec1_1 {padding-top:30px!important;}*/
5822				.header11_text {margin-bottom:0;margin-top:10px!important;}
5823				.sec3_16 {padding:45px  0 0!important;}
5824				.header5_play.header11_btn {/*margin-left:0px!important;*/}
5825				.sec3_16 .pretitle {margin-bottom:10px!important;}
5826				.sec3_16 .flex {margin-top:40px!important;}
5827				.sec1_19, .sec2_19 {padding:35px 0 0!important;}
5828				.sec2_19 .sec1_13_text {margin-top:25px!important;}  
5829				.sec2_20 {padding-top:50px!important;}
5830				.sec2_3 {padding-top:30px!important;padding-bottom:30px!important;}
5831
5832				.section-super-scared {padding-top:0!important;}
5833				.section-unlock-huge {padding-top:30px!important;}
5834
5835				.trusted-by {padding-top:5px!important;padding-bottom:15px!important;}
5836				.section-motivation {padding-top:30px!important;padding-bottom:30px!important;}
5837				section.screen .container {margin-top:0px!important;}
5838				.section-challenge-bank {padding-bottom:10px!important;}
5839				.section-explanation {padding-bottom:0!important;}
5840				#demo-tests {padding-top:40px!important;/*padding-bottom:10px!important;*/}
5841				#cheat-sheets2 {padding-top:0px!important;padding-bottom:30px;}
5842				#testimonials {padding-top:0px!important;    margin-top: 10px !important;margin-bottom: 25px !important;}
5843				#gov-reviews {padding-top:0;padding-bottom:30px;}
5844				#upgrade {padding-top:30px!important;padding-bottom:30px!important;}
5845
5846				.header-wrapper {padding-bottom:15px!important;}
5847				#home .hero-plan-features .sec7_13_block {margin-bottom:0;padding-bottom:10px!important;}
5848				.hero-plan-features .checks {margin-bottom:0;}
5849
5850				#pass-guarantee.sec8_10 {padding-top:20px!important;padding-bottom:20px!important;margin-top:0 !important;margin-bottom: 0;}
5851
5852                #mbe-demo.sec8_10 {
5853                    overflow: hidden;
5854                    margin-top: 0 !important;
5855                    padding-top: 25px !important;
5856                    padding-bottom: 50px !important;
5857                }
5858				#mbe-demo .img-romb {top:-45px!important;width:70px!important;margin-left:-35px!important;}
5859				#mbe-demo .proof-points-row { grid-template-columns: repeat(2, 1fr) !important; gap: 16px !important; margin: 30px auto 30px !important; }
5860
5861				#premium_features .section-challenge-bank .container {padding-bottom:30px!important;}	
5862				#premium_features .section-explanation .container {padding-bottom:10px!important;}	
5863
5864				section.faq {padding:30px 0 0!important;}
5865
5866				.comparison-section {/*padding:30px 0 10px!important;*/}
5867				.comparison-section h2 {margin-bottom:0px!important;}
5868				.comparison-section .cost td {padding:2rem!important;}
5869				.comparison-section .cost td:nth-child(2), .comparison-section .cost td:nth-child(3) {/*text-align:center!important;*/}
5870				.comparison-section .cost td span {font-size:24px!important;/*text-align:center!important;*/}
5871				.comparison-section .cost td:nth-child(3) span {/*font-size:30px!important;*/}
5872				.comparison-section .job > div {margin-top:40px!important;}
5873				#customers-agree {padding:30px 0 0!important;}
5874				#customers-agree .ratingstars {margin-top:10px!important;}
5875
5876				#testimonials .sec2_19 div.blocks:first-of-type {padding-top:0;}
5877				#programfor {padding-bottom:30px!important;padding-top:30px!important;}
5878
5879				#anxiety.sec3_11 {padding:30px 0 20px!important;}
5880				#gov-reviews .sec3_6_block.last .info {padding-top:0;}
5881				#productDetailsTab .containerFluid {margin-bottom:0!important;}
5882
5883				.section-example-rqs .container {padding-bottom:10px;}
5884				.section-example-rqs .container .inner {margin-bottom:0;}
5885				.section-example-rqs p.job {margin-top:10px;margin-bottom:0;}
5886
5887				.sec4_8 {padding:40px 0 0!important;}
5888				.bullit1 {padding-top:25px!important;padding-bottom:0!important;margin-bottom:10px!important;}
5889				.bullit1 h3 {margin-top:20px;}
5890				.bullit1_text {margin-top:15px;}
5891				#types .bullit1_border_sides {margin-bottom:40px!important;}
5892				.sec1_15, .sec2_15, .sec3_15 {padding:30px 0!important;}
5893				.sec1_15 .sec1_13_text {margin:10px auto 29px!important;}
5894				.sec5_9, .sec5_18 {padding:40px 0!important;}
5895				.sec5_9 .holder {margin-top:20px!important;}
5896				.sec5_18 .sec1_13_text {margin-bottom:40px!important;margin-top:15px!important;}
5897				.sec5_18_block {margin-bottom:0!important;}
5898				.sec4_5_btn, .sec4_5_btn:focus {margin-top:25px!important;margin-bottom: 25px !important;}
5899				.sec1_19_block {margin-bottom:50px!important;}
5900				.sec2_20 .sec3_5_btn {margin-bottom:70px!important;}
5901				.sec3_20 .bg_sec2_20, .bg_sec2_20 {margin-left:0!important;width:100%!important;height:auto!important;}
5902				.sec2_20 .sec1_13_text {margin-bottom:25px!important;}
5903				.sec4_8 h2 {margin-bottom:0!important;}
5904				.sec7_13 {padding-bottom:10px!important;padding-top: 50px !important;}
5905				.sec7_13_text {margin-top:10px!important;font-size:16px;}
5906				.sec7_13_link {margin-top:0!important;font-size:12px!important;}
5907				.sec7_13 .container > .right {margin-top:20px!important;}
5908				.sec7_13_block .price {margin-bottom: 0px!important;margin-top: 10px!important;line-height: 1 !important;}
5909				.header11_btn, .header11_btn:focus {margin-top:0!important;}
5910				.sec4_5_btn, .sec4_5_btn:focus {height:auto;min-height:50px;line-height:1.5;padding:12px 20px;width:100%;text-align:center;font-size:21px!important;}
5911				.sec2_19 .sec4_5_btn {padding:12px 20px;}
5912				.bg_sec2_20_1 {width:80%;left:5%;}
5913				.bg_sec2_20_2 {width:50%;left:43%;}
5914				#included .bullit1 {padding-right:0!important;padding-left:0!important;}
5915			}
5916			@media (max-width: 470px) {
5917			/*	#upgrade .option-banner {top:-29px;font-size:8px;}*/
5918			/*	#upgrade .option-banner {display:none;}*/
5919			}
5920			@media (max-width: 462px) {
5921				#upgrade .option-banner.onlySenior {font-size:11px;top:-26px;}
5922			}
5923			@media (max-width: 440px) {
5924				#upgrade .right .plan, #upgrade .right .plan.small {padding-left:30px!important;padding-right:30px!important;}
5925			}
5926			@media (max-width: 426px) {
5927				#upgrade .option-banner.onlyAdult {font-size:11px;top:-26px;}
5928				#upgrade .option-banner.onlySenior {font-size:10px;top:-24px;}
5929			}
5930			@media (max-width: 420px) {
5931				.sec2_19 .stamp, #pass-guarantee .stamp {width:60%!important;height:auto!important;}
5932				#home .btnUpgrade {width:100%;padding-left:10px;padding-right:10px;font-size: 20px !important;}
5933				#home .btnIncluded {font-size: 20px !important;}
5934				.screen-pc .handbook-img {margin: 30px -30% 0 !important;overflow:hidden;}
5935				#designed-for-people {margin-bottom: 0;}
5936				#designed-for-people img {display: none !important;}
5937				.atQuestions.voiceOverOn:before {content: none !important;}
5938				.section-explanation .btnPurchase {
5939					font-size: 20px !important;
5940					line-height: 1.3 !important;
5941					height: auto !important;
5942					margin: 30px 0 20px !important;
5943					padding: 20px 0;
5944				 }
5945				 .comparison-section .job {
5946					margin: 0px 0 25px 0px !important;
5947				 }
5948				 .comparison-section .btnPurchase{
5949					margin: 20px auto 0 !important;
5950					font-size: 20px !important;
5951				}
5952				.typography-section-intro {font-size: 18px;    margin-top: 10px !important;}
5953				.all-screen>.container {padding-top: 60px !important;}
5954				.header11_text .no-fail-svg {width: 150px !important;}
5955
5956				.pass-guarantee-img {width: 100% !important; max-width: 180px;height:auto;}
5957
5958				.review-text {font-size: 18px;}
5959				.job {font-size: 19px;text-align: left !important;}
5960				.header-wrapper h1.white {text-align: left !important;}
5961
5962				.header11 .pass-img {max-width: 200px;}
5963
5964				.section-retake .sec5_10_link {margin-top: 20px !important;}
5965			}
5966			@media (max-width: 410px) {
5967				.sec4_12_block .text {padding: 0px;}
5968				.sec7_13 {padding-top:50px!important;}
5969				.sec3_6_block .info {text-align:left;}
5970				.sec3_6_block .info .about {float:none;margin-left:0;}
5971				.sec3_6_block .info img {float:none;margin:0 auto 10px!important;display:block;}
5972				#cheat-sheets2 .coverimage {width:280px!important;}
5973				/*#cheat-sheets .header6_text {opacity:.5;}
5974				#cheat-sheets .header6_text .sec2_20_block {background:none;padding:0;}*/
5975				#upgradeTop .plan-tabs .plan-tab {font-size:15px;}
5976				#upgradeTop .plan-tabs .plan-tab.active {font-size:15px;}
5977			}
5978			@media (max-width: 400px) {
5979				header [href='#cheat-sheets'] {width:100%;display:block;margin-left:0!important;}
5980				.top-button {
5981					display: block;
5982					width: 100%;
5983					overflow: hidden;
5984					height: auto;
5985					line-height: 1.5;
5986					padding-top: 10px;
5987					padding-bottom: 10px;
5988				}
5989				.header11 #wwtb-ul li {margin-right:0;}
5990				#home .btnUpgrade, #home .btnIncluded, #home .pPassOrGet {width:100%;}
5991
5992				#upgrade .option-banner.onlyAdult {font-size:10px;top:-24px;}
5993				#upgrade .option-banner.onlySenior {font-size:9px;top:-22px;}
5994			}
5995			@media (max-width: 390px) {
5996				#upgrade .option-banner.onlyNewcomer {font-size:11px;top:-26px;}
5997			}
5998			@media (max-width: 375px) {
5999				html, body { overflow-x: hidden; }
6000			 /*   #vim290983729 {width:254px!important;height:300px!important;}
6001				#vim302897024 {width:254px!important;height:300px!important;}
6002				#david {width:254px!important;height:184px!important;}*/
6003				#customers-agree {padding-bottom:10px!important;}
6004				.subheader-wrapper .header11_text > ul a {white-space:nowrap;}
6005				.imgFeat, .wrpImgFeat {max-width:100%!important;}
6006
6007				img.library-mockup {margin-left:-20px!important;}
6008				#introducing-video-wrp {left:16px;}
6009
6010			@media (max-width: 374px) {
6011				#upgrade .option-banner {display:none;}
6012				#home .btnUpgrade span {display:none;}
6013			}
6014			@media (max-width: 366px) {
6015				#upgrade .option-banner {top:-26px;font-size:11px;}
6016				#upgrade .option-banner.onlyAdult {font-size:9px;top:-22px;}
6017				#upgrade .option-banner.onlyNewcomer {font-size:10px;top:-24px;}
6018			}
6019			@media (max-width: 360px) {
6020				#upgrade .right .plan-tabs .plan-tab:first-child {width:55%;}
6021				#upgrade .right .plan-tabs .plan-tab:last-child {width:45%;}
6022				#upgrade .option-banner.onlySenior {font-size:8px;top:-20px;}
6023			}
6024			@media (max-width: 350px) {
6025				#cheat-sheets .sec3_5_btn, .sec3_5_btn:focus {padding:0 20px;}
6026			}
6027			@media (max-width: 340px) {
6028				#upgrade .option-banner {top:-24px;font-size:10px;}
6029			}
6030			@media (max-width: 326px) {
6031				#upgrade .option-banner.onlyAdult {font-size:8px;top:-20px;}
6032				#upgrade .option-banner.onlyNewcomer {font-size:9px;top:-22px;}
6033			}
6034			@media (max-width: 320px) {
6035				#home .header11_text p a.btn {/*padding:14px 10px!important;margin:15px -11px;width:auto;*/}
6036				.header11 h2 {font-size:32px!important;}
6037				#included .bullit1_percent {font-size:80px!important;}
6038				#upgrade .right .plan-tabs .plan-tab {font-size:14px;line-height:20px;}
6039				#upgrade .right .plan-tabs .plan-tab.active {font-size:14px;line-height:20px;}
6040				#cheat-sheets2 .btnPurchase.sec4_5_btn {width:100%;font-size: 18px !important;}
6041			/*    #vim290983729 {width:200px!important;height:300px!important;}
6042				#vim302897024 {width:200px!important;height:300px!important;}
6043				#david {width:200px!important;height:144px!important;}*/
6044				#upgrade .right .plan-tabs .plan-tab:first-child {width:55%;}
6045				#upgrade .right .plan-tabs .plan-tab:last-child {width:45%;}
6046				#upgradeTop .plan-tabs .plan-tab {font-size:14px;line-height:20px;}
6047				#upgradeTop .plan-tabs .plan-tab.active {font-size:14px;line-height:20px;}
6048				#upgradeTop .plan-tabs .plan-tab:first-child {width:45%;}
6049				#upgradeTop .plan-tabs .plan-tab:last-child {width:55%;}
6050				.comparison-section {display:none;}
6051				.section-unlock-huge-right .nump32 {font-size:120px!important;}
6052			  .btnUpgradeWrap .btnUpgrade {font-size: 17px !important;}
6053
6054			}
6055
6056			div#open-book-1:hover {
6057				-webkit-transform: scale(1.1);
6058				transform: scale(1.1);
6059			}
6060
6061			.header11_text p a.btn {
6062				border-radius: 5px;
6063				text-transform: none;
6064				letter-spacing: 0;
6065				font-size: 20px;
6066				display: inline-block;
6067				font-weight: 700;
6068				color: #111;
6069				background-color: #6474F7;
6070				padding: 14px 20px;
6071				margin-top: 15px;
6072				margin-bottom: 15px;
6073				text-decoration: none;
6074			}
6075
6076			.header11_text .btn span.btnSubtitle {
6077				display: block;
6078				font-size: .8em;
6079				opacity: .8;
6080				font-weight: 400;
6081			}
6082			.header11_text ul {text-align: left;
6083				margin-top: 5px;
6084				margin-bottom: 25px;}
6085				
6086			.header11_text ul>*:not(:last-child) {margin-right:40px;}
6087			.header11_text ul>* {display:inline-block;}
6088
6089			.subheader-wrapper {
6090				display: -webkit-flex;
6091				display: -ms-flexbox;
6092				display: flex;
6093				-webkit-align-items: center;
6094				-ms-flex-align: center;
6095				align-items: center;
6096				-webkit-flex-direction: row-reverse;
6097				-ms-flex-direction: row-reverse;
6098				flex-direction: row-reverse;
6099				-webkit-justify-content: space-between;
6100				-ms-flex-pack: justify;
6101				justify-content: space-between;
6102			}
6103
6104			.header11_text p a {text-decoration:underline;color:#fff;}
6105
6106			/* from exp: begin */
6107			.subheader-wrapper {max-width:100%;}
6108			.hero-plan-features {
6109				margin-left: 20px;
6110				width: 50%;
6111				margin-top: -30px;
6112				-webkit-flex-shrink: 0;
6113				-ms-flex-negative: 0;
6114				flex-shrink: 0
6115			}
6116			.hero-plan-features .sec7_13_block {padding:40px;position:relative}
6117
6118			.hero-plan-features .checks {padding:0!important;margin-top:20px;margin-bottom:20px}
6119			.hero-plan-features .check {padding-bottom:10px;margin-bottom:10px}
6120			.header11_text {max-width:inherit!important}
6121			#nav .right {/*display:none!important;*/}
6122
6123			@media(max-width:1170px) {
6124				.hero-plan-features {margin-top:0!important}
6125				#upgradeTop.hero-plan-features {margin-top:10px!important}
6126			}
6127			@media(max-width:990px) {
6128				.hero-plan-features .sec7_13_block .title {padding-left:40px}
6129				.hero-plan-features {width:100%;margin:0 auto;}
6130				.sec7_19 {display:block !important;}
6131				.subheader-wrapper {
6132					max-width: 100%;
6133					-webkit-flex-wrap: wrap;
6134					-ms-flex-wrap: wrap;
6135					flex-wrap: wrap;
6136					-webkit-flex-direction: column-reverse;
6137					-ms-flex-direction: column-reverse;
6138					flex-direction: column-reverse
6139				}
6140				.header-wrapper #headerCurve {display:none;}
6141				.hero-plan-features .sec7_13_block::before {height:120px;width:120px}
6142			}
6143			@media (max-width: 660px) {
6144				#upgradeTop.hero-plan-features {margin-top:40px!important}
6145			}
6146			@media (max-width: 570px) {
6147				#upgradeTop.hero-plan-features {margin-top:60px!important}
6148			}
6149			@media only screen and (max-width: 480px) {
6150				#upgradeTop.hero-plan-features {margin-top:30px!important;}
6151				#tmCollage {margin: 0 -20px 20px;}
6152			}
6153			/* from exp: end */
6154
6155			@media (min-width:991px) {
6156			.sec7_19 {display:none;}
6157			}
6158
6159			@media (max-width: 375px) {
6160				.header11_text p a.btn {width:100%;}
6161				.header11_text p a.btn span {display:none;}
6162			}
6163			@media (max-width: 320px) {
6164				.header11_text p a.btn {padding:14px 16px;}
6165				.hero-plan-features .sec7_13_block {padding:40px 20px;}
6166				.sec7_13_block .subtitle {width:100%;margin:7px 0 15px;}
6167				#gov-reviews {padding:20px;}
6168			}
6169
6170			.sec7_13_block.small {top: 0px;}
6171
6172			.sec5_10_link {
6173				display: block;
6174				margin-top: 40px;
6175			}
6176				
6177				a.btn.maincta:hover {
6178				background: #FFC107 !important;
6179				transform: translateY(-1px);
6180			}
6181			
6182		</style>
6183		
6184		
6184<script>
6185			function getLastVar(t,l){l=null!=l?l:null;var n=null,a="last"+t;("pp_an"===t||"ps_an"===t||"cdl_pp_an"===t||"cdl_ps_an"===t||"ee_exam_date_utc"===t)&&(a=t);var e="undefined",c=window.localStorage,r=window.sessionStorage;try{var u=document.cookie.match("(^|;) ?"+a+"=([^;]*)(;|$)");n=u?u[2]:null}catch(t){}try{e!=typeof c&&null==n&&(n=c.getItem(a))}catch(t){}if(null==n)try{e!=typeof r&&(n=r.getItem(a))}catch(t){}return null==n&&null!=l&&(n=l),null!=n&&"SL"==t&&"/"!==n.charAt(0)&&"/"===n.charAt(1)&&(n="/"),n}
6186
6187			var dHtml=document.documentElement;
6188
6189			function setClassPollAnswer(varName,prefix,idAnswersArray) {
6190				if ("pp_an"===varName||"ps_an"===varName||"cdl_pp_an"===varName||"cdl_ps_an"===varName) {
6191					var pp_an=getLastVar(varName,""),pp_ans=idAnswersArray,pp_an_unknown=!0,htmlClasses="";try{var hidxs=window.location.hash.indexOf("#");if(-1!==hidxs){var m,hid=window.location.hash.substr(hidxs+1);(m=hid.match(new RegExp(varName+'_([a-z]+)', 'i')))&&(pp_an=m[1])}pp_ans.forEach(function(n){n.replace(/[\s\-]+/, '').toLowerCase()==pp_an.replace(/[\s\-]+/, '').toLowerCase()?(htmlClasses+=" "+prefix+n.replace(/[\s\-]+/, ''),pp_an_unknown=!1):htmlClasses+=""})}catch(n){}htmlClasses+=!0===pp_an_unknown?" "+prefix+"Unknown":"",dHtml.className+=" "+(htmlClasses+"").replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,"");
6192				}
6193			}
6194
6195			setClassPollAnswer('cdl_pp_an', 'cdlProfile', [
6196				'First', 
6197				'Adding',
6198				'Renewal',
6199				'Other'
6200			]);
6201			
6202			setClassPollAnswer('cdl_ps_an', 'cdlSituation', [
6203				'Cramming', 
6204				'Early Start', 
6205				'Failed', 
6206				'Retake', 
6207				'Moved', 
6208				'Other'
6209			]);
6210
6211			var lastGovAg = getLastVar('GovAg') ? getLastVar('GovAg') : 'Bar Exam',
6212				lastSC = getLastVar('SC') ? getLastVar('SC') : '',
6213				lastSN = getLastVar('SN') ? getLastVar('SN') : '';
6214
6215			var examDate = false,
6216				examDateUT = getLastVar('ee_exam_date_utc'),
6217				examDatePhrase = '',
6218				examDateDiff = 0;
6219				
6220			if (examDateUT) {
6221				var examDate = new Date(examDateUT*1000),
6222					date = new Date(),
6223					date1 = new Date(date.getFullYear(), date.getMonth(), date.getDate()).getTime(),
6224					date2 = new Date(examDate.getFullYear(), examDate.getMonth(), examDate.getDate()).getTime(),
6225					examDateDiff = Math.floor((date2 - date1) / 1000/60/60/24),
6226					examDatePhrase = 'Your exam is ';
6227					
6228				if (examDateDiff > 1) {
6229					examDatePhrase += 'in <span>' + examDateDiff + ' days</span>';
6230				} else if (examDateDiff == 1) {
6231					examDatePhrase += '<span>tomorrow</span>';
6232				} else if (examDateDiff == 0) {
6233					examDatePhrase += '<span>today</span>';
6234				} else if (examDateDiff == -1) {
6235					examDatePhrase = 'Your exam was <span>yesterday</span>';
6236				} else {
6237					examDatePhrase = 'Your exam was <span>' + (-examDateDiff) + ' days ago</span>';
6238				}
6239			}
6240		</script>
6240
6241		
6242		<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css">
6243
6244		<!-- Memberful: load once only; duplicate embedded.js loaders create stacked checkout iframes. -->
6245		
6245<script type="text/javascript">
6246		window.MemberfulOptions = {
6247			site: "https://bph.memberful.com",
6248			intercept: [
6249				"https://barprephero.com/?memberful_endpoint=auth",
6250			],
6251			memberSignedIn: true
6252		};
6253		(function() {
6254			var s = document.createElement('script');
6255			s.type = 'text/javascript';
6256			s.async = true;
6257			s.src = 'https://d35xxde4fgg0cx.cloudfront.net/assets/embedded.js';
6258			setup = function() { window.MemberfulEmbedded.setup(); }
6259			if(s.addEventListener) { s.addEventListener("load", setup, false); }
6260			else { s.attachEvent("onload", setup); }
6261			( document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0] ).appendChild( s );
6262		})();
6263		</script>
6263
6264
6265		<!-- Plausible Analytics -->
6266		
6266<script defer data-domain="barprephero.com" src="https://plausible.io/js/script.tagged-events.js"></script>
6266
6267
6268	</head>
6269	
6270	<body>
6271		<!-- Google Tag Manager (noscript) -->
vendor: 64 bytes, lines 6271-6272
6271
6272		<noscript><iframe src="//www.googletagmanager.com/ns.html?id=
6272GTM-WF3ZXXQ
vendor: 87 bytes, lines 6272-6274
6272"
6273		height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
6274		
6274<!-- End Google Tag Manager (noscript) -->
6275
6276		
6277
6278<script>
6279(function () {
6280  return; // Disabled: duplicate body-level analytics and persona instrumentation.
6281  /* ---------- Safe analytics helpers ---------- */
6282  var ampReady = (typeof window.amplitude !== 'undefined' &&
6283                  typeof amplitude.track === 'function');
6284
6285  window.dtTrack = function(name, props){
6286    try { ampReady && amplitude.track(name, Object.assign({ path: location.pathname }, props||{})); } catch(_) {}
6287  };
6288  window.dtIdentify = function(props){
6289    try {
6290      if (!ampReady || !amplitude.Identify) return;
6291      var id = new amplitude.Identify();
6292      Object.keys(props||{}).forEach(function(k){ id.set(k, props[k]); });
6293      amplitude.identify(id);
6294    } catch(_) {}
6295  };
6296
6297  /* ---------- Utilities ---------- */
6298  function unlockScroll() {
6299    document.documentElement.style.overflow = '';
6300    document.body.style.overflow = '';
6301    document.documentElement.classList.remove('no-scroll','modal-open');
6302    document.body.classList.remove('no-scroll','modal-open');
6303    document.body.style.position = '';
6304    document.body.style.height = '';
6305  }
6306
6307  // Remember & restore original display (overrides any CSS that hid .filter blocks)
6308  function ensureDisplay(el, show) {
6309    if (!el.dataset.origDisplay) {
6310      var d = getComputedStyle(el).display;
6311      el.dataset.origDisplay = (d && d !== 'none') ? d : (el.tagName === 'SPAN' ? 'inline' : 'block');
6312    }
6313    if (show) {
6314      el.style.display = el.dataset.origDisplay;
6315      if (getComputedStyle(el).display === 'none') {
6316        el.style.setProperty('display', el.dataset.origDisplay, 'important');
6317      }
6318      el.removeAttribute('aria-hidden');
6319    } else {
6320      el.style.setProperty('display', 'none');
6321      el.setAttribute('aria-hidden', 'true');
6322    }
6323  }
6324
6325  /* ---------- Persona application ---------- */
6326  function applyPersona(persona) {
6327    try { localStorage.setItem('dt_persona', persona); } catch (_) {}
6328
6329    // Send/attach user property to Amplitude
6330    dtIdentify({ persona: persona });
6331
6332    // Show only blocks that include this persona class
6333    document.querySelectorAll('.filter').forEach(function (el) {
6334      // ensureDisplay(el, el.classList.contains(persona));
6335    });
6336
6337    // Keep any styling/animation hooks
6338    document.documentElement.classList.add('selected');
6339  }
6340
6341  /* ---------- Hydrate on load (no refresh) ---------- */
6342  document.addEventListener('DOMContentLoaded', function(){
6343    var saved = null;
6344    try { saved = localStorage.getItem('dt_persona'); } catch(_) {}
6345    // if (saved) applyPersona(saved);
6346  });
6347
6348  /* ---------- Overlay handlers ---------- */
6349  document.addEventListener('DOMContentLoaded', function () {
6350    var picker = document.querySelector('.full-screen-picker');
6351    if (!picker) return;
6352
6353    var shownAt = Date.now();
6354    dtTrack('LP Picker Shown', { deviceWidth: window.innerWidth, source: 'overlay' });
6355
6356    // Ensure a "Skip for now" link exists
6357    (function ensureSkip(){
6358      if (picker.querySelector('.picker-skip')) return;
6359      var holder = picker.querySelector('.filter-content-buttons');
6360      if (!holder) return;
6361      var a = document.createElement('a');
6362      a.href = '#';
6363      a.className = 'picker-skip small text-muted d-block text-center mt-3';
6364      a.textContent = 'Skip for now';
6365      holder.appendChild(a);
6366    })();
6367
6368    // SELECT persona
6369    document.addEventListener('click', function (e) {
6370      var btn = e.target.closest('.filter-content-btn');
6371      if (!btn || !document.body.contains(picker)) return;
6372
6373      var persona = (btn.getAttribute('data-filter') || '').replace('.', '') || 'adult';
6374      var tt = Date.now() - shownAt;
6375
6376      // applyPersona(persona);
6377      unlockScroll();
6378      dtTrack('LP Picker Select', { persona: persona, ttMs: tt, source: 'overlay' });
6379
6380      picker.remove();
6381    }, { passive: true });
6382
6383    // SKIP (sets default persona)
6384    document.addEventListener('click', function(e){
6385      var skip = e.target.closest('.picker-skip');
6386      if (!skip) return;
6387      e.preventDefault();
6388
6389      var tt = Date.now() - shownAt;
6390      dtTrack('LP Picker Skip', { ttMs: tt, source: 'overlay' });
6391
6392      // applyPersona('adult'); // choose your default
6393      unlockScroll();
6394      picker.remove();
6395    });
6396
6397    // ABANDON (tab/window hidden with overlay still up)
6398    document.addEventListener('visibilitychange', function () {
6399      if (document.visibilityState === 'hidden' && document.body.contains(picker)) {
6400        dtTrack('LP Picker Abandon', { ttMs: Date.now() - shownAt, source: 'overlay' });
6401      }
6402    });
6403
6404    // TIMEOUT signal if untouched after 30s
6405    setTimeout(function(){
6406      if (document.body.contains(picker)) {
6407        dtTrack('LP Picker Timeout 30s', { ttMs: Date.now() - shownAt, source: 'overlay' });
6408      }
6409    }, 30000);
6410  });
6411})();
6412</script>
6412
6413
6414
6415		<svg display="none" xmlns="http://www.w3.org/2000/svg" style="display:none">
6416		<symbol id="ee-icon-play" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z"/></symbol>
6417		<symbol id="ee-icon-pause" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M144 479H48c-26.5 0-48-21.5-48-48V79c0-26.5 21.5-48 48-48h96c26.5 0 48 21.5 48 48v352c0 26.5-21.5 48-48 48zm304-48V79c0-26.5-21.5-48-48-48h-96c-26.5 0-48 21.5-48 48v352c0 26.5 21.5 48 48 48h96c26.5 0 48-21.5 48-48z"/></symbol>
6418		<symbol id="ee-icon-stop" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48z"/></symbol>
6419		</svg>
6420
6421					<style>
6422			.header11 .side-bg {
6423			  width: 450px;margin: 30px auto;/* border: 1px solid; */border-radius: 16px;padding: 30px;background-color: #f2f4f6;border-radius: 7px;-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);position: absolute;bottom: 0; top: auto;z-index: 1;height: calc(100% - 60px); z-index: -1;
6424			}
6425			.header11 .side-bg:nth-of-type(1) {
6426			  left: -40px;
6427			}
6428			.header11 .side-bg:nth-of-type(2) {
6429			  right: -40px;
6430			}
6431			.header11 .bus-img {
6432				position: absolute;
6433				left: 350px;
6434				width: 920px;
6435				top: 100px;
6436				z-index: -2;
6437			}
6438			.header11 .truck-img {
6439				right: 340px;
6440				position: absolute;
6441				width: 870px;
6442				top: 90px;
6443				z-index: -2;
6444			}
6445			.header11 .pass-img {
6446			  width: 250px;
6447			display: block;
6448			position: relative;
6449			background: transparent;
6450			z-index: 1;
6451			margin: 0 auto 20px;
6452			}
6453
6454		/*
6455			.subheader-wrapper {
6456			display: -webkit-flex;
6457			display: -ms-flexbox;
6458			display: flex;
6459			-webkit-align-items: center;
6460			-ms-flex-align: center;
6461			align-items: center;
6462			-webkit-flex-direction: row-reverse;
6463			-ms-flex-direction: row-reverse;
6464			flex-direction: row-reverse;
6465			-webkit-justify-content: space-between;
6466			-ms-flex-pack: justify;
6467			justify-content: space-between;
6468		}
6469		*/
6470			.header11 .header-wrapper {padding-left: 15px;
6471			padding-right: 15px;
6472			z-index: 1;
6473			margin-bottom: 0px;}
6474			.header11 .subsubheader-wrapper {display: block; width: auto; max-width: 540px; margin: 0 auto; padding: 40px 20px;}
6475			.subsubheader-wrapper .header11_text {max-width: 470px;
6476			margin: 0 auto !important;
6477			text-align: left !important;}
6478			.subsubheader-wrapper .header11_text ul {padding-left: 40px !important;
6479			width: auto;
6480			margin: 0 auto 25px; text-align: left !important;}
6481			.header11 li {left: 0 !important;}
6482			.subsubheader-wrapper .header11_text a.what-included {width: auto !important;margin: 0 auto !important;max-width: 400px !important;display: block !important;position: static !important;}
6483
6484			@media(max-width:2200px){
6485			  .header11 .bus-img {left: 330px;}
6486			}
6487			@media(max-width:2000px){
6488			  .header11 .bus-img {width: 900px; left: 320px;}
6489			  .header11 .truck-img {width: 830px;}
6490			}
6491			@media(max-width:1800px){
6492			  .header11 .bus-img {width: 840px; left: 310px;}
6493			  .header11 .truck-img {width: 800px;}
6494			}
6495			 @media(max-width:1600px){
6496			  .header11 .bus-img {width: 750px; left: 350px;}
6497			  .header11 .truck-img {width: 700px; right: 350px;}
6498			}
6499			@media(max-width:1100px){
6500			  .header11 .bus-img {display: none;}
6501			  .header11 .truck-img {display: block; position: static; width: calc(100% + 250px); margin-left: -100px; margin-bottom: -50px;}
6502			  .header11 {overflow: hidden; padding-bottom: 30px;}
6503				header#home:after {display:none;}
6504			  .header11 .pass-img {position: static;}
6505			  .header11 .header-wrapper {border-bottom: 0; padding-bottom: 30px;}
6506			}
6507
6508			@media(max-width: 767px){
6509			  .side-bg { display: none;}
6510			  .header11 .pass-img {
6511				width: 260px;
6512				bottom: -35px;
6513				left: calc(50% - 90px);
6514			  }
6515			}
6516			@media(max-width: 570px){
6517			  .header11 .truck-img {width: calc(100% + 100px); margin-left: -40px; margin-bottom: -50px;}
6518			}
6519			@media(max-width: 414px){
6520			  .header-wrapper h1.white {font-size: 32px !important; text-align: center !important; margin-bottom: 10px !important;line-height: 1.25 !important;}
6521			  .first-time-phrase {display: none;}
6522			  .subheader-wrapper h1.white, .subheader-wrapper p.sub-title.show-second {text-align: left !important;}
6523			  .subsubheader-wrapper {margin-top: 0 !important;    padding: 25px 15px !important;}
6524			  .subheader-wrapper1 {margin: 30px auto 20px !important;}
6525			  .subsubheader-wrapper .header11_text a.what-included {margin-top: 0px !important;}
6526			  .header11 .header-wrapper {}
6527			  .header11 li {font-weight: 500;font-size: 17px;color: #82858F;}
6528
6529			  p.sub-title {
6530				  font-size: 1.1em !important;
6531				  line-height: 1.2 !important;
6532			  }
6533			  .header11 li:before {
6534				left:-25px;
6535			  }
6536			  .header11 .truck-img {margin-bottom: -20px;}
6537			}
6538			
6539
6540
6541
6542		#header-nav {
6543		/*	position: fixed;*/
6544			top: 0;
6545			left: 0;
6546			width: 100%;
6547			
6548			transition: background 130ms ease-in-out;
6549		/*    background-color: rgba(245,245,247,.5);*/
6550			z-index: 1000;
6551			-webkit-animation: slideInDown .2s ease-in;
6552			-webkit-animation-fill-mode: forwards;
6553			animation: slideInDown .2s ease-in;
6554			animation-fill-mode: forwards;
6555			
6556		}
6557		#header-nav>.container {
6558			padding: 5px 15px 5px;
6559			display: block;
6560			align-items: center;
6561		}
6562		#header-nav #logo {
6563			display: block;
6564			width: 180px;
6565			height: 40px;
6566			height: auto;
6567			float: left;
6568		}
6569		#header-nav .header-btn {
6570			display: block;
6571			font-size: 1rem;
6572			line-height: 40px;
6573			padding: 0 30px;
6574			color: #000;
6575			font-weight: 400;
6576			text-decoration: none;
6577		/*	border: 2px solid #007AFF;*/
6578			border-radius: 50px;
6579			float: right;
6580			transition: transform .3s ease-out;
6581			margin-left: auto;
6582		}
6583
6584		#footer-nav {
6585		/*	position: fixed;*/
6586			top: 0;
6587			left: 0;
6588			width: 100%;
6589			
6590			transition: background 130ms ease-in-out;
6591		/*    background-color: rgba(245,245,247,.5);*/
6592			z-index: 1000;
6593			-webkit-animation: slideInDown .2s ease-in;
6594			-webkit-animation-fill-mode: forwards;
6595			animation: slideInDown .2s ease-in;
6596			animation-fill-mode: forwards;
6597			
6598		}
6599
6600		#footer-nav>.container {
6601			display: flex;
6602			align-items: center;
6603			justify-content: space-between;
6604			width: auto;
6605			max-width: none;
6606			margin: 0 auto;
6607			padding: 15px 30px;
6608			box-sizing: border-box;
6609		}
6610
6611
6612		#footer-nav #logo {
6613			display: block;
6614			width: 180px;
6615			height: 40px;
6616			height: auto;
6617			float: left;
6618		}
6619		#footer-nav .header-btn {
6620			display: block;
6621			font-size: 1rem;
6622			line-height: 40px;
6623			padding: 0 30px;
6624			color: #000;
6625			font-weight: 400;
6626			text-decoration: none;
6627		/*	border: 2px solid #007AFF;*/
6628			border-radius: 50px;
6629			float: right;
6630			transition: transform .3s ease-out;
6631			margin-left: auto;
6632		}
6633
6634		#footer-nav .logo-wrp {
6635			display: flex;
6636			align-items: flex-start;
6637		}
6638
6639		#footer-nav #logo img {
6640			display: block;
6641			width: 160px;
6642			height: auto;
6643			position: relative;
6644			top: -3px;
6645		}
6646
6647
6648
6649
6650		#header-nav .header-btn:hover, #header-nav .header-btn:visited {
6651			color: #000;
6652			text-decoration: none;
6653			transform: translateY(-3px);
6654		}
6655		@-webkit-keyframes slideInDown {
6656			from {-webkit-transform: translateY(-100%);}
6657			to {-webkit-transform:translateY(0);}
6658		}
6659		@keyframes slideInDown {
6660		  from {transform:translateY(-100%);}
6661			to {transform:translateY(0);}
6662		}
6663		#header-nav .header-btn2 {
6664			display: none;
6665			float: right;
6666			font-size: 1rem;
6667			line-height: 1.25;
6668			font-weight: 600;
6669			color: #fff;
6670			padding: 0 32px;
6671			line-height: 44px;
6672			background: #007AFF;
6673			border-radius: 8px;
6674			text-decoration: none;
6675			margin-left: auto;
6676		}
6677		#header-nav .header-btn2:hover {
6678			color: #fff;
6679			text-decoration: none;
6680		}
6681
6682		.tags {display: flex;
6683			justify-content: center;
6684			gap: 10px;
6685			flex-wrap: wrap;
6686			max-width: 700px;
6687			margin: 0 auto;}
6688			
6689			ul.tags {
6690			font-weight: 600;
6691			margin: 20px auto 0 0;
6692			max-width: 600px;
6693			text-align: left;
6694		}
6695			.tags li {
6696			display: inline-block;
6697			padding: 4px 16px;
6698			background: #f0f3fc;
6699			border-radius: 41px;
6700			margin: 0 5px 8px 0;
6701			font-size: 18px;
6702			line-height: 29px;
6703		}
6704			.tags li:before {content:none;}
6705						
6706			</style>
6707		 <style>
6708			.header11 .side-bg {
6709			  width: 450px;margin: 30px auto;/* border: 1px solid; */border-radius: 16px;padding: 30px;background-color: #f2f4f6;border-radius: 7px;-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);position: absolute;bottom: 0; top: auto;z-index: 1;height: calc(100% - 60px); z-index: -1;
6710			}
6711			.header11 .side-bg:nth-of-type(1) {
6712			  left: -40px;
6713			}
6714			.header11 .side-bg:nth-of-type(2) {
6715			  right: -40px;
6716			}
6717			.header11 .bus-img {
6718				position: absolute;
6719				left: 350px;
6720				width: 920px;
6721				top: 100px;
6722				z-index: -2;
6723			}
6724			.header11 .truck-img {
6725				right: 340px;
6726				position: absolute;
6727				width: 870px;
6728				top: 90px;
6729				z-index: -2;
6730			}
6731			.header11 .pass-img {
6732			  width: 250px;
6733			display: block;
6734			position: relative;
6735			background: transparent;
6736			z-index: 1;
6737			margin: 0 auto 20px;
6738			}
6739
6740			.subheader-wrapper {
6741			display: -webkit-flex;
6742			display: -ms-flexbox;
6743			display: flex;
6744			-webkit-align-items: center;
6745			-ms-flex-align: center;
6746			align-items: center;
6747			-webkit-flex-direction: row-reverse;
6748			-ms-flex-direction: row-reverse;
6749			flex-direction: row-reverse;
6750			-webkit-justify-content: space-between;
6751			-ms-flex-pack: justify;
6752			justify-content: space-between;
6753		}
6754			.header11 .header-wrapper {padding-left: 15px;
6755			padding-right: 15px;
6756			z-index: 1;}
6757			.header11 .subsubheader-wrapper {display: block; width: auto; max-width: 540px; margin: 0 auto; padding: 40px 20px;}
6758			.subsubheader-wrapper .header11_text {max-width: 470px;
6759			margin: 0 auto !important;
6760			text-align: left !important;}
6761			.subsubheader-wrapper .header11_text ul {padding-left: 40px !important;
6762			width: auto;
6763			margin: 0 auto 25px; text-align: left !important;}
6764			.header11 li {left: 0 !important;}
6765			.subsubheader-wrapper .header11_text a.what-included {width: auto !important;margin: 0 auto !important;max-width: 400px !important;display: block !important;position: static !important;}
6766
6767			@media(max-width:2200px){
6768			  .header11 .bus-img {left: 330px;}
6769			}
6770			@media(max-width:2000px){
6771			  .header11 .bus-img {width: 900px; left: 320px;}
6772			  .header11 .truck-img {width: 830px;}
6773			}
6774			@media(max-width:1800px){
6775			  .header11 .bus-img {width: 840px; left: 310px;}
6776			  .header11 .truck-img {width: 800px;}
6777			}
6778			 @media(max-width:1600px){
6779			  .header11 .bus-img {width: 750px; left: 350px;}
6780			  .header11 .truck-img {width: 700px; right: 350px;}
6781			}
6782			@media(max-width:1100px){
6783			  .header11 .bus-img {display: none;}
6784			  .header11 .truck-img {display: block; position: static; width: calc(100% + 250px); margin-left: -100px; margin-bottom: -50px;}
6785			  .header11 {overflow: hidden; padding-bottom: 30px;}
6786				header#home:after {display:none;}
6787			  .header11 .pass-img {position: static;}
6788			  .header11 .header-wrapper {border-bottom: 0; padding-bottom: 30px;}
6789			
6790			}
6791
6792			@media(max-width: 767px){
6793			  .side-bg { display: none;}
6794			  .header11 .pass-img {
6795				width: 260px;
6796				bottom: -35px;
6797				left: calc(50% - 90px);
6798			  }
6799			}
6800			@media(max-width: 570px){
6801			  .header11 .truck-img {width: calc(100% + 100px); margin-left: -40px; margin-bottom: -50px;}
6802			}
6803			@media(max-width: 414px){
6804			  .header-wrapper h2.white {font-size: 32px !important; text-align: center !important; margin-bottom: 15px !important;line-height: 1.3 !important;}
6805				.header-wrapper h1.white {font-size: 32px !important; text-align: center !important; margin-bottom: 15px !important;line-height: 1.3 !important;}
6806			  .first-time-phrase {display: none;}
6807			  .subheader-wrapper h2.white, .subheader-wrapper p.sub-title.show-second {text-align: left !important;}
6808				.subheader-wrapper h1.white, .subheader-wrapper p.sub-title.show-second {
6809			text-align: left !important;
6810		}
6811			  .sub-title {text-align: left !important;}
6812			  .subsubheader-wrapper {margin-top: 0 !important;    padding: 25px 15px !important;}
6813			  .subheader-wrapper1 {margin: 30px auto 20px !important;}
6814			  .subsubheader-wrapper .header11_text a.what-included {margin-top: 0px !important;}
6815			  .header11 .header-wrapper {    padding: 0 !important;}
6816			  .header11 li {font-weight: 500;font-size: 17px;color: #82858F;}
6817
6818			  p.sub-title {
6819				  margin-bottom: 10px !important;
6820				  line-height: 1.2 !important;
6821				  font-size: 17px !important;
6822			  }
6823			  
6824			  .header11 .truck-img {margin-bottom: -20px;}
6825			}
6826
6827
6828		#header-nav>.container {
6829			display: flex;
6830			align-items: center;
6831			justify-content: space-between;
6832			width: auto;
6833			max-width: 1320px;
6834			margin: 0 auto;
6835			padding: 15px 15px 10px;
6836			box-sizing: border-box;
6837
6838		}
6839		#header-nav>.container:before, #header-nav>.container:after {
6840			content: none;
6841		}
6842		#header-nav .logo-wrp {
6843			display: flex;
6844			align-items: flex-start;
6845		}
6846		#header-nav #logo img{
6847			display: block;
6848			width: 120px;
6849			height: auto;
6850		}
6851		#header-nav #hCurrentState {
6852			font-size: 11px;
6853			margin: 0 0 0 5px;
6854			display: inline-block;
6855			background: #007AFF;
6856			color: #fff;
6857			font-weight: 700;
6858			padding: 3px 6px 2px;
6859			border-radius: 3px;
6860			line-height: 1.35;
6861			letter-spacing: .8px;
6862			text-decoration: none;
6863			text-transform: uppercase;
6864		}
6865		#header-nav ul#nav {
6866			display: flex;
6867			align-items: center;
6868			gap: 5px;
6869		}
6870		#header-nav a.nav-item {
6871			display: inline-block;
6872			border-radius: 8px;
6873			text-decoration: none;
6874			font-size: 16px;
6875			line-height: 17px;
6876			font-weight: 400;
6877			padding: 7px 15px;
6878			transition: all .2s;
6879			color: #121212;
6880		}
6881
6882		#header-nav a.nav-item:hover {
6883				color: #ffffff;
6884			opacity: 1;
6885			background: #107aff !important;
6886			box-shadow: 4px 4px 15px 0 rgba(0,0,0,.09);
6887		}
6888
6889		#footer-nav ul#nav {
6890			display: flex;
6891			align-items: center;
6892			gap: 5px;
6893		}
6894		#footer-nav a.nav-item {
6895			display: inline-block;
6896			border-radius: 8px;
6897			text-decoration: none;
6898			font-size: 16px;
6899			line-height: 17px;
6900			font-weight: 400;
6901			padding: 7px 15px;
6902			transition: all .2s;
6903			color: #1A1A1A;
6904			opacity: .6;
6905		}
6906
6907		#footer-nav a.nav-item:hover {
6908				color: #107aff !important;
6909			opacity: 1;
6910		}
6911
6912
6913
6914		#header-nav a.nav-item.primary-item {
6915			background-color: #107aff;
6916			color: #fff;
6917			font-weight: 700;
6918			transition: transform .3s;
6919		}
6920		#header-nav a.nav-item.primary-item:hover {
6921			transform: translateY(-3px);
6922		}
6923		@-webkit-keyframes slideInDown {
6924			from {-webkit-transform: translateY(-100%);}
6925			to {-webkit-transform:translateY(0);}
6926		}
6927		@keyframes slideInDown {
6928		  from {transform:translateY(-100%);}
6929			to {transform:translateY(0);}
6930		}
6931		@media(max-width: 1100px){
6932			#header-nav ul#nav {
6933				display: none;
6934			}
6935		}
6936		@media(max-width: 570px){
6937			#header-nav #hCurrentState {
6938				display: none;
6939			}
6940		}
6941				
6942			 .header11 ul.checkhome li:before {
6943				top: 2px;
6944			display: inline-block;
6945			content: "";
6946			width: 18px;
6947			height: 18px;
6948			background: url(/img/svg-new.svg) no-repeat 0 0;
6949			margin-right: 9px;
6950			position: relative;
6951				  
6952			  }
6953			 
6954			 .topbar {
6955			background-color: #ffc107;
6956			text-align: center;
6957			display: flex;
6958			flex-wrap: wrap;
6959			justify-content: center;
6960			gap: 5px;
6961			margin: 0px 0 0px;
6962			font-weight: 400;
6963			vertical-align: middle;
6964			padding: 12px 0;
6965			font-size: 18px;
6966		}
6967
6968
6969				#header-nav {
6970					position: relative;
6971					z-index: 1000;
6972				}
6973				
6974				#home {
6975					position: relative;width: 100%;padding: 0 0 50px;
6976					background-position: top;
6977					background-repeat: no-repeat;
6978					background-size: cover;
6979				}
6980			 
6981			</style>
6982			
6983			
6984		<header class="header11" id="home">
6985
6986			<div id="header-nav">
6987			
6988					
6989				<link rel="preconnect" href="https://fonts.googleapis.com">
6990				<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
6991				<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700&family=Open+Sans&display=swap"
6992            rel="stylesheet">
6993                
6994                <link href="https://fonts.googleapis.com/css2?family=Martian+Mono:wght@500&display=swap" rel="stylesheet">
6995                
6996				<style>
6997					#header-nav > .container {
6998						position: relative;
6999						z-index: 1;
7000					}
7001					#countdown {
7002						position: fixed;
7003						top: 0;
7004						left: 0;
7005						width: 100%;
7006						z-index: 1001;
7007						background: #f7f9fc;
7008					}
7009					body.sale #countdown {
7010						display: block !important;
7011					}
7012					body.sale #home {
7013						padding-top: 90px;
7014					}
7015                    @media (max-width: 991px) {
7016                        body.sale #home {
7017                            padding-top: 70px;
7018                        }
7019                    }
7020					#countdown > div {
7021						min-height: 80px;
7022						background-color: #f7f9fc;
7023						font-size: 16px;
7024						line-height: 1;
7025						color: #111;
7026						text-decoration: none;
7027						border: none;
7028						border-bottom: 1px solid #e0efe0;
7029					}
7030					#countdown big {
7031						font-size: 17px;
7032						font-optical-sizing: auto;
7033						font-weight: 600;
7034						font-style: normal;
7035						font-variation-settings: "wdth" 100;
7036                        background: #333;
7037                        padding: 2px 5px;
7038                        border-radius: 6px;
7039                        color:white;
7040						font-variant-numeric: tabular-nums;
7041					}
7042					#countdown small {
7043						font-size: 14px;
7044						margin-top: 4px;
7045					}
7046					@media (max-width: 570px) {
7047						body.sale {
7048							margin-top: 25px;
7049						}
7050						#countdown {
7051							z-index: 1001 !important;
7052							position: fixed !important;
7053							top: 0;
7054							left: 0;
7055							width: 100%;
7056							background: #fff !important;
7057						}
7058						body.sale #countdown {
7059							display: block !important;
7060						}
7061						body.sale #home {
7062							padding-top: 120px;
7063						}
7064						#countdown > div {
7065							min-height: 100px;
7066							font-size: 16px;
7067							font-weight: 400;
7068						}
7069                        .banner-cta {}
7070						#header-nav > .container {
7071							padding: 30px 15px 15px;
7072							z-index: 1 !important;
7073							position: relative !important;
7074						}
7075					}
7076                    
7077                    .banner-cta {
7078                        background-color: transparent;
7079                        color: #222328;
7080                        font-weight: 700;
7081                        transition: transform .3s;
7082                        padding: 7px 15px;
7083                        border-radius: 8px;
7084						border:1px solid;
7085                    }
7086                    .banner-cta:hover {
7087                        background: #fec724 !important;
7088                        transform: translateY(-3px);
7089                    }
7090                    #countdown > a > div:last-of-type {
7091                        margin-top: -10px;
7092                    }
7093				</style>
7094
7095				<!-- Old countdown removed - now outside header-nav -->
7096
7097<style>
7098	/* Base */
7099#countdown {
7100  display:none;
7101  background:#f7f9fc;
7102  border-bottom:1px solid #e6eef0;
7103  color:#111;
7104  text-decoration:none;
7105}
7106
7107#countdown .db-inner {
7108  min-height:60px;
7109  display:flex;
7110  align-items:center;
7111  justify-content:center;
7112  gap:3px;
7113}
7114
7115#countdown .db-prefix,
7116#countdown .db-timer,
7117#countdown .db-cta {
7118  display:flex;
7119  align-items:center;
7120}
7121
7122#countdown big {
7123  font-weight:700;
7124  line-height:1;
7125  font-variant-numeric: tabular-nums; /* no jitter */
7126}
7127
7128#countdown .banner-cta {
7129  padding:8px 14px;
7130  border:1px solid #cfe0ea;
7131  border-radius:8px;
7132  font-weight:600;
7133  white-space:nowrap;
7134  background:#fff;
7135}
7136
7137#countdown .db-compact { display:none; } /* show only on mobile */
7138#countdown .db-colon { padding:0 2px; }
7139
7140/* --- Mobile topbar redesign --- */
7141@media (max-width: 570px) {
7142  #countdown,
7143  #countdown > div,
7144  #countdown .db-inner {
7145    background: #fff !important;
7146    background-color: #fff !important;
7147    border-bottom: 1px solid #e5e7eb !important;
7148  }
7149  #countdown .db-inner {
7150    padding: 12px 24px !important;
7151    display: flex !important;
7152    flex-direction: row !important;
7153    align-items: center !important;
7154    justify-content: space-between !important;
7155    gap: 12px !important;
7156  }
7157
7158  /* Hide desktop text, show mobile layout */
7159  #countdown .db-full { display: none !important; }
7160  #countdown .db-compact { display: block !important; }
7161  #countdown .db-compact-line1 {
7162    display: block !important;
7163    font-size: 15px !important;
7164    font-weight: 700 !important;
7165    color: #111827 !important;
7166    margin-bottom: 0 !important;
7167  }
7168  #countdown .db-compact-line2 {
7169    display: none !important;
7170  }
7171  #countdown .db-compact-line3 {
7172    display: block !important;
7173    font-size: 12px !important;
7174    font-weight: 400 !important;
7175    color: #6b7280 !important;
7176    margin-top: 2px !important;
7177  }
7178  #countdown .db-prefix {
7179    display: block !important;
7180    flex: 1 !important;
7181    text-align: left !important;
7182  }
7183  #countdown .db-prefix > div,
7184  #countdown .db-prefix .mt-1 {
7185    margin-top: 0 !important;
7186    display: block !important;
7187  }
7188
7189  /* Timer as pill on right */
7190  #countdown .db-timer {
7191    display: flex !important;
7192    align-items: center !important;
7193    background: #fef3c7 !important;
7194    padding: 6px 12px !important;
7195    border-radius: 20px !important;
7196    flex-shrink: 0 !important;
7197  }
7198  #countdown .db-timer > div {
7199    display: flex !important;
7200    align-items: baseline !important;
7201  }
7202  #countdown big {
7203    font-size: 14px !important;
7204    font-weight: 700 !important;
7205    color: #92400e !important;
7206    background: none !important;
7207    padding: 0 !important;
7208    min-width: 18px !important;
7209    text-align: center !important;
7210  }
7211  #countdown .db-units {
7212    display: inline !important;
7213    font-size: 11px !important;
7214    font-weight: 500 !important;
7215    color: #92400e !important;
7216    margin-right: 4px !important;
7217  }
7218  #countdown .db-colon {
7219    display: none !important;
7220  }
7221
7222  /* Hide CTA and subline */
7223  #countdown .db-cta { display: none !important; }
7224  #countdown .db-subline { display: none !important; }
7225
7226  #dto-premium-promo-hires-wrp { margin: 0px auto 60px !important; }
7227  body.sale #home { padding: 30px 0 0 !important; }
7228  body:not(.sale) #home { padding: 0 !important; }
7229}
7230
7231/* Desktop: keep first row on one line; subline on its own row */
7232@media (min-width: 571px) {
7233  #countdown .db-inner {
7234    padding: 10px 16px;
7235    flex-wrap: wrap;                 /* allow subline to break to next row */
7236  }
7237
7238  /* Left text can shrink; don't wrap */
7239  #countdown .db-prefix {
7240    min-width: 0;                    /* <-- enable ellipsis */
7241    white-space: nowrap;
7242    overflow: hidden;
7243    text-overflow: ellipsis;
7244  }
7245
7246  /* Timer + CTA stay fixed width, no wrap */
7247  #countdown .db-timer,
7248  #countdown .db-cta {
7249    flex: 0 0 auto;
7250    white-space: nowrap;
7251  }
7252
7253  /* Force the subline to the next row */
7254  #countdown .db-subline {
7255    flex: 0 0 100%;
7256    text-align: center;
7257    margin-top: 2px;
7258    font-size: 12px;
7259    color: #9ca3af;
7260  }
7261}
7262</style>
7263				
7264				<!-- The expiring first-visit discount banner was removed for this persistent offer. -->
7265					
7266				<div id="topbar" class="container">
7267					<div class="logo-wrp">
7268						<a id="logo" href="#"><img src="https://barprephero.com/premium/img/bph-logo-horizontal-black.svg" alt="BarPrepHero"></a>
7269					</div>
7270
7271					<div class="primary-items">
7272						<a href="https://barprephero.com/?memberful_endpoint=auth" class="nav-item">Log in</a>
7273						<a href="#price-plans-section" class="nav-item primary-item" data-pricing-cta data-cta-location="navigation">View one-time plans</a>
7274					</div>
7275				</div>
7276
7277			</div>
7278			  
7279
7280				
7281				<div class="header-wrapper" style="overflow: visible;">
7282
7283				  <div style="visibility: visible;">            
7284		<div class="subheader-wrapper container" style="width: 100%">
7285					
7286					<div style="visibility: visible;z-index:1;">
7287
7288					<style>
7289						.examNotification {
7290							font-weight: bold;
7291							color: #333;
7292							display: flex;
7293							align-items: center;
7294							gap: 8px; /* space between icon and text */
7295						}
7296
7297						.examNotification img { /* If you use an image icon */
7298							width: 20px;
7299							height: 20px;
7300						}
7301
7302						.subheader-wrapper {
7303							display: block;
7304						}
7305						.header-wrapper111 {
7306							display: flex;
7307							align-items: flex-start;
7308							position: relative;
7309							max-width: 1300px;
7310							margin: 0 auto;
7311							padding: 0 15px;
7312						}
7313						.header-wrapper111 .sub-title {
7314							width: 64%;
7315							max-width: 830px;
7316							flex-grow: 1;
7317							padding-right: 0px;
7318						}
7319						.header-wrapper111 .sub-title h2 {
7320							text-align: left;
7321		/*				    font-size: 2.2em;*/
7322							font-size: 42px;
7323							line-height: 45px;
7324							font-weight: 800;
7325							margin-bottom: 20px;
7326							letter-spacing: -.015em;
7327							margin-top: 50px;
7328
7329						}
7330						
7331						.header-wrapper111 .sub-title h1 {
7332							text-align: left;
7333							font-size: 55px;
7334							line-height: 1.08;
7335							font-weight: 800;
7336							letter-spacing: -0.025em;
7337							color: #111827;
7338							margin:0 0 14px 0;
7339							max-width: 630px;
7340							display: inline;
7341						}
7342						.header-wrapper111 p.sub-title {
7343							max-width: 680px;
7344						}
7345						.header-wrapper111 .hero-img-wrapper {
7346							width: 41%;
7347			border-radius: 30px;
7348			position: relative;
7349			left: 20px;
7350			top: 55px;
7351						}
7352						.header-wrapper111 .hero-img-wrapper img {
7353							height: auto;
7354			width: 100%;
7355						}
7356						.header-wrapper111 .bubble {
7357							position: absolute;
7358							background-color: #ffffe1;
7359							box-shadow: 0 5px 15px 0 hsl(0deg 0% 0% / 15%);
7360							padding: 20px;
7361							color: #54606c;
7362							font-size: 17px;
7363							font-weight: 400;
7364						}
7365						.header-wrapper111 .bubble * {
7366							text-align: left;
7367						}
7368						.header-wrapper111 .bubble1 {
7369							width: 395px;
7370							right: 25px;
7371							top: 72%;
7372							border-radius: 0;
7373							border-top-left-radius: 20px;
7374							border-bottom-right-radius: 20px;
7375						}
7376						.header-wrapper111 .bubble2 {
7377							width: 290px;
7378							right: 0px;
7379							bottom: -36px;
7380							border-radius: 8px;
7381							padding: 16px;
7382						}
7383						.heading-xlarge {
7384							display: flex;
7385							align-items: center;
7386							max-width: none !important;
7387						}
7388						.heading-xlarge .checkhome {
7389							margin-right: 0px;
7390						}
7391						.heading-xlarge>div {
7392							display: flex;
7393							flex-direction: column;
7394							justify-content: center;
7395						}
7396						@media(max-width: 1399px){
7397							.header-wrapper111 .bubble2 {
7398								right: -70px;
7399								bottom: 30px;
7400							}
7401						}
7402						@media(max-width: 1199px) {
7403							.nav11 {top: 20px; padding:0 25px;}
7404							.header11 .header-wrapper {padding: 65px 10px 30px;}
7405							.subheader-wrapper.container {padding: 0 20px;}
7406							
7407							header.header11 {
7408								padding-bottom: 0;
7409							}
7410							.header-wrapper111 .hero-img-wrapper {
7411								left: 0;
7412							}
7413						}
7414						@media(max-width: 991px){
7415							.container.howto {width:100% !important;}
7416							.nav-tabs {margin: 0 auto 50px !important;}
7417							.header-wrapper111 .sub-title h1 {text-align: center;}
7418							div#upgrade2 {width: 100% !important;}
7419
7420							#genieai {
7421								padding-left: 20px !important;
7422								padding-right: 20px !important;
7423							}
7424							
7425							
7426							.subheader-wrapper {
7427								display: block;
7428								padding-left: 0;
7429								padding-right: 0;
7430							}
7431							.header-wrapper111 {
7432								flex-direction: column;
7433							}
7434							.header-wrapper111 .sub-title {
7435								padding-right: 0;
7436								width: 100%;
7437								text-align: center;
7438								min-width: 0;
7439								margin: 0 auto;
7440							}
7441							.header-wrapper111 .sub-title h2 {
7442								text-align: center;
7443							}
7444							
7445							header-wrapper111 .sub-title h1 {
7446								text-align: center;
7447							}
7448							.sub-title {text-align: center;}
7449							.header-wrapper111 .sub-title .btnPurchase {
7450								margin-left: auto !important;
7451								margin-right: auto !important;
7452							}
7453							.header-wrapper111 .sub-title .heading-xlarge {
7454								width: 100%;
7455								justify-content: center;
7456								padding-left: 0 !important;
7457								margin-left: 0 !important;
7458							}
7459							.header-wrapper111 .sub-title .avatars {
7460								text-align: center;
7461		/*            			padding-left: 15px !important;*/
7462								margin-bottom: 0px;
7463									margin-top: 10px;
7464							}
7465							.header-wrapper111 .hero-img-wrapper {
7466								width: 100%;
7467								max-width: 450px;
7468								min-width: 0;
7469								margin: 30px auto 50px;
7470							}
7471							.header-wrapper111 .bubble1 {
7472								left: auto;
7473								right: -50px;
7474								bottom: 110px;
7475								top: auto;
7476							}
7477							.header-wrapper111 .bubble2 {
7478								left: -20px;
7479								right: auto;
7480								bottom: -20px;
7481								top: auto;
7482							}
7483							p.sub-title2 {
7484								width: 100%;
7485							}
7486							.heading-xlarge .checkhome {
7487								margin-right: 0;
7488							}
7489							.header-wrapper111 .heading-medium.mb-1.mt-1.mint {
7490								text-align: center !important;
7491							}
7492							.hero-wrapper {
7493								margin-top: 150px !important;
7494							}
7495							.header-wrapper {
7496								overflow: visible !important;
7497							}
7498							/* Center hero elements on tablet */
7499							.header-wrapper111 .hero-badge,
7500							.header-wrapper111 .avatars-wrp,
7501							.header-wrapper111 .trustpilot {
7502								text-align: center !important;
7503							}
7504
7505                            .header-wrapper111 .hero-badge {
7506                                margin-top: 0 !important;
7507                            }
7508
7509							.header-wrapper111 .avatars {
7510								display: inline-flex !important;
7511								margin-left: 0 !important;
7512							}
7513							.header-wrapper111 .multicta {
7514								justify-content: center !important;
7515								flex-wrap: wrap;
7516								width: fit-content;
7517								margin: 0 auto;
7518							}
7519								.header-wrapper111 .hip {
7520								justify-content: center !important;
7521							}
7522						}
7523						@media(max-width: 570px){
7524							
7525							.header-wrapper111 .sub-title .heading-xlarge {
7526								flex-direction: column;
7527								margin: 0px 0 0px !important;
7528							}
7529							
7530							li.checklist2 {font-size:15px !important;line-height: .7 !important;}
7531
7532							.header-wrapper111 .sub-title .heading-xlarge .checkhome {
7533								margin-right: 0;
7534								margin: 0;
7535							}
7536							.header-wrapper111 .bubble1 {
7537								top: 80%;
7538								right: 10px;
7539							}
7540							.header-wrapper111 .bubble2 {
7541								width: 300px;
7542								left: 10px;
7543								right: auto;
7544								bottom: -30px;
7545							}
7546							.herologos {
7547								margin-top: 0px !important;
7548							}
7549							.tpr-announcement {
7550								margin-bottom: 10px;
7551								font-size: 14px !important;
7552								padding: 12px !important;
7553							}
7554							
7555							#header-nav #logo {width: 120px !important;position: relative;top: 2px;}
7556							
7557							.tpr-announcement span {
7558							   font-size: 14px !important; 
7559							}
7560							.pre-title {
7561								font-size: 13px !important; 
7562								margin-bottom: 5px !important;
7563									text-align: left !important;
7564							}
7565							.center-quote.job {font-size: 26px !important;}
7566							
7567							.header-wrapper111 .sub-title h2 {
7568							 text-align: left !important;
7569							font-size: 36px !important;
7570							margin-bottom: 10px !important;
7571							line-height: 1.05 !important;
7572							}
7573							
7574							.header-wrapper111 .sub-title h1 {
7575							 text-align: left !important;
7576							font-size: 34px !important;
7577							margin-bottom: 10px !important;
7578							line-height: 1.1 !important;
7579							letter-spacing: -0.02em !important;
7580							margin-top: 0px;
7581							}
7582
7583							
7584							.only-eldt {
7585								display: block !important;
7586								text-align: center !important;
7587								margin: 7px auto 15px !important;
7588								top: 0px !important;
7589								max-width: none !important;
7590							}
7591							
7592							.hero-features {gap: 10px 30px !important;}
7593							.header-wrapper111 .sub-title .avatars {
7594								padding-left:0px !important;
7595								gap: 0;
7596								margin-left: 25px;
7597								margin-top: 15px;
7598							}
7599							.header-wrapper111 .sub-title .avatars .pghero {
7600								font-size: 13px;
7601							}
7602							
7603							img.fmcsa-logo {
7604								width: 270px !important;
7605								margin-bottom: 25px;
7606								}
7607							
7608							.header-wrapper111 .bubble1, .header-wrapper111 .bubble2 {display: none !important}
7609
7610							/* Pre-head text on mobile (no pill) */
7611							.header-wrapper111 .hero-badge {
7612								text-align: left !important;
7613								margin-top: 20px !important;
7614								margin-bottom: 10px !important;
7615							}
7616							.header-wrapper111 .hero-badge span {
7617								display: inline !important;
7618								background: none !important;
7619								border: none !important;
7620								padding: 0 !important;
7621								border-radius: 0 !important;
7622								font-size: 15px !important;
7623								font-weight: 500 !important;
7624								color: #64748b !important;
7625								line-height: 1.4;
7626							}
7627							.header-wrapper111 .hero-badge span em {
7628								display: inline;
7629								color: #1e40af;
7630								font-style: italic;
7631								font-weight: 600;
7632							}
7633
7634							/* Tighten avatars block on mobile */
7635							.header-wrapper111 .avatars-wrp {
7636								margin-top: 5px !important;
7637								text-align: left !important;
7638							}
7639							.header-wrapper111 .avatars-wrp .avatars {
7640								margin-left: 0 !important;
7641								margin-top: 8px !important;
7642								padding-left: 20px !important;
7643								align-items: center !important;
7644							}
7645							.header-wrapper111 .avatars .pghero {
7646								text-align: left !important;
7647								direction: ltr !important;
7648							}
7649							.header-wrapper111 .avatars .pghero .rating-stars {
7650								justify-content: flex-start !important;
7651							}
7652							h2.detailed .underline {
7653								display: inline !important;
7654							}
7655
7656							/* Center founder section on mobile */
7657							.founder-text {
7658								text-align: center !important;
7659							}
7660						}
7661						
7662						mark {
7663							background-size: cover;
7664							font-weight: inherit;
7665							color: inherit;
7666								padding: inherit;
7667							
7668						}
7669						
7670					.multicta {
7671		/*    max-width: 670px;*/
7672		display: flex;
7673		align-items: center;
7674		gap: 15px;
7675		}
7676						.only-eldt {display: -webkit-inline-box;margin-top: 0px;text-align: left;color: #007afe;font-weight: 500;margin-left: 20px;max-width: 130px;position: relative;top: -12px;    transition: all .3s ease-out;}
7677						a.only-eldt:hover {color: #0543f7 !important;transform: translateY(-3px);}
7678						
7679						p.sub-title2 {
7680							width: 80%;
7681							margin: 8px 0 20px 0;
7682							font-weight: 500;
7683							font-size: 18px;
7684							color: #86868b;
7685							line-height: 1.33;
7686						}
7687						
7688						.nav-tabs {
7689							display: inline-block;
7690							display: flex;
7691							width: 100%;
7692							padding: 2px;
7693							background-color: #DDDFE7;
7694							border-radius: 80px;
7695							box-sizing: border-box;
7696							font-size: 0;
7697							max-width: 460px;
7698							margin: 0px auto 50px 0;
7699							border-bottom: 1px solid #ddd;
7700						}
7701						 .nav-tabs li {
7702							display: inline-block;
7703							vertical-align: top;
7704							flex-grow: 1;
7705							position: relative;
7706						}
7707						.nav-tabs>li {
7708							float: left;
7709							margin-bottom: -7px;
7710						}
7711						.nav>li>a {
7712							position: relative;
7713							display: block;
7714							padding: 10px 15px;
7715						}
7716						.nav-tabs>li>a {
7717							margin-right: 2px;
7718							line-height: 1.42857143;
7719							border: 1px solid transparent;
7720							border-radius: 4px 4px 0 0;
7721						}
7722						.nav-tabs li a {
7723							display: inline-block;
7724							width: 100%;
7725							box-sizing: border-box;
7726							padding: 5px 18px;
7727							border-radius: 80px;
7728							text-decoration: none;
7729							color: #7C7C91;
7730							font-size: 20px;
7731							line-height: 27px;
7732							font-weight: 600;
7733							text-align: center;
7734							white-space: nowrap;
7735						}
7736						.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
7737							color: #555;
7738							cursor: default;
7739							background-color: #fff;
7740							border: 2px solid #ddd;
7741						}
7742						.nav-tabs li.active a {
7743							background-color: #fff;
7744							color: #000;
7745							box-sizing: border-box;
7746						}
7747						
7748							/* Underline Text Shadow */
7749						.underline {
7750							color: #077aff;
7751							position: relative;
7752							display: inline-block;
7753						}
7754						.stat-link {
7755							transition: text-decoration 0.2s ease;
7756						}
7757						.stat-link:hover {
7758							text-decoration: underline !important;
7759							cursor: pointer;
7760						}
7761
7762						/* Pass Guarantee Badge Mobile */
7763						@media (max-width: 570px) {
7764							#unlock-btns img[alt="Pass Guarantee"] {
7765								height: 60px !important;
7766							}
7767						}
7768
7769						.nav-tabs>li>a:hover {border: 2px #dddfe7 solid;}
7770
7771						a.blue.btnPurchase.herocta.sec3_5_btn.trans.transparent {
7772							background: transparent;
7773							margin-left: 0px;
7774							box-shadow: none;
7775							color: #007AFF;
7776							padding: 10px 0px 10px;
7777						}
7778						a.blue.btnPurchase.herocta.sec3_5_btn.trans.transparent:hover {
7779							background: transparent !important;
7780						}
7781					  
7782						
7783						/* Navbar sticky behavior disabled - only discount topbar should be sticky
7784						.header-fixed #header-nav {
7785							position: fixed;
7786							top: 0;
7787							left: 0;
7788							width: 100%;
7789							backdrop-filter: saturate(150%) blur(30px);
7790							-webkit-backdrop-filter: saturate(150%) blur(30px);
7791							transition: background 130ms ease-in-out;
7792							background-color: rgba(245,245,247,.5);
7793							z-index: 1000;
7794						}
7795						*/
7796				
7797						.header-wrapper111 p.sub-title {
7798							font-weight: 400;
7799    width: 100%;
7800    margin-bottom: 20px;
7801    letter-spacing: .00022em;
7802    color: #131315;
7803    font-size: 19px;
7804    line-height: 28px;
7805	margin-top: 15px;
7806						}
7807						.hero-strong {
7808							font-weight:700;
7809							color:#000;
7810						}
7811
7812						.trustpilot img {
7813  transition: transform 0.3s ease;
7814}
7815
7816.trustpilot img:hover {
7817  transform: scale(1.05);
7818}
7819
7820.hero-img-wrapper img {
7821  transition: transform 0.1s linear;
7822  will-change: transform;
7823}
7824
7825#passguarantee-label img {
7826  transition: transform 0.3s ease;
7827}
7828
7829#passguarantee-label img:hover {
7830  transform: scale(1.05);
7831}
7832
7833/* Hero CTA + Pass Guarantee responsive layout */
7834#unlock-btns {
7835	display: flex;
7836	flex-wrap: wrap;
7837	align-items: center;
7838	gap: 15px;
7839}
7840.secondary-cta {
7841	transition: all 0.2s ease;
7842}
7843.secondary-cta:hover {
7844	background: #077aff !important;
7845	color: #fff !important;
7846}
7847
7848@media (max-width: 991px) {
7849	#unlock-btns {
7850		justify-content: center;
7851	}
7852	#unlock-btns #passguarantee-label {
7853		margin: 0 !important;
7854		width: 100%;
7855		text-align: center;
7856	}
7857	#unlock-btns .secondary-cta {
7858		margin-left: 0 !important;
7859	}
7860	.hero-trust-row {
7861		justify-content: center;
7862	}
7863}
7864
7865@media (max-width: 570px) {
7866	/* Hero container padding */
7867	.header-wrapper111 {
7868		padding-left: 5px !important;
7869		padding-right: 5px !important;
7870		overflow: visible;
7871	}
7872	.header-wrapper111 .sub-title {
7873		padding: 0 !important;
7874	}
7875
7876	/* Hero badge text flow */
7877	.header-wrapper111 .hero-badge {
7878		margin-left: 0 !important;
7879		margin-right: 0 !important;
7880		margin-bottom: 15px !important;
7881	}
7882	.hero-badge span {
7883		display: inline !important;
7884		white-space: normal !important;
7885		line-height: 1 !important;
7886		padding: 8px 12px !important;
7887	}
7888	.header-wrapper111 .hero-badge .eyebrow-line2 {
7889		display: block !important;
7890		margin-top: 4px;
7891	}
7892	.header-wrapper111 .avatars-wrp {
7893		margin-top: 10px !important;
7894	}
7895
7896	/* Hero stats - stack on mobile */
7897	.hero-stats {
7898		display: flex;
7899		flex-direction: column;
7900		align-items: flex-start;
7901	}
7902	.hero-stats .stats-separator {
7903		display: none;
7904	}
7905
7906	/* Hero CTAs */
7907	#unlock-btns {
7908		align-items: center;
7909		gap: 0 !important;
7910		width: 100%;
7911		padding: 0 !important;
7912		box-sizing: border-box;
7913		flex-direction: column !important;
7914		margin-left: 0;
7915		margin-right: 0;
7916	}
7917	#unlock-btns .herocta {
7918		width: 100%;
7919		max-width: 100%;
7920		text-align: center;
7921		box-sizing: border-box;
7922		padding: 16px 20px !important;
7923		font-size: 16px !important;
7924		height: auto !important;
7925		line-height: 1.5 !important;
7926		border: 2px solid transparent !important;
7927	}
7928	#unlock-btns .secondary-cta {
7929		width: 100%;
7930		max-width: 100%;
7931		padding: 16px 20px !important;
7932		box-sizing: border-box;
7933		font-size: 16px !important;
7934		height: auto !important;
7935		line-height: 1.5 !important;
7936		border: 2px solid #077aff !important;
7937	}
7938	#unlock-btns > div {
7939		width: 100%;
7940		flex-direction: column !important;
7941		align-items: center !important;
7942		gap: 16px !important;
7943	}
7944	#unlock-btns a[href="#pass-guarantee"] {
7945		order: 2;
7946		margin-top: 8px;
7947	}
7948
7949	/* Hero trust row - stack vertically */
7950	.hero-trust-row {
7951		flex-direction: column !important;
7952		align-items: center !important;
7953		gap: 8px !important;
7954		margin-top: 16px !important;
7955		text-align: center !important;
7956	}
7957	.hero-trust-row span[style*="color: #d1d5db"] {
7958		display: none;
7959	}
7960	.hero-trust-row a,
7961	.hero-trust-row span {
7962		white-space: normal !important;
7963	}
7964
7965	/* Premium features and simulate sections */
7966	#premium_features {
7967		margin-top: 25px !important;
7968	}
7969	#mbe-demo {
7970		margin-top: 20px !important;
7971	}
7972
7973	/* Hero image wrapper */
7974	.header-wrapper111 .hero-img-wrapper {
7975		margin-bottom: 30px !important;
7976	}
7977
7978	/* Quiz wrapper spacing */
7979	.atQuestionsWrp {
7980		margin-top: 30px !important;
7981	}
7982
7983	/* Failed before section - left align */
7984	#failed-before .stat-badge {
7985		margin-left: 0 !important;
7986		margin-right: auto !important;
7987	}
7988	#failed-before .section-text {
7989		text-align: left !important;
7990	}
7991
7992	/* Underline text flow */
7993	.underline {
7994		display: inline !important;
7995	}
7996
7997	/* Fix small text color in buttons */
7998	.purchase-link small, .btnPurchase small {
7999		color: white !important;
8000	}
8001}
8002					</style>
8003					 
8004					
8005					<div class="header-wrapper111">
8006
8007		<div class="sub-title" style="margin: 0;font-size: 18px;line-height: 1.28583;">
8008
8009			<div class="hero-badge" style="display: block; margin: 60px 0 16px;">
8010				<span style="display: inline-flex; align-items: center; gap: 6px; background: #dcfce7; border: 1px solid #86efac; color: #166534; font-size: 14px; font-weight: 600; padding: 6px 14px; border-radius: 20px;">
8011					February 2027 legacy MBE and UBE preparation
8012				</span>
8013			</div>
8014
8015			<h1>Prepare for the February 2027 bar with real MBE practice and a clear plan.</h1>
8016
8017			<div id="hero-exam-context" style="display: flex; align-items: center; gap: 10px; background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 20px; padding: 8px 16px; margin: 12px 0 16px; font-size: 14px; font-weight: 600; color: #1e40af; width: fit-content;">
8018				<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#d97706" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
8019					<circle cx="12" cy="12" r="10"/>
8020					<polyline points="12 6 12 12 16 14"/>
8021				</svg>
8022				<span>
8022For the February 23-24, 2027 bar exam</span>
8023			</div>
8024
8025						<p class="sub-title" style="margin-bottom: 16px;">
8026							<strong>Full Bar and Full MBE include 1,300+ real NCBE-licensed questions plus 600+ simulated questions.</strong> Practice the wording, timing, and answer patterns used on the legacy MBE. Choose Sim MBE only as a lower-cost supplement without NCBE-licensed questions.</p>
8027
8028						<div class="exam-format-note" role="note">
8029							<strong>Taking the NextGen UBE?</strong> BarPrepHero's current Full Bar plan is built for the legacy MBE, MEE, and MPT format, not NextGen. <a href="https://www.ncbex.org/exams/nextgen/nextgen-ube-scores-score-portability/nextgen-ube-decisions-jurisdiction" target="_blank" rel="noopener noreferrer">Check your jurisdiction's exam format before buying</a>.
8030						</div>
8031
8032						<div class="avatars-wrp" style="margin-top: 10px; display: block;">
8033							<div class="avatars" style="display: flex; align-items: center;">
8034								<span class="avatar2" style="z-index:5">
8035									<picture>
8036										<source type="image/webp" srcset="https://driving-tests.org/wp-content/uploads/2021/05/a9-min.webp">
8037										<img src="https://driving-tests.org/wp-content/uploads/2021/05/a9-min.jpg" alt="" width="50" height="50">
8038									</picture>
8039								</span>
8040								<span class="avatar2" style="z-index:4">
8041									<picture>
8042										<source type="image/webp" srcset="https://driving-tests.org/wp-content/uploads/2021/05/73x73-min.webp">
8043										<img src="https://driving-tests.org/wp-content/uploads/2021/05/73x73-min.jpg" alt="" width="50" height="50">
8044									</picture>
8045								</span>
8046								<span class="avatar2" style="z-index:3">
8047									<picture>
8048										<source type="image/webp" srcset="https://driving-tests.org/wp-content/uploads/2021/05/OTUwMjkuanBn-min.webp">
8049									 	<img src="https://driving-tests.org/wp-content/uploads/2021/05/OTUwMjkuanBn-min.jpg" alt="" width="50" height="50">
8050									</picture>
8051								</span>
8052								<span class="avatar2" style="z-index:2">
8053									<picture>
8054										<source type="image/webp" srcset="https://driving-tests.org/wp-content/uploads/2021/05/6ZhaVrf-min.webp">
8055										<img src="https://driving-tests.org/wp-content/uploads/2021/05/6ZhaVrf-min.jpg" alt="" width="50" height="50">
8056									</picture>
8057								</span>
8058								<span class="avatar2" style="z-index:1">
8059									<picture>
8060										<source type="image/webp" srcset="https://driving-tests.org/wp-content/uploads/2021/05/73x73-2-min.webp">
8061										<img src="https://driving-tests.org/wp-content/uploads/2021/05/73x73-2-min.jpg" alt="" width="50" height="50">
8062									</picture>
8063								</span>
8064								<span class="pghero" style="margin-left: 12px; display: flex; flex-direction: column;">
8065									<div class="hero-stats" style="color: #111; font-size: 14px;">★★★★★</div>
8066									<div style="margin: 0; font-size: 14px; color: #64748b; line-height: 1.4; font-style: italic;">"Passed first try - without spending $2,400+"</div>
8067								</span>
8068						  </div>
8069						</div>
8070
8071						<div class="multicta" id="unlock-btns" style="display: flex; align-items: center; gap: 16px;">
8072							<a href="#price-plans-section" class="sec3_5_btn blue btnPurchase trans herocta" data-pricing-cta data-cta-location="hero" style="background-color: #077aff; text-transform: none; letter-spacing: 0; border: 2px solid transparent !important;">See one-time plans</a>
8073							<a href="#pass-guarantee" class="pass-guarantee-badge" aria-label="Pass Guarantee on Full Bar and Full MBE">
8074								<img src="https://driving-tests.org/cdl-premium/passguarantee-orig.svg" alt="Pass Guarantee on Full Bar and Full MBE - 100% Money Back" style="height: 80px; flex-shrink: 0;">
8075							</a>
8076						</div><!-- close #unlock-btns -->
8077
8078						<div class="hero-trust-row" style="display: flex; align-items: center; gap: 16px; margin-top: 8px;">
8079							<span style="color: #475569; font-size: 14px;">One payment. No renewals. Lifetime access.</span>
8080							<a href="#mbe-demo" style="color: #64748b; font-size: 14px; white-space: nowrap;">Try 5 free MBE questions first</a>
8081						</div>
8082
8083						<style>
8084							.hip {
8085							    margin: 20px 0;
8086							    display: flex;
8087							    align-items: center;
8088							    gap: 10px;
8089							    flex-wrap: wrap;
8090							}
8091
8092							.hip-label {
8093									display: block;
8094							    font-size: 14px;
8095							    color: #6a7785;
8096							}
8097
8098							.hip-chips {
8099							    display: flex;
8100							    gap: 8px;
8101							    -webkit-overflow-scrolling: touch;
8102							}
8103
8104							.hip-chip {
8105							    appearance: none;
8106							    border: 1px solid #d7e0e6;
8107							    background: #fff;
8108							    color: #1b2631;
8109							    padding: 6px 10px;
8110							    border-radius: 999px;
8111							    font-size: 14px;
8112							    line-height: 1;
8113							    cursor: pointer;
8114							    white-space: nowrap;
8115							}
8116
8117							.hip-chip[aria-checked="true"] {
8118							    border-color: #2d77ff;
8119							    box-shadow: 0 0 0 2px rgba(45, 119, 255, .12);
8120							}
8121
8122							.hip-saved {
8123							    display: flex;
8124							    align-items: center;
8125							    gap: 8px;
8126							}
8127
8128							.hip-change {
8129							    background: none;
8130							    border: none;
8131							    color: #2d77ff;
8132							    font-weight: 600;
8133							    cursor: pointer;
8134							    padding: 0;
8135							}
8136
8137							@media (max-width: 767px) {
8138							    .hip {
8139							        gap: 8px;
8140							    }
8141
8142							    .hip-label {
8143							        width: 100%;
8144							    }
8145
8146							    .hip-chips {
8147											justify-content: center;
8148											width: 100%;
8149							    }
8150
8151							    .hip-chip {
8152							    		margin: 0;
8153							    }
8154							}
8155
8156
8157							[data-tooltip] {
8158									position: relative;
8159							}
8160							[data-tooltip]:before {
8161									content: attr(data-tooltip);
8162							    position: absolute;
8163							    bottom: calc(100% + 10px);
8164							    left: 50%;
8165							    transform: translateX(-50%);
8166							    display: block;
8167							    width: 100%;
8168							    max-width: 300px;
8169							    min-width: 200px;
8170							    padding: 10px;
8171							    border-radius: 10px;
8172							    background-color: #131313;
8173							    color: #f2f3f5;
8174							    transition: all .2s;
8175							    z-index: 99;
8176							    font-size: 11px;
8177							    line-height: 1.2;
8178							    white-space: normal;
8179							    opacity: 0;
8180							    pointer-events: none;
8181							}
8182							[data-tooltip]:after {
8183							    content: '';
8184							    display: block;
8185							    width: 0;
8186							    height: 0;
8187							    position: absolute;
8188							    bottom: calc(100% - 1px);
8189							    left: 50%;
8190							    transform: translateX(-50%) rotate(-90deg);
8191							    border-top: 8px solid transparent;
8192							    border-bottom: 8px solid transparent;
8193							    border-right: 8px solid #131313;
8194							    transition: all .2s;
8195							    opacity: 0;
8196							    pointer-events: none;
8197							}
8198							[data-tooltip]:hover:before,
8199							[data-tooltip]:hover:after {
8200									opacity: 1;
8201							}
8202						</style>
8203
8204							<div class="partner-logos" style="margin-top: 12px; text-align: left;">
8205								<span style="color: #64748b; font-size: 14px;">2M+ practice sessions completed since 2012</span>
8206							</div>
8207
8208						</div><!-- close .sub-title -->
8209
8210							<style>
8211								li.checklist2 {
8212									list-style-image: url(/img/cb-tick.svg);
8213text-align: left;
8214font-weight: 400;
8215font-size: 18px;
8216color: #131315;
8217line-height: 1.3;
8218								}
8219
8220								.examNotification:empty {
8221display: none;
8222}
8223
8224								span#examDateDisplay {
8225									margin: 0 0px 0 0px;
8226font-size: 14px;
8227line-height: 17px;
8228font-weight: 600;
8229padding: 7px 15px;
8230transition: all .2s;
8231color: #111;
8232display: inline-block;
8233}
8234								
8235.avatar2 img {
8236border-radius: 50%;
8237position: relative;
8238left: -5px;
8239margin-left: -20px;
8240z-index: 1;
8241border: 3px solid #eeedf6;
8242width: 47px;
8243height: 47px;
8244}
8245
8246.avatars {
8247	display: flex;
8248	align-items: center;
8249	gap: 3px;
8250	justify-content: flex-end;
8251	margin-left: 10px;
8252direction: rtl;  /* This is to get the stack with left on top */
8253text-align: left;  /* Now need to explitly align left */
8254padding-left: 15px;  /* Same value as the negative margin */
8255margin-top: 25px;
8256line-height: 1;
8257}
8258
8259/* Hero avatars - left to right order */
8260.header-wrapper111 .avatars-wrp .avatars {
8261	direction: ltr !important;
8262	justify-content: flex-start !important;
8263	margin-left: 0 !important;
8264	padding-left: 0 !important;
8265	margin-top: 0 !important;
8266}
8267.header-wrapper111 .avatars-wrp .avatar2:first-child img {
8268	margin-left: 0 !important;
8269	left: 0 !important;
8270}
8271@media (max-width: 576px) {
8272	.header-wrapper111 .avatars {
8273		text-align: center !important;
8274	}
8275}
8276
8277@media (max-width: 567px) {
8278	#passguarantee-label {
8279		float: none;
8280	}
8281	#passguarantee-label span {
8282		display: block;
8283		margin: 20px 0 0px;
8284	}
8285	#passguarantee-label img {
8286		max-width: 200px !important; 
8287	}
8288	.trustpilot {
8289		text-align: center !important;
8290    margin: 15px auto 0px !important;
8291	}
8292	
8293	.rating-stars {
8294		display: flex;
8295		justify-content: flex-end;
8296		gap: 3px;
8297		flex-wrap: nowrap;
8298	}
8299}
8300
8301.intro-video.silent .ee-icon-play,
8302.intro-video:not(.silent) .ee-icon-pause {
8303display: none !important;
8304}
8305.intro-video.silent .ee-icon-pause,
8306.intro-video:not(.silent) .ee-icon-play {
8307display: inline !important;
8308}
8309
8310</style>
8311
8312						<div class="hero-img-wrapper">
8313							<img src="https://barprephero.com/premium/bph-mockup2.png" alt="BarPrepHero MBE Practice on Desktop and Mobile">
8314						</div>
8315
8316					</div>
8317					   
8318					<style>
8319						
8320						
8321						
8322						.hero-features {
8323							display: flex;
8324							justify-content: left;
8325							align-items: center;
8326							gap: 20px 30px;
8327							flex-wrap: wrap;
8328							max-width: 1282px;
8329							margin: 20px auto 0;
8330						}
8331						.hero-features .hero-features-heading {
8332							color: #202731;
8333							font-size: 18px;
8334							line-height: 1;
8335							font-weight: 700;
8336						}
8337						.hero-features .hero-feature svg{
8338							display: inline-block;
8339							vertical-align: middle;
8340							width: 21px;
8341							height: 21px;
8342							margin-right: 6px;
8343						}
8344						.hero-features .hero-feature span {
8345							display: inline-block;
8346							vertical-align: middle;
8347							color: #898A8D;
8348							font-size: 16px;
8349							line-height: 1;
8350							font-weight: 600;
8351						}
8352			
8353			
8354		@media (max-width: 479px) {
8355			.c-continuous-upload-block {
8356				margin-top: 60px  !important;
8357			}
8358		}
8359		@media(max-width: 1024px){
8360			.c-continuous-upload-block-img-1 {
8361				left: 30px !important;
8362			}
8363			.c-continuous-upload-block-img-2 {
8364				left: 10px !important;
8365			}
8366			.c-continuous-upload-block {
8367				padding-left: 280px !important;
8368			}
8369		}
8370
8371		 @media (max-width: 767px) {
8372		.c-continuous-upload-block {
8373			padding-top: 100px !important;
8374			padding-right: 32px !important;
8375			padding-left: 24px !important;
8376			margin-bottom: 0px !important;
8377		}
8378			.partner-link-wrp {margin-left: 45px !important;}
8379				.c-wrapper.c-wrapper-1024.c-new-content-wrapper-3 {margin: 60px auto 0 !important;}
8380			}
8381			@media (max-width: 767px) {
8382		.c-continuous-upload-block-img-1 {
8383			left: 24px  !important;
8384			top: -22px  !important;
8385		}
8386			}
8387			@media (max-width: 767px) {
8388		.c-continuous-upload-block-img-2 {
8389			left: 46px  !important;
8390			top: 27px  !important;
8391		}
8392			}
8393
8394
8395			.hero-wrapper .hero-img-title h3:last-of-type {
8396			margin: 0;
8397			flex-grow: 1;
8398		}
8399			.hero-img-wrp .pp-bubble span:nth-child(2) {
8400			font-size: 12px;
8401			font-size: 1vw;
8402			line-height: 1.2;
8403			margin-top: -0.1vw;
8404		}
8405			.hero-wrapper .hero-img-wrp .laptop-img-wrp {
8406			position: absolute;
8407			top: 2%;
8408			right: 7%;
8409			width: 57%;
8410		}
8411			.subheader-wrapper .hero-wrapper img {
8412			width: 100%;
8413			margin-left: 5%;
8414			margin-top: 15px;
8415			margin-bottom: 30px;
8416		}
8417			.hero-wrapper .hero-img-wrp .phone-img {
8418			position: absolute;
8419			left: 63%;
8420			bottom: -9%;
8421			width: 24%;
8422		}
8423			.hero-img-wrp .pp-bubble.pos {
8424			background-color: rgba(0, 186, 0, 0.8);
8425		}
8426			.hero-wrapper .hero-img-wrp .laptop-img {
8427			margin-top: 0 !important;
8428		}
8429			
8430			
8431			.hero-img-wrp .pp-bubble {
8432			width: 110px;
8433			height: 110px;
8434			width: 7vw;
8435			height: 7vw;
8436			line-height: 110px;
8437			border-radius: 50%;
8438			padding: 10px;
8439			box-sizing: content-box;
8440			text-align: center;
8441			display: flex;
8442			flex-direction: column;
8443			justify-content: center;
8444		}
8445			.handbook-img-wrp .pp-bubble {
8446			position: absolute;
8447			left: calc(50% - 4.5vw);
8448			top: 15%;
8449		}
8450			.hero-img-wrp .pp-bubble span {
8451			display: block;
8452			color: #fff;
8453			font-weight: 700;
8454		}
8455			.hero-img-wrp .pp-bubble span:nth-child(1) {
8456			font-size: 36px;
8457			font-size: 3vw;
8458			line-height: 1;
8459		}
8460			
8461			.hero-img-wrp .pp-bubble.neg {
8462			background-color: rgba(250, 70, 69, 0.8);
8463		}
8464			
8465			.hero-wrapper .hero-img-title h3 {
8466			display: inline-block;
8467			vertical-align: bottom;
8468			font-size: 26px;
8469			font-size: 2vw;
8470			line-height: 1;
8471			font-weight: 700;
8472			color: #000;
8473			text-align: center;
8474		}
8475			.hero-wrapper .hero-img-title .vs {
8476			align-self: center;
8477			font-size: 35px;
8478			font-size: 3vw;
8479			line-height: 1;
8480			font-weight: 800;
8481			opacity: 0.7;
8482			color: #cdcdcd;
8483			white-space: nowrap;
8484			display: inline-block;
8485			vertical-align: middle;
8486		}
8487			.hero-wrapper .hero-img-title {display: flex;align-items: flex-end;  width: 80%; margin: 20px auto; justify-content: space-evenly;}
8488			.hero-wrapper .hero-img-title h3:first-of-type {margin: 0; flex-grow: 0.7;}
8489			
8490			#btnPurchase2:hover {
8491			background-color: #fbe614 !important;
8492		}
8493			
8494			a.sec3_5_btn.blue.btnPurchase.trans.herocta {
8495			-webkit-border-radius: 10px;
8496			-moz-border-radius: 10px;
8497			border-radius: 10px;
8498			text-transform: none;
8499			margin: 5px 0 0px;
8500			width: fit-content;
8501			letter-spacing: 0;
8502			font-size: 22px;
8503			font-weight: 600;
8504			margin-bottom: 0px !important;
8505			text-align: center;
8506			display: inline-block;
8507			height: auto;
8508			line-height: 33px;
8509			padding: 15px 35px;
8510			background: #0c7aff;
8511			white-space: nowrap;
8512			box-shadow: 0 5px 15px rgb(51 51 79 / 10%);
8513			transition: all .3s ease-out;
8514			border: 2px solid transparent;
8515		}
8516		
8517			a.sec3_5_btn.blue.btnPurchase.trans.herocta:hover {
8518				color: #fff !important;
8519			}
8520			
8521		  @media(max-width: 1460px){
8522			.arrow-hero {top: -40px !important; left: 93px !important;}
8523			.header11 .subsubheader-wrapper {margin-top: 80px;}
8524		  }
8525		  @media(max-width: 1360px){
8526			.arrow-hero {top: -40px !important;}
8527			.header11 .subsubheader-wrapper {margin-top: 75px;}
8528		  }
8529		  .subheader-wrapper .hero-wrapper {max-width: 1500px; margin: 0 auto;}
8530		  .subheader-wrapper .hero-wrapper img {width: 100%; margin-left: 5%;margin-top:15px;margin-bottom: 30px;}
8531		  .subheader-wrapper .hero-wrapper .mobile {display: none;}
8532
8533		  @media(max-width: 1500px){
8534			.subheader-wrapper .hero-wrapper {width: calc(100% + 30px); margin: 0 -15px; overflow: hidden;}
8535			.subheader-wrapper .hero-wrapper img {width: 100%; margin-left: 5%;height:auto;}
8536		  }
8537		  @media(max-width: 570px){
8538			  div[data-fbo-id="8306420"] {
8539			height: 200px !important;
8540		}
8541			  .partner-logos-wrp {
8542			gap: 25px 10px !important;
8543			margin-top: 20px;
8544		}
8545			  .partner-logos-wrp>img {
8546			display: block;
8547			height: 30px !important;
8548		}
8549			  .col-md-5.success-rate {
8550			padding: 0px 10px 0px 15px !important;
8551			border-left: 0 !important;
8552		}
8553			  .heading-xlarge {
8554			margin-left: 0px !important;
8555			padding-left: 25px !important;
8556		}
8557			  .inner_item_price {border: 2px solid #0076ff !important;}
8558			.subheader-wrapper .hero-wrapper .mobile {display: inline-block; width: 95% !important; margin-left: 3% !important;}
8559			  .subheader-wrapper .hero-wrapper img {    margin-top: 30px !important;margin-bottom: 0px;}
8560			  .sec2_20 .container {    padding-top: 0px !important; padding-bottom: 30px !important;}
8561			  .sec2_20 .inner {    margin-bottom: 5px !important;    padding-top: 10px !important;}
8562			.subheader-wrapper .hero-wrapper .desktop {display: none;}
8563			  a.icon-wrapper.section-cta.typography-section-intro {
8564				font-size: 16px !important;
8565			text-align: left !important;
8566		}
8567			  .subheader-wrapper1 {    margin: 0px !important;}
8568		  }
8569
8570
8571		  .subheader-wrapper .hero-wrapper {
8572			width: auto;
8573			margin: 100px auto 0;
8574			
8575		  }
8576		  .hero-wrapper h2 {
8577			font-size: 48px;
8578			line-height: 1;
8579			margin-top: 0;
8580			text-align: center;
8581		  }
8582		  .hero-wrapper .hero-img-wrp{
8583			position: relative;
8584			left: 4%;
8585		  }
8586		  .hero-wrapper .hero-img-wrp .handbook-img-wrp {
8587			position: relative;
8588			width: 45%;
8589		  }
8590		  .hero-wrapper .hero-img-wrp h3 {
8591			font-size: 26px;
8592			font-size: 2vw;
8593			line-height: 1;
8594			font-weight: 800;
8595			color: #000;
8596			text-align: center; 
8597		  }
8598		  .hero-wrapper .hero-img-wrp .handbook-img {
8599			margin-top: 1% !important;
8600			margin-left: 0 !important;
8601		  }
8602
8603		  .hero-wrapper .hero-img-wrp .phone-img {
8604			position: absolute;
8605			left: 63%;
8606			bottom: -9%;
8607			width: 24%;
8608		  }
8609		  .handbook-img-wrp .vs {
8610			position: absolute;
8611			top: -1.25vw;
8612			left: 85%;
8613			font-size: 52px;
8614			font-size: 4vw;
8615			line-height: 1;
8616			font-weight: 800;
8617			opacity: 0.7;
8618			color: #cdcdcd;
8619			white-space: nowrap;
8620			display: inline-block;
8621		  }
8622		  .hero-img-wrp .pp-bubble {
8623			width: 110px;
8624			height: 110px;
8625			width: 7vw;
8626			height: 7vw;
8627			line-height: 130px;
8628			line-height: 9vw;
8629			border-radius: 50%;
8630			padding: 10px;
8631			box-sizing: content-box;
8632			text-align: center;
8633		}
8634		.hero-img-wrp .pp-bubble span {
8635			display: inline-block;
8636			vertical-align: middle;
8637			font-size: 26px;
8638			font-size: 2vw;
8639			line-height: 1;
8640			color: #fff;
8641			font-weight: 700;
8642		  }
8643		  .laptop-img-wrp .pp-bubble {
8644			position: absolute;
8645			right: 2%;
8646			top: -10%;
8647			line-height: 1;
8648		  }
8649
8650		  .laptop-img-wrp .pp-bubble img {
8651			width: 75%;
8652			margin: 3% 0 0;
8653		  }
8654		  header.header11 {
8655			overflow: visible !important;
8656		  }
8657		  .subheader-wrapper .hero-wrapper {
8658			overflow: visible !important;
8659		  }
8660		  @media(min-width: 1300px) {
8661			  .hero-wrapper .hero-img-title .vs {
8662			font-size: 35px;
8663		}
8664			.handbook-img-wrp .vs {
8665				font-size: 50px;
8666				top: -3.5%;
8667			}
8668			.hero-wrapper .hero-img-title h3 {
8669			font-size: 23px;
8670			  }
8671		  }
8672		  @media(min-width: 1530px){
8673			  .hero-img-wrp .pp-bubble span:nth-child(1) {
8674			font-size: 60px;
8675		}
8676			  .hero-img-wrp .pp-bubble span:nth-child(2) {
8677			font-size: 19px;
8678		}
8679			  .hero-img-wrp .pp-bubble {
8680			width: 130px;
8681			height: 130px;
8682			line-height: 130px;
8683		}
8684			  .handbook-img-wrp .pp-bubble {
8685			left: calc(50% - 85px);
8686		}
8687			  
8688			.subheader-wrapper .hero-wrapper {
8689				width: 1500px;
8690			}
8691			  .hero-wrapper .hero-img-title .vs {
8692			font-size: 50px;
8693		}
8694			  .hero-wrapper .hero-img-title h3 {
8695				font-size: 23px;
8696			}
8697			.hero-wrapper .hero-img-wrp h3 {
8698				font-size: 30px;
8699			}
8700			
8701			.hero-img-wrp .pp-bubble span {
8702				font-size: 34px;
8703			}
8704
8705
8706			.handbook-img-wrp .vs {
8707				left: 89%;
8708			}
8709		  }
8710		  @media(max-width: 570px) {
8711			.desk-table {
8712				display: none;
8713			}
8714			.subheader-wrapper .hero-wrapper {
8715				margin-top: 50px;
8716			}
8717			  
8718			.mob-table {
8719				display: block !important;
8720		}
8721			
8722		  }
8723			
8724			section.cert-display.exam-coming-up {
8725			margin: 100px 0;
8726		}
8727		  
8728			.cert-background {
8729			padding: 10px 150px 80px;
8730		}
8731			
8732			.pquote {
8733				text-align: left;
8734				font-weight: 400;
8735				display: block;
8736				max-width: 1085px;
8737				margin: 0 auto 40px;
8738				padding: 30px 0 15px 100px;
8739				font-style: italic;
8740				background: url(/cdl-premium/hazmat/openquote.gif) top left no-repeat;
8741				line-height: 1.3;
8742				font-size: 24px;
8743				color: #82858f;
8744				font-family: 'Sentinel SSm A', 'Sentinel SSm B';
8745			}  
8746			
8747			.youllget li {
8748			line-height: 1.47384;
8749			font-weight: 400;
8750			text-align: left;
8751			letter-spacing: 0;
8752			opacity: 1;
8753			font-size: 18px;
8754			list-style: disc !important;
8755			display: list-item;
8756			margin-left: 20px;
8757			color: #333;
8758			}
8759			
8760			ul.youllget {
8761			margin: 20px 0 0 20px;
8762		}
8763			
8764			
8765					  .header11 .book-img {
8766						position: absolute;
8767						z-index: -2;
8768						height: calc(100% - 0px);
8769						width: auto;
8770						left: auto;
8771						top: -115px;
8772					  }
8773					  .header11 .book-img:nth-child(1){
8774						left: 100%;
8775						margin-left: -160px;
8776						
8777					  }
8778					  .header11 .book-img:nth-child(2){
8779						right: 100%;
8780						margin-right: -90px;
8781					  }
8782					  @media(max-width: 1560px){
8783						.header11 .book-img {
8784						  height: calc(100% - 90px);
8785						}
8786						.header11 .book-img:nth-child(1){
8787						  margin-left: -172px;
8788						}
8789						  .arrow-hero {
8790			top: -70px;
8791			left: 71px;
8792		}
8793						.header11 .book-img:nth-child(2) {
8794						right: 100%;
8795						margin-right: -110px;
8796		}
8797						  
8798					  }
8799					  @media(max-width: 1460px){
8800						.header11 .book-img {
8801						  height: calc(100% - 100px);
8802						  top: -70px;
8803						}
8804						.header11 .book-img:nth-child(1){
8805						  margin-left: -160px;
8806						}
8807						  .header11 .book-img:nth-child(2) {
8808			right: 100%;
8809			margin-right: -112px;
8810			top: -50px;
8811		}
8812					  }
8813					  @media(max-width: 1360px){
8814						.header11 .book-img {
8815						  height: calc(100% - 180px);
8816						  top: 30px;
8817						}
8818						.header11 .book-img:nth-child(1){
8819						  margin-left: -165px;
8820							top: -55px;
8821						}
8822					  }
8823					  @media(max-width: 1260px){
8824						.header11 .book-img {
8825						  height: calc(100% - 180px);
8826						  top: 30px;
8827						}
8828						.header11 .book-img:nth-child(1){
8829						  margin-left: -195px;
8830						}
8831						.header11 .book-img:nth-child(2) {
8832							margin-right: -150px;
8833						}
8834					  }           
8835					  @media(max-width: 1130px){
8836						.header11 .book-img, .header11 .helpConvince {
8837						  
8838						}
8839						  .header11 .subsubheader-wrapper {}
8840						  
8841						  .arrow-hero {
8842						  display: none !important;
8843						}
8844					  }
8845					   
8846			.job a {
8847				color: #1a67ff;
8848			font-weight: 700;
8849			}
8850			.box-row p.job {
8851			font-weight: 500;
8852			margin-bottom: 0;
8853			padding-bottom: 0;
8854		}
8855		.regalia img {
8856			width: 100%;
8857			display: block;
8858			margin: 0 auto 15px;
8859			opacity: .8;
8860			max-width: 200px;
8861		}
8862
8863		.trusted-by2 {padding: 0 10px 40px;    margin-top: 40px;}
8864		.trusted-by2 .row {
8865		  display: -webkit-box;
8866		  display: -webkit-flex;
8867		  display: -ms-flexbox;
8868		  display: flex;
8869		  flex-wrap: wrap;
8870		  margin: 0;
8871		}
8872		.trusted-by2 .row>div {display: flex;flex-direction: column;padding: 0; margin-bottom: 10px;}
8873		.trusted-by2 .box-row {    border: 1px solid #eee;padding: 25px;border-radius: 10px; margin: 0 5px; min-height: 100%;}
8874		@media(max-width: 768px) {
8875		  .trusted-by2 {padding-top: 30px; padding-bottom: 30px;display: none;}
8876		}
8877			
8878		.trusted-by2 .box-row p.job {
8879			font-size: 17px;
8880			line-height: 23px;
8881		}
8882			
8883		  .whyus {
8884			margin-top: 60px;
8885
8886		}  
8887							
8888		.pretitle2 {
8889			font-weight: 400;
8890			text-transform: none;
8891			color: #8c8f94;
8892			font-size: 20px;
8893			line-height: 28px;
8894			margin: 0 0 20px;
8895			text-align:left;
8896			opacity: 1;  
8897							}
8898							
8899		.pre-title {
8900			font-size: 16px;
8901			line-height: 1.25;
8902			letter-spacing: 0;
8903			color: #B5C2D0;
8904			font-weight: 600;
8905			text-transform: none;
8906			margin-bottom: 16px;
8907							}
8908
8909		i {
8910			font-style: italic;
8911		}
8912
8913						.selection {
8914						font-weight: 700;
8915						color: #111;
8916						}
8917						
8918		.bubble.bubble2 p {
8919			margin-bottom: 0;
8920			font-size: 18px;
8921			line-height: 1.3;
8922		}
8923		.bubble.bubble2 p span {
8924			font-weight: 600;
8925			color: #000;
8926		}
8927			</style>
8928						
8929					</div>
8930					
8931				  </div>
8932
8933				</div>
8934
8935			  </div>
8936
8937			  <div class="bg yellow"></div>
8938			  <div class="bg blue-green"></div>
8939			  <div class="bg blue"></div>
8940			  <div class="bg purple"></div>
8941			  <div class="bg green"></div>
8942			  <div class="bg pink"></div>
8943			  <div class="bg turquoise"></div>
8944
8945
8946			  </header>
8947			
8948			<style>
8949			.bg {
8950			position: absolute;
8951			width: 27%;
8952			padding-bottom: 27%;
8953			opacity: .1;
8954			filter: blur(100px);
8955			-webkit-backdrop-filter: blur(100px);
8956			z-index: -1;
8957		}
8958		.bg.yellow {
8959			background-color: #fad92c;
8960			top: -238px;
8961			left: 6%;
8962		}
8963		.bg.blue-green {
8964			background: linear-gradient(73.28deg, #0057ff -12.61%, #9dff00 97.57%);
8965			width: 42%;
8966			padding-bottom: 42%;
8967			top: -330px;
8968			left: 14%;
8969		}
8970		.bg.blue {
8971			background-color: #007aff;
8972			top: -260px;
8973			right: 2%;
8974		}
8975		.bg.purple {
8976			background: linear-gradient(90deg, #7000ff 0, #ff9dc0 100%);
8977			width: 35%;
8978			padding-bottom: 35%;
8979			top: 305px;
8980			left: 2%;
8981		}
8982		.bg.green {
8983			background-color: #4cd964;
8984			top: 366px;
8985			left: 33%;
8986		}
8987		.bg.pink {
8988			background-color: #ffa2be;
8989			opacity: .15;
8990			width: 23%;
8991			padding-bottom: 23%;
8992			top: 243px;
8993			right: 24%;
8994		}
8995		.bg.turquoise {
8996			background-color: #08f3ff;
8997			opacity: .15;
8998			top: 293px;
8999			right: 1%;
9000		}
9001			
9002			.steps {
9003				text-transform: uppercase;
9004			color: #007AFE;
9005			display: block;
9006			font-weight: 600;
9007			margin-bottom: 10px;
9008			font-size: 20px;
9009			}
9010			.section {
9011			text-align: center;
9012			padding: 100px 0;
9013			overflow: hidden;
9014		}
9015				.section-hero .hero-callouts {
9016			display: flex;
9017			flex-direction: column;
9018			flex: 0;
9019		}
9020				
9021			.section-hero .hero-callout, html.no-js .section-hero .hero-callout {
9022			background: -webkit-linear-gradient(0deg,#ffa745,#fe869f 30%,#ef7ac8 45%,#a083ed 70%,#43aeff 85%);
9023			-webkit-background-clip: text;
9024			-webkit-text-fill-color: transparent;
9025		}
9026			.section-hero .header-container .text-gradient {
9027			background: linear-gradient(0deg,#ffa745 15%,#fe869f 50%,#ef7ac8 75%,#a083ed 90%,#43aeff 110%);
9028			-webkit-text-fill-color: transparent;
9029			text-fill-color: transparent;
9030			-webkit-background-clip: text;
9031			background-clip: text;
9032		}
9033		.section-hero .hero-callout {
9034			-webkit-clip-path: inset(1px 1px 1px 1px);
9035			clip-path: inset(1px 1px 1px 1px);
9036		}
9037		.section-hero .typography-hero-callout {
9038			border: 1px solid #fff;
9039			margin-top: 50px;
9040			padding-bottom: 12px;
9041		}
9042		.typography-hero-callout {
9043			font-size: 120px;
9044			line-height: 1;
9045			font-weight: 700;
9046			letter-spacing: -0.018em;
9047		}
9048
9049		span#stateAbbreviation {
9050			display: inline;
9051		}
9052			</style>
9053
9054		<div id="premium_features">
9055
9056		<!-- Universal Problem Section -->
9057		<section id="the-problem" style="padding: 100px 0 80px; background: #fff; position: relative; overflow: hidden;">
9058			<!-- Subtle pattern background -->
9059			<div style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: radial-gradient(circle at 20% 50%, rgba(7, 122, 255, 0.03) 0%, transparent 50%), radial-gradient(circle at 80% 50%, rgba(34, 197, 94, 0.03) 0%, transparent 50%); pointer-events: none;"></div>
9060
9061			<div class="container" style="max-width: 900px; margin: 0 auto; padding: 0 20px; position: relative; z-index: 1;">
9062				<div style="text-align: center;">
9063					<!-- Visual element: Pattern recognition icon -->
9064					<div style="width: 80px; height: 80px; margin: 0 auto 32px; background: linear-gradient(135deg, #077aff 0%, #0ea5e9 100%); border-radius: 20px; display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 32px rgba(7, 122, 255, 0.25);">
9065						<svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
9066							<path d="M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z"/>
9067							<path d="M12 5a3 3 0 1 1 5.997.125 4 4 0 0 1 2.526 5.77 4 4 0 0 1-.556 6.588A4 4 0 1 1 12 18Z"/>
9068							<path d="M15 13a4.5 4.5 0 0 1-3-4 4.5 4.5 0 0 1-3 4"/>
9069							<path d="M12 18v-5"/>
9070						</svg>
9071					</div>
9072
9073					<h2 class="detailed" style="font-size: 44px; font-weight: 800; color: #1f2632; margin: 0 auto 16px; max-width: 700px; line-height: 1.1; letter-spacing: -0.02em; text-align: center;">The bar exam doesn't test what you know.</h2>
9074
9075					<p style="font-size: 22px; font-weight: 600; color: #077aff; margin: 0 auto 24px; max-width: 600px; line-height: 1.4;">It tests how fast you recognize patterns.</p>
9076
9077					<p class="job" style="font-size: 18px; color: #64748b; margin: 0 auto 40px; max-width: 560px; line-height: 1.7;">That's why people who "know the law" still fail. And why practicing with real questions beats watching lectures every time.</p>
9078
9079					<!-- Stat callout -->
9080					<div style="display: inline-flex; align-items: center; gap: 16px; background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%); border: 1px solid #e2e8f0; border-radius: 16px; padding: 20px 32px; margin-bottom: 40px;">
9081						<div style="width: 48px; height: 48px; background: #fff; border-radius: 12px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(0,0,0,0.06);">
9082							<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#0369a1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
9083								<circle cx="12" cy="12" r="10"/>
9084								<polyline points="12 6 12 12 16 14"/>
9085							</svg>
9086						</div>
9087						<div style="text-align: left;">
9088							<div style="font-size: 20px; font-weight: 700; color: #1f2632;">1.8 minutes per MBE question</div>
9089							<div style="font-size: 14px; color: #dc2626; font-weight: 500;">Speed comes from pattern recognition</div>
9090						</div>
9091					</div>
9092
9093					<!-- CTA -->
9094					<div>
9095						<a href="#mbe-demo" style="display: inline-flex; align-items: center; gap: 8px; color: #077aff; font-size: 16px; font-weight: 600; text-decoration: none; padding: 12px 24px; border-radius: 10px; background: rgba(7, 122, 255, 0.08); transition: all 0.2s ease;">
9096							See why pattern practice works
9097							<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
9098								<path d="M5 12h14M12 5l7 7-7 7"/>
9099							</svg>
9100						</a>
9101					</div>
9102				</div>
9103			</div>
9104		</section>
9105
9106		<!-- WHAT FAILING ACTUALLY COSTS Section - MOVED UP -->
9107		<section id="cost-of-failure" style="background: linear-gradient(180deg, #fef2f2 0%, #fee2e2 100%); padding: 100px 0; position: relative; overflow: hidden;">
9108			<!-- Subtle pattern -->
9109			<div style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: radial-gradient(circle at 50% 0%, rgba(220, 38, 38, 0.05) 0%, transparent 60%); pointer-events: none;"></div>
9110
9111			<div class="container" style="max-width: 1000px; margin: 0 auto; padding: 0 20px; position: relative; z-index: 1;">
9112
9113				<!-- Header -->
9114				<div style="text-align: center; margin-bottom: 50px;">
9115					<h2 class="detailed" style="font-size: 44px; font-weight: 800; color: #1f2632; margin: 0 auto 16px; max-width: 700px; line-height: 1.1; letter-spacing: -0.02em; text-align: center;">One investment. One exam. Done.</h2>
9116
9117					<p style="font-size: 18px; color: #64748b; margin: 0 auto; max-width: 600px; line-height: 1.5;">Full Bar and Full MBE cost less than a single retake fee and include a Pass Guarantee.</p>
9118				</div>
9119
9120				<!-- Label for stats -->
9121				<p style="text-align: center; font-size: 15px; font-weight: 600; color: #991b1b; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 20px;">The real cost of failing</p>
9122
9123				<!-- Stats Grid -->
9124				<div class="cost-stats-grid" style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-bottom: 50px;">
9125
9126					<!-- Stat 1: Retake Fee -->
9127					<div style="background: #fff; border-radius: 20px; padding: 28px 24px; text-align: center; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06); border: 1px solid rgba(220, 38, 38, 0.1);">
9128						<div style="width: 56px; height: 56px; background: linear-gradient(135deg, #fef2f2 0%, #fecaca 100%); border-radius: 16px; display: flex; align-items: center; justify-content: center; margin: 0 auto 16px;">
9129							<svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#dc2626" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
9130								<line x1="12" y1="1" x2="12" y2="23"/>
9131								<path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/>
9132							</svg>
9133						</div>
9134						<div style="font-size: 32px; font-weight: 800; color: #dc2626; margin-bottom: 6px; letter-spacing: -0.02em;">$700-1K</div>
9135						<div style="font-size: 14px; color: #64748b; line-height: 1.4;">retake fee</div>
9136					</div>
9137
9138					<!-- Stat 2: Wait Time -->
9139					<div style="background: #fff; border-radius: 20px; padding: 28px 24px; text-align: center; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06); border: 1px solid rgba(220, 38, 38, 0.1);">
9140						<div style="width: 56px; height: 56px; background: linear-gradient(135deg, #fef2f2 0%, #fecaca 100%); border-radius: 16px; display: flex; align-items: center; justify-content: center; margin: 0 auto 16px;">
9141							<svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#dc2626" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
9142								<rect x="3" y="4" width="18" height="18" rx="2" ry="2"/>
9143								<line x1="16" y1="2" x2="16" y2="6"/>
9144								<line x1="8" y1="2" x2="8" y2="6"/>
9145								<line x1="3" y1="10" x2="21" y2="10"/>
9146							</svg>
9147						</div>
9148						<div style="font-size: 32px; font-weight: 800; color: #dc2626; margin-bottom: 6px; letter-spacing: -0.02em;">6 months</div>
9149						<div style="font-size: 14px; color: #64748b; line-height: 1.4;">wait for next exam</div>
9150					</div>
9151
9152					<!-- Stat 3: Delayed Salary -->
9153					<div style="background: #fff; border-radius: 20px; padding: 28px 24px; text-align: center; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06); border: 1px solid rgba(220, 38, 38, 0.1);">
9154						<div style="width: 56px; height: 56px; background: linear-gradient(135deg, #fef2f2 0%, #fecaca 100%); border-radius: 16px; display: flex; align-items: center; justify-content: center; margin: 0 auto 16px;">
9155							<svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#dc2626" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
9156								<path d="M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/>
9157								<path d="M2 12h4M18 12h4"/>
9158							</svg>
9159						</div>
9160						<div style="font-size: 32px; font-weight: 800; color: #dc2626; margin-bottom: 6px; letter-spacing: -0.02em;">$25-50K</div>
9161						<div style="font-size: 14px; color: #64748b; line-height: 1.4;">salary you won't earn</div>
9162					</div>
9163
9164					<!-- Stat 4: The Talk -->
9165					<div style="background: #fff; border-radius: 20px; padding: 28px 24px; text-align: center; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06); border: 1px solid rgba(220, 38, 38, 0.1);">
9166						<div style="width: 56px; height: 56px; background: linear-gradient(135deg, #fef2f2 0%, #fecaca 100%); border-radius: 16px; display: flex; align-items: center; justify-content: center; margin: 0 auto 16px;">
9167							<svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#dc2626" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
9168								<path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/>
9169							</svg>
9170						</div>
9171						<div style="font-size: 32px; font-weight: 800; color: #dc2626; margin-bottom: 6px; letter-spacing: -0.02em;">"That talk"</div>
9172						<div style="font-size: 14px; color: #64748b; line-height: 1.4;">with your firm</div>
9173					</div>
9174				</div>
9175
9176				<!-- Bottom CTA Card -->
9177				<div style="background: #fff; border-radius: 24px; padding: 40px; max-width: 700px; margin: 0 auto; box-shadow: 0 8px 40px rgba(0, 0, 0, 0.08); text-align: center; border: 2px solid #22c55e;">
9178					<p style="font-size: 18px; color: #475569; line-height: 1.7; margin: 0 0 24px;">Full Bar and Full MBE cost <strong style="color: #16a34a;">less than a retake fee</strong> and include a Pass Guarantee.</p>
9179
9180					<a href="#price-plans-section" data-pricing-cta data-cta-location="cost_of_failure" style="display: inline-flex; align-items: center; justify-content: center; gap: 10px; background: linear-gradient(135deg, #077aff 0%, #0057cc 100%); color: #fff; font-size: 17px; font-weight: 600; padding: 16px 32px; border-radius: 12px; text-decoration: none; box-shadow: 0 4px 20px rgba(7, 122, 255, 0.35);">
9181						Compare one-time plans
9182						<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
9183							<path d="M5 12h14M12 5l7 7-7 7"/>
9184						</svg>
9185					</a>
9186				</div>
9187			</div>
9188
9189			<!-- Responsive -->
9190			<style>
9191				@media (max-width: 900px) {
9192					.cost-stats-grid {
9193						grid-template-columns: repeat(2, 1fr) !important;
9194					}
9195				}
9196				@media (max-width: 500px) {
9197					.cost-stats-grid {
9198						grid-template-columns: 1fr !important;
9199					}
9200					#cost-of-failure h2 {
9201						font-size: 32px !important;
9202					}
9203				}
9204                @media (max-width: 991px) {
9205                    #cost-of-failure .container > div {
9206                        margin-bottom: 30px !important;
9207                    }
9208
9209                    .cost-stats-grid > div:last-child > div:nth-of-type(2) {
9210                        font-size: 32px !important;
9211                    }
9212                }
9213			</style>
9214		</section>
9215
9216		<!-- FAILED BEFORE? Section - MOVED UP -->
9217		<section id="failed-before" style="background: #fff; padding: 100px 0; position: relative;">
9218			<div class="container" style="max-width: 1100px; margin: 0 auto; padding: 0 20px;">
9219				<!-- Vertical Stack Layout -->
9220				<div style="text-align: center; max-width: 700px; margin: 0 auto 50px;">
9221					<div style="display: block; margin-bottom: 24px;">
9222						<div class="stat-badge" style="display: inline-flex; align-items: center; gap: 8px; background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%); color: #92400e; font-size: 14px; font-weight: 600; padding: 8px 16px; border-radius: 100px;">
9223							<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
9224								<circle cx="12" cy="12" r="10"/>
9225								<path d="M12 8v4M12 16h.01"/>
9226							</svg>
9227							Failed with Barbri or Themis?
9228						</div>
9229					</div>
9230
9231					<h2 class="detailed" style="font-size: 48px; font-weight: 800; color: #1f2632; margin: 0 0 24px; line-height: 1.05; letter-spacing: -0.02em;">It wasn't you.</h2>
9232
9233					<p style="font-size: 18px; line-height: 1.7; color: #475569; margin: 0 0 20px;">You did everything right. Watched every lecture. Outlined every subject. Spent $2,400+. And still didn't pass.</p>
9234
9235					<p style="font-size: 18px; line-height: 1.7; color: #475569; margin: 0 0 20px;">Here's what nobody told you: <strong style="color: #1f2632;">passive video-watching doesn't build exam instincts</strong>. The bar tests pattern recognition - and that only comes from practicing real questions.</p>
9236
9237					<a href="#price-plans-section" class="sec3_5_btn blue btnPurchase" data-pricing-cta data-cta-location="retaker_section" style="display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: #077aff; color: #fff; font-size: 17px; font-weight: 600; padding: 16px 32px; border-radius: 12px; text-decoration: none; box-shadow: 0 4px 14px rgba(7, 122, 255, 0.35); text-transform: none; letter-spacing: 0; margin-top: 12px;">
9238						Build exam instincts with practice
9239						<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
9240							<path d="M5 12h14M12 5l7 7-7 7"/>
9241						</svg>
9242					</a>
9243				</div>
9244
9245				<!-- Testimonial Cards Row -->
9246				<div class="retaker-cards-row" style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;">
9247					<!-- Card 1: Marcus Chen -->
9248					<div class="retaker-card" style="position: relative; background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%); border-radius: 20px; padding: 28px; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08); transition: transform 0.3s ease, box-shadow 0.3s ease;">
9249						<div style="position: absolute; top: -12px; right: 16px; width: 36px; height: 36px; background: #22c55e; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 12px rgba(34, 197, 94, 0.4);">
9250							<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
9251								<polyline points="20 6 9 17 4 12"/>
9252							</svg>
9253						</div>
9254						<div style="display: inline-block; background: #dc2626;
9254 color: white; font-size: 10px; font-weight: 700; padding: 3px 8px; border-radius: 4px; margin-bottom: 12px; text-transform: uppercase; letter-spacing: 0.5px;">Failed with Themis → Passed</div>
9255						<p style="font-size: 17px; font-weight: 600; color: #78350f; line-height: 1.4; margin: 0 0 12px;">"Spent $2,000 on Themis and still bombed the MBE. Passed with BarPrepHero."</p>
9256						<div style="display: flex; align-items: center; gap: 10px; padding-top: 14px; border-top: 1px solid rgba(146, 64, 14, 0.15);">
9257							<div style="width: 40px; height: 40px; background: #fbbf24; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; color: #78350f; font-size: 14px;">MC</div>
9258							<div>
9259								<div style="font-weight: 600; color: #92400e; font-size: 14px;">Marcus Chen</div>
9260								<div style="font-size: 12px; color: #b45309;">Trustpilot Review</div>
9261							</div>
9262						</div>
9263					</div>
9264
9265					<!-- Card 2: Patrick Hughes -->
9266					<div class="retaker-card" style="position: relative; background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%); border-radius: 20px; padding: 28px; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08); transition: transform 0.3s ease, box-shadow 0.3s ease;">
9267						<div style="position: absolute; top: -12px; right: 16px; width: 36px; height: 36px; background: #22c55e; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 12px rgba(34, 197, 94, 0.4);">
9268							<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
9269								<polyline points="20 6 9 17 4 12"/>
9270							</svg>
9271						</div>
9272						<div style="display: inline-block; background: #dc2626; color: white; font-size: 10px; font-weight: 700; padding: 3px 8px; border-radius: 4px; margin-bottom: 12px; text-transform: uppercase; letter-spacing: 0.5px;">Failed 3x → Passed</div>
9273						<p style="font-size: 17px; font-weight: 600; color: #78350f; line-height: 1.4; margin: 0 0 12px;">"Now I'm a staff attorney for a Judge in Louisville, KY."</p>
9274						<div style="display: flex; align-items: center; gap: 10px; padding-top: 14px; border-top: 1px solid rgba(146, 64, 14, 0.15);">
9275							<div style="width: 40px; height: 40px; background: #fbbf24; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; color: #78350f; font-size: 14px;">PH</div>
9276							<div>
9277								<div style="font-weight: 600; color: #92400e; font-size: 14px;">Patrick Hughes</div>
9278								<div style="font-size: 12px; color: #b45309;">Staff Attorney, Kentucky</div>
9279							</div>
9280						</div>
9281					</div>
9282
9283					<!-- Card 3: Jessie Lee -->
9284					<div class="retaker-card" style="position: relative; background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%); border-radius: 20px; padding: 28px; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08); transition: transform 0.3s ease, box-shadow 0.3s ease;">
9285						<div style="position: absolute; top: -12px; right: 16px; width: 36px; height: 36px; background: #22c55e; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 12px rgba(34, 197, 94, 0.4);">
9286							<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
9287								<polyline points="20 6 9 17 4 12"/>
9288							</svg>
9289						</div>
9290						<div style="display: inline-block; background: #dc2626; color: white; font-size: 10px; font-weight: 700; padding: 3px 8px; border-radius: 4px; margin-bottom: 12px; text-transform: uppercase; letter-spacing: 0.5px;">Failed 1x → Passed</div>
9291						<p style="font-size: 17px; font-weight: 600; color: #78350f; line-height: 1.4; margin: 0 0 12px;">"Failed my first test. Aced the retake without missing one."</p>
9292						<div style="display: flex; align-items: center; gap: 10px; padding-top: 14px; border-top: 1px solid rgba(146, 64, 14, 0.15);">
9293							<div style="width: 40px; height: 40px; background: #fbbf24; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; color: #78350f; font-size: 14px;">JL</div>
9294							<div>
9295								<div style="font-weight: 600; color: #92400e; font-size: 14px;">Jessie Lee</div>
9296								<div style="font-size: 12px; color: #b45309;">Trustpilot Review</div>
9297							</div>
9298						</div>
9299					</div>
9300				</div>
9301			</div>
9302
9303			<style>
9304				.retaker-card:hover {
9305					transform: translateY(-4px);
9306					box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
9307				}
9308				@media (max-width: 900px) {
9309					.retaker-cards-row {
9310						grid-template-columns: 1fr !important;
9311						gap: 20px !important;
9312					}
9313					#failed-before h2 {
9314						font-size: 36px !important;
9315                        padding-bottom: 0 !important;
9316					}
9317				}
9318			</style>
9319		</section>
9320
9321		<section id="mbe-demo" class="sec8_10" style="padding-top: 60px;">
9322
9323			<div class="container">
9324				<div class="pre-title fade-text" style="">Real NCBE-licensed questions</div>
9325		<h2 class="detailed fade-text" style="text-align: center;max-width: 700px;margin: 0 auto;">The real MBE will feel like a rerun.</h2>
9326				<div class="typography-section-intro"></div>
9327				<p class="job fade-text" style="margin: 0 auto 40px;max-width: 845px;">Same format. Same tricky wording. Same legal reasoning. Try 5 questions - see why our students recognize every pattern on exam day.</p>
9328
9329				<div class="atQuestionsWrp">
9330					<span class="try-me-label">Question 1 of 5</span>
9331			<div class="atQuestions atLoading">
9332
9333				<div class="atQuestion active">
9334					<div class="atQText">A homeowner hired a contractor to build a deck. The written contract specified that the contractor would use "western red cedar" for all decking materials. Without consulting the homeowner, the contractor substituted Douglas fir, which is less expensive but of comparable quality and appearance. The homeowner discovered the substitution after the deck was completed and refused to pay. In a suit by the contractor for the contract price, who will prevail?</div>
9335					<div class="atClear atClear1"></div>
9336					<div class="atQAnswers">
9337						<div>The contractor, because the substitution did not diminish the deck's value.</div>
9338						<div>The contractor, because he substantially performed the contract.</div>
9339						<div class="atQACorrect">The homeowner, because the contractor failed to use the specified materials.</div>
9340						<div>The homeowner, because she did not consent to the modification.</div>
9341					</div>
9342					<div class="atClear atClear2"></div>
9343					<div class="atQHint">Consider whether the specification of materials was a condition or merely a covenant, and what happens when a party intentionally deviates from contract terms.</div>
9344					<div class="atQExplanation">When a contract explicitly specifies particular materials, using different materials - even if of comparable quality - constitutes a material breach. The doctrine of substantial performance does not apply when the deviation is intentional. The homeowner can refuse to pay because the contractor knowingly failed to perform as promised.</div>
9345				</div>
9346
9347				<div class="atQuestion">
9348					<div class="atQText">A state enacted a statute prohibiting the sale of violent video games to anyone under 18 years of age. A video game retailer challenged the statute on First Amendment grounds. The state argued that the statute was necessary to protect minors from psychological harm. Which of the following best describes the applicable standard of review?</div>
9349					<div class="atClear atClear1"></div>
9350					<div class="atQAnswers">
9351						<div>Rational basis review, because the regulation involves economic activity.</div>
9352						<div>Intermediate scrutiny, because the regulation involves commercial speech.</div>
9353						<div class="atQACorrect">Strict scrutiny, because the regulation is a content-based restriction on protected speech.</div>
9354						<div>The obscenity standard, because violent content is unprotected speech.</div>
9355					</div>
9356					<div class="atClear atClear2"></div>
9357					<div class="atQHint">Video games are a form of expression. Consider what level of scrutiny applies to laws that restrict speech based on its content.</div>
9358					<div class="atQExplanation">Video games qualify as protected speech under the First Amendment. A law restricting their sale based on violent content is a content-based regulation, which triggers strict scrutiny. The government must show the law is narrowly tailored to serve a compelling interest. Violence, unlike obscenity, is not an unprotected category of speech.</div>
9359				</div>
9360
9361				<div class="atQuestion">
9362					<div class="atQText">A plaintiff was injured when she slipped on ice in the parking lot of a grocery store. She sued the store for negligence. At trial, she called a witness who testified that he had slipped on ice in the same location two weeks before the plaintiff's accident and had reported it to the store manager. The store objected to the testimony. The court should rule the testimony:</div>
9363					<div class="atClear atClear1"></div>
9364					<div class="atQAnswers">
9365						<div>Inadmissible, because it is improper character evidence.</div>
9366						<div>Inadmissible, because it is hearsay.</div>
9367						<div class="atQACorrect">Admissible, to show the store had notice of the dangerous condition.</div>
9368						<div>Admissible, to show the store's negligent habit.</div>
9369					</div>
9370					<div class="atClear atClear2"></div>
9371					<div class="atQHint">Prior similar incidents can be relevant for purposes other than showing propensity. Consider what this evidence tends to prove about the store's knowledge.</div>
9372					<div class="atQExplanation">Evidence of prior similar incidents is admissible to establish notice of a dangerous condition, which is an element the plaintiff must prove. The testimony shows the store knew or should have known about the icy condition. This is not character evidence or hearsay - it's direct evidence of notice.</div>
9373				</div>
9374
9375				<div class="atQuestion">
9376					<div class="atQText">A woman owned a house and conveyed it "to my brother for life, then to my sister." Two years later, the brother conveyed his interest to a friend. Shortly after, the brother died. Who owns the house?</div>
9377					<div class="atClear atClear1"></div>
9378					<div class="atQAnswers">
9379						<div>The friend, because the brother validly conveyed his interest.</div>
9380						<div>The woman, because the brother's conveyance was void.</div>
9381						<div class="atQACorrect">The sister, because the brother's life estate ended at his death.</div>
9382						<div>The friend and the sister as tenants in common.</div>
9383					</div>
9384					<div class="atClear atClear2"></div>
9385					<div class="atQHint">A life estate is measured by the life of the life tenant. Consider what happens to any interest derived from a life estate when the measuring life ends.</div>
9386					<div class="atQExplanation">The brother had a life estate, which he could convey. However, he could only convey what he had - a life estate measured by his own life (pur autre vie). When the brother died, the life estate ended, and the friend's interest terminated. The sister's remainder became possessory.</div>
9387				</div>
9388
9389				<div class="atQuestion">
9390					<div class="atQText">A defendant was charged with armed robbery. The prosecution's ke
9390y witness testified that she saw the defendant commit the robbery. On cross-examination, defense counsel asked whether the witness had been convicted of perjury three years ago. The prosecution objected. How should the court rule?</div>
9391					<div class="atClear atClear1"></div>
9392					<div class="atQAnswers">
9393						<div>Sustained, because the conviction is too remote in time.</div>
9394						<div>Sustained, because specific instances of conduct cannot be used to impeach.</div>
9395						<div>Overruled, because any felony conviction is admissible for impeachment.</div>
9396						<div class="atQACorrect">Overruled, because a perjury conviction is admissible to attack credibility.</div>
9397					</div>
9398					<div class="atClear atClear2"></div>
9399					<div class="atQHint">Under the Federal Rules of Evidence, convictions involving dishonesty or false statement are treated differently than other felonies for impeachment purposes.</div>
9400					<div class="atQExplanation">Under FRE 609(a)(2), convictions for crimes involving dishonesty or false statement - such as perjury - are automatically admissible to impeach a witness, regardless of the punishment. Unlike other felonies, there is no balancing test. The three-year time frame is within the 10-year limit for presumptive admissibility.</div>
9401				</div>
9402
9403				<!-- AI Assistant Widget -->
9404				<div class="ai-assistant-widget" id="aiAssistantWidget">
9405					<div class="ai-assistant-header">
9406						<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
9407							<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" fill="currentColor"/>
9408						</svg>
9409						<span>AI Assistant</span>
9410						<span class="ai-badge" style="background: #22c55e;">Try me</span>
9411					</div>
9412					<div class="ai-assistant-choices">
9413						<div class="ai-assistant-choice" data-action="hint">Give me a hint</div>
9414						<div class="ai-assistant-choice" data-action="explain">Explain the answer</div>
9415					</div>
9416					<div class="ai-assistant-content" id="aiAssistantContent">
9417						<div class="ai-chat-message">
9418							<svg class="ai-avatar" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
9419								<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" fill="currentColor"/>
9420							</svg>
9421							<div class="ai-text" id="aiResponseText"></div>
9422						</div>
9423						<div class="ai-input-wrapper">
9424							<input type="text" placeholder="Ask a follow-up question..." id="aiFollowUpInput">
9425							<button type="button">Ask</button>
9426						</div>
9427					</div>
9428				</div>
9429
9430			</div>
9431			</div>
9432
9433		</div></section>
9434
9435			</div>
9436
9437		<!--
9438		<section id="exam-simulator">
9439			<div class="container section-inner">
9440				<div class="pre-title" style="text-align: center; margin-bottom: 12px;">Exam Simulator</div>
9441				<h2 class="detailed" style="text-align: center; margin-bottom: 16px;">The real test will feel like a rerun.</h2>
9442				<p class="section-subtitle">Our Exam Simulator doesn't just quiz you - it recreates test day:</p>
9443
9444				<div class="feature-grid">
9445					<div class="feature-card">
9446						<div class="icon">📝</div>
9447						<h3>Same question format</h3>
9448						<p>Your 
9448<script>document.write(lastGovAg)</script>
9448 uses specific phrasing. So do we.</p>
9449					</div>
9450					<div class="feature-card">
9451						<div class="icon">⏱️</div>
9452						<h3>Same time pressure</h3>
9453						<p>Timed just like the real thing. No surprises on test day.</p>
9454					</div>
9455					<div class="feature-card">
9456						<div class="icon">🎯</div>
9457						<h3>Same passing score</h3>
9458						<p>Know exactly where you stand before you go.</p>
9459					</div>
9460					<div class="feature-card">
9461						<div class="icon">🧠</div>
9462						<h3>Same tricky wording</h3>
9463						<p>The confusing questions that trip people up? We've got them.</p>
9464					</div>
9465				</div>
9466
9467				<p class="tagline">When you sit down at the 
9467<script>document.write(lastGovAg)</script>
9467, it'll feel like a rerun.</p>
9468
9469				<div class="cta-area">
9470					<a href="#upgrade2" class="sec3_5_btn blue btnPurchase trans herocta" style="background-color: #077aff; text-transform: none; letter-spacing: 0;">Get the full simulator</a>
9471				</div>
9472			</div>
9473		</section>
9474		-->
9475
9476			<section id="comparison" style="padding: 50px 0 60px; background: #f8fafc;">
9477				<div class="container" style="width:1500px;">
9478					<h2 style="margin: 10px auto;text-align: center;">Choose only the bar prep you need.</h2>
9479					<div class="typography-section-intro"></div>
9480					<p class="job fade-text" style="margin: 0 auto 60px;max-width: 845px;text-align: center;">Choose focused MBE practice or complete legacy UBE coverage, with one payment and lifetime access.</p>
9481
9482<style>
9483@media (max-width: 768px) {
9484	#table-checks {
9485		min-width: 0;
9486	}
9487	#table-checks thead tr th,
9488	#table-checks tbody tr td {
9489		width: 25%;
9490		font-size: 15px;
9491    	padding: 7px !important;
9492	}
9493    #table-checks thead tr th {
9494        text-align: center;
9495    }
9496	#table-checks thead tr th:nth-child(1),
9497	#table-checks tbody tr td:nth-child(1) {
9498		width: 50%;
9499	}
9500     #table-checks tbody tr td[data-label="Free"],
9501     #table-checks tbody tr td[data-label="One-time plans"] {
9502        vertical-align: top;
9503        text-align: center;
9504     }
9505     #table-checks tbody tr td .txt {
9506        display: block;
9507     }
9508
9509     #table-checks tbody tr td[data-label="Feature"] > span {
9510        gap: 4px;
9511     }
9512     #table-checks tbody tr td[data-label="Feature"] > span span:last-of-type {
9513        margin-bottom: 4px;
9514        font-size: 10px !important;
9515        padding: 3px 8px 2px !important;
9516     }
9517}
9518
9519/* Table icon styles */
9520.icon-check, .icon-cross {
9521	display: inline-flex;
9522	align-items: center;
9523	justify-content: center;
9524	width: 24px;
9525	height: 24px;
9526	border-radius: 50%;
9527	font-weight: 700;
9528	font-size: 14px;
9529}
9530.icon-check {
9531	background: #10b981;
9532	color: white;
9533}
9534.icon-cross {
9535	background: #e5e7eb;
9536	color: #6b7280;
9537}
9538
9539/* Table hover effects */
9540#table-checks tbody tr {
9541	transition: background-color 0.2s ease, transform 0.2s ease;
9542}
9543#table-checks tbody tr:hover {
9544	background-color: #f0f9ff;
9545	transform: translateX(4px);
9546}
9547
9548/* Hide extra checkmarks on mobile */
9549@media (max-width: 570px) {
9550	.extra-check {
9551		display: none;
9552	}
9553}
9554</style>
9555
9556		  <table id="table-checks" class="feature-table">
9557			<thead>
9558			  <tr>
9559				<th></th>
9560				<th>Free</th>
9561				<th class="best-value">One-time plans</th>
9562			  </tr>
9563			</thead>
9564			<tbody>
9565			  <tr>
9566				<td data-label="Feature" class="feature">
9567					<span style="display: flex; align-items: center; gap: 8px; flex-wrap: wrap;">
9568						Real NCBE-licensed MBE questions
9569						<span style="background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%); color: #92400e; font-size: 11px; font-weight: 700; padding: 3px 8px; border-radius: 4px; text-transform: uppercase; letter-spacing: 0.5px;">Most Valuable</span>
9570					</span>
9571					<span style="font-weight: 400; font-size: 14px; color: #64748b;">Officially licensed from past bar exams</span>
9572				</td>
9573				<td data-label="Free"><span class="icon-cross">✕</span> <span class="txt">(0)</span></td>
9574				<td data-label="One-time plans" class="highlight"><span class="icon-check">✓</span> <span class="txt">1,300+ in Full Bar and Full MBE</span></td>
9575			  </tr>
9576			  <tr>
9577				<td data-label="Feature" class="feature">Simulated MBE practice questions</td>
9578				<td data-label="Free"><span class="icon-check">✓</span> <span class="txt">(60)</span></td>
9579				<td data-label="One-time plans" class="highlight"><span class="icon-check">✓</span> <span class="txt">(600+)</span></td>
9580			  </tr>
9581			  <tr>
9582				<td data-label="Feature" class="feature">Detailed explanations with cited cases<br><span style="font-weight: 400; font-size: 14px; color: #64748b;">Legal precedents that actually help you understand</span></td>
9583				<td data-label="Free"><span class="icon-cross">✕</span></td>
9584				<td data-label="One-time plans" class="highlight"><span class="icon-check">✓</span></td>
9585			  </tr>
9586			  <tr>
9587				<td data-label="Feature" class="feature">
9588					<span style="display: flex; align-items: center; gap: 8px; flex-wrap: wrap;">
9589						Bar Exam Genie AI Tutor
9590						<span style="background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%); color: #1e40af; font-size: 11px; font-weight: 700; padding: 3px 8px; border-radius: 4px; text-transform: uppercase; letter-spacing: 0.5px;">Exclusive</span>
9591					</span>
9592					<span style="font-weight: 400; font-size: 14px; color: #64748b;">Ask anything about any question, get instant answers</span>
9593				</td>
9594				<td data-label="Free"><span class="icon-cross">✕</span></td>
9595				<td data-label="One-time plans" class="highlight"><span class="icon-check">✓</span></td>
9596			  </tr>
9597			  <tr>
9598				<td data-label="Feature" class="feature">MBE Exam Simulator<br><span style="font-weight: 400; font-size: 14px; color: #64748b;">Same format, same timing, same question proportions</span></td>
9599				<td data-label="Free"><span class="icon-cross">✕</span></td>
9600				<td data-label="One-time plans" class="highlight"><span class="icon-check">✓</span></td>
9601			  </tr>
9602			  <tr>
9603				<td data-label="Feature" class="feature">Online MBE Flashcards</td>
9604				<td data-label="Free"><span class="icon-cross">✕</span></td>
9605				<td data-label="One-time plans" class="highlight"><span class="icon-check">✓</span> <span class="txt">600+ in Sim MBE; 1,600+ in Full plans</span></td>
9606			  </tr>
9607			  <tr>
9608				<td data-label="Feature" class="feature">MEE and MPT materials<br><span style="font-weight: 400; font-size: 14px; color: #64748b;">Every essay and performance test ever released by NCBE</span></td>
9609				<td data-label="Free"><span class="icon-cross">✕</span></td>
9610				<td data-label="One-time plans" class="highlight"><span class="icon-check">✓</span> <span class="txt">(Full Bar only)</span></td>
9611			  </tr>
9612			  <tr>
9613				<td data-label="Feature" class="feature">VoiceOver for every question</td>
9614				<td data-label="Free"><span class="icon-cross">✕</span></td>
9615				<td data-label="One-time plans" class="highlight"><span class="icon-check">✓</span></td>
9616			  </tr>
9617			  <tr>
9618				<td data-label="Feature" class="feature">Lifetime online access<br><span style="font-weight: 400; font-size: 14px; color: #64748b;">No 3-month expiration like Barbri or Kaplan</span></td>
9619				<td data-label="Free"><span class="icon-cross">✕</span></td>
9620				<td data-label="One-time plans" class="highlight"><span class="icon-check">✓</span></td>
9621			  </tr>
9622			  <tr>
9623				<td data-label="Feature" class="feature">Pass Guarantee<br><span style="font-weight: 400; font-size: 14px; color: #64748b;">Complete the required work; eligibility requirements apply</span></td>
9624				<td data-label="Free"><span class="icon-cross">✕</span></td>
9625				<td data-label="One-time plans" class="highlight"><span class="icon-check">✓</span> <span class="txt">Full Bar and Full MBE</span></td>
9626			  </tr>
9627
9628			</tbody>
9629		  </table>
9630
9631		  <!-- Social proof mini-quote -->
9632		  <div style="max-width: 600px; margin: 40px auto 0; text-align: center; padding: 20px;">
9633		  	<p style="font-size: 17px; font-style: italic; color: #475569; line-height: 1.6; margin: 0 0 12px;">"I spent $3,800 on Barbri and still felt unprepared. BarPrepHero filled every gap for a fraction of the price."</p>
9634		  	<p style="font-size: 14px; color: #64748b; margin: 0;">- Michelle T., passed California Bar 2024</p>
9635		  </div>
9636
9637		  <!-- Barbri vs BarPrepHero Comparison -->
9638		  <div style="margin-top: 60px; padding-top: 50px; border-top: 1px solid #e2e8f0;">
9639		  	<h3 style="text-align: center; font-size: 26px; margin: 0 0 12px; color: #1f2632;">How does BarPrepHero compare to Barbri?</h3>
9640		  	<p style="text-align: center; font-size: 16px; color: #64748b; margin: 0 0 30px;">Side-by-side comparison of what matters most</p>
9641
9642		  	<table class="comparison-table" style="width: 100%; max-width: 800px; margin: 0 auto; border-collapse: collapse; font-size: 16px;">
9643		  		<thead>
9644		  			<tr style="background: #f8fafc;">
9645		  				<th style="padding: 16px 20px; text-align: left; font-weight: 600; color: #64748b; border-bottom: 2px solid #e2e8f0;"></th>
9646		  				<th style="padding: 16px 20px; text-align: center; font-weight: 700; color: #1f2632; border-bottom: 2px solid #e2e8f0;">
9647		  					<span style="display: block; font-size: 18px;">BarPrepHero</span>
9648		  					<span style="font-size: 12px; font-weight: 500; color: #22c55e;">Best Value</span>
9649		  				</th>
9650		  				<th style="padding: 16px 20px; text-align: center; font-weight: 600; color: #64748b; border-bottom: 2px solid #e2e8f0;">Barbri</th>
9651		  			</tr>
9652		  		</thead>
9653		  		<tbody>
9654		  			<tr style="border-bottom: 1px solid #e2e8f0;">
9655		  				<td style="padding: 16px 20px; font-weight: 500; color: #1f2632;">
9656		  					<span style="display: flex; align-items: center; gap: 10px;">
9657		  						<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#077aff" stroke-width="2"><path d="M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></svg>
9658		  						Current price
9659		  					</span>
9660		  				</td>
9661		  				<td style="padding: 16px 20px; text-align: center; font-weight: 700; color: #22c55e;">$119 - $479</td>
9662		  				<td style="padding: 16px 20px; text-align: center; color: #64748b;">$2,000 - $4,000+</td>
9663		  			</tr>
9664		  			<tr style="border-bottom: 1px solid #e2e8f0; background: #f8fafc;">
9665		  				<td style="padding: 16px 20px; font-weight: 500; color: #1f2632;">
9666		  					<span style="display: flex; align-items: center; gap: 10px;">
9667		  						<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#077aff" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/>
9667<line x1="12" y1="17" x2="12.01" y2="17"/></svg>
9668		  						Real NCBE Questions
9669		  					</span>
9670		  				</td>
9671		  				<td style="padding: 16px 20px; text-align: center; font-weight: 600; color: #1f2632;">1,300+ in Full plans</td>
9672		  				<td style="padding: 16px 20px; text-align: center; color: #64748b;">~100</td>
9673		  			</tr>
9674		  			<tr style="border-bottom: 1px solid #e2e8f0;">
9675		  				<td style="padding: 16px 20px; font-weight: 500; color: #1f2632;">
9676		  					<span style="display: flex; align-items: center; gap: 10px;">
9677		  						<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#077aff" stroke-width="2"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
9678		  						Access Duration
9679		  					</span>
9680		  				</td>
9681		  				<td style="padding: 16px 20px; text-align: center; font-weight: 700; color: #22c55e;">Lifetime</td>
9682		  				<td style="padding: 16px 20px; text-align: center; color: #64748b;">3-6 months</td>
9683		  			</tr>
9684		  			<tr style="border-bottom: 1px solid #e2e8f0; background: #f8fafc;">
9685		  				<td style="padding: 16px 20px; font-weight: 500; color: #1f2632;">
9686		  					<span style="display: flex; align-items: center; gap: 10px;">
9687		  						<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#077aff" stroke-width="2"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
9688		  						Pass Guarantee
9689		  					</span>
9690		  				</td>
9691		  				<td style="padding: 16px 20px; text-align: center; font-weight: 700; color: #22c55e;">100% money back on Full plans</td>
9692		  				<td style="padding: 16px 20px; text-align: center; color: #64748b;">Free repeat (conditions apply)</td>
9693		  			</tr>
9694		  			<tr style="border-bottom: 1px solid #e2e8f0;">
9695		  				<td style="padding: 16px 20px; font-weight: 500; color: #1f2632;">
9696		  					<span style="display: flex; align-items: center; gap: 10px;">
9697		  						<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#077aff" stroke-width="2"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
9698		  						Time Required
9699		  					</span>
9700		  				</td>
9701		  				<td style="padding: 16px 20px; text-align: center; font-weight: 600; color: #1f2632;">Self-paced (4-8 weeks typical)</td>
9702		  				<td style="padding: 16px 20px; text-align: center; color: #64748b;">200+ hours structured</td>
9703		  			</tr>
9704		  		</tbody>
9705		  	</table>
9706
9707		  	<p style="text-align: center; font-size: 14px; color: #64748b; margin: 20px 0 0; font-style: italic;">Many students use BarPrepHero alongside or instead of traditional courses</p>
9708		  </div>
9709
9710				</div>
9711			</section>
9712
9713		<!-- Pass fail: start -->
9714		<style>
9715			
9716		li.checklist3 {
9717			list-style: disc;
9718			margin-bottom: 5px;
9719			text-align: left;
9720			font-weight: 400;
9721			color: #3B454E;
9722			-moz-osx-font-smoothing: grayscale;
9723			font-size: 18px;
9724			line-height: 1.5;
9725		}
9726			
9727		.flex-container {
9728			display: flex;
9729			flex-direction: row;
9730		  }
9731		  .column {
9732			flex: 1;
9733			padding: 20px;
9734		  }
9735			
9736		#pass-fail-section h2 {
9737			margin: 0px;
9738		}
9739		#pass-fail-section .bar-wrp {
9740			margin-bottom: 130px;
9741			position: relative;
9742				margin-top: 60px;
9743		}
9744		#pass-fail-section .bar-wrp .inner-wrp{
9745			border-radius: 30px;
9746			padding: 50px;
9747			display: flex;
9748			overflow: hidden;
9749		}
9750		#pass-fail-section .bar-wrp.fail .inner-wrp {
9751			background-color: #f5f5f7;
9752		}
9753		#pass-fail-section .bar-wrp.pass .inner-wrp{
9754				background-color: #e4f0ff;
9755		}
9756		#pass-fail-section .bar-wrp.pass .label {
9757			top: -15px;
9758			right: -50px;
9759			transform: rotate(8.32deg);
9760		}
9761		#pass-fail-section .bar-wrp .bar-content {
9762			width: 50%;
9763			padding-right: 20px;
9764		}
9765		#pass-fail-section .bar-wrp .bar-img {
9766		/*	width: 38%;*/
9767			position: relative;
9768				right: -20px;
9769		}
9770		#pass-fail-section .bar-wrp.fail .bar-img {
9771			display: flex;
9772			flex-direction: column;
9773			align-items: center;
9774			justify-content: center;
9775		}
9776		#pass-fail-section .bar-wrp.fail .bar-img img {
9777			width: 100%;
9778			margin-bottom: -9%;
9779		}
9780		#pass-fail-section .bar-wrp.pass .bar-img img {
9781			position: absolute;
9782			width:530px;
9783			top: -148px;
9784			left: 22px;
9785			border-radius: 0;
9786		}
9787		#pass-fail-section .bar-wrp.pass .bar-img:after {
9788			content: '';
9789			width: 100%;
9790			height: 40px;
9791			position: absolute;
9792			bottom: -40px;
9793			background: linear-gradient(180deg, rgba(0, 122, 255, 0) 0%, rgba(0, 122, 255, 0.3) 100%);
9794		}
9795		#pass-fail-section .bar-wrp h3 {
9796			font-size: 1.75rem;
9797			line-height: 1.3;
9798			font-weight: 700;
9799			margin: 0 0 16px 0;
9800			text-align: left;
9801		}
9802		#pass-fail-section .bar-wrp .bar-rate {
9803			font-size: 1.75rem;
9804			font-weight: 700;
9805		}
9806		#pass-fail-section .bar-wrp.fail .bar-rate {
9807			color: #FF6C6C;
9808		}
9809		#pass-fail-section .bar-wrp .bar-rate>span {
9810			font-size: 4.25rem;
9811			line-height: 1.2;
9812			margin-right: 12px;
9813		}
9814		#pass-fail-section .bar-wrp .bar {
9815			width: 100%;
9816			height: 12px;
9817			border-radius: 10px;
9818			background-color: #fff;
9819			position: relative;
9820			margin: 20px 0 40px;
9821		}
9822		#pass-fail-section .bar-wrp .bar .bar-fill {
9823			position: absolute;
9824			top: 0;
9825			left: 0;
9826			width: 0;
9827			height: 100%;
9828			border-radius: 10px;
9829			transition: width 1s ease-in-out;
9830		}
9831		#pass-fail-section .bar-wrp.fail .bar .bar-fill {
9832			background-color: #FF6C6C;
9833		}
9834		#pass-fail-section .bar-wrp.pass .bar .bar-fill {
9835			background-color: #2DE856;
9836		}
9837		#pass-fail-section .bar-wrp p {
9838			margin: 0;
9839			font-weight: 400;
9840			font-size: 20px;
9841			line-height: 1.5;
9842			color: #4b5563;
9843		}
9844		#pass-fail-section .bar-wrp.fail p {
9845			color: #4b5563;
9846		}
9847		#pass-fail-section .bar-wrp.pass p {
9848				color: #6C7276;
9849		}
9850		@media(max-width: 1099px){
9851			#pass-fail-section {
9852				padding-top: 60px !important;
9853			}
9854		}
9855		@media(max-width: 1023px){
9856			#pass-fail-section .bar-wrp .inner-wrp {
9857				flex-direction: column;
9858				padding: 32px 24px 0;
9859			}
9860			#pass-fail-section .bar-wrp .bar-content {
9861				width: 100%;
9862				padding-right: 0;
9863			}
9864			#pass-fail-section .bar-wrp .bar-img {
9865				display: block;
9866				width: calc(100% + 48px);
9867				margin: 32px -24px 0;
9868				overflow: hidden;
9869			}
9870			#pass-fail-section .bar-wrp.pass .bar-img {
9871				height: 450px;
9872			}
9873			#pass-fail-section .bar-wrp.pass .bar-img img {
9874				width: 100%;
9875				left: 0;
9876				top: -50px;
9877			}
9878		}
9879		@media(max-width: 767px) {
9880			#pass-fail-section .bar-wrp.pass .bar-img {
9881				height: 250px;
9882			}
9883			#pass-fail-section .bar-wrp.pass .bar-img img {
9884				top: 0;
9885			}
9886			#pass-fail-section {
9887				padding-top: 0px !important;
9888				margin-top: 40px;
9889			}
9890			
9891			section#pass-fail-section\ imagine {
9892			padding: 0 20px;
9893			padding-top: 25px !important;
9894		}
9895			
9896			section#pass-fail-section\ imagine .container {
9897				padding: 10px 0 !important;
9898			}
9899			
9900			#pass-fail-section h2 {
9901				margin-bottom: 30px;
9902			}
9903			#pass-fail-section .bar-wrp h3 {
9904				font-size: 1.5rem;
9905				font-weight: 800;
9906			}
9907			#pass-fail-section .bar-wrp .bar-rate {
9908				font-size: 1.5rem;
9909			}
9910			#pass-fail-section .bar-wrp .bar-rate>span {
9911				font-size: 3.375rem;
9912				margin-right: 8px;
9913			}
9914			#pass-fail-section .bar-wrp {
9915				margin-bottom: 16px;
9916				margin-top: 20px;
9917			}
9918				#pass-fail-section .d-md-block {
9919				margin-top: 50px;
9920			}
9921			section.exam-pills {
9922			margin: 40px auto 20px  !important;
9923		}
9924		}
9925
9926		</style>
9927			
9928		 
9929		
9929<script>
9930		document.addEventListener('DOMContentLoaded', function(){
9931			if ('IntersectionObserver' in window){
9932				var observerOptions = {
9933					rootMargin: "0px 0px -30% 0px",
9934					threshold: 0.5
9935				}
9936				var observer = new IntersectionObserver(observerCallback, observerOptions);
9937				function observerCallback(entries, observer) {
9938					entries.forEach(entry => {
9939						if(entry.isIntersecting) {
9940						  if(typeof entry.target.dataset.percent !== 'undefined'){
9941							entry.target.firstElementChild.style.width = entry.target.dataset.percent +'%';
9942							entry.target.removeAttribute('data-percent');
9943						  }
9944						}
9945					});
9946				};
9947				document.querySelectorAll('.bar-wrp .bar').forEach((el) => {
9948					if (el) {
9949						observer.observe(el);
9950					}
9951				});
9952			}else{
9953				document.querySelectorAll('.bar-wrp .bar').forEach((el) => {
9954					if (el) {
9955						if(typeof el.dataset.percent !== 'undefined'){
9956							el.firstElementChild.style.width = el.dataset.percent +'%';
9957							el.removeAttribute('data-percent');
9958						}
9959					}
9960				})
9961			}
9962			
9963			
9964		})
9965		</script>
9965
9966		<!-- Pass fail: end -->
9967			
9968
9969				<style>
9970					.pre-title {
9971						letter-spacing: 0;
9972			text-transform: inherit;
9973			margin-bottom: 16px;
9974			font-size: 19px;
9975			line-height: 1.9;
9976			font-weight: 400;
9977			color: #413939;
9978			border-radius: 75px;
9979			border: 1px solid #e0e0e0;
9980			display: inline-block;
9981			padding: 2px 15px;
9982					}
9983					
9984					
9985					#perfect-choice {
9986		/*				background-color: #fafbfc;*/
9987						padding: 8rem 1rem 10rem 1rem;
9988					}
9989					#perfect-choice .container {
9990						font-size: 0;
9991					}
9992					#perfect-choice .feature-img {
9993						width: calc(100% - 725px);
9994						display: inline-block;
9995						vertical-align: bottom;
9996						border-radius: 6rem 0rem 6rem 0rem;
9997						box-shadow: rgb(0 0 0 / 50%) 0px 20px 80px -15px;
9998					}
9999					#perfect-choice .features-wrp {
10000						display: inline-block;
10001						vertical-align: top;
10002						width: 635px;
10003						padding-left: 90px;
10004						box-sizing: content-box;
10005					}
10006					@-webkit-keyframes feature-carousel{0%{-webkit-transform:none;-ms-transform:none;transform:none;}100%{-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px);}}@keyframes feature-carousel{0%{-webkit-transform:none;-ms-transform:none;transform:none;}100%{-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px);}}
10007
10008					#perfect-choice h2 .color-text {
10009						color: #FF5722;
10010					}
10011					#perfect-choice .features {
10012						margin-top: 4rem;
10013						font-size: 1.75rem;
10014						max-height: 280px;
10015						overflow: hidden;
10016					}
10017					#perfect-choice .features-items {
10018						-webkit-animation: feature-carousel 110s linear infinite;
10019						animation: feature-carousel 110s linear infinite;
10020					}
10021					#perfect-choice .features-items>div{
10022						margin-bottom: 5px;
10023						opacity: 0.8;
10024						font-size: 28px;
10025						line-height: 42px;
10026						font-weight: 400;
10027						color: #111;
10028					}
10029					@media(max-width: 1099px) {
10030						#perfect-choice .feature-img {
10031							display: none;
10032						}
10033						#perfect-choice .features-wrp {
10034							padding-left: 0;
10035						}
10036					}
10037					@media(max-width: 767px){
10038						.pre-title {
10039							text-align: left !important;
10040							font-size: 14px !important;
10041								margin-bottom: 15px;
10042						}
10043					}
10044
10045					.sec3_20 .inner {    margin-top: 0px;}
10046					
10047				section.exam-pills {
10048			margin: 0px auto 100px;
10049		}
10050
10051			#t7bRFXaHAcIvsboKoeOFF3iPsViavR77 {
10052			position: relative;
10053			display: block;
10054			z-index: 100000;
10055			border-top: 0;
10056			border-bottom: 0;
10057			height: 150px;
10058			width: 150px;
10059			overflow: hidden;
10060			display: block;
10061			text-align: center;
10062			margin: 0 auto;
10063		}
10064		   
10065		#v2FPS4GAoc0KSWTIAWqzTgnZ1kmGvmBu {
10066			color: #333333;
10067			width: 305px;
10068			font-size: 16px;
10069			font-weight: 700;
10070			z-index: 100004;
10071			line-height: 1.3;
10072			letter-spacing: 0;
10073			height: 20.7969px;
10074			text-align: center;
10075			text-align-last: center;
10076			font-style: normal;
10077			display: block;
10078			margin: 20px auto 0;
10079		}
10080			#E9MTbZLnbbRVfq6OUecbXCTSJf3PC4nz {
10081			color: #333333;
10082			display: block;
10083			width: 305px;
10084			position: relative;
10085			font-size: 12px;
10086			font-weight: 700;
10087			z-index: 100005;
10088			line-height: 1.3;
10089			letter-spacing: 0;
10090			height: 15.5938px;
10091			text-align: center;
10092			text-align-last: center;
10093			font-style: normal;
10094			display: block;
10095			margin: 4px auto 0;
10096		}
10097			#XVbMZXC70tkaDlzLEoWkG1lco1e9AUuz {
10098			position: absolute;
10099			display: block;
10100			z-index: 100004;
10101			border-top: 0;
10102			border-left: 0;
10103			border-right: 0;
10104			border-bottom: 0;
10105			height: 211px;
10106			width: 188px;
10107			top: 241px;
10108			left: 950px;
10109			overflow: hidden;
10110			display: block;
10111		}
10112		.center-quote.job:before {
10113			content: '';
10114			height: 30px;
10115			width: 30px;
10116			display: inline-block;
10117			background-image: url(/wp-content/uploads/2021/12/open_quote.png);
10118			background-size: cover;
10119			margin-right: 5px;
10120		}
10121		@media(max-width: 570px){
10122			section.single-review {
10123				padding: 40px 0 50px !important;
10124			}
10125		}
10126
10127		.w-container:after, .w-container:before {
10128			content: " ";
10129			display: table;
10130			grid-column-start: 1;
10131			grid-row-start: 1;
10132			grid-column-end: 2;
10133			grid-row-end: 2;
10134		}
10135			.section.wf-section {padding: 100px 2vw;}
10136			.container-width {
10137			position: relative;
10138			z-index: 99;
10139			max-width: 1100px;
10140			margin-right: auto;
10141			margin-left: auto;
10142			padding-right: 0;
10143			padding-left: 0;
10144			-webkit-box-flex: 1;
10145			-webkit-flex: 1;
10146			-ms-flex: 1;
10147			flex: 1;
10148		}
10149			.quote {
10150			margin-top: 0;
10151			padding: 30px 118px;
10152			background-image: url(https://assets-global.website-files.com/5d761d627a6dfa6a5b28ab12/5f8ec4f9337cf7116bbe66fb_subtitles.svg),url(https://assets-global.website-files.com/5d761d627a6dfa6a5b28ab12/5f8ec4f9337cf7838bbe66fa_subtitles%20copy.svg);
10153			background-position: 0 0,100% 100%;
10154			background-size: auto,auto;
10155			background-repeat: no-repeat,no-repeat;
10156			color: #000;
10157			font-size: 31px;
10158			line-height: 41px;
10159			font-weight: 600;
10160			border-left: 0;
10161		}
10162			.skyblue-span {
10163			color: #0af;
10164		}
10165			.span-rose-2 {
10166			color: #de2898;
10167		}
10168			.span-orange-2 {
10169			color: #ffb400;
10170		}
10171			.span-green-2 {
10172			color: #00d1b2;
10173		}
10174			.skyblue-span {
10175			color: #0af;
10176		}
10177			.span-blue-2 {
10178			color: #0062ff;
10179		}
10180			.span-rose-2 {
10181			color: #de2898;
10182		}
10183			.span-green-2 {
10184			color: #00d1b2;
10185		}
10186			
10187			.twitter-read-more-container-2 {
10188			position: relative;
10189			display: -webkit-box;
10190			display: -webkit-flex;
10191			display: -ms-flexbox;
10192			display: flex;
10193			padding-top: 20px;
10194			padding-bottom: 20px;
10195			-webkit-box-pack: center;
10196			-webkit-justify-content: center;
10197			-ms-flex-pack: center;
10198			justify-content: center;
10199			-webkit-box-align: center;
10200			-webkit-align-items: center;
10201			-ms-flex-align: center;
10202			align-items: center;
10203		}
10204			
10205			.twitter-read-more-link {
10206			display: -webkit-box;
10207			display: -webkit-flex;
10208			display: -ms-flexbox;
10209			display: flex;
10210			-webkit-box-pack: center;
10211			-webkit-justify-content: center;
10212			-ms-flex-pack: center;
10213			justify-content: center;
10214			-webkit-box-align: center;
10215			-webkit-align-items: center;
10216			-ms-flex-align: center;
10217			align-items: center;
10218		}
10219			
10220			.twitter-read-more-icon {
10221			width: 120px;
10222			height: auto;
10223			margin-right: 12px;
10224		}
10225			.twitter-read-more-text {
10226			color: #1e67ff;
10227			font-size: 17px;
10228			line-height: 20px;
10229			font-weight: 600;
10230		}
10231			.toggler-title.aspiring {
10232			font-weight: 600 !important;
10233			height: 100px !important;
10234			line-height: 100px !important;
10235			border-bottom: 0;
10236			padding: 0 70px 0 35px;
10237			background: url(/premium/arrow_chevron_down_scroll_icon-dark.svg);
10238			background-position: 98% 50%;
10239			background-size: 35px;
10240			background-repeat: no-repeat;
10241			font-size: 1.75rem;
10242		}
10243			 .toggler-title.aspiring:hover {
10244				 color: #107aff;
10245		}
10246						.toggler.unique.aspiring:hover {
10247			background: #fafafb;
10248		}
10249						.toggler-content aspiring:hover {
10250						background-color: white; 
10251
10252						}
10253			
10254		/*
10255			.toggler .toggler-content.aspiring > div {
10256			color: white;
10257		}
10258		*/
10259			
10260			.toggler-title.aspiring.opened {
10261			background: url(/premium/arrow_chevron_down_scroll_icon-reverse-dark.svg) no-repeat 100% 0;
10262			background-position: 98% 50%;
10263			background-size: 35px;
10264			background-repeat: no-repeat;
10265		}
10266			
10267			.toggler.unique.aspiring {
10268				border-radius: 10px;
10269				margin-bottom: 17px;
10270				box-shadow: 0 5px 15px 0 hsl(0deg 0% 0% / 15%);
10271				
10272				
10273			}
10274			.testim-inside {
10275			padding: 30px;
10276			color: #4b5563;
10277			margin: 20px 0;
10278			}
10279			
10280			.column-container {
10281		  display: flex;
10282		  justify-content: space-around;
10283		  padding: 20px;
10284		}
10285
10286		.column-container > div {
10287		  background-color: #fff;
10288		  width: 30%;
10289		  padding: 30px;
10290		  margin: 10px;
10291		  text-align: left;
10292			  border: 1px solid #107aff;
10293		  color: #4b5563;
10294		  border-radius: 10px;
10295		}
10296			
10297			.column-container h3 {
10298			text-align: left;
10299			margin: 0 0 10px;
10300			font-weight: 700;
10301			font-size: 22px;
10302		}
10303
10304		.genie {
10305			margin-left: auto;
10306			margin-right: auto;
10307			width: auto;
10308			background: #FFF;
10309			padding: 100px 0 110px;
10310			margin-top: 0px;
10311		}
10312
10313		</style>
10314
10315			
10316		  
10317			<section id="pass-guarantee" class="sec8_10">
10318					<div class="container">
10319						<p class="eyebrow" style="text-align: center; margin: 0 0 16px; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; color: #16a34a;">Pass Guarantee</p>
10320						<h2 class="detailed" style="text-align: center;margin: 0 auto 0px !important;">Use the full plan and still fail? Get your money back.</h2>
10321		<p class="job" style="margin: 20px auto 10px;max-width: 720px;padding: 0;text-align: center; font-size: 19px;">Full Bar and Full MBE include a 100% refund guarantee when you complete the required program work and submit official results on time.</p>
10322		<p class="job" style="margin: 10px auto 10px;max-width: 720px;padding: 0;text-align: center;">Here's how simple it is:</p>
10323
10324		<div class="pass-guarantee-steps" style="max-width: 520px; margin: 25px auto 30px; text-align: left; background: #ffffff; border-radius: 16px; padding: 28px 32px; border: 2px solid #e2e8f0; box-shadow: 0 8px 25px rgba(0,0,0,0.1);">
10325			<div class="step-item" style="display: flex; align-items: flex-start; margin-bottom: 14px; font-size: 17px; color: #1f2632;">
10326				<span style="color: #22c55e; margin-right: 12px; font-weight: 600;">✓</span>
10327					<span>Complete all required practice tests, with your most recent completion no earlier than 30 days before the exam</span>
10328			</div>
10329			<div class="step-item" style="display: flex; align-items: flex-start; margin-bottom: 14px; font-size: 17px; color: #1f2632;">
10330				<span style="color: #22c55e; margin-right: 12px; font-weight: 600;">✓</span>
10331				<span>
10331Take your bar exam</span>
10332			</div>
10333			<div class="step-item" style="display: flex; align-items: flex-start; margin-bottom: 14px; font-size: 17px; color: #1f2632;">
10334				<span style="color: #22c55e; margin-right: 12px; font-weight: 600;">✓</span>
10335				<span>If you fail, email us your official results within 30 days of receiving them</span>
10336			</div>
10337			<div class="step-item" style="display: flex; align-items: flex-start; font-size: 17px; color: #1f2632;">
10338				<span style="color: #22c55e; margin-right: 12px; font-weight: 600;">✓</span>
10339					<span>Full plan price refunded after completion is verified</span>
10340			</div>
10341			<div style="margin-top: 16px; padding-top: 14px; border-top: 1px solid #e2e8f0; font-size: 14px; color: #64748b; line-height: 1.5;">
10342				We ask that you complete the program before requesting a refund. This protects against abuse while keeping the guarantee clear for honest users.
10343			</div>
10344			</div>
10345
10346		<p class="job" style="margin: 0 auto 20px;max-width: 560px;padding: 0;text-align: center; font-weight: 600; font-size: 18px; color: #1f2632;">Clear requirements, official results, and a full refund when you qualify.</p>
10347
10348		<p style="margin: 0 auto 15px;max-width: 660px;padding: 0;text-align: center; font-size: 16px; color: #64748b;">
10348Many students use BarPrepHero alongside other prep, so we do not claim an overall pass rate. The completion-based guarantee is how we stand behind the full plans.</p>
10349
10350		<p style="margin: 0 auto 30px;max-width: 600px;padding: 0;text-align: center; font-size: 15px; color: #64748b; font-style: italic;">We know what it's like to pour months into prep and still fail. That's exactly why we built this - and why we guarantee it.</p>
10351
10352						<a href="#price-plans-section" class="sec3_5_btn blue btnPurchase trans herocta" data-pricing-cta data-cta-location="guarantee_section">See eligible plans</a>
10353
10354
10355		<div style="margin-top:40px;">
10356						<img class="pass-guarantee-img" src="https://driving-tests.org/cdl-premium/passguarantee-orig.svg" width="380px" height="156px">
10357						</div>
10358
10359
10360
10361					</div>
10362				</section>
10363
10364				<!-- Professor Endorsements Section -->
10365				<section id="professor-endorsements" style="padding: 80px 0; background: #f8f9fa;">
10366					<div class="container" style="max-width: 1200px; margin: 0 auto; padding: 0 20px;">
10367						<div class="pre-title" style="text-align: center; margin-bottom: 12px;">Trusted by Law Professors</div>
10368						<h2 class="detailed" style="text-align: center; max-width: 800px; margin: 0 auto 50px;">What legal educators say about BarPrepHero</h2>
10369
10370						<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px;">
10371							<!-- Glenn R. Riser -->
10372							<div style="background: #fff; border-radius: 16px; padding: 30px; box-shadow: 0 4px 20px rgba(0,0,0,0.08); text-align: left;">
10373								<div style="display: flex; align-items: center; gap: 15px; margin-bottom: 20px;">
10374									<img src="https://barprephero.com/wp-content/uploads/2019/06/g2.jpg" alt="Glenn R. Riser" style="width: 80px; height: 80px; border-radius: 50%; object-fit: cover;">
10375									<div>
10376										<div style="font-weight: 700; font-size: 18px; color: #111;">Glenn R. Riser, J.D.</div>
10377										<div style="font-size: 14px; color: #666;">Author, Law School "In-Brief" book</div>
10378										<img src="https://barprephero.com/premium/Amazon_logo.svg" alt="Amazon" style="height: 18px; margin-top: 6px; opacity: 0.7;">
10379									</div>
10380								</div>
10381								<p style="font-size: 17px; line-height: 1.6; color: #333; margin: 0;">"BarPrepHero is the only site that explains virtually all of its answers with a related case."</p>
10382							</div>
10383
10384							<!-- Prof. Amy B. Meyers -->
10385							<div style="background: #fff; border-radius: 16px; padding: 30px; box-shadow: 0 4px 20px rgba(0,0,0,0.08); text-align: left;">
10386								<div style="display: flex; align-items: center; gap: 15px; margin-bottom: 20px;">
10387									<img src="https://barprephero.com/wp-content/uploads/2019/03/meyers-amy-800.jpg" alt="Prof. Amy B. Meyers" style="width: 80px; height: 80px; border-radius: 50%; object-fit: cover;">
10388									<div>
10389										<div style="font-weight: 700; font-size: 18px; color: #111;">Prof. Amy B. Meyers</div>
10390										<div style="font-size: 14px; color: #666;">Director of Bar Preparation, Willamette University College of Law</div>
10391									</div>
10392								</div>
10393								<p style="font-size: 17px; line-height: 1.6; color: #333; margin: 0;">"My students reported feeling more confident after doing BarPrepHero questions. The combination of real NCBE questions with detailed explanations makes all the difference."</p>
10394							</div>
10395
10396							<!-- Prof. Meredith Muller -->
10397							<div style="background: #fff; border-radius: 16px; padding: 30px; box-shadow: 0 4px 20px rgba(0,0,0,0.08); text-align: left;">
10398								<div style="display: flex; align-items: center; gap: 15px; margin-bottom: 20px;">
10399									<img src="https://barprephero.com/wp-content/uploads/2019/03/1.jpg" alt="Prof. Meredith Muller" style="width: 80px; height: 80px; border-radius: 50%; object-fit: cover;">
10400									<div>
10401										<div style="font-weight: 700; font-size: 18px; color: #111;">Prof. Meredith Muller</div>
10402										<div style="font-size: 14px; color: #666;">Professor of Law, Abraham Lincoln University</div>
10403									</div>
10404								</div>
10405								<p style="font-size: 17px; line-height: 1.6; color: #333; margin: 0;">"BarPrepHero offers the most complete collection of real bar exam questions licensed directly from NCBE. No other resource comes close to this level of authenticity."</p>
10406							</div>
10407						</div>
10408					</div>
10409				</section>
10410
10411				<!-- Awards Section -->
10412				<section id="awards-section" style="padding: 80px 0; background: #fff;">
10413					<div class="container" style="max-width: 1200px; margin: 0 auto; padding: 0 20px;">
10414						<h2 class="detailed" style="text-align: center; margin-bottom: 15px;">Ranked <span class="underline">"Best Budget Bar Prep"</span> by Test Prep Insight, 5 years running</h2>
10415						<p style="text-align: center; margin: 0 auto 40px; max-width: 700px; font-size: 18px; color: #64748b;">Recognized by legal education experts every year since 2021. <a href="https://intercom.help/barprephero-help-center/en/articles/12649454-barprephero-s-five-year-best-bar-prep-streak-2021-2025" target="_blank" style="color: #077aff; text-decoration: none; font-weight: 600;">See the awards →</a></p>
10416
10417						<div id="awards" style="display: flex; justify-content: center; align-items: center; gap: 20px; flex-wrap: wrap; max-width: 1100px; margin: 0 auto;">
10418							<div style="text-align: center; flex: 0 1 180px;">
10419								<img src="https://barprephero.com/premium/img/Bar-Prep-Hero-2021-Badge.png" style="width: 100%; border-radius: 12px;" alt="Best Bar Review 2021">
10420							</div>
10421							<div style="text-align: center; flex: 0 1 180px;">
10422								<img src="https://barprephero.com/premium/img/Bar-Prep-Hero-2022-Badge.png" style="width: 100%; border-radius: 12px;" alt="Best Bar Review 2022">
10423							</div>
10424							<div style="text-align: center; flex: 0 1 180px;">
10425								<img src="https://barprephero.com/premium/img/Bar-Prep-Hero-2023-Badge.png" style="width: 100%; border-radius: 12px;" alt="Best Bar Review 2023">
10426							</div>
10427							<div style="text-align: center; flex: 0 1 180px;">
10428								<img src="https://barprephero.com/premium/img/Bar-Prep-Hero-2024-Badge.png" style="width: 100%; border-radius: 12px;" alt="Best Bar Review 2024">
10429							</div>
10430							<div style="text-align: center; flex: 0 1 180px;">
10431								<img src="https://barprephero.com/premium/img/Bar-Prep-Hero-2025-Badge.png" style="width: 100%; border-radius: 12px;" alt="Best Bar Review 2025">
10432							</div>
10433						</div>
10434					</div>
10435				</section>
10436
10437				<section class="sec4_12" id="customers-agree" style="background: linear-gradient(180deg, #fff 0%, #f8fafc 100%); padding: 80px 0;">
10438			<div class="container" style="max-width: 900px; margin: 0 auto; padding: 0 20px; text-align: center;">
10439				<div class="pre-title" style="font-size: 14px; font-weight: 600; color: #64748b; margin-bottom: 20px; text-align: center;">They all said the same thing after their Bar Exam:</div>
10440				<h2 class="detailed" style="font-size: 36px; font-weight: 800; color: #1f2632; margin: 0 auto 24px; max-width: 800px; line-height: 1.25; letter-spacing: -0.01em; text-align: center;">"The exam felt like a practice test I'd already taken - <span style="background: linear-gradient(135deg, #077aff 0%, #0ea5e9 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;">I understood the patterns, not just memorized answers.</span>"</h2>
10441				<p class="job" style="font-size: 18px; color: #64748b; margin: 0 auto; max-width: 600px; line-height: 1.6; text-align: center;">
10442					We hear this constantly. When you practice with real NCBE-licensed questions, the actual bar exam feels like a rerun.
10443				</p>
10444		</div>
10445
10446
10447		<style>
10448		.swiper-slide {
10449		display: block;
10450		width: 319px;
10451		position: relative;
10452		outline: none;
10453		text-align: left;
10454		}
10455		.shadow-light {
10456		box-shadow: 0 .5rem 1.25rem rgba(35,38,45,.05);
10457		}
10458		.card-body {
10459		flex: 1 1 auto;
10460		padding: 13px 13px;
10461		}
10462		/*.mx-3 {
10463		margin-right: 16px!important;
10464		margin-left: 16px!important;
10465		}*/
10466		.my-3 {
10467		margin-top: 16px!important;
10468		margin-bottom: 16px!important;
10469		}
10470		.ml-3 {
10471		margin-left: 16px!important;
10472		}
10473		.ml-1 {
10474		margin-left: 4px!important;
10475		}
10476		.mt-1 {
10477		margin-top: 4px!important;
10478		}
10479		.flex-1 {
10480		flex: 1!important;
10481		}
10482		.d-flex {
10483		display: flex!important;
10484		}
10485		.fa, .far, .fas {
10486		font-family: "Font Awesome 5 Free";
10487		}
10488		.fa, .fas {
10489		font-weight: 900;
10490		}
10491		.fa, .fab, .fad, .fal, .far, .fas {
10492		-moz-osx-font-smoothing: grayscale;
10493		-webkit-font-smoothing: antialiased;
10494		display: inline-block;
10495		font-style: normal;
10496		font-variant: normal;
10497		text-rendering: auto;
10498		line-height: 1;
10499		}
10500		.fa-xs {
10501		font-size: 12px;
10502		}
10503		.fa-star:before {
10504		content: "\f005";
10505		}
10506		.fa-check:before {
10507		content: "\f00c";
10508		}
10509		.avatar {
10510		display: inline-block;
10511		width: 45px;
10512		height: 45px;
10513		font-size: 16px;
10514		}
10515		.avatar-image {
10516		width: 100%;
10517		height: 100%;
10518		-o-object-fit: cover;
10519		object-fit: cover;
10520		}
10521		.rounded-circle {
10522		border-radius: 50%!important;
10523		}
10524		.font-weight-bold {
10525		font-weight: 500!important;
10526		}
10527		.font-weight-bolder {
10528		font-weight: 600!important;
10529		}
10530		.icon-circle {
10531		display: inline-flex;
10532		align-items: center;
10533		justify-content: center;
10534		width: 2.4rem;
10535		height: 2.4rem;
10536		border-radius: 50%;
10537		cursor: default;
10538		}
10539		.icon-circle-xxs {
10540		width: 14px;
10541		height: 14px;
10542		}
10543		.opacity-60 {
10544		opacity: .6!important;
10545		}
10546		.bg-success {
10547		background-color: #34bd91!important;
10548		}
10549		.text-white {
10550		color: #fff!important;
10551		}
10552		.text-uppercase-xs {
10553		text-transform: uppercase!important;
10554		letter-spacing: 2px!important;
10555		font-size: 11px!important;
10556		}
10557		.text-info {
10558		color: #18b7ff!important;
10559		}
10560		.card {
10561		position: relative;
10562		min-width: 0;
10563		max-width: none;
10564		word-wrap: break-word;
10565		background-color: #fff;
10566		background-clip: border-box;
10567		border: 0 solid rgba(30,46,80,.09);
10568		border-radius: 4px;
10569		}
10570		.text-dark {
10571		color: #4b5563;
10572		font-weight: 400;
10573		line-height: 1.5;
10574		font-size: 1.1rem;
10575		}
10576		.fa-sm {
10577		font-size: 14px;
10578		}
10579		.text-warning {
10580		color: #fdc724!important;
10581		}
10582		#testimonials-slider .slick-list {
10583		padding: 0 65px !important;
10584		}
10585		#testimonials-slider .slick-slide {
10586		margin: 0 0px;
10587		}
10588		#testimonials-slider .slick-prev, #testimonials-slider .slick-next {
10589		display: inline-block !important;
10590		top: auto !important;
10591		bottom: -50px !important;
10592		width: 30px !important;
10593		height: 30px !important;
10594		}
10595		#testimonials-slider .slick-prev {
10596		left: calc(50% - 50px);
10597		right: auto;
10598		}
10599		#testimonials-slider .slick-next {
10600		right: calc(50% - 50px);
10601		left: auto;
10602		}
10603		.slick-prev:before, .slick-next:before {
10604		font-size: 30px;
10605		}
10606		#testimonials-slider .slick-dots {
10607		display: none !important;
10608		}
10609
10610		@media (min-width: 992px){
10611		.p-lg-5 {
10612		padding: 48px!important;
10613		}
10614
10615		.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
10616		float: left;
10617		}
10618		.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
10619		position: relative;
10620		min-height: 1px;
10621		padding-right: 15px;
10622		padding-left: 15px;
10623		}
10624
10625		}
10626		@media (max-width: 768px){
10627		#testimonials-slider .slick-prev, #testimonials-slider .slick-next {
10628		display: none !important;
10629		}
10630		}
10631		@media (max-width: 570px){
10632		#testimonials-slider {
10633		margin-top: 30px !important;
10634		}
10635		}
10636		</style>
10637
10638		<!-- Masonry - START-->
10639
10640		<style>
10641		.masonry-wrapper {
10642		max-width: 2000px;
10643		margin-right: auto;
10644		margin-left: auto;
10645		padding: 70px 60px 0;
10646		text-align: center;
10647		}
10648		.masonry {
10649		display: grid;
10650		grid-template-columns: repeat(5, minmax(100px,1fr));
10651		grid-gap: 20px;
10652		grid-auto-rows: 0;
10653		}
10654		.masonry-content {
10655		margin: 0;
10656		padding: 30px;
10657		border-radius: 17px;
10658		color: #4b5563;
10659		background-color: #ffffff;
10660		box-shadow: 0 5px 15px 0 hsl(0deg 0% 0% / 15%);
10661		transition: filter .25s ease-in-out;
10662		text-align: left;
10663		max-width: 400px;
10664		}
10665
10666		.masonry-content-video {
10667		margin: 0;
10668		padding: 0px;
10669		border-radius: 10px;
10670		color: #111111;
10671		background-color: #ffffff;
10672		box-shadow: 0 0.5rem 1.25rem rgb(35 38 45 / 5%);
10673		transition: filter .25s ease-in-out;
10674		text-align: left;
10675		width: 544.59px;
10676		height: 533px;
10677		}
10678
10679		.masonry-content:hover {
10680
10681		}
10682
10683		.testimonial-embed {
10684		padding: 0;
10685		}
10686
10687		.card-title {
10688		font-weight: 700;
10689		color: #222328!important;
10690		line-height: 1.2;
10691		font-size: 20px;
10692		text-align: left;
10693		margin: 0 0 10px 0;
10694		}
10695
10696		@media only screen and (max-width: 2000px) {
10697		.masonry {
10698		grid-template-columns: repeat(5, minmax(100px,1fr));
10699		}
10700		}
10701
10702		@media only screen and (max-width: 1500px) {
10703		.masonry {
10704		grid-template-columns: repeat(4, minmax(100px,1fr));
10705		}
10706		}
10707		@media only screen and (max-width: 1200px) {
10708		.masonry {
10709		grid-template-columns: repeat(3, minmax(100px,1fr));
10710		}
10711		}
10712		@media only screen and (max-width: 1023px) {
10713		.masonry {
10714		grid-template-columns: repeat(2, minmax(100px,1fr));
10715		}
10716		}
10717
10718		@media only screen and (max-width: 769px) {
10719		.masonry-wrapper {padding-left:25px;padding-right:25px;}
10720		.masonry-wrapper .masonry-title {font-size:1.8rem;}
10721		.masonry-wrapper .masonry-description {font-size:1.5rem;}
10722		.masonry-wrapper .masonry-content {padding:20px;}
10723		.masonry-wrapper .masonry-content.testimonial-embed {padding:0;}
10724		.masonry-wrapper .masonry-content .flex-1 .text-dark {font-size:16px;}
10725		}
10726
10727		#testimonials-slider {display: none;}
10728		@media only screen and (max-width: 749px) {
10729		.masonry-wrapper {display: none;}
10730		#testimonials-slider {display: block;}
10731		}
10732
10733		@media (max-width:749px) {
10734		.masonry-content {max-width:none;}
10735		.masonry-content.testimonial-embed {margin:0 auto!important;}
10736		.masonry-content.testimonial-embed {max-width:500;}
10737		}
10738		@media (max-width:500px) {
10739		.masonry-content.testimonial-embed {max-width:none;}
10740		}
10741		</style>
10742
10743		<div class="masonry-wrapper">
10744		<div class="masonry">
10745
10746		<!-- Erica Video Testimonial -->
10747		<div class="masonry-item masonry-item-video" style="grid-row-end: span 30;">
10748			<div class="masonry-content card testimonial-embed">
10749			  <div class="testimonial-video testimonial-video-horizontal" style="padding-bottom:178%;">
10750
10751		  <figure class="ee-testimonial-container ee-testimonial-video ee-testimonial-show-controls">
10752			  <video class="lazy" loading="lazy" preload="none" poster="https://s.barprephero.com/reviews/video-thumbs/erica.jpg">
10753				  <source src="/reviews/video/erica.mp4" type="video/mp4">
10754				  <a href="/reviews/video/erica.mp4">Download MP4</a>
10755			  </video>
10756			  <div class="ee-testimonial-video-bar">
10757				  <div class="ee-testimonial-video-controls"><div class="ee-testimonial-video-playpause">
10758					  <svg class="ee-icon-play"><use xlink:href="#ee-icon-play" xmlns:xlink="http://www.w3.org/1999/xlink"></use></svg>
10759					  <svg class="ee-icon-pause"><use xlink:href="#ee-icon-pause" xmlns:xlink="http://www.w3.org/1999/xlink"></use></svg>
10760				  </div></div>
10761				  <figcaption><cite>Erica L.</cite></figcaption>
10762			  </div>
10763		  </figure>
10764
10765			  </div>
10766			  <div style="padding: 16px 20px 20px; border-top: 1px solid #f1f5f9;">
10767				<p style="margin: 0 0 8px; font-size: 14px; color: #1f2632; line-height: 1.5;">"Switched from Adaptibar. My MBE ability went up. It solidified my knowledge."</p>
10768				<p style="margin: 0; font-size: 13px; color: #64748b; font-weight: 600;">Erica L.</p>
10769			  </div>
10770			</div>
10771		</div>
10772
10773		<!-- Renwei Chung - Above the Law -->
10774		<div class="masonry-item" style="">
10775			<div class="masonry-content card" style="box-shadow: 0 5px 15px 0 hsl(0deg 0% 0% / 15%); border: none;">
10776				<h3 class="card-title">"Both fun and easy"</h3>
10777				<div class="text-dark">
10778					"I found this program to be <strong>both fun and easy</strong>. How many bar exam tools can you say that about?"
10779				</div>
10780				<div class="text-warning fa-sm my-3">
10781				  <i class="fas fa-star"></i>
10782				  <i class="fas fa-star"></i>
10783				  <i class="fas fa-star"></i>
10784				  <i class="fas fa-star"></i>
10785				  <i class="fas fa-star"></i>
10786				</div>
10787				<div class="d-flex">
10788				  <div class="avatar">
10789					  <img src="https://barprephero.com/premium/img/0.jpg" width="45px" height="45px" class="avatar-image rounded-circle" alt="Renwei Chung">
10790					</div>
10791				  <div class="flex-1 ml-3">
10792					<div class="text-dark font-weight-bolder">Renwei Chung</div>
10793					<div class="text-info text-uppercase-xs font-weight-bold mt-1">
10794					  Columnist, "Above the Law"
10795					</div>
10796					<img src="https://barprephero.com/premium/logo-above-the-law.svg" style="width: 140px; margin: 8px 0 0 0;">
10797				  </div>
10798				</div>
10799			</div>
10800		</div>
10801
10802
10803
10804
10805		<!-- Text Testimonial: Jessie Lee - moved to first row for readability -->
10806		<div class="masonry-item" style="">
10807			<div class="masonry-content card" style="box-shadow: 0 5px 15px 0 hsl(0deg 0% 0% / 15%); border: none;">
10808				<h3 class="card-title">"Failed my first attempt. Passed with confidence the second time."</h3>
10809				<div class="text-dark">
10810					"Failed my first bar exam, but after using this app I felt completely prepared. I retook all the practice questions until I got them right."
10811				</div>
10812				<div class="text-warning fa-sm my-3">
10813				  <i class="fas fa-star"></i>
10814				  <i class="fas fa-star"></i>
10815				  <i class="fas fa-star"></i>
10816				  <i class="fas fa-star"></i>
10817				  <i class="fas fa-star"></i>
10818				</div>
10819				<div class="d-flex">
10820				  <div class="avatar">
10821					  <img src="https://driving-tests.org/cdl-premium/avatars/10.svg" width="45px" height="45px" class="avatar-image rounded-circle" alt="" >
10822					</div>
10823				  <div class="flex-1 ml-3">
10824					<div class="text-dark font-weight-bolder">Jessie Lee<div class="bg-success icon-circle icon-circle-xxs ml-1 opacity-60 text-white" data-toggle="tooltip" data-placement="bottom" title="Verified on Trustpilot"><i class="fa-check fa-xs fas"></i></div></div>
10825					<div class="text-info text-uppercase-xs font-weight-bold mt-1">
10826					  Trustpilot
10827					</div>
10828				  </div>
10829				</div>
10830			</div>
10831		</div>
10832
10833		  
10834
10835		<!-- Text Testimonial: Dave R. - moved to first row for readability -->
10836		<div class="masonry-item" style="">
10837			<div class="masonry-content card" style="box-shadow: 0 5px 15px 0 hsl(0deg 0% 0% / 15%); border: none;">
10838				<h3 class="card-title">"Passed 17/20 on first try"</h3>
10839				<div class="text-dark">
10840					"Questions clearly worded, images adequate. Passed my test 17/20 on first try after 2-3 hours daily study for four days."
10841				</div>
10842				<div class="text-warning fa-sm my-3">
10843				  <i class="fas fa-star"></i>
10844				  <i class="fas fa-star"></i>
10845				  <i class="fas fa-star"></i>
10846				  <i class="fas fa-star"></i>
10847				  <i class="far fa-star" style="opacity: 0.3;"></i>
10848				</div>
10849				<div class="d-flex">
10850				  <div class="avatar">
10851					  <img src="https://driving-tests.org/cdl-premium/avatars/2.svg" width="45px" height="45px" class="avatar-image rounded-circle" alt="" >
10852					</div>
10853				  <div class="flex-1 ml-3">
10854					<div class="text-dark font-weight-bolder">Dave R.<div class="bg-success icon-circle icon-circle-xxs ml-1 opacity-60 text-white" data-toggle="tooltip" data-placement="bottom" title="Verified on Trustpilot"><i class="fa-check fa-xs fas"></i></div></div>
10855					<div class="text-info text-uppercase-xs font-weight-bold mt-1">
10856					  Trustpilot
10857					</div>
10858				  </div>
10859				</div>
10860			</div>
10861		</div>
10862
10863		  
10864 
10865
10866		  
10867		<!-- Trustpilot Review: Benjamin Frantz -->
10868		<div class="masonry-item" style="">
10869		  <div class="masonry-content card" style="box-shadow: 0 5px 15px 0 hsl(0deg 0% 0% / 15%); border: none;">
10870			  <h3 class="card-title">"Material is excellent"</h3>
10871			  <div class="text-dark">
10872				"Material is excellent. Would be nice to have ability to change answers before auto-accept, but overall very helpful for exam prep."
10873			  </div>
10874			  <div class="text-warning fa-sm my-3">
10875				<i class="fas fa-star"></i>
10876				<i class="fas fa-star"></i>
10877				<i class="fas fa-star"></i>
10878				<i class="fas fa-star"></i>
10879				<i class="far fa-star" style="opacity: 0.3;"></i>
10880			  </div>
10881			  <div class="d-flex">
10882				<div class="avatar">
10883				  <img src="https://driving-tests.org/cdl-premium/avatars/11.svg" width="45px" height="45px" class="avatar-image rounded-circle" alt="" >
10884				</div>
10885				<div class="flex-1 ml-3">
10886				  <div class="text-dark font-weight-bolder">Benjamin Frantz<div class="bg-success icon-circle icon-circle-xxs ml-1 opacity-60 text-white" data-toggle="tooltip" data-placement="bottom" title="Verified on Trustpilot"><i class="fa-check fa-xs fas"></i></div></div>
10887				  <div class="text-info text-uppercase-xs font-weight-bold mt-1">
10888					Trustpilot, Dec 6, 2025
10889				  </div>
10890				</div>
10891			  </div>
10892		  </div>
10893		</div>
10894
10895		<!-- Trustpilot Review: Ruben Ortiz -->
10896		<div class="masonry-item" style="">
10897		  <div class="masonry-content card" style="box-shadow: 0 5px 15px 0 hsl(0deg 0% 0% / 15%); border: none;">
10898			  <h3 class="card-title">"Actual test felt easier"</h3>
10899			  <div class="text-dark">
10900				  "Great set up by quizzing on previously missed items multiple times. Actual test felt easier than the practice. Minor note: hints sometimes repeated."
10901			  </div>
10902			  <div class="text-warning fa-sm my-3">
10903				<i class="fas fa-star"></i>
10904				<i class="fas fa-star"></i>
10905				<i class="fas fa-star"></i>
10906				<i class="fas fa-star"></i>
10907				<i class="far fa-star" style="opacity: 0.3;"></i>
10908			  </div>
10909			  <div class="d-flex">
10910				<div class="avatar">
10911				  <img src="https://driving-tests.org/cdl-premium/avatars/3.svg" width="45px" height="45px" class="avatar-image rounded-circle" alt="" >
10912				</div>
10913				<div class="flex-1 ml-3">
10914				  <div class="text-dark font-weight-bolder">Ruben Ortiz<div class="bg-success icon-circle icon-circle-xxs ml-1 opacity-60 text-white" data-toggle="tooltip" data-placement="bottom" title="Verified on Trustpilot"><i class="fa-check fa-xs fas"></i></div></div>
10915				  <div class="text-info text-uppercase-xs font-weight-bold mt-1">
10916					Trustpilot, Oct 25, 2025
10917				  </div>
10918				</div>
10919			  </div>
10920		  </div>
10921		</div>
10922
10923		<!-- Trustpilot Review: Elisa Rufete -->
10924		<div class="masonry-item" style="">
10925		  <div class="masonry-content card" style="box-shadow: 0 5px 15px 0 hsl(0deg 0% 0% / 15%); border: none;">
10926			  <h3 class="card-title">"Great experience"</h3>
10927			  <div class="text-dark">
10928				  "The NCBE-licensed questions are exactly what you need. Passed on my first attempt after 3 weeks of focused practice. The explanations citing real cases made the difference."
10929			  </div>
10930			  <div class="text-warning fa-sm my-3">
10931				<i class="fas fa-star"></i>
10932				<i class="fas fa-star"></i>
10933				<i class="fas fa-star"></i>
10934				<i class="fas fa-star"></i>
10935				<i class="far fa-star" style="opacity: 0.3;"></i>
10936			  </div>
10937			  <div class="d-flex">
10938				<div class="avatar">
10939				  <img src="https://driving-tests.org/cdl-premium/avatars/8.svg" width="45px" height="45px" class="avatar-image rounded-circle" alt="" >
10940				</div>
10941				<div class="flex-1 ml-3">
10942				  <div class="text-dark font-weight-bolder">Elisa Rufete<div class="bg-success icon-circle icon-circle-xxs ml-1 opacity-60 text-white" data-toggle="tooltip" data-placement="bottom" title="Verified on Trustpilot"><i class="fa-check fa-xs fas"></i></div></div>
10943				  <div class="text-info text-uppercase-xs font-weight-bold mt-1">
10944					Trustpilot, Nov 9, 2025
10945				  </div>
10946				</div>
10947			  </div>
10948		  </div>
10949		</div>
10950
10951		<!-- AI Testimonial: April J. -->
10952		<div class="masonry-item" style="">
10953		  <div class="masonry-content card" style="box-shadow: 0 5px 15px 0 hsl(0deg 0% 0% / 15%); border: none;">
10954			  <h3 class="card-title">"A god send!"</h3>
10955			  <div class="text-dark">
10956				  "I just wished to say adding the AI feature was a god send! <span class="selection">Wish I had it from the start of my studying!</span>"
10957			  </div>
10958			  <div class="text-warning fa-sm my-3">
10959				<i class="fas fa-star"></i>
10960				<i class="fas fa-star"></i>
10961				<i class="fas fa-star"></i>
10962				<i class="fas fa-star"></i>
10963				<i class="fas fa-star"></i>
10964			  </div>
10965			  <div class="d-flex">
10966				<div class="avatar">
10967				  <img src="https://driving-tests.org/cdl-premium/avatars/13.svg" width="45px" height="45px" class="avatar-image rounded-circle" alt="">
10968				</div>
10969				<div class="flex-1 ml-3">
10970				  <div class="text-dark font-weight-bolder">April J.<div class="bg-success icon-circle icon-circle-xxs ml-1 opacity-60 text-white" data-toggle="tooltip" data-placement="bottom" title="Verified Premium customer"><i class="fa-check fa-xs fas"></i></div></div>
10971				  <div class="text-info text-uppercase-xs font-weight-bold mt-1">
10972					Premium Customer
10973				  </div>
10974				</div>
10975			  </div>
10976		  </div>
10977		</div>
10978
10979		<!-- AI Testimonial: Ryan M. -->
10980		<div class="masonry-item" style="">
10981		  <div class="masonry-content card" style="box-shadow: 0 5px 15px 0 hsl(0deg 0% 0% / 15%); border: none;">
10982			  <h3 class="card-title">"The AI is an absolutely brilliant addition!"</h3>
10983			  <div class="text-dark">
10984				  "I'm impressed how easy it is to <span class="selection">ask for explanations and get answers right away</span>."
10985			  </div>
10986			  <div class="text-warning fa-sm my-3">
10987				<i class="fas fa-star"></i>
10988				<i class="fas fa-star"></i>
10989				<i class="fas fa-star"></i>
10990				<i class="fas fa-star"></i>
10991				<i class="fas fa-star"></i>
10992			  </div>
10993			  <div class="d-flex">
10994				<div class="avatar">
10995				  <img src="https://driving-tests.org/cdl-premium/avatars/11.svg" width="45px" height="45px" class="avatar-image rounded-circle" alt="">
10996				</div>
10997				<div class="flex-1 ml-3">
10998				  <div class="text-dark font-weight-bolder">Ryan M.<div class="bg-success icon-circle icon-circle-xxs ml-1 opacity-60 text-white" data-toggle="tooltip" data-placement="bottom" title="Verified Premium customer"><i class="fa-check fa-xs fas"></i></div></div>
10999				  <div class="text-info text-uppercase-xs font-weight-bold mt-1">
11000					Premium Customer
11001				  </div>
11002				</div>
11003			  </div>
11004		  </div>
11005		</div>
11006
11007		<!-- Slide -->
11008		<div class="masonry-item">
11009		  <div class="masonry-content card">
11010			  <h3 class="card-title">"Better than Kaplan"</h3>
11011			  <div class="text-dark">
11012				  "Endless practice questions and up to date explanations. Took a bar prep course taught by a Kaplan professor, and <span class="selection">this quiz bank is far better than theirs</span>."
11013			  </div>
11014			  <div class="text-warning fa-sm my-3">
11015				<i class="fas fa-star"></i>
11016				<i class="fas fa-star"></i>
11017				<i class="fas fa-star"></i>
11018				<i class="fas fa-star"></i>
11019				<i class="fas fa-star"></i>
11020			  </div>
11021			  <div class="d-flex">
11022				<div class="avatar">
11023				  <img src="https://barprephero.com/wp-content/uploads/2019/06/dne1-1.jpg" width="45px" height="45px" class="avatar-image rounded-circle" alt="">
11024				</div>
11025				<div class="flex-1 ml-3">
11026				  <div class="text-dark font-weight-bolder">Zoe Ellis<div class="bg-success icon-circle icon-circle-xxs ml-1 opacity-60 text-white" data-toggle="tooltip" data-placement="bottom" title="Verified Premium customer"><i class="fa-check fa-xs fas"></i></div></div>
11027				  <div class="text-info text-uppercase-xs font-weight-bold mt-1">
11028					Premium customer
11029				  </div>
11030				</div>
11031			  </div>
11032		  </div>
11033		</div>
11034
11035		<!-- Slide -->
11036		<div class="masonry-item">
11037		  <div class="masonry-content card">
11038			  <h3 class="card-title">"Passed on my first try!"</h3>
11039			  <div class="text-dark">
11040				  "The explanations with cited cases made everything click. <span class="selection">I finally understood why answers were right or wrong</span>, not just which ones to memorize."
11041			  </div>
11042			  <div class="text-warning fa-sm my-3">
11043				<i class="fas fa-star"></i>
11044				<i class="fas fa-star"></i>
11045				<i class="fas fa-star"></i>
11046				<i class="fas fa-star"></i>
11047				<i class="fas fa-star"></i>
11048			  </div>
11049			  <div class="d-flex">
11050				<div class="avatar">
11051				  <img src="https://driving-tests.org/cdl-premium/avatars/15.svg" width="45px" height="45px" class="avatar-image rounded-circle" alt="">
11052				</div>
11053				<div class="flex-1 ml-3">
11054				  <div class="text-dark font-weight-bolder">Sarah M.<div class="bg-success icon-circle icon-circle-xxs ml-1 opacity-60 text-white" data-toggle="tooltip" data-placement="bottom" title="Verified Premium customer"><i class="fa-check fa-xs fas"></i></div></div>
11055				  <div class="text-info text-uppercase-xs font-weight-bold mt-1">
11056					Premium customer
11057				  </div>
11058				</div>
11059			  </div>
11060		  </div>
11061		</div> 
11062
11063
11064		</div>
11065		</div>
11066
11067		<!-- Masonry - END-->
11068
11069
11070			</div>
11071
11072		</section>
11073
11074		<!-- NEW SECTIONS STYLES -->
11075		<style>
11076		/* Failed Before Section */
11077		#failed-before {
11078			background: #fff;
11079			padding: 80px 0;
11080			position: relative;
11081		}
11082		#failed-before .section-inner {
11083			max-width: 1000px;
11084			margin: 0 auto;
11085			display: grid;
11086			grid-template-columns: 1fr 1fr;
11087			gap: 60px;
11088			align-items: center;
11089		}
11090		#failed-before .content-side {
11091			text-align: left;
11092		}
11093		#failed-before .stat-badge {
11094			display: inline-flex;
11095			align-items: center;
11096			gap: 8px;
11097			background: #fef3c7;
11098			padding: 8px 16px;
11099			border-radius: 6px;
11100			font-size: 14px;
11101			color: #92400e;
11102			font-weight: 600;
11103			margin-bottom: 20px;
11104		}
11105		#failed-before h2 {
11106			color: #1f2937;
11107			margin-bottom: 20px;
11108			font-size: 36px;
11109			line-height: 1.2;
11110			text-align: left;
11111		}
11112		#failed-before .section-text {
11113			font-size: 17px;
11114			line-height: 1.7;
11115			color: #4b5563;
11116			margin-bottom: 28px;
11117		}
11118		#failed-before .section-text strong {
11119			color: #1f2937;
11120		}
11121		#failed-before .visual-side {
11122			position: relative;
11123		}
11124		#failed-before .testimonial-card {
11125			background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
11126			border-radius: 20px;
11127			padding: 40px;
11128			position: relative;
11129		}
11130		#failed-before .testimonial-card .big-stat {
11131			font-size: 72px;
11132			font-weight: 800;
11133			color: #d97706;
11134			line-height: 1;
11135			margin-bottom: 8px;
11136		}
11137		#failed-before .testimonial-card .stat-label {
11138			font-size: 16px;
11139			color: #92400e;
11140			font-weight: 600;
11141			margin-bottom: 28px;
11142			padding-bottom: 28px;
11143			border-bottom: 1px solid rgba(146, 64, 14, 0.15);
11144		}
11145		#failed-before .testimonial-card .quote {
11146			font-size: 18px;
11147			color: #78350f;
11148			line-height: 1.6;
11149			margin-bottom: 16px;
11150			font-style: italic;
11151			background-image: none;
11152			padding: 0;
11153		}
11154		#failed-before .testimonial-card .author {
11155			font-size: 15px;
11156			color: #92400e;
11157			font-weight: 600;
11158		}
11159		#failed-before .testimonial-card .source {
11160			color: #b45309;
11161			font-weight: 500;
11162		}
11163		#failed-before .testimonial-card .checkmark {
11164			position: absolute;
11165			top: -16px;
11166			right: 30px;
11167			width: 48px;
11168			height: 48px;
11169			background: #059669;
11170			border-radius: 50%;
11171			display: flex;
11172			align-items: center;
11173			justify-content: center;
11174			color: white;
11175			font-size: 24px;
11176			box-shadow: 0 4px 12px rgba(5, 150, 105, 0.3);
11177		}
11178		@media (max-width: 800px) {
11179			#failed-before .section-inner {
11180				grid-template-columns: 1fr;
11181				gap: 40px;
11182				max-width: 600px;
11183			}
11184			#failed-before .content-side { text-align: center; }
11185			#failed-before h2 { text-align: center; font-size: 30px; }
11186			#failed-before .stat-badge { 
11187                margin-left: auto; 
11188                margin-right: auto; 
11189                margin-bottom: 0 !important;
11190            }
11191		}
11192		@media (max-width: 570px) {
11193			#failed-before { padding: 60px 0; }
11194			#failed-before .content-side { text-align: left; }
11195			#failed-before h2 { font-size: 26px !important; text-align: left !important; }
11196			#failed-before .section-text { font-size: 16px !important; text-align: left !important; }
11197			#failed-before .content-side .herocta { width: 100%; max-width: 100%; text-align: center; }
11198			#failed-before .testimonial-card { padding: 28px; }
11199			#failed-before .testimonial-card .big-stat { font-size: 56px; }
11200		}
11201
11202
11203		/* Exam Simulator Section */
11204		#exam-simulator {
11205			background: #f8fafc;
11206			padding: 90px 0;
11207			position: relative;
11208			overflow: hidden;
11209		}
11210		#exam-simulator .section-inner {
11211			max-width: 1000px;
11212			margin: 0 auto;
11213			position: relative;
11214			z-index: 1;
11215			text-align: center;
11216		}
11217		#exam-simulator .pre-title {
11218			color: #3b82f6 !important;
11219		}
11220		#exam-simulator h2 {
11221			color: #1f2937;
11222			margin-bottom: 16px;
11223		}
11224		#exam-simulator .section-subtitle {
11225			text-align: center;
11226			color: #64748b;
11227			font-size: 18px;
11228			margin-bottom: 50px;
11229		}
11230		#exam-simulator .feature-grid {
11231			display: grid;
11232			grid-template-columns: repeat(4, 1fr);
11233			gap: 20px;
11234			margin-bottom: 48px;
11235		}
11236		#exam-simulator .feature-card {
11237			background: white;
11238			border: 1px solid #e2e8f0;
11239			padding: 32px 24px;
11240			border-radius: 16px;
11241			text-align: center;
11242			transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
11243			box-shadow: 0 1px 3px rgba(0,0,0,0.04);
11244		}
11245		#exam-simulator .feature-card:hover {
11246			border-color: #cbd5e1;
11247			box-shadow: 0 4px 12px rgba(0,0,0,0.06);
11248		}
11249		#exam-simulator .feature-card .icon {
11250			width: 48px;
11251			height: 48px;
11252			background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
11253			border-radius: 12px;
11254			display: flex;
11255			align-items: center;
11256			justify-content: center;
11257			margin: 0 auto 16px;
11258			font-size: 22px;
11259		}
11260		#exam-simulator .feature-card h3 {
11261			color: #1f2937;
11262			font-size: 16px;
11263			font-weight: 600;
11264			margin-bottom: 8px;
11265		}
11266		#exam-simulator .feature-card p {
11267			color: #64748b;
11268			font-size: 14px;
11269			margin: 0;
11270			line-height: 1.5;
11271		}
11272		#exam-simulator .tagline {
11273			text-align: center;
11274			color: #3b82f6;
11275			font-size: 18px;
11276			font-weight: 600;
11277			margin-bottom: 32px;
11278		}
11279		#exam-simulator .cta-area {
11280			text-align: center;
11281		}
11282		@media (max-width: 900px) {
11283			#exam-simulator .feature-grid {
11284				grid-template-columns: repeat(2, 1fr);
11285			}
11286		}
11287		@media (max-width: 570px) {
11288			#exam-simulator { padding: 60px 0; }
11289			#exam-simulator .feature-grid { gap: 12px; }
11290			#exam-simulator .feature-card { padding: 24px 16px; }
11291			#exam-simulator .tagline { font-size: 16px; }
11292		}
11293
11294		/* No Time to Study Section */
11295		#no-time {
11296			background: white;
11297			padding: 80px 0;
11298		}
11299		#no-time .section-inner {
11300			max-width: 900px;
11301			margin: 0 auto;
11302			text-align: center;
11303		}
11304		.time-grid {
11305			display: grid;
11306			grid-template-columns: repeat(3, 1fr);
11307			gap: 20px;
11308			margin-bottom: 40px;
11309			max-width: 800px;
11310			margin-left: auto;
11311			margin-right: auto;
11312		}
11313		.time-card {
11314			background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
11315			padding: 32px 24px;
11316			border-radius: 16px;
11317			text-align: center;
11318			border: 1px solid #e2e8f0;
11319			transition: transform 0.2s ease;
11320		}
11321		.time-card:hover {
11322			transform: translateY(-3px);
11323		}
11324		.time-card .emoji {
11325			font-size: 40px;
11326			margin-bottom: 12px;
11327			display: block;
11328		}
11329		.time-card .scenario {
11330			font-size: 17px;
11331			font-weight: 700;
11332			color: #1e293b;
11333			margin-bottom: 4px;
11334		}
11335		.time-card .action {
11336			font-size: 15px;
11337			color: #64748b;
11338		}
11339		.bottom-text {
11340			text-align: center;
11341			font-size: 18px;
11342			color: #374151;
11343			margin-bottom: 32px;
11344			line-height: 1.6;
11345		}
11346		@media (max-width: 700px) {
11347			.time-grid {
11348				grid-template-columns: 1fr;
11349				max-width: 320px;
11350				margin-left: auto;
11351				margin-right: auto;
11352			}
11353		}
11354		@media (max-width: 570px) {
11355			.time-card { padding: 24px 20px; }
11356			.bottom-text { font-size: 16px; text-align: center; }
11357			#cheat-sheets2 {
11358				background: transparent !important;
11359			}
11360			#cheat-sheets2 h2 {
11361				text-align: center !important;
11362			}
11363			#cheat-sheets2 .job {
11364				text-align: center !important;
11365				margin-bottom: 30px !important;
11366			}
11367		}
11368
11369		/* Readiness Meter Section */
11370		#readiness-meter {
11371			background: linear-gradient(180deg, #ecfdf5 0%, #d1fae5 100%);
11372			padding: 80px 0;
11373			position: relative;
11374		}
11375		#readiness-meter .section-inner {
11376			max-width: 800px;
11377			margin: 0 auto;
11378			text-align: center;
11379		}
11380		#readiness-meter .pre-title {
11381			color: #059669 !important;
11382		}
11383		#readiness-meter h2 {
11384			color: #065f46;
11385			margin-bottom: 16px;
11386		}
11387		#readiness-meter .section-subtitle {
11388			text-align: center;
11389			color: #047857;
11390			font-size: 18px;
11391			margin-bottom: 48px;
11392		}
11393		#readiness-meter .meter-widget {
11394			background: white;
11395			border-radius: 20px;
11396			padding: 36px 40px;
11397			box-shadow: 0 8px 32px rgba(0,0,0,0.08);
11398			margin-bottom: 40px;
11399			max-width: 520px;
11400			margin-left: auto;
11401			margin-right: auto;
11402		}
11403		#readiness-meter .meter-label {
11404			text-align: center;
11405			font-size: 13px;
11406			color: #6b7280;
11407			text-transform: uppercase;
11408			letter-spacing: 0.05em;
11409			margin-bottom: 24px;
11410		}
11411		#readiness-meter .meter-labels {
11412			display: flex;
11413			justify-content: space-between;
11414			margin-bottom: 10px;
11415			padding: 0 4px;
11416		}
11417		#readiness-meter .meter-labels span {
11418			font-size: 12px;
11419			font-weight: 600;
11420		}
11421		#readiness-meter .meter-labels .red { color: #ef4444; }
11422		#readiness-meter .meter-labels .yellow { color: #f59e0b; }
11423		#readiness-meter .meter-labels .green { color: #10b981; }
11424		#readiness-meter .meter-bar {
11425			height: 28px;
11426			background: linear-gradient(90deg, #fecaca 0%, #fde68a 45%, #a7f3d0 100%);
11427			border-radius: 14px;
11428			position: relative;
11429			box-shadow: inset 0 2px 4px rgba(0,0,0,0.06);
11430		}
11431		#readiness-meter .meter-thumb {
11432			position: absolute;
11433			left: 85%;
11434			top: 50%;
11435			transform: translate(-50%, -50%);
11436			width: 40px;
11437			height: 40px;
11438			background: white;
11439			border-radius: 50%;
11440			box-shadow: 0 2px 10px rgba(0,0,0,0.15), 0 0 0 3px rgba(16, 185, 129, 0.3);
11441			display: flex;
11442			align-items: center;
11443			justify-content: center;
11444		}
11445		#readiness-meter .meter-thumb span {
11446			font-size: 13px;
11447			font-weight: 800;
11448			color: #10b981;
11449		}
11450		#readiness-meter .ready-badge {
11451			text-align: center;
11452			margin-top: 20px;
11453		}
11454		#readiness-meter .ready-badge span {
11455			display: inline-flex;
11456			align-items: center;
11457			gap: 6px;
11458			background: #d1fae5;
11459			color: #065f46;
11460			padding: 8px 18px;
11461			border-radius: 24px;
11462			font-size: 14px;
11463			font-weight: 600;
11464		}
11465		#readiness-meter .description {
11466			text-align: center;
11467			font-size: 16px;
11468			color: #047857;
11469			margin-bottom: 32px;
11470			line-height: 1.7;
11471		}
11472		#readiness-meter .cta-area {
11473			text-align: center;
11474		}
11475        @media (max-width: 767px) {
11476            #readiness-meter .pre-title {
11477                display: flex;
11478                justify-content: center;
11479                width: fit-content;
11480                margin-left: auto;
11481                margin-right: auto;
11482            }
11483            #readiness-meter .section-subtitle {
11484                text-align: center;
11485            }
11486        }
11487		@media (max-width: 570px) {
11488			#readiness-meter { padding: 60px 0; }
11489			#readiness-meter .section-inner { text-align: left; }
11490			#readiness-meter h2 { text-align: left; }
11491			#readiness-meter .section-subtitle { font-size: 16px;}
11492			#readiness-meter .description { text-align: left; }
11493			#readiness-meter .meter-widget { padding: 28px 24px; }
11494		}
11495
11496		/* Test Soon Urgency Section */
11497		#test-soon {
11498			background: #f8fafc;
11499			padding: 80px 0;
11500			margin: 60px 0;
11501			position: relative;
11502		}
11503		#test-soon .section-inner {
11504			max-width: 600px;
11505			margin: 0 auto;
11506			text-align: center;
11507			padding: 0 20px;
11508		}
11509		#test-soon .urgency-icon {
11510			font-size: 40px;
11511			margin-bottom: 20px;
11512			display: block;
11513		}
11514		#test-soon h3 {
11515			color: #1f2937;
11516			font-size: 28px;
11517			margin-bottom: 16px;
11518			line-height: 1.35;
11519			font-weight: 600;
11520		}
11521		#test-soon p {
11522			font-size: 17px;
11523			color: #64748b;
11524			margin-bottom: 28px;
11525			line-height: 1.7;
11526			max-width: 520px;
11527			margin-left: auto;
11528			margin-right: auto;
11529		}
11530		@media (max-width: 570px) {
11531			#test-soon { padding: 20px 0; margin: 10px 0; }
11532			#test-soon h3 { font-size: 24px; }
11533			#test-soon p { font-size: 16px; margin-bottom: 0; }
11534		}
11535
11536		/* ========================================
11537		   MICRO-ANIMATIONS & DELIGHTFUL UX
11538		   ======================================== */
11539
11540		/* 1. Readiness Meter Animation */
11541		#readiness-meter .meter-thumb {
11542			left: 0%;
11543			transition: left 1.8s cubic-bezier(0.34, 1.56, 0.64, 1);
11544		}
11545		#readiness-meter .meter-thumb.animated {
11546			left: 85%;
11547		}
11548		#readiness-meter .meter-thumb.animated::after {
11549			content: '';
11550			position: absolute;
11551			inset: -4px;
11552			border-radius: 50%;
11553			background: rgba(16, 185, 129, 0.3);
11554			animation: meterGlow 1.5s ease-out 1.6s forwards;
11555			opacity: 0;
11556		}
11557		@keyframes meterGlow {
11558			0% { transform: scale(1); opacity: 0.6; }
11559			100% { transform: scale(1.5); opacity: 0; }
11560		}
11561		#readiness-meter .ready-badge {
11562			opacity: 0;
11563			transform: translateY(10px);
11564			transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
11565		}
11566		#readiness-meter .ready-badge.visible {
11567			opacity: 1;
11568			transform: translateY(0);
11569		}
11570
11571		/* 2. Magnetic CTA Buttons */
11572		.sec3_5_btn.blue.btnPurchase {
11573			transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1),
11574			            box-shadow 0.25s ease-out,
11575			            background-color 0.2s ease;
11576			will-change: transform;
11577		}
11578		.sec3_5_btn.blue.btnPurchase:hover {
11579			transform: translateY(-3px) scale(1.02) !important;
11580			box-shadow: 0 10px 30px -8px rgba(7, 122, 255, 0.4),
11581			            0 4px 12px rgba(0, 0, 0, 0.08) !important;
11582		}
11583		.sec3_5_btn.blue.btnPurchase:active {
11584			transform: translateY(-1px) scale(0.98) !important;
11585			transition-duration: 0.1s;
11586		}
11587
11588		/* 3. Staggered Card Reveals */
11589		.reveal-card {
11590			opacity: 0;
11591			transform: translateY(24px);
11592			transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1),
11593			            transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
11594		}
11595		.reveal-card.revealed {
11596			opacity: 1;
11597			transform: translateY(0);
11598		}
11599
11600		/* 4. Counting Statistics - number styling */
11601		.count-up {
11602			display: inline-block;
11603			font-variant-numeric: tabular-nums;
11604		}
11605
11606		/* 5. Quote Card Hover Lift */
11607		#failed-before .testimonial-card {
11608			transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1),
11609			            box-shadow 0.4s ease-out;
11610			box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
11611		}
11612		#failed-before .testimonial-card:hover {
11613			transform: translateY(-8px);
11614			box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12),
11615			            0 8px 16px rgba(0, 0, 0, 0.06);
11616		}
11617
11618		/* Masonry testimonial cards hover */
11619		.masonry-content.card {
11620			transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1),
11621			            box-shadow 0.4s ease-out;
11622		}
11623		.masonry-content.card:hover {
11624			transform: translateY(-6px);
11625			box-shadow: 0 16px 32px rgba(0, 0, 0, 0.1),
11626			            0 6px 12px rgba(0, 0, 0, 0.05);
11627		}
11628
11629		</style>
11630
11631		<section class="genie" id="genieai">
11632		<div class="container" style="margin:auto; max-width: 100%; padding-top: 0; width: 100%;">
11633			<div class="pre-title" style="text-align: center;display: block;width: 130px;
11634			margin: 0 auto 15px;">Built-in AI</div>
11635			<h2 style="max-width: 650px;line-height: 1;text-align: center;margin: 0px auto 20px !important;">
11635Got it wrong? <span class="underline">Understand why in 5 seconds</span> - so you never miss it again.</h2>
11636			<p class="job" style="max-width: 670px;text-align: center;margin: 0px auto 40px !important;">Every answer, explained simply. Instant hints, step‑by‑step breakdowns, and real‑world examples for tricky edge cases.</p>
11637		   <div style="margin: auto;text-align: center;"> 
11638			   
11639			   <div class="container" id="included" style="padding-bottom: 0px;    margin-top: 30px;">
11640					
11641						
11642						<div style="display: block;position:relative;z-index: 99;">
11643
11644				<div><div id="introducing-video-outer"><div id="introducing-video-inner">
11645					<div id="introducing-video" class="video-responsive video-responsive-play-center video-responsive-opacity" data-vimid="845551498" style="padding-bottom:50%;background-color:transparent;background-image:none;background-position:left center;-webkit-box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15) !important;
11646			box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15) !important;
11647			-webkit-border-radius: 15px;
11648			-moz-border-radius: 15px;
11649			-ms-border-radius: 15px;
11650			border-radius: 15px;">
11651						<video width="100%" height="100%" autoplay loop muted playsinline preload="auto">
11652							<source src="https://barprephero.com/premium/bph-genie-lowres.mp4" type="video/mp4">
11653							Sorry, your browser doesn't support embedded videos, but don't worry, you can <a href="https://barprephero.com/premium/bph-genie-lowres.mp4">download it</a> and watch it with your favorite video player!
11654						</video>
11655					</div>
11656				</div></div></div>
11657
11658				</div>
11659										
11660					</div>
11661			   
11662			</div>
11663			
11664			
11665				</div>
11666			</section>
11667
11668		<!-- First Week Section -->
11669		<section id="first-week" style="background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%); padding: 100px 0; position: relative;">
11670			<div class="container" style="max-width: 800px; margin: 0 auto; padding: 0 20px;">
11671
11672				<!-- Header -->
11673				<div style="text-align: center; margin-bottom: 50px;">
11674					<div style="margin-bottom: 16px; text-align: center;">
11675						<span style="display: inline-block; background: #eff6ff; border: 1px solid #bfdbfe; color: #1e40af; font-size: 14px; font-weight: 600; padding: 6px 14px; border-radius: 20px;">No overwhelm</span>
11676					</div>
11677
11678					<h2 class="detailed" style="font-size: 40px; font-weight: 800; color: #1f2632; margin: 0; line-height: 1.15; letter-spacing: -0.02em; text-align: center;">What happens in your first week</h2>
11679				</div>
11680
11681				<!-- Timeline Steps -->
11682				<div style="display: flex; flex-direction: column; gap: 16px; margin-bottom: 40px;">
11683
11684					<!-- Day 1 -->
11685					<div style="display: flex; align-items: stretch; background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04); border: 1px solid #e2e8f0;">
11686						<div style="background: linear-gradient(135deg, #077aff 0%, #0ea5e9 100%); color: #fff; padding: 24px; display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 90px;">
11687							<div style="font-size: 12px; font-weight: 500; opacity: 0.9; text-transform: uppercase;">Day</div>
11688							<div style="font-size: 32px; font-weight: 800; line-height: 1;">1</div>
11689						</div>
11690						<div style="padding: 24px; flex: 1;">
11691							<div style="font-size: 18px; font-weight: 700; color: #1f2632; margin-bottom: 6px;">Jump into 30+ real MBE questions</div>
11692							<div style="font-size: 15px; color: #64748b; line-height: 1.5;">No videos, no lectures - just practice. <span style="color: #077aff; font-weight: 500;">Finally know exactly where you stand.</span></div>
11693						</div>
11694					</div>
11695
11696					<!-- Day 2 -->
11697					<div style="display: flex; align-items: stretch; background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04); border: 1px solid #e2e8f0;">
11698						<div style="background: linear-gradient(135deg, #077aff 0%, #0ea5e9 100%); color: #fff; padding: 24px; display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 90px;">
11699							<div style="font-size: 12px; font-weight: 500; opacity: 0.9; text-transform: uppercase;">Day</div>
11700							<div style="font-size: 32px; font-weight: 800; line-height: 1;">2</div>
11701						</div>
11702						<div style="padding: 24px; flex: 1;">
11703							<div style="font-size: 18px; font-weight: 700; color: #1f2632; margin-bottom: 6px;">AI builds your personal study plan</div>
11704							<div style="font-size: 15px; color: #64748b; line-height: 1.5;">Your weak spots get priority automatically. <span style="color: #077aff; font-weight: 500;">No guessing what to study.</span></div>
11705						</div>
11706					</div>
11707
11708					<!-- Days 3-7 -->
11709					<div style="display: flex; align-items: stretch; background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04); border: 1px solid #e2e8f0;">
11710						<div style="background: linear-gradient(135deg, #077aff 0%, #0ea5e9 100%); color: #fff; padding: 24px; display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 90px;">
11711							<div style="font-size: 12px; font-weight: 500; opacity: 0.9; text-transform: uppercase;">Days</div>
11712							<div style="font-size: 28px; font-weight: 800; line-height: 1;">3-7</div>
11713						</div>
11714						<div style="padding: 24px; flex: 1;">
11715							<div style="font-size: 18px; font-weight: 700; color: #1f2632; margin-bottom: 6px;">Complete 200+ real NCBE questions</div>
11716							<div style="font-size: 15px; color: #64748b; line-height: 1.5;">The same question types on the actual bar exam. <span style="color: #077aff; font-weight: 500;">All targeted to YOUR specific gaps.</span></div>
11717						</div>
11718					</div>
11719
11720					<!-- Week 2+ -->
11721					<div style="display: flex; align-items: stretch; background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 4px 16px rgba(34, 197, 94, 0.15); border: 2px solid #22c55e;">
11722						<div style="background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%); color: #fff; padding: 24px; display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 90px;">
11723							<div style="font-size: 12px; font-weight: 500; opacity: 0.9; text-transform: uppercase;">Week</div>
11724							<div style="font-size: 28px; font-weight: 800; line-height: 1;">2+</div>
11725						</div>
11726						<div style="padding: 24px; flex: 1;">
11727							<div style="font-size: 18px; font-weight: 700; color: #1f2632; margin-bottom: 6px;">Watch your Readiness Meter climb</div>
11728							<div style="font-size: 15px; color: #64748b; line-height: 1.5;">As patterns click into place, you'll see exactly when you're ready. <span style="color: #22c55e; font-weight: 600;">Watch your confidence climb.</span></div>
11729						</div>
11730					</div>
11731				</div>
11732
11733				<!-- Bottom message -->
11734				<p style="text-align: center; font-size: 17px; color: #64748b; margin: 0 0 40px; line-height: 1.6;">No 400-hour video marathons. No guessing what to study next.</p>
11735
11736				<!-- Mini testimonial -->
11737				<div class="first-week-testimonial" style="background: #fff; border-radius: 16px; padding: 24px 32px; display: flex; align-items: center; gap: 20px; max-width: 600px; margin: 0 auto; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04); border: 1px solid #e2e8f0;">
11738					<img src="https://driving-tests.org/cdl-premium/avatars/12.svg" alt="" style="width: 56px; height: 56px; border-radius: 50%; flex-shrink: 0;">
11739					<div>
11740						<p style="font-size: 16px; color: #475569; margin: 0 0 8px; line-height: 1.5; font-style: italic;">"By day 5, I already felt more prepared than after 2 months with Barbri."</p>
11741						<div style="font-size: 14px; color: #64748b;">
11742							<span style="font-weight: 600; color: #1f2632;">Marcus T.</span> - Passed Feb 2025
11743						</div>
11744					</div>
11745				</div>
11746			</div>
11747
11748			<!-- Responsive & Animations -->
11749			<style>
11750				/* Scroll animation styles */
11751				.timeline-step {
11752					opacity: 0;
11753					transform: translateY(30px);
11754					transition: opacity 0.6s ease, transform 0.6s ease;
11755				}
11756				.timeline-step.animate-in {
11757					opacity: 1;
11758					transform: translateY(0);
11759				}
11760				.timeline-step:nth-child(1) { transition-delay: 0s; }
11761				.timeline-step:nth-child(2) { transition-delay: 0.15s; }
11762				.timeline-step:nth-child(3) { transition-delay: 0.3s; }
11763				.timeline-step:nth-child(4) { transition-delay: 0.45s; }
11764
11765				@media (max-width: 600px) {
11766					#first-week h2 {
11767						font-size: 26px !important;
11768					}
11769					.first-week-testimonial {
11770						flex-direction: column;
11771						text-align: center;
11772					}
11773				}
11774			</style>
11775
11776			
11776<script>
11777			(function() {
11778				// Add timeline-step class to all timeline items
11779				var timelineItems = document.querySelectorAll('#first-week > .container > div:nth-child(2) > div');
11780				timelineItems.forEach(function(item) {
11781					item.classList.add('timeline-step');
11782				});
11783
11784				// Intersection Observer for scroll animation
11785				var observer = new IntersectionObserver(function(entries) {
11786					entries.forEach(function(entry) {
11787						if (entry.isIntersecting) {
11788							// Animate all timeline steps when section comes into view
11789							timelineItems.forEach(function(item) {
11790								item.classList.add('animate-in');
11791							});
11792							observer.unobserve(entry.target);
11793						}
11794					});
11795				}, { threshold: 0.2 });
11796
11797				var firstWeekSection = document.getElementById('first-week');
11798				if (firstWeekSection) {
11799					observer.observe(firstWeekSection);
11800				}
11801			})();
11802			</script>
11802
11803		</section>
11804
11805		<!-- Simple steps: begin -->
11806		<style>
11807		#simple-steps {
11808			background: linear-gradient(262.98deg,#E3F0FF 6.71%,#F8F3FF 93.11%),#FFFFFF;
11809			padding: 100px 0 125px;
11810		}
11811
11812		.stack-cards {
11813		  list-style-type: none;
11814		  padding: 0;
11815		}
11816		.stack-cards__item {
11817		  position: relative;
11818		  position: -webkit-sticky;
11819		  position: sticky;
11820		  /*top: 30px;*/
11821		  top: 110px;
11822		  height: 0;
11823		  padding-bottom: 38%;
11824		  -webkit-transform-origin: center top;
11825				  transform-origin: center top;
11826		  overflow: hidden;
11827		  border-radius: 30px;
11828		  background-color: #fff;
11829		/*  box-shadow: 0 1px 8px rgba(0, 0, 0, .085), 0 8px 24px rgba(0, 0, 0, .1);*/
11830		  overflow: hidden;
11831			box-shadow: 0 0.5rem 1.25rem rgb(35 38 45 / 5%);
11832		}
11833		.stack-cards__item > * {
11834			position: absolute;
11835			top: 0;
11836			left: 0;
11837			width: 100%;
11838			height: 100%;
11839		}
11840		.stack-card {
11841			display: flex;
11842			font-size: 0;
11843			height: 460px;
11844			padding: 60px 80px 0 60px;
11845			/*border-radius: 30px;
11846			background-color: #fff;
11847			overflow: hidden;*/
11848		}
11849		.stack-card .stack-card-content {
11850			display: inline-block;
11851			width: 55%;
11852			padding-right: 50px;
11853			box-sizing: border-box;
11854		}
11855		.stack-card .stack-card-num {
11856			font-size: 1.375rem;
11857			line-height: 1.2;
11858			color: #B5C2D0;
11859			font-weight: 600;
11860		}
11861		.stack-card .stack-card-header {
11862			font-size: 2.45rem;
11863			line-height: 1.2;
11864			margin: 30px 0 16px;
11865			font-weight: 700;
11866		}
11867		.stack-card .stack-card-text {
11868			font-size: 1.125rem;
11869			line-height: 1.3;
11870			font-weight: 600;
11871		}
11872		.stack-card .stack-card-img {
11873			display: inline-block;
11874			width: 45%;
11875			position: relative;
11876		}
11877		.stack-card .stack-card-img:after {
11878			content: '';
11879			position: absolute;
11880			bottom: 0;
11881			left: 0;
11882			width: calc(100% + 80px);
11883			height: 7.5%;
11884			background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 100%);
11885		}
11886		.stack-card .stack-card-img img {
11887			position: absolute;
11888			top: 0;
11889			left: 0;
11890			width: 100%;
11891			height: auto;
11892		}
11893		.stack-card.stack-card-1 .stack-card-img img:nth-child(1), .stack-card.stack-card-4 .stack-card-img img:nth-child(1) {
11894			width: 83%;
11895			top: 20px;
11896			left: 17%;
11897		}
11898		.stack-card.stack-card-1 .stack-card-img img:nth-child(2), .stack-card.stack-card-4 .stack-card-img img:nth-child(2) {
11899			width: 41%;
11900			top: 41%;
11901		}
11902		.stack-card.stack-card-2 .stack-card-img img {
11903			top: 20px;
11904		}
11905		.stack-card.stack-card-3 .stack-card-img img:nth-child(1) {
11906			left: -14%;
11907			width: 172%;
11908			top: 0px;
11909		}
11910		.stack-card.stack-card-3 .stack-card-img img:nth-child(2) {
11911			width: 55%;
11912			top: 20%;
11913
11914		}
11915		.stack-card.stack-card-final {
11916			background-color: #007AFF;
11917			color: #fff;
11918			flex-direction: column;
11919			justify-content: space-between;
11920			align-items: center;
11921			padding: 60px;
11922		}
11923		.stack-card.stack-card-final .stack-card-header {
11924			max-width: 540px;
11925			text-align: center;
11926		}
11927		.stack-card.stack-card-final>p {
11928			color: #EFF7FF;
11929			font-size: 22px;
11930			line-height: 1.5;
11931			font-weight: 400;
11932			margin: 16px auto 0;
11933			text-align: center;
11934			max-width: 750px;
11935		}
11936		.stack-card.stack-card-final .stack-card-percent {
11937			font-size: 4.25rem;
11938			line-height: 1.2;
11939			font-weight: 700;
11940			margin: 20px 0;
11941		}
11942		.stack-card.stack-card-final .bar {
11943			background-color: #fff;
11944			border-radius: 10px;
11945			height: 0;
11946			padding-bottom: 12px;
11947			width: 100%;
11948			max-width: 550px;
11949			position: relative;
11950		}
11951		.stack-card.stack-card-final .bar .bar-fill {
11952			position: absolute;
11953			top: 0;
11954			left: 0;
11955			width: 0;
11956			height: 100%;
11957			border-radius: 10px;
11958			transition: width 1s ease-in-out;
11959			background-color: #2DE856;
11960		}
11961		@media(max-width: 1199px){
11962			.stack-cards__item {padding-bottom: 47.92%;}
11963		}
11964		@media(max-width: 991px){
11965			.stack-card {height: 350px; padding: 40px 60px 0 40px;}
11966			.stack-cards__item {padding-bottom: 48.61%;}
11967			.stack-cards__item.final {
11968				padding-bottom: 60%;
11969			}
11970			.stack-card.stack-card-final {
11971				height: 100%;
11972			}
11973			.stack-card.stack-card-1 .stack-card-img img:nth-child(1), .stack-card.stack-card-4 .stack-card-img img:nth-child(1) {top: 40px;}
11974			.stack-card.stack-card-1 .stack-card-img img:nth-child(2), .stack-card.stack-card-4 .stack-card-img img:nth-child(2) {top: 45%;}
11975			.stack-card.stack-card-2 .stack-card-img img {top: 40px;}
11976			.stack-card.stack-card-3 .stack-card-img img:nth-child(1) {top: 50px;}
11977			.stack-card.stack-card-3 .stack-card-img img:nth-child(2) {top: 35%;}
11978			.stack-card.stack-card-final {padding: 30px;}
11979			.stack-card .stack-card-header {
11980				font-size: 28px;
11981				margin: 16px 0;
11982			}
11983			.stack-card .job {
11984				font-size: 17px !important;
11985			}
11986		}
11987		@media(max-width: 767px){
11988			#simple-steps {
11989				padding: 40px 0 60px;
11990			}
11991			.stack-cards__item {
11992				top: 20px;
11993			}
11994			.stack-card {
11995				flex-direction: column;
11996				padding: 40px 30px 0;
11997				height: 100%;
11998			}
11999			.stack-card .stack-card-content, .stack-card .stack-card-img {
12000				width: 100%;
12001			}
12002			.stack-card .stack-card-img {
12003				flex-grow: 1;
12004			}
12005			.stack-card .stack-card-header {
12006				font-size: 1.5rem;
12007				margin: 24px 0 16px;
12008			}
12009			.stack-card .stack-card-content {
12010				padding-right: 0;
12011				margin-bottom: 20px;
12012			}
12013			.stack-cards__item {
12014				padding-bottom: 145%;
12015			}
12016			.stack-cards__item.final {
12017				padding-bottom: 110%;
12018			}
12019			.stack-card.stack-card-1 .stack-card-img img:nth-child(1), .stack-card.stack-card-4 .stack-card-img img:nth-child(1) {
12020				width: 90%;
12021				top: 30px;
12022				left: 0;
12023			}
12024			.stack-card.stack-card-1 .stack-card-img img:nth-child(2), .stack-card.stack-card-4 .stack-card-img img:nth-child(2) {
12025				top: 110px;
12026				right: 0;
12027				left: auto;
12028			}
12029			.stack-card.stack-card-2 .stack-card-img img {
12030				top: 30px;
12031			}
12032			.stack-card.stack-card-3 .stack-card-img img:nth-child(1) {
12033				top: 30px;
12034			}
12035			.stack-card.stack-card-3 .stack-card-img img:nth-child(2) {
12036				left: -30%;
12037			}
12038			.stack-card.stack-card-final {
12039				justify-content: flex-start;
12040			}
12041			.stack-card .stack-card-img:after {
12042				left: -30px;
12043				width: calc(100% + 60px);
12044			}
12045
12046		}
12047
12048		#stages {
12049			padding: 120px 0 160px;
12050		}
12051
12052		#stages p {
12053		/*	font-weight: 600;*/
12054			margin-bottom: 55px;
12055		}
12056		#stages .stage {
12057			display: inline-block;
12058			margin: 0px 10px 28px 0;
12059
12060		}
12061		#stages .stage:last-child {
12062			margin: 0;
12063		}
12064		#stages .stage .scale {
12065			position: relative;
12066			margin: 0px 20px 0px 0px;
12067		}
12068		#stages .stage .scale::before, #stages .stage .scale::after {
12069			content: "";
12070			position: absolute;
12071			width: 1px;
12072			left: 50%;
12073			transform: translate3d(-50%, 0px, 0px);
12074		}
12075		#stages .stage:last-child .scale::before, #stages .stage:last-child .scale::after {
12076			content: none;
12077		}
12078		#stages .stage .scale::before {
12079			top: 64px;
12080			transition: background-color 0.2s ease-out 0s;
12081			background-color: rgb(215, 228, 227);
12082		}
12083		#stages .stage .scale::after {
12084			top: 64px;
12085			background-color: #000;
12086			height: 0px;
12087			transition: height 0.3s ease-out 0s;
12088		}
12089		#stages .stage.is-active .scale::after {
12090			height: calc(100% - 52px);
12091		}
12092		#stages .scale-img {
12093			width: 48px;
12094			height: 48px;
12095			display: flex;
12096			-webkit-box-pack: center;
12097			justify-content: center;
12098			-webkit-box-align: center;
12099			align-items: center;
12100			border-radius: 50%;
12101			transition: background-color 0.2s ease-out 0s;
12102			background-color: #d7e4e3;
12103		}
12104		#stages .is-active .scale-img {
12105			background-color: #000;
12106		}
12107		#stages .scale-img svg path {
12108			stroke: #000;
12109			transition: stroke 0.2s ease-out 0s;
12110		}
12111		#stages .is-active .scale-img svg path {
12112			stroke: #fff;
12113		}
12114		#stages .stage .stage-content {
12115			max-width: 350px;
12116		}
12117		#stages .stage .stage-heading {
12118			font-size: 20px;
12119			color: #12151C;
12120			margin: 6px 0px 7px;
12121			text-align: left;
12122			line-height: 1.2;
12123			font-weight: 700;
12124		}
12125		#stages .stage .stage-descr {
12126			font-size: 17px;
12127			line-height: 1.6;
12128			color: #1F2632;
12129			margin: 0px;
12130			transition: color 0.2s ease-out 0s;
12131		}
12132
12133		@media(max-width: 991px){
12134			#stages .col-md-6:first-of-type {
12135				margin-bottom: 30px;
12136			}
12137			#stages .col-md-6:first-of-type>div {
12138				max-width: none !important;
12139			}
12140			#stages .stage .scale {
12141				margin: 0px 40px 0px 0px;
12142			}
12143
12144		}
12145		@media(max-width: 767px){
12146			#stages {
12147				padding-bottom: 10px;
12148					padding-top: 35px;
12149			}
12150			#stages .stage .scale {
12151				margin: 10px 16px 0px 0px;
12152			}
12153		}
12154		@media (min-width: 768px){
12155			#stages .stage .scale::before {
12156				bottom: -12px;
12157			}
12158		}
12159		@media screen and (max-width: 767px){
12160			#stages .stage .scale::before {
12161				bottom: -12px;
12162			}
12163			#stages h2 {
12164				margin-bottom: 15px !important;
12165				margin-top: 30px !important;
12166			}
12167			#stages .pre-title {
12168				margin-bottom: -30px !important;
12169			}
12170		}
12171
12172		#eldt-cert {
12173			padding-bottom: 120px;
12174			padding-top: 80px;
12175			background-color: #fff;
12176		}
12177			
12178			#eldt-cert h2 {
12179			text-align: center;
12180			margin-top: 0;
12181			font-style: normal;
12182			padding-bottom: 0px;
12183			padding-top: 0;
12184			line-height: 1.1;
12185			letter-spacing: -.015em;
12186			margin: 0 auto;
12187			font-weight: 800;
12188			font-size: 48px;
12189			color: #000;
12190			max-width:900px;
12191		}
12192			
12193		#stages>.container:after {
12194			content: '';
12195			display: block;
12196			height: 0;
12197			clear: both;
12198		}
12199			
12200		</style>
12201
12202			
12202<script>
12203		document.addEventListener('DOMContentLoaded', function(){
12204			if ('IntersectionObserver' in window){
12205				var observerOptions = {
12206					rootMargin: "0px 0px -30% 0px",
12207					threshold: 0.5
12208				}
12209				var observer = new IntersectionObserver(observerCallback, observerOptions);
12210				function observerCallback(entries, observer) {
12211					entries.forEach(entry => {
12212						if(entry.isIntersecting) {
12213						  entry.target.classList.add('is-active');
12214						}else{
12215							entry.target.classList.remove('is-active');
12216						}
12217					});
12218				};
12219				document.querySelectorAll('#stages .stage').forEach((el) => {
12220					if (el) {
12221						observer.observe(el);
12222					}
12223				});
12224			}else{
12225				document.querySelectorAll('#stages .stage').forEach((el) => {
12226					if (el) {
12227						el.target.classList.add('is-active');
12228					}
12229				})
12230			}
12231		})
12232		</script>
12232
12233			
12234			
12235			
12236
12237								
12238		  <style>
12239			  
12240			  section.problem {
12241			background: #fafbfc;
12242		}
12243			  
12244		  .callouts {
12245			max-width: 1800px;
12246			margin: 0 auto;
12247		  }
12248		  .callouts img {width: 100%;}
12249		  @media(max-width: 1080px){
12250			.callouts, section.screen.screen-pc.with-animation.animated  {display: none;}
12251		  }
12252			  
12253			  .sec2_19 .blocks {    padding-top: 0px;}
12254			  
12255		#perfect-choice {
12256			padding: 80px 0 120px;
12257		}
12258		#perfect-choice h2 {
12259			margin-bottom: 40px;
12260		}
12261		.perfect-items {
12262			position: relative;
12263			/*overflow: hidden;*/
12264		}
12265		.perfect-items .inner-wrp {
12266			display: flex;
12267			flex-wrap: wrap;
12268			width: calc(100% + 20px);
12269			margin: 0 -10px -20px;
12270			font-size: 0;
12271			position: relative;
12272			overflow: hidden;
12273			background-color: transparent;
12274			 flex-flow: row nowrap;
12275			-webkit-box-align: stretch;
12276			align-items: stretch;
12277			-webkit-box-pack: justify;
12278			justify-content: space-between;
12279		}
12280		.perfect-items .perfect-item {
12281				display: block;
12282			margin: 0px 10px 20px;
12283			padding: 30px 36px;
12284			width: calc(59% - 20px);
12285			border-radius: 30px;
12286			position: relative;
12287			background-color: rgb(244 245 246);
12288			/*-webkit-box-shadow: 0px 0px 0px 20px rgba(255, 255, 255, 1);
12289			-moz-box-shadow: 0px 0px 0px 20px rgba(255, 255, 255, 1);*/
12290			/* box-shadow: 0px 0px 0px 20px rgba(255, 255, 255, 1); */
12291			z-index: 1;
12292			cursor: default;
12293			font-weight: 400;
12294			font-size: 21px;
12295			line-height: 29px;
12296			color: #111;
12297			overflow: hidden;
12298		}
12299		.perfect-items .perfect-item>span {
12300			display: block;
12301			font-size: 32px;
12302			font-weight: 700;
12303			margin-bottom: 10px;
12304		}
12305		.perfect-items .perfect-item:nth-child(2),.perfect-items .perfect-item:nth-child(3),.perfect-items .perfect-item:nth-child(6),.perfect-items .perfect-item:nth-child(7){
12306		/*	width: calc(41% - 20px);*/
12307		}
12308		.perfect-items #blur {
12309			position: absolute;
12310			right: 0;
12311			top: 0;
12312			width: 300px;
12313			height: 300px;
12314			transform: translate(-50%, -50%);
12315			background: #FFE26B;
12316			filter: blur(80px);
12317			-webkit-backdrop-filter: blur(80px);
12318			/*opacity: 0;
12319			transition: opacity .2s;*/
12320		}
12321		.perfect-items-wrp {
12322			position: relative;
12323		}
12324		.perfect-items-wrp .label {
12325			top: calc(50% - 15px);
12326			left: -70px;
12327			transform: rotate(-14.25deg);
12328			z-index: 10;
12329		}
12330		@media(max-width: 1023px){
12331			.perfect-items .inner-wrp {
12332				flex-flow: column;
12333				align-items: center;
12334			}
12335		}
12336		@media(max-width: 767px){
12337			#perfect-choice {
12338				padding: 60px 0 40px;
12339			}
12340			#perfect-choice h2 {
12341				margin-bottom: 30px !important;
12342			}
12343			.perfect-items .perfect-item {
12344				width: 100% !important;
12345				font-size: 1.125rem;
12346				background-color: #e5f0fc;
12347				line-height: 24px;
12348			}
12349			.perfect-items #blur {
12350				width: 400px;
12351				height: 400px;
12352				transform: none;
12353				filter: blur(150px);
12354				top: -100px;
12355			}
12356		}
12357
12358			.category-photos {
12359			margin: -30px -40px 30px;
12360			max-height: 430px;
12361			overflow: hidden;
12362		}
12363		  .section-will-always .col-left {
12364			float: left;
12365			width: 57%;
12366			text-align: left;
12367		}
12368			  .section-will-always .col-right {
12369			float: left;
12370			width: 43%;
12371			margin-left: 0%;
12372		}
12373		  .toggler.unique {
12374			max-width: 100%;
12375		}
12376		   
12377			  .section-will-always {padding:120px 0;}
12378			  
12379			  #masonry p.job.bold, #callouts p.job.bold {
12380			text-align: center;
12381			font-size: 24px;
12382			line-height: 1.5;
12383			font-weight: 500;
12384			color: #18181A;
12385			max-width: 1040px;
12386			margin: 0 auto 50px;
12387		}
12388			  
12389		  </style>            
12390			
12391
12392
12393			
12394			
12395			
12396
12397		<style>
12398
12399			.row {
12400			margin-right: -15px;
12401			margin-left: -15px;
12402		}
12403			
12404		#masonry {
12405			background-color: #FFFFFF;
12406			padding: 100px 0 100px;
12407		}
12408		#masonry .row {
12409			display: flex;
12410			margin-bottom: 30px;
12411		/*        flex-wrap: nowrap;*/
12412		}
12413		#masonry h2 {
12414			text-align: center;
12415		}
12416		#masonry h3 {
12417			text-align: center;
12418			margin: 0 0 11px;
12419			font-size: 28px;
12420			line-height: 1.1;
12421			font-weight: 700;
12422			letter-spacing: 0em;
12423		}
12424		#masonry p {
12425
12426		}
12427		#masonry .col-12 {
12428			width: 100%;
12429		}
12430		#masonry .full-bg {
12431			background-size: cover;
12432			background-position: center;
12433			background-repeat: no-repeat;
12434			min-height: 450px;
12435		}
12436		#masonry .full-bg h3, #masonry .full-bg p{
12437			color: #fff;
12438		}
12439		#masonry .tile {
12440			background-color: #f5f5f7;
12441			border-radius: 15px;
12442			padding: 40px 25px 30px;
12443			height: 100%;
12444			overflow: hidden;
12445		}
12446
12447		#masonry .tile.specific {
12448			background: linear-gradient(135deg, #1a365d 0%, #2d4a7c 100%); /* Was: specific-to-dmv.jpeg */
12449			display: flex;
12450			flex-direction: column;
12451			justify-content: flex-end;
12452			align-items: flex-start;
12453		}
12454		#masonry .tile.specific p {
12455			max-width: 450px;
12456			margin: 0;
12457		}
12458		#masonry .tile.updated {
12459			display: flex;
12460			flex-direction: column;
12461			padding-bottom: 0;
12462		}
12463		#masonry .tile.updated .img-wrapper {
12464			width: calc(100% + 50px);
12465			margin-left: -25px;
12466			margin-top: auto;
12467			overflow: hidden;
12468		}
12469		#masonry .tile.updated .img-wrapper img {
12470			width: 100%;
12471			margin-bottom: -57px;
12472		}
12473		#masonry .tile.exam-simulator {
12474			display: flex;
12475			padding-right: 0;
12476		}
12477		#masonry .tile.exam-simulator .content-wrapper {
12478			width: 200px;
12479		}
12480		#masonry .tile.exam-simulator .img-wrapper {
12481			flex: auto;
12482		}
12483		#masonry .tile.exam-simulator .img-wrapper img {
12484			width: 100%;
12485		}
12486		#masonry .tile.challenge-bank {
12487			display: flex;
12488			padding-right: 0;
12489		}
12490		#masonry .tile.challenge-bank .content-wrapper {
12491			flex: 1;
12492		}
12493		#masonry .tile.challenge-bank .img-wrapper {
12494			position: relative;
12495			width: 200px;
12496			margin-top: -30px;
12497		}
12498		#masonry .tile.challenge-bank .img-wrapper picture:first-of-type img {
12499			position: absolute;
12500			right: 147px;
12501			bottom: 35px;
12502			width: 350px;
12503			height: auto;
12504		}
12505		#masonry .tile.challenge-bank .img-wrapper picture:nth-of-type(2) img {
12506			width: 100%;
12507		}
12508		#masonry .tile.diff-levels {
12509			padding-bottom: 0;
12510		}
12511		#masonry .tile.diff-levels .img-wrapper{
12512			width: calc(100% + 50px);
12513			margin: -100px -25px 0;
12514		}
12515		#masonry .tile.diff-levels .img-wrapper img {
12516			width: 100%;
12517		}
12518		#masonry .tile.voice-over {
12519			background-image: url(/wp-content/uploads/2021/08/listening.jpeg);
12520		}
12521		#masonry .tile.voice-over p {
12522			max-width: 280px;
12523		}
12524		#masonry .tile.night-mode .img-wrapper {
12525			width: calc(100% + 64px);
12526			margin-top: 25px;
12527		}
12528		#masonry .tile.night-mode .img-wrapper img {
12529			width: 100%;
12530		}
12531		#masonry .tile.study-plan {
12532			display: flex;
12533			background-color: #2997ff;
12534			color: #fff;
12535			position: relative;
12536		}
12537		#masonry .tile.study-plan:before {
12538			content: url("data:image/svg+xml,%3Csvg width='492' height='80' viewBox='0 0 492 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M-327 69.6229L-259 48.6229C-190 28.6229 -54 -12.3771 83 3.62288C219 19.6229 356 93.6229 424 130.623L492 167.623H424C356 167.623 219 167.623 83 167.623
12538C-54 167.623 -190 167.623 -259 167.623H-327V69.6229Z' fill='%230099FF' fill-opacity='0.4'/%3E%3C/svg%3E%0A");
12539			position: absolute;
12540			left: 0;
12541			bottom: -4px;
12542			display: block;
12543		}
12544		#masonry .tile.study-plan .content-wrapper {
12545			display: flex;
12546			flex-direction: column;
12547			justify-content: center;
12548			min-width: 400px;
12549		}
12550		#masonry .tile.study-plan h3 {
12551			font-size: 54px;
12552			line-height: .9;
12553			margin-bottom: 20px;
12554		}
12555		#masonry .tile.study-plan p {
12556			color: #fff;
12557			max-width: 350px;
12558		}
12559		#masonry .tile.study-plan .img-wrapper img {
12560			height: 142%;
12561		}
12562
12563		#masonry .tile.devices {
12564			display: flex;
12565			flex-direction: column-reverse;
12566			justify-content: flex-end;
12567			align-items: flex-start;
12568		}
12569		#masonry .tile.devices .img-wrapper {
12570			width: 100%;
12571		}
12572		#masonry .tile.devices .img-wrapper img {
12573			width: calc(100% + 50px);
12574			margin: -30px -25px 0;
12575		}
12576		#masonry .tile.flashcards {
12577			padding-bottom: 0;
12578		}
12579		#masonry .tile.flashcards .content-wrapper {
12580			margin-bottom: 20px;
12581		}
12582		#masonry .tile.flashcards .img-wrapper{
12583			width: 100%;
12584			height: auto;
12585		}
12586		#masonry .tile.flashcards .img-wrapper img {
12587			width: 95%;
12588			margin-left: 5%;
12589		}
12590		#masonry .tile.striking-imagery {
12591			padding-bottom: 0;
12592		}
12593		#masonry .tile.striking-imagery .content-wrapper {
12594			margin-bottom: 30px;
12595		}
12596		#masonry .tile.striking-imagery .img-wrapper{
12597			width: calc(100% + 25px);
12598			margin-right: -25px;
12599		}
12600		#masonry .tile.striking-imagery .img-wrapper img {
12601			width: 100%;
12602		}
12603		#masonry .tile.striking-imagery h3{
12604			max-width: 350px;
12605		}
12606		#masonry .tile.marathon {
12607			background-color: #2997ff;
12608			color: #fff;
12609			position: relative;
12610			display: flex;
12611			padding-bottom: 0;
12612		}
12613		#masonry .tile.marathon .content-wrapper {
12614			width: 180px;
12615		}
12616		#masonry .tile.marathon .img-wrapper {
12617			flex: 1;
12618			position: relative;
12619			z-index: 2;
12620		}
12621		#masonry .tile.marathon .img-wrapper img {
12622			width: calc(100% + 25px);
12623			position: absolute;
12624			bottom: 0;
12625		}
12626		#masonry .tile.marathon p {
12627			color: #fff;
12628		}
12629
12630		#masonry .tile.truly-prepared {
12631			text-align: center;
12632			padding: 30px 0 0;
12633		}
12634		#masonry .tile.truly-prepared .content-wrapper {
12635			padding-left: 25px;
12636			padding-right: 25px;
12637		}
12638		#masonry .tile.truly-prepared h3 {
12639			text-align: center;
12640			font-size: 32px;
12641			max-width: 400px;
12642			margin: 0 auto 10px;
12643		}
12644		#masonry .tile.truly-prepared p {
12645			text-align: center;
12646			max-width: 450px;
12647			margin: 0 auto 10px;
12648		}
12649		#masonry .tile.truly-prepared img {
12650			width: 97%;
12651			margin-left: 3%;
12652		}
12653
12654		@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
12655			#masonry .tile.specific {
12656				background: linear-gradient(135deg, #1a365d 0%, #2d4a7c 100%); /* Was: specific-to-dmv-2x.jpeg */
12657			}
12658			#masonry .tile.voice-over {
12659				background-image: url(/wp-content/uploads/2021/08/listening-2x.jpeg);
12660			}
12661		}
12662		@media(max-width: 1199px) {
12663			#masonry .tile.night-mode {
12664				background-size: auto 300px;
12665				background-position: 20px 140px;
12666			}
12667			#masonry .tile.striking-imagery {
12668				background-position: 40px 175px;
12669			}
12670		}
12671		@media(max-width: 1099px){
12672			#masonry .tile.marathon:before {
12673				background-position: left 20px;
12674			}
12675		}
12676		@media(max-width: 991px) {
12677			#masonry .row {
12678				display: block;
12679				margin-bottom: 0;
12680			}
12681			#masonry .tile {
12682				margin-bottom: 30px;
12683			}
12684			#masonry .tile.updated {
12685				flex-direction: row;
12686			}
12687			#masonry .tile.updated .content-wrapper {
12688				flex: 1;
12689			}
12690			#masonry .tile.updated .img-wrapper {
12691				width: auto;
12692				flex: 1;
12693				margin-left: 0;
12694				margin-top: -10px;
12695				margin-right: -25px;
12696			}
12697			#masonry .tile.night-mode {
12698				display: flex;
12699				padding-right: 0;
12700			}
12701			#masonry .tile.night-mode .img-wrapper {
12702				width: auto;
12703				flex: 1;
12704				margin-top: 0;
12705			}
12706			#masonry .tile.night-mode .content-wrapper {
12707				flex: 1;
12708				padding-right: 20px;
12709			}
12710			#masonry .tile.devices {
12711				flex-direction: row;
12712				justify-content: flex-start;
12713			}
12714			#masonry .tile.devices .content-wrapper {
12715				width: auto;
12716				flex: 1;
12717			}
12718			#masonry .tile.devices .img-wrapper {
12719				width: auto;
12720				flex: 1;
12721			}
12722			#masonry .tile.striking-imagery {
12723				background-position: right 175px;
12724			}
12725			#masonry .tile.marathon .content-wrapper {
12726				width: auto;
12727				flex: 1;
12728			}
12729			#masonry .tile.marathon .img-wrapper img {
12730				position: static;
12731			}
12732			#masonry .tile.marathon:before {
12733				background-position: right 20px;
12734			}
12735			#masonry .tile.study-plan h3 {
12736				font-size: 50px;
12737			}
12738			#masonry .tile.challenge-bank .img-wrapper picture:first-of-type img {
12739				bottom: 15px;
12740			}
12741			#masonry .row .col-md-4, #masonry .row .col-md-6, #masonry .row .col-md-8, #masonry .row .col-md-12 {
12742				margin-bottom: 0 !important;
12743				padding-top: 0 !important;
12744				padding-bottom: 0 !important;
12745			}
12746		}
12747		@media(max-width: 767px){
12748			#masonry {
12749				padding: 50px 0;
12750			}
12751			#masonry h2 {
12752				margin-bottom: 30px !important;
12753			}
12754			#masonry .tile.specific {
12755				background-position: 75% top;
12756			}
12757			#masonry .tile.updated {
12758				flex-direction: column;
12759			}
12760			#masonry .tile.updated .img-wrapper {
12761				margin-left: -25px;
12762				margin-top: 0;
12763			}
12764			#masonry .tile.exam-simulator {
12765				flex-direction: column;
12766			}
12767			#masonry .tile.exam-simulator .content-wrapper {
12768				width: auto;
12769				margin-bottom: 20px;
12770			}
12771			#masonry .tile.challenge-bank {
12772				flex-direction: column-reverse;
12773			}
12774			#masonry .tile.challenge-bank .content-wrapper {
12775				margin-top: 20px;
12776				padding-right: 20px;
12777			}
12778			#masonry .tile.challenge-bank .img-wrapper {
12779				width: 40%;
12780				margin-top: -40%;
12781				margin-left: auto;
12782			}
12783			#masonry .tile.challenge-bank .img-wrapper picture:first-of-type img {
12784				right: 62%;
12785				bottom: -1%;
12786				width: 200%;
12787			}
12788			#masonry .tile.diff-levels .img-wrapper {
12789				margin-top: -70px;
12790			}
12791			#masonry .tile.voice-over {
12792				display: flex;
12793				flex-direction: column;
12794				justify-content: flex-end;
12795			}
12796			#masonry .tile.voice-over .content-wrapper {
12797				padding: 10px;
12798				background-color: rgba(0,0,0,0.3);
12799				border-radius: 10px;
12800			}
12801			#masonry .tile.night-mode {
12802				flex-direction: column;
12803			}
12804			#masonry .tile.night-mode .content-wrapper {
12805				margin-bottom: 20px;
12806				padding-right: 25px;
12807			}
12808			#masonry .tile.study-plan {
12809				flex-direction: column;
12810			}
12811			#masonry .tile.study-plan .content-wrapper {
12812				min-width: 0;
12813				margin-bottom: 30px;
12814			}
12815			#masonry .tile.study-plan .content-wrapper h3 {
12816				font-size: 22px;
12817			}
12818			#masonry .tile.study-plan .content-wrapper p {
12819				font-size: 18px;
12820			}
12821			#masonry .tile.study-plan:before {
12822				content: none;
12823			}
12824			#masonry .tile.study-plan .img-wrapper {
12825				margin-bottom: -100px;
12826			}
12827			#masonry .tile.study-plan .img-wrapper img {
12828				height: auto;
12829				width: 100%;
12830			}
12831			#masonry .tile.devices {
12832				flex-direction: column;
12833				background-color: #fafafa;
12834				padding-bottom: 0;
12835			}
12836			#masonry .tile.devices .img-wrapper {
12837				width: 100%;
12838			}
12839			#masonry .tile.devices .content-wrapper {
12840				width: 100%;
12841				position: relative;
12842			}
12843			#masonry .tile.striking-imagery {
12844				background-size: 95% auto;
12845				background-position: right bottom;
12846			}
12847			#masonry .tile.marathon {
12848				flex-direction: column;
12849			}
12850			#masonry .tile.marathon .content-wrapper {
12851				margin-bottom: 20px;
12852			}
12853			#masonry .tile.marathon .img-wrapper img{
12854				margin-bottom: -70px;
12855			}
12856			#masonry .tile.truly-prepared h3 {
12857				font-size: 28px;
12858			}
12859			#masonry .row {
12860				margin-bottom: 0 !important;
12861			}
12862		}
12863			
12864			
12865		</style>
12866
12867		<style>
12868		#callouts {
12869			padding: 120px 0;
12870		}
12871
12872		#callouts .pre-title>img {
12873			display: inline-block;
12874			vertical-align: middle;
12875			width: 18px;
12876			height: auto;
12877			margin-right: 8px;
12878		}
12879		#callouts .pre-title>span {
12880			display: inline-block;
12881			vertical-align: middle;
12882		}
12883		#callouts h2 {
12884			text-align: center;
12885			margin: 30px 0 60px;
12886		}
12887		#callouts .callouts {
12888			padding: 0 15px;
12889			margin-bottom: 20px;
12890		}
12891		#callouts .callouts>img {
12892			display: block;
12893			width: 100%;
12894			max-width: 1200px;
12895			margin: 0 auto;
12896			height: auto;
12897		}
12898		#callouts .try-it {
12899			display: inline-block;
12900			font-size: 26px;
12901			color: #007AFF;
12902			font-weight: 600;
12903			text-decoration: none;
12904			transition: transform .3s;
12905		}
12906		#callouts .try-it:visited {
12907			color: #2364E3;
12908		}
12909		#callouts .try-it:hover {
12910			text-decoration: none;
12911			transform: translateY(-3px);
12912		}
12913		#callouts .try-it>span, #callouts .try-it>svg {
12914			display: inline-block;
12915			vertical-align: middle;
12916		}
12917		#callouts .try-it>svg {
12918			width: 14px;
12919			height: auto;
12920			margin-left: 10px;
12921		}
12922		@media(max-width: 570px){
12923			#callouts {
12924				padding-top: 50px;
12925				padding-bottom: 30px;
12926			}
12927			#callouts .pre-title {
12928				text-align: left;
12929			}
12930			#callouts .try-it {
12931				font-size: 18px;
12932			}
12933			#callouts .pre-title {
12934				margin-bottom: 10px;
12935			}
12936			#callouts .pre-title>span {
12937				font-size: 16px;
12938			}
12939		}
12940		</style>
12941					
12942					<style>
12943						div#introducing-video\ mobile {display:none;}      
12944						
12945		a.hovernew:hover {
12946			color: #0549d1 !important;
12947		}
12948										
12949			section.howdoes {
12950				margin: 0px auto 80px;
12951		}
12952										
12953										div#how-does-it-work {
12954											padding:0px 0 0px;
12955										}
12956			#how-does-it-work h2 {
12957			margin: 20px auto 0px;
12958			text-align: center;
12959			font-style: normal;
12960			padding-bottom: 0px;
12961			padding-top: 0;
12962			line-height: 1.0625;
12963			letter-spacing: -.015em;
12964			margin: 0;
12965			font-weight: 800;
12966			font-size: 50px;
12967			color: #000;
12968			}
12969			.timeline {
12970				position: relative;
12971				margin-top: 80px;
12972			}
12973			.timeline__bar {
12974				background-color: #203135;
12975				width: calc(100% - calc(100% / 6));
12976				height: 4px;
12977				margin: 0 auto;
12978			}
12979			.timeline__row {
12980				display: flex;
12981				justify-content: space-between;
12982			}
12983			.flex-column {
12984				-ms-flex-direction: column!important;
12985				flex-direction: column!important;
12986			}
12987			.timeline__row .flex-column {
12988				flex-basis: calc(100% / 6);
12989			}
12990			.timeline__button {
12991				height: 20px;
12992				width: 20px;
12993				background-color: #203135;
12994				border-radius: 100%;
12995				display: block;
12996				margin: 0 auto;
12997				transform: translateY(calc(-50% - 2px));
12998				transition: all 200ms ease-in;
12999				position: relative;
13000			}
13001			.timeline__button::after, .timeline__button::before {
13002				content: "";
13003				display: block;
13004				position: absolute;
13005				border-radius: 100%;
13006				top: 50%;
13007				left: 50%;
13008				transform: translate(-50%, -50%);
13009				opacity: 0;
13010				height: 10px;
13011				width: 10px;
13012				transition: all 200ms ease-in;
13013			}
13014
13015			.timeline__button::after {
13016				background-color: #fff;
13017				border: solid 3px #203135;
13018				z-index: -1;
13019				transition: all 200ms ease-in;
13020			}
13021			.timeline__button.is-active {
13022				background-color: #203135;
13023			}
13024			.timeline__button.is-active::before {
13025				opacity: 1;
13026				height: 20px;
13027				width: 20px;
13028			}
13029			.timeline__button.is-active::after {
13030				opacity: 1;
13031				width: 35px;
13032				height: 35px;
13033			}
13034			.text-center {
13035				text-align: center!important;
13036				margin-top: 20px;
13037			}
13038			.roadmap-item h5 {
13039				font-weight: 700;
13040				font-size: 21px;
13041				letter-spacing: -0.025em;
13042				line-height: 1.4;
13043				color: #1a2a30;
13044				margin-bottom: 10px;
13045			}
13046			.roadmap-item h6 {
13047				font-weight: 300;
13048				font-size: 21px;
13049				margin-bottom: 10px;
13050				line-height: 1.2;
13051				color: #737373;
13052			}
13053			@media(max-width: 790px){
13054				#how-does-it-work, section.howdoes {display: none;}
13055			}
13056
13057						
13058			.lede {font-weight: 700;color: #1d1d20;}
13059								
13060			ul.tags {
13061			font-weight: 700;
13062			margin: 30px auto 0;
13063			max-width: 600px;
13064		}
13065								
13066			.tags li {
13067			float: left;
13068			font-weight: 500;
13069			display: inline-block;
13070			padding: 6px 22px;
13071			background: #e4f0fe;
13072			border-radius: 41px;
13073			margin: 0 5px 8px 0;
13074			font-size: 23px;
13075			line-height: 34px;
13076		}
13077				.sec2_3 {
13078			background: #ffffff;
13079			padding-top: 80px;
13080			padding-bottom: 60px;
13081		}
13082		.testimonial-banner {padding:50% 0 0;background-color:#3e75fa;background-repeat:no-repeat;background-size:contain;background-image:url(/premium/img/wydot-frame_.jpg);}
13083		.testimonial-banner__text {-webkit-align-self:center;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;padding:30px 20px;color:#fff;background-color:#3e75fa;}
13084		.testimonial-banner__text__quote {font-size:1.8rem;font-weight:200;text-transform:none;letter-spacing:-.015em;line-height:1.4;}
13085		blockquote.testimonial-banner__text__quote {border:0;padding:0;margin:0;line-height:1.4;}
13086		.testimonial-banner__text__author {margin-top:14px;padding-top:6px;}
13087		.testimonial-banner__text__author__image {float:left;margin-right:15px;margin-top:-6px;width:50px;height:50px;border-radius:50px;overflow:hidden;position:relative;}
13088		.testimonial-banner__text__author__logo {float:none;width:50%;height:auto;border-radius:0;overflow:hidden;position:relative;}
13089		.testimonial-banner__text__author__name {font-weight:400;font-size:1.4rem;color:#fff;}
13090		a.testimonial-banner__text__author__name:hover {text-decoration:underline;color:#fff;}
13091		a.testimonial-banner__text__author__name:active,a.testimonial-banner__text__author__name:focus,a.testimonial-banner__text__author__name:visited {color:#fff;}
13092
13093					@media (max-width: 990px) {
13094						.sec2_20 {padding-top: 0px !important;}  
13095						.sec2_20 .container {    padding-bottom: 50px;}
13096						section.section-super-scared .section-super-scared-right {margin: 30px auto 0;width: 528px;position: static !important;}
13097		/*                .box-row {margin-bottom: 20px;}*/
13098						.col-md-6 {margin-bottom: 20px;}
13099						.col-md-6.befully {margin-bottom: 0;}
13100					}
13101					
13102		@media (min-width: 434px) {
13103			.testimonial-banner__text {padding:50px;}
13104			.testimonial-banner__text__quote {font-size:2.8rem;}
13105			.testimonial-banner__text__author {padding-top:14px;}
13106			.testimonial-banner__text__author__name {font-size:1.6rem;}
13107			.testimonial-banner__text__author__image {margin-top:-14px;}
13108		}
13109		@media (min-width: 535px) {
13110			.testimonial-banner__text__quote {font-size:3.2rem;}
13111		}
13112		@media (min-width: 768px) {
13113			.testimonial-banner {display:-ms-flexbox;display:flex;height:420px;padding:0;background-size:100%;background-position-x:-185px;background-position-y:20%;}
13114			.testimonial-banner__text {display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-line-pack:center;align-content:center;height:100%;width:50%;margin-left:50%;}
13115			.testimonial-banner__text__quote {font-size:2.8rem;}
13116			.testimonial-banner__text__author {padding-top:6px;}
13117			.testimonial-banner__text__author__image {margin-top:-6px;}
13118		}
13119		@media (min-width: 819px) {
13120			.testimonial-banner__text__quote {font-size:3.2rem;}
13121		}
13122		@media (min-width: 949px) {
13123			.testimonial-banner__text__quote {font-size:3.5rem;}
13124		}
13125		@media (min-width: 989px) {
13126			.testimonial-banner__text__quote {font-size:3.7rem;}
13127		}
13128		@media (min-width: 992px) {
13129			.testimonial-banner {background-size:75%;background-position-x:-74%;}
13130		}
13131		@media (min-width: 1147px) {
13132			.testimonial-banner__text__author {padding-top:14px;}
13133			.testimonial-banner__text__author__image {margin-top:-14px;}
13134		}
13135		@media (min-width: 1200px) {
13136			.testimonial-banner {background-size:55%;background-position-x:-5%;background-position-y:44%;}
13137			.header-wrapper111 .sub-title {max-width: 845px;}
13138		}
13139		@media (max-width: 970px) {
13140			blockquote.testimonial-banner__text__quote {margin-left:0!important;}
13141			blockquote {
13142			display: block;
13143			text-align: left;
13144		}
13145		}
13146					
13147		.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
13148				letter-spacing: 0;
13149			font-weight: 300;
13150			color: #82858f;
13151			
13152					}
13153		</style>
13154				
13155		<style>
13156		p.section-descr {
13157			font-size: 17px;
13158			line-height: 24px;
13159			font-weight: 500;
13160			color: #161620;
13161		}
13162		#busy-people {
13163			padding: 100px 0 100px;
13164		}
13165		#busy-people h2 {
13166			margin: 0 0 30px;
13167			text-align: center;
13168		}
13169		#busy-people .features {
13170			display: flex;
13171			flex-wrap: wrap;
13172			justify-content: center;
13173			gap: 20px;
13174			max-width: 860px;
13175			margin: 50px auto 50px;
13176		}
13177		#busy-people .features .feature {
13178			display: flex;
13179			flex-direction: column;
13180			justify-content: flex-start;
13181			width: 200px;
13182			padding: 15px 20px;
13183			border-radius: 15px;
13184		}
13185		#busy-people .features .feature:nth-child(n+5):nth-child(-n+8) {
13186			background-color: #F9F9FB;
13187		}
13188		#busy-people .features .feature-img {
13189			width: 35px;
13190			height: 35px;
13191			display: flex;
13192			align-items: center;
13193			justify-content: center;
13194			border-radius: 50%;
13195			background-color: #F9F9FB;
13196			margin-bottom: 15px;
13197		}
13198		#busy-people .features .feature-img svg {
13199			display: block;
13200			width: 20px;
13201			height: 20px;
13202		}
13203		#busy-people .features .feature-heading {
13204			color: #212123;
13205			font-size: 18px;
13206			font-weight: 700;
13207			margin: 0 0 10px;
13208			text-align: left;
13209		}
13210		#busy-people .feature p {
13211			font-size: 14px;
13212			line-height: 17px;
13213			font-weight: 400;
13214			color: #212123;
13215		}
13216		#busy-people .all-devices {
13217			display: block;
13218			width: 100%;
13219			max-width: 300px;
13220			height: auto;
13221			margin: 0 auto;
13222		}
13223		@media(max-width: 570px){
13224			#busy-people .features .feature {
13225				background-color: transparent;
13226			}
13227			#busy-people h2 {
13228				margin-bottom: 10px !important;
13229			}
13230			#busy-people p.section-descr {
13231				text-align: left !important;
13232			}
13233			#busy-people {
13234				padding: 0 0 50px;
13235			}
13236			#busy-people .features .feature {
13237				width: 165px;
13238				background-color: #F9F9FB;
13239			}
13240			#busy-people .features {
13241				margin-bottom: 50px;
13242			}
13243		}
13244
13245			.sec3_20 {padding-top: 0px;}
13246		#anxiety .sec3_11_block {
13247			width: 280px;
13248			padding: 40px 30px 165px 37px;
13249			background-repeat: no-repeat;
13250			background-position: 50% 50%;
13251			background-size: cover;
13252			color: #fff;
13253			position: relative;
13254			min-height: 270px;
13255			border-radius: 12px;
13256			box-shadow: 10px 10px 20px 0 rgba(0,0,0,.5);
13257		}
13258
13259		#anxiety .sec3_11_block .author {
13260			line-height: 28px;
13261			text-transform: uppercase;
13262			letter-spacing: 1px;
13263			font-size: 12px;
13264			text-align:center;
13265		}
13266
13267		#anxiety .sec3_11_block .author img {
13268			margin-right: 3px;
13269			border-radius: 50%;
13270			width: 25px;
13271			float: none;
13272			position: relative;
13273			top: -2px;
13274		}
13275
13276		#anxiety .sec3_11_block .title {
13277			line-height: 38px;
13278			font-size: 28px;
13279			margin-top: 15px;
13280			font-weight: 700;
13281				text-align: center;
13282
13283		}
13284
13285		#anxiety .sec3_11_block .sec3_5_btn:hover {
13286			border: 1px solid #3b55e6 !important;
13287			opacity: 1 !important;
13288			background: #3b55e6 !important;
13289		}
13290
13291		#anxiety [data-balloon][data-balloon-pos='down']:before {display:block;}
13292		#anxiety [data-balloon][data-balloon-pos='down']:hover:before, #anxiety [data-balloon][data-balloon-pos='down'][data-balloon-visible]:before,
13293		#anxiety [data-balloon][data-balloon-pos='down']:hover:after, #anxiety [data-balloon][data-balloon-pos='down'][data-balloon-visible]:after {
13294			-webkit-transform: translate(-50%, -10px);
13295			-moz-transform: translate(-50%, -10px);
13296			-ms-transform: translate(-50%, -10px);
13297			transform: translate(-50%, -10px);
13298		}
13299		@media (max-width: 1220px) {
13300			#anxiety [data-balloon][data-balloon-pos='down']:hover:after, #anxiety [data-balloon][data-balloon-pos='down'][data-balloon-visible]:after {
13301				-webkit-transform: translate(-83%, -10px);
13302				-moz-transform: translate(-83%, -10px);
13303				-ms-transform: translate(-83%, -10px);
13304				transform: translate(-83%, -10px);
13305			}
13306		}
13307		@media (max-width: 1212px) {
13308			#anxiety .container {width:auto!important;}
13309		}
13310		@media (max-width: 1170px) {
13311			#anxiety.sec3_11 .flex {width:96%;}
13312			#anxiety .sec3_11_block {width:23%;}
13313		}
13314		@media (max-width: 1130px) {
13315			#anxiety .sec3_11_block audio {zoom:.9;}
13316			#anxiety .sec3_5_btn, #anxiety .sec3_5_btn:focus {height:48px;line-height:48px;min-width:0;    width:84%;}
13317			section.trusted-by {margin-top: 0 !important;}
13318		}
13319		@media (max-width: 1065px) {
13320			#anxiety [data-balloon][data-balloon-pos='down']:hover:after, #anxiety [data-balloon][data-balloon-pos='down'][data-balloon-visible]:after {
13321				-webkit-transform: translate(-50%, -10px);
13322				-moz-transform: translate(-50%, -10px);
13323				-ms-transform: translate(-50%, -10px);
13324				transform: translate(-50%, -10px);
13325			}
13326		}
13327		@media (max-width: 1050px) {
13328			#anxiety .sec3_11_block {padding-left:10px;padding-right:10px;}
13329		}
13330		@media (max-width: 1000px) {
13331			#anxiety .sec3_11_block audio {zoom:.8;}
13332			#anxiety .sec3_11_block .sec3_5_btn {padding:0;}
13333			#anxiety .sec3_5_btn, #anxiety .sec3_5_btn:focus {height:42px;line-height:42px;width:84%;}
13334		}
13335		@media (max-width: 884px) {
13336			#anxiety .sec3_11_block audio {zoom:.7;}
13337			#anxiety .sec3_5_btn, #anxiety .sec3_5_btn:focus {height:38px;line-height:38px;}
13338		}
13339		@media (max-width: 810px) {
13340			#anxiety .sec3_11_block .title {font-size:24px;}
13341		}
13342		@media (max-width: 780px) {
13343			#anxiety .sec3_11_block audio {zoom:.6;}
13344			#anxiety .sec3_5_btn, #anxiety .sec3_5_btn:focus {height:32px;line-height:32px;font-size:16px;}
13345		}
13346		@media (max-width: 750px) {
13347			#anxiety.sec3_11 .flex {width:616px;}
13348			#anxiety .sec3_11_block {width:280px;}
13349			#anxiety .sec3_11_block .title {font-size:28px;}
13350			#anxiety .sec3_11_block audio {zoom:1;}
13351			#anxiety .sec3_5_btn, #anxiety .sec3_5_btn:focus {height:52px;line-height:52px;font-size:21px;width:80%;margin-top:30px;position:relative;top:-2px;}
13352		}
13353		@media (max-width: 668px) {
13354			#anxiety h2 [data-balloon] {display:block!important;width:120px;margin:0 auto;}
13355		}
13356		@media (max-width: 664px) {
13357			#anxiety.sec3_11 .flex {width:96%;}
13358			#anxiety .sec3_11_block {width:48%;}
13359		}
13360		@media (max-width: 570px) {
13361			.quote {
13362			padding-right: 0 !important;
13363			padding-left: 0 !important;
13364		}
13365			
13366			#masonry .tile.truly-prepared.parent img {
13367			margin-left: 12%;
13368			bottom: -20px !important;
13369		}
13370			p.subctr {text-align: center !important;margin-top: 20px;}
13371			#anxiety.sec3_11 .flex {width:100%;}
13372			#anxiety .sec3_11_block {width:280px;}
13373			.sub-title.show-second {text-align: left !important;}
13374
13375			.avatars-wrp {
13376    margin-top: 5px !important;
13377}
13378			
13379			a.sec3_5_btn.blue.btnPurchase.trans.herocta {
13380				margin-top: 15px !important;
13381        -webkit-border-radius: 10px;
13382        -moz-border-radius: 10px;
13383        border-radius: 10px;
13384        text-transform: none;
13385        margin: 5px 0 12px;
13386        font-size: 16px !important;
13387        font-weight: 600;
13388        text-align: center;
13389        display: inline-block;
13390        box-shadow: 0 5px 15px rgb(51 51 79 / 10%);
13391        height: auto !important;
13392        padding: 16px 20px !important;
13393        width: 100%;
13394        max-width: calc(100% - 40px);
13395        box-sizing: border-box;
13396        border: 2px solid transparent !important;
13397        line-height: 1.5 !important;
13398		}
13399
13400		.bg {
13401			opacity: .67;
13402			width: 100%;
13403			padding-bottom: 23%;
13404
13405		}
13406		.bg.yellow {top: -158px;}
13407		.bg.blue-green {top: 110px;        display: none;}
13408		.bg.blue {top: -130px;}
13409		.bg.purple {padding-bottom: 24%;top: 395px;}
13410
13411			.subheader-wrapper .hero-wrapper .mobile {
13412			display: inline-block;
13413			width: 100% !important;
13414			margin-left: 0% !important;
13415		}
13416			section.problem {
13417			padding-top: 25px !important;
13418			padding-bottom: 0px !important;
13419		}
13420			
13421		}
13422			
13423		#price-plans-section {
13424			padding-bottom: 20px;
13425			padding-top: 80px;
13426			/* background: linear-gradient(262.98deg, #E3F0FF 6.71%, #F8F3FF 93.11%), #FFFFFF; */
13427			background-position: top center;
13428			background-repeat: no-repeat;
13429			background-size: cover;
13430			background:transparent;
13431		}
13432
13433		#price-plans-section .pre-title {
13434			text-align: center;
13435		}
13436
13437		#price-plans-section h2.detailed {
13438			font-size: 56px;
13439			line-height: 1.15;
13440			letter-spacing: -.015em;
13441			padding-bottom: 0px;
13442			padding-top: 0;
13443			margin: 0 auto;
13444			text-align: center;
13445			color: #1d1d1f;
13446			font-weight: 800;max-width: 850px;
13447		} 
13448		#established {
13449			padding:100px 0;
13450		}
13451		#established .container {
13452			gap: 40px;
13453			align-items: center;
13454		}
13455		#established .col-md-7 {
13456			flex: 0 0 58%;
13457		}
13458		#established .col-md-5 {
13459			flex: 0 0 38%;
13460		}
13461
13462		</style>
13463<section id="established">
13464	<div class="container" style="width: 1500px;margin: 0 auto;display: flex;">
13465		<div class="col-md-7">
13466			<div style="">
13467				<div class="pre-title">Practice built around NCBE-licensed questions</div>
13468				<h2 style="margin-left: 0;">Learn how the exam asks, <span class="underline">not just what the law says.</span></h2>
13469				<div class="typography-section-intro"></div>
13470				<p class="job" style="max-width: 640px;margin-bottom: 15px;">Full Bar and Full MBE combine 1,300+ licensed MBE questions with 600+ carefully written simulations, detailed explanations, and timed practice.</p>
13471				<p class="job" style="max-width: 640px;margin-bottom: 15px;">You learn the wording, distractors, and time pressure of the legacy MBE before exam day.</p>
13472							</div>
13473		</div>
13474	
13475		<style>
13476			.stage-image {
13477				position: relative;
13478				border-radius: 10px;
13479				height: 320px;
13480				width: 100%;
13481				min-width: 280px;
13482				border: 20px solid #E7F0FF;
13483				overflow: hidden;
13484			}
13485			.stage-image:before {
13486				content: '';
13487				position: absolute;
13488				top: -20px;
13489				bottom: -20px;
13490				right: -20px;
13491				left: -20px;
13492				background-color: transparent;
13493				border-radius: 30px;
13494				border: 20px solid #E7F0FF;
13495			}
13496			.selection {
13497font-weight: 700;
13498color: #111;
13499}
13500		</style>
13501	
13502		<div class="col-md-5">
13503			<div class="stage-image" style="
13504				background-image: url(https://barprephero.com/wp-content/uploads/2021/06/bar-prep-hero-legal-analysis-2.jpeg);
13505				background-position: top;
13506				background-size: cover;
13507			"></div>
13508
13509			
13510		</div>
13511	</div>
13512</section>
13513
13514		<!-- READINESS METER Section -->
13515		<section id="readiness-meter">
13516			<div class="container section-inner">
13517				<div class="pre-title" style="text-align: center; margin-bottom: 12px;">Readiness Meter</div>
13518				<h2 class="detailed" style="text-align: center;">See your exact passing probability. Updated after every question.</h2>
13519				<p class="section-subtitle">At 47%? Keep practicing. At 94%? You're ready for exam day.</p>
13520
13521				<!-- Meter Widget -->
13522				<div class="meter-widget">
13523					<div class="meter-label">Your Passing Probability</div>
13524					<div class="meter-labels">
13525						<span class="red">Keep practicing</span>
13526						<span class="yellow">Almost there</span>
13527						<span class="green">Ready!</span>
13528					</div>
13529					<div class="meter-bar">
13530						<div class="meter-thumb"><span>94%</span></div>
13531					</div>
13532					<div class="ready-badge">
13533						<span>✓ You're ready for exam day!</span>
13534					</div>
13535				</div>
13536
13537				<p class="description">
13538					Our Readiness Meter doesn't just track your scores - it factors in your weak spots, your accuracy trends, and how you'd perform under real exam conditions. When the meter turns green, you're ready. No more "I think I'm prepared, maybe?"
13539				</p>
13540
13541				<div class="cta-area">
13542					<a href="#upgrade2" class="sec3_5_btn blue btnPurchase trans herocta" data-pricing-cta data-cta-location="readiness_meter" style="background-color: #077aff; text-transform: none; letter-spacing: 0;">See one-time plans</a>
13543				</div>
13544			</div>
13545		</section>
13546
13547			<section class="sec7_13" id="price-plans-section">
13548					<div class="container" id="upgrade2">
13549						<p class="pricing-prehead" style="text-align: center; margin: 0 auto 15px; padding-top: 60px;"><span style="display: inline-block; background: #eff6ff; border: 1px solid #bfdbfe; color: #1e40af; font-size: 14px; font-weight: 600; padding: 6px 14px; border-radius: 20px;">Pay once. No subscription. Lifetime access.</span></p>
13550						<h2 class="detailed" style="max-width: 900px;">
13551							Choose the coverage you need for February 2027.</h2>
13552		<div class="typography-section-intro" style="margin-top: 30px;"></div>
13553		<p class="job" style="text-align: center;margin:0px auto 20px; max-width: 760px;">These plans support the legacy MBE and UBE format. Pick Full Bar for MBE, MEE, and MPT coverage. Pick Full MBE if you already have essay and performance-test materials. Pick Sim MBE only for extra simulated multiple-choice practice.</p>
13554		<div class="plan-choice-guide" style="max-width: 1050px; margin: 0 auto 32px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px;">
13555			<a href="#plan-full-bar" class="plan-choice-card" data-plan-key="full_bar" style="background: #fff; border: 1px solid #dbeafe; border-radius: 16px; padding: 18px; text-align: left; text-decoration: none;">
13556				<div style="font-size: 13px; font-weight: 700; color: #1d4ed8; margin-bottom: 6px;">
13556Choose this if you need UBE coverage</div>
13557				<strong style="display: block; color: #111827; font-size: 18px; margin-bottom: 6px;">The Full Bar (UBE)</strong>
13558				<p style="margin: 0; color: #475569; font-size: 15px; line-height: 1.45;">MBE, MEE, MPT, AI tutoring, lifetime access, and Pass Guarantee.</p>
13559			</a>
13560			<a href="#plan-full-mbe" class="plan-choice-card" data-plan-key="full_mbe" style="background: #fff; border: 1px solid #e5e7eb; border-radius: 16px; padding: 18px; text-align: left; text-decoration: none;">
13561				<div style="font-size: 13px; font-weight: 700; color: #0f766e; margin-bottom: 6px;">Choose this if MBE is the job</div>
13562				<strong style="display: block; color: #111827; font-size: 18px; margin-bottom: 6px;">The Full MBE</strong>
13563				<p style="margin: 0; color: #475569; font-size: 15px; line-height: 1.45;">All real and simulated MBE questions, AI tutoring, lifetime access, and Pass Guarantee. No MEE/MPT materials.</p>
13564			</a>
13565			<a href="#plan-sim-mbe" class="plan-choice-card" data-plan-key="sim_mbe" style="background: #fff; border: 1px solid #e5e7eb; border-radius: 16px; padding: 18px; text-align: left; text-decoration: none;">
13566				<div style="font-size: 13px; font-weight: 700; color: #92400e; margin-bottom: 6px;">Choose this as a supplement</div>
13567				<strong style="display: block; color: #111827; font-size: 18px; margin-bottom: 6px;">The Sim MBE</strong>
13568				<p style="margin: 0; color: #475569; font-size: 15px; line-height: 1.45;">600+ simulated questions, AI tutoring, and lifetime access. No NCBE-licensed questions, MEE/MPT, or Pass Guarantee.</p>
13569			</a>
13570		</div>
13571		<style>@media(max-width:768px){.plan-choice-guide{display:block!important}.plan-choice-guide>.plan-choice-card{display:block;margin-bottom:12px}}</style>
13572		<div id="passguarantee-label"><a href="#pass-guarantee" style=""><img class="pass-guarantee-img" src="https://driving-tests.org/cdl-premium/passguarantee-orig.svg" width="180px" height="74px" style="
13573			display: block;
13574			width: 180px;
13575			margin: 0px auto 0px;
13576			height: auto;
13577		"></a>
13578		</div>
13579
13580		<div class="trusted-by-users" style="
13581			text-align: center;
13582			max-width: 520px;
13583			margin: 0 auto 20px;
13584		">
13585		<div class="stars" style="margin: 20px 0 5px;">
13586		<svg xmlns="http://www.w3.org/2000/svg" width="21" height="19" viewBox="0 0 21 19">
13587			<path fill="#FFF" fill-rule="evenodd" d="M10.538 15.772l-6.18 3.25 1.18-6.883-5-4.874 6.91-1.004L10.538 0l3.09 6.261 6.91 1.004-5 4.874 1.18 6.882z" style="
13588			fill: #4fc850;
13589		"></path>
13590		</svg>
13591		<svg xmlns="http://www.w3.org/2000/svg" width="21" height="19" viewBox="0 0 21 19">
13592			<path fill="#FFF" fill-rule="evenodd" d="M10.538 15.772l-6.18 3.25 1.18-6.883-5-4.874 6.91-1.004L10.538 0l3.09 6.261 6.91 1.004-5 4.874 1.18 6.882z" style="
13593			fill: #4fc850;
13594		"></path>
13595		</svg>
13596		<svg xmlns="http://www.w3.org/2000/svg" width="21" height="19" viewBox="0 0 21 19">
13597			<path fill="#FFF" fill-rule="evenodd" d="M10.538 15.772l-6.18 3.25 1.18-6.883-5-4.874 6.91-1.004L10.538 0l3.09 6.261 6.91 1.004-5 4.874 1.18 6.882z" style="
13598			fill: #4fc850;
13599		"></path>
13600		</svg>
13601		<svg xmlns="http://www.w3.org/2000/svg" width="21" height="19" viewBox="0 0 21 19" style="margin-right: 6px;">
13602			<path fill="#FFF" fill-rule="evenodd" d="M10.538 15.772l-6.18 3.25 1.18-6.883-5-4.874 6.91-1.004L10.538 0l3.09 6.261 6.91 1.004-5 4.874 1.18 6.882z" style="
13603			fill: #4fc850;
13604		"></path>
13605		</svg><svg xmlns="http://www.w3.org/2000/svg" width="21" height="19" viewBox="0 0 21 19">
13606			<path fill="#FFF" fill-rule="evenodd" d="M10.538 15.772l-6.18 3.25 1.18-6.883-5-4.874 6.91-1.004L10.538 0l3.09 6.261 6.91 1.004-5 4.874 1.18 6.882z" style="
13607			fill: #4fc850;
13608		"></path>
13609		</svg>
13610		</div>
13611		<span class="rating-txt" style="line-height: 1.5;font-size: 13px;color: #64748b;text-align: center;">Complete the required full-plan work and still fail? Full refund.</span>
13612		</div>
13613					
13614
13615		</div>
13616			
13617						
13618		<style>
13619			#cheat-sheets2 .container1 .item {
13620				opacity: 1 !important;
13621				transform: none !important;
13622			}
13623						.price-tag {
13624			position: absolute;
13625			top: 0;
13626			left: 20%;
13627			transform: translate(-30%, -50%);
13628			font-size: 15px;
13629			line-height: 1.2;
13630			font-weight: 600;
13631			padding: 6px 13px;
13632			background-color: #FFE26B;
13633			border-radius: 6px;
13634		}
13635						#price-plans-section {padding: 40px 0;}
13636						#price_plans {
13637							display: flex;
13638							justify-content: center;
13639							gap: 20px;
13640							max-width: 1400px;
13641							margin: 40px auto 0;
13642							flex-wrap: wrap;
13643						}
13644						/* Desktop: override slick slider if accidentally initialized */
13645						@media (min-width: 769px) {
13646							#price_plans.slick-initialized {
13647								display: flex !important;
13648							}
13649							#price_plans.slick-initialized .slick-list {
13650								width: 100% !important;
13651								overflow: visible !important;
13652							}
13653							#price_plans.slick-initialized .slick-track {
13654								display: flex !important;
13655								justify-content: center !important;
13656								gap: 20px !important;
13657								transform: none !important;
13658								width: auto !important;
13659							}
13660							#price_plans.slick-initialized .slick-slide {
13661								float: none !important;
13662								width: auto !important;
13663								flex: 0 0 380px !important;
13664								max-width: 380px !important;
13665							}
13666							#price_plans.slick-initialized .slick-dots {
13667								display: none !important;
13668							}
13669							#price_plans.slick-initialized .slick-cloned {
13670								display: none !important;
13671							}
13672						}
13673						#price_plans .feature_item {
13674							flex: 0 0 380px;
13675							max-width: 380px;
13676							padding: 0 0 20px;
13677							margin-top: 0;
13678							overflow: inherit;
13679							position: relative;
13680						}
13681						#price_plans .feature_item .checks {padding: 0px 0 0 0px;}
13682						#price_plans .feature_item .inner_item_price h3 {
13683							font-weight: 700;
13684							font-size: 28px;
13685							line-height: 40px;
13686							vertical-align: middle;
13687							text-align: left;
13688							color: #111827;
13689			}
13690						@media(max-width: 1280px) {#price_plans {max-width: 1100px; gap: 30px;} #price_plans .feature_item {flex: 0 0 320px; max-width: 320px;}}
13691						@media(max-width: 900px) {
13692							#price-plans-section {padding: 50px 0;}
13693							#price_plans {
13694								flex-direction: column;
13695								align-items: center;
13696								gap: 20px;
13697							}
13698							#price_plans .feature_item {
13699								width: 100%;
13700								max-width: 420px;
13701							}
13702							.feature_item figure img {max-width: 100%;border: 1px solid #eae9e2;}
13703						}
13704						@media(max-width: 480px) {#price-plans-section {padding-top: 10px !important}}
13705			
13706			.inner_item_price {
13707			width: 100%;
13708			padding: 25px 25px 25px;
13709			max-width: 100%;
13710			margin: 0;
13711			min-height: 180px;
13712			border: 1px solid #eee;
13713			border-radius: 12px;
13714			background: white;
13715			-webkit-box-shadow: 0 20px 40px rgb(0 0 0 / 12%);
13716			box-shadow: 0 20px 40px rgb(0 0 0 / 12%);
13717		}
13718			
13719		.price2 {
13720			position: relative;
13721			color: #111827;
13722			margin: 35px auto 15px!important;
13723			font-size: 30px;
13724			line-height: 20px;
13725			font-weight: 700;
13726			text-align: left;
13727		}
13728
13729			.price2:before {
13730			content: "$";
13731			font-size: 24px;
13732			position: relative;
13733			top: -10px;
13734		}
13735			
13736			.checks .check {
13737				position: relative;
13738			padding-left: 1em;
13739			margin-left: 0.5em;
13740			text-indent: -1.65em;
13741		}
13742			
13743			.check {
13744				text-align: left;
13745			color: #222328;
13746			font-size: 14px;
13747		}
13748		   .check-inactive {
13749			text-decoration: line-through;
13750				   opacity: 0.38;
13751		}
13752			.check.check-shield-inactive {
13753			text-decoration: line-through;
13754		}
13755			.check-inactive:before {
13756			
13757		}
13758
13759		.check.wheel:before {
13760			display: inline-block;
13761			content: "";
13762			width: 18px;
13763			height: 18px;
13764			margin-right: 9px;
13765			position: relative;
13766			top: 5px;
13767			background: url(/premium/img/wheel3.svg) no-repeat 0 0;
13768			background-size: 16px 16px;
13769		}
13770
13771		.check.book:before {
13772			display: inline-block;
13773			content: "";
13774			width: 18px;
13775			height: 18px;
13776			margin-right: 9px;
13777			position: relative;
13778			top: 7px;
13779			background: url(https://driving-tests.org/premium/img/book3.svg) no-repeat 0 0;
13780			background-size: 16px 16px;
13781		}
13782
13783
13784		.check.lang:before {
13785			display: inline-block;
13786			content: "";
13787			width: 18px;
13788			height: 18px;
13789			margin-right: 9px;
13790			position: relative;
13791			top: 5px;
13792			background: url(/premium/img/globe1.svg) no-repeat 0 0;
13793			background-size: 16px 16px;
13794		}
13795			.check.check-shield-inactive:before {
13796		/*
13797			background-image: url(/img/shield-sm-inactive.svg);
13798			background-size: 17px 17px;
13799		*/
13800		}
13801
13802			.check.check-shield:before {
13803			background-image: url(/img/shield-sm.svg);
13804			background-size: 17px 17px;
13805			top: 4px;
13806			margin-left: 3px;
13807			margin-right: 6px;
13808		}
13809			
13810			.check:before {
13811			display: inline-block;
13812			content: "";
13813			width: 18px;
13814			height: 18px;
13815			margin-right: 9px;
13816			position: relative;
13817			top: 5px;
13818			background: url(https://driving-tests.org/premium/img/check2.svg) no-repeat 0 0;
13819		}
13820			
13821			.check.bold {
13822			font-weight: 600;
13823			color: #111;
13824		}
13825		  p.subline {
13826			font-size: 15px;
13827			color: #000;
13828			font-weight: 600;
13829			text-align: left;
13830			margin-bottom: 10px;
13831			margin-top: 10px;
13832		}  
13833			
13834		p.subline2 {
13835			font-size: 16px;
13836			color: #3B454E;
13837			text-align: left;
13838			margin-bottom: 0;
13839			line-height: 24px;
13840			font-weight: 400;
13841			margin-top: 1px;
13842		}
13843
13844		span.state-placeholder {
13845			display: inline;
13846		}
13847			
13848		.checks .check [data-balloon] {
13849			cursor: help;
13850		}
13851
13852		.for-child {
13853			display: block;
13854			width: auto;
13855			color: #0775ff;
13856			font-weight: 500;
13857			margin-bottom: 20px !important;
13858			font-size: 16px;
13859			text-align: left;
13860		}
13861			
13862		.price2 div {
13863			position: absolute;
13864			bottom: 0;
13865			right: 0;
13866			font-size: 14px;
13867			font-weight: 400;
13868		}
13869		.pricing_feature-head {
13870			align-items: center;
13871			font-size: 17px;
13872			font-weight: 600;
13873			display: flex;
13874		}
13875
13876		.pricing-item {
13877			color: #111827;
13878		}
13879
13880		.pricing_feature-list-new {
13881			grid-column-gap: 2px;
13882			grid-row-gap: 9px;
13883			color: var(--black);
13884			grid-template-rows: auto;
13885			grid-template-columns: 1fr;
13886			grid-auto-columns: 1fr;
13887			margin-top: 15px;
13888			display: grid;
13889		}
13890		.price-label {
13891    display: block;
13892    text-align: left;
13893    font-weight: 700;
13894    margin: 13px 0 0 0;
13895    font-size: 14px;
13896    line-height: 1;
13897    text-transform: uppercase;
13898    letter-spacing: 0.4px;
13899}
13900            
13901            .price-plan .col-auto.perday .new-price {
13902    bottom: 5px;
13903    right: 0;
13904    font-weight: 700;
13905    font-size: 17px;
13906    line-height: 1.35;
13907    background-color: #FAFAB4;
13908    padding: 3px 6px;
13909    border-radius: 5px;
13910            }
13911
13912					</style>
13913
13914						
13915					<div class="price-slider-wrapper">
13916					<div id="price_plans">
13917
13918						<!-- PLAN 1: The Full Bar (UBE) - MOST POPULAR -->
13919						<div class="feature_item" id="plan-full-bar" style="top: -15px;">
13920							<div class="price-tag" style="left:72px;">Most Popular</div>
13921							<div class="inner_item_price" style="border: 3px solid #0076ff;padding: 39px 25px 25px 25px;">
13922								<h3>The Full Bar (UBE)</h3>
13923								<p class="subline2"><strong style="color: #1f2632;">Best for legacy UBE takers who need full coverage.</strong></p>
13924								<p class="subline2" style="margin-top: 5px;">All MBE, MEE, and MPT content. Lifetime access. AI tutor. Pass Guarantee included.</p>
13925
13926								<div class="price-plan row g-0 align-items-center justify-content-between">
13927									<div class="col-auto total">
13928									<span class="offer-price usd">479</span>
13929								</div>
13930								<div class="col-auto perday">
13931									<span class="billing-label">one payment</span>
13932								</div>
13933							</div>
13934							<div class="offer-note">Regularly $599. February 2027 price is applied at checkout.</div>
13935
13936							<a href="https://bph.memberful.com/checkout?plan=143554&coupon=UBE120OFF" class="purchase-link sec3_5_btn blue btnPurchase trans" data-plan-key="full_bar" data-plan-id="143554" data-displayed-price="479" data-regular-price="599" data-coupon="UBE120OFF" data-cta-location="pricing_card" style="text-transform: none;margin: 0 auto 10px;width: 100%;letter-spacing: 0px;font-size: 18px;font-weight: 500;text-align: center;max-width: 100%;display: block;">Choose Full Bar - $479 once</a>
13937
13938								<span class="for-child" style="">Pass Guarantee - eligibility requirements apply</span>
13939
13940								<div class="checks pricing_feature-list-new">
13941									<div class="pricing_feature-head">
13942										<div class="pricing-item">Fundamentals</div>
13943									</div>
13944									<div class="check">1,300+ real NCBE-licensed MBE questions</div>
13945									<div class="check">600+ simulated MBE questions</div>
13946									<div class="check">Bar Exam Genie AI, your personal tutor</div>
13947									<div class="check">Unlimited MBE Exam Simulations</div>
13948									<div class="check">1,600+ online flashcards</div>
13949									<div class="pricing_feature-head" style="margin-top:20px">
13950										<div class="pricing-item">Advanced Prep</div>
13951									</div>
13952									<div class="check">Official MBE one-page outlines</div>
13953									<div class="check book">All official MEE essays from NCBE</div>
13954									<div class="check book">All official MPT tests from NCBE</div>
13955									<div class="check">Lifetime access</div>
13956									<div class="check check-shield bold family-gold" style="text-indent: -0.33em;margin-left: -15px;">Pass Guarantee (100% money back)</div>
13957								</div>
13958
13959							</div>
13960						</div>
13961
13962						<!-- PLAN 2: The Full MBE -->
13963						<div class="feature_item" id="plan-full-mbe">
13964							<div class="inner_item_price">
13965								<h3>The Full MBE</h3>
13966								<p class="subline2"><strong style="color: #1f2632;">Best when you only need MBE prep.</strong></p>
13967								<p class="subline2" style="margin-top: 5px;">All 1,900+ MBE questions. Real NCBE + simulated. AI tutoring included. No MEE or MPT materials.</p>
13968
13969								<div class="price-plan row g-0 align-items-center justify-content-between">
13970									<div class="col-auto total">
13971									<span class="offer-price usd">319</span>
13972								</div>
13973								<div class="col-auto perday">
13974									<span class="billing-label">one payment</span>
13975								</div>
13976							</div>
13977							<div class="offer-note">Regularly $399. February 2027 price is applied at checkout.</div>
13978
13979							<a href="https://bph.memberful.com/checkout?plan=143555&coupon=MBE80OFF" class="purchase-link sec3_5_btn blue btnPurchase trans" data-plan-key="full_mbe" data-plan-id="143555" data-displayed-price="319" data-regular-price="399" data-coupon="MBE80OFF" data-cta-location="pricing_card" style="text-transform: none;margin: 0 auto 10px;width: 100%;letter-spacing: 0px;font-size: 18px;font-weight: 500;text-align: center;max-width: 100%;display: block;">Choose Full MBE - $319 once</a>
13980
13981								<span class="for-child" style="">Pass Guarantee - eligibility requirements apply</span>
13982
13983								<div class="checks pricing_feature-list-new">
13984									<div class="pricing_feature-head">
13985										<div class="pricing-item">Fundamentals</div>
13986									</div>
13987									<div class="check">1,300+ real NCBE-licensed MBE questions</div>
13988									<div class="check">600+ simulated MBE questions</div>
13989									<div class="check">Bar Exam Genie AI, your personal tutor</div>
13990									<div class="check">Unlimited MBE Exam Simulations</div>
13991									<div class="check">1,600+ online flashcards</div>
13992									<div class="pricing_feature-head" style="margin-top:20px">
13993										<div class="pricing-item">Advanced Prep</div>
13994									</div>
13995									<div class="check">Official MBE one-page outlines</div>
13996									<div class="check book check-inactive">MEE essays not included</div>
13997									<div class="check book check-inactive">MPT tests not included</div>
13998									<div class="check">Lifetime access</div>
13999									<div class="check check-shield bold family-gold" style="text-indent: -0.33em;margin-left: -15px;">Pass Guarantee (100% money back)</div>
14000								</div>
14001
14002							</div>
14003						</div>
14004
14005						<!-- PLAN 3: The Sim MBE -->
14006						<div class="feature_item" id="plan-sim-mbe" style="position: relative;">
14007							<div class="inner_item_price" style="">
14008								<h3>The Sim MBE</h3>
14009								<p class="subline2"><strong style="color: #1f2632;">Best as a low-cost supplement.</strong></p>
14010								<p class="subline2" style="margin-top: 5px;">600+ simulated questions. No NCBE-licensed questions, no MEE/MPT, and no Pass Guarantee.</p>
14011
14012								<div class="price-plan row g-0 align-items-center justify-content-between">
14013									<div class="col-auto total">
14014									<span class="offer-price usd">119</span>
14015								</div>
14016								<div class="col-auto perday">
14017									<span class="billing-label">one payment</span>
14018								</div>
14019							</div>
14020							<div class="offer-note">Regularly $149. February 2027 price is applied at checkout.</div>
14021
14022							<a href="https://bph.memberful.com/checkout?plan=143556&coupon=SIM30OFF" class="purchase-link sec3_5_btn blue btnPurchase trans" data-plan-key="sim_mbe" data-plan-id="143556" data-displayed-price="119" data-regular-price="149" data-coupon="SIM30OFF" data-cta-location="pricing_card" style="text-transform: none;margin: 0 auto 10px;width: 100%;letter-spacing: 0px;font-size: 18px;font-weight: 500;text-align: center;max-width: 100%;display: block;">Choose Sim MBE - $119 once</a>
14023
14024								<span class="for-child" style="">600+ simulated questions with AI tutor</span>
14025
14026								<div class="checks pricing_feature-list-new">
14027									<div class="pricing_feature-head">
14028										<div class="pricing-item">Fundamentals</div>
14029									</div>
14030									<div class="check check-inactive">No real NCBE-licensed MBE questions</div>
14031									<div class="check">600+ simulated MBE questions</div>
14032									<div class="check">Bar Exam Genie AI, your personal tutor</div>
14033									<div class="check">Unlimited MBE Exam Simulations</div>
14034									<div class="check">600+ online flashcards</div>
14035									<div class="pricing_feature-head" style="margin-top:20px">
14036										<div class="pricing-item">Advanced Prep</div>
14037									</div>
14038									<div class="check check-inactive">No official MBE one-page outlines</div>
14039									<div class="check book check-inactive">No official MEE essays from NCBE</div>
14040									<div class="check book check-inactive">No official MPT tests from NCBE</div>
14041									<div class="check">Lifetime access</div>
14042									<div class="check check-inactive check-shield" style="text-indent: -0.33em;margin-left: -15px;" title="Pass Guarantee applies to Full Bar and Full MBE plans which include official NCBE questions. Sim MBE is designed as a supplement.">Pass Guarantee (Full plans only)</div>
14043								</div>
14044
14045							</div>
14046						</div>
14047
14048					</div>
14049					</div><!-- .price-slider-wrapper -->
14050						<style>
14051						.question-block {
14052							display: flex;
14053			justify-content: space-between;
14054			align-items: center;
14055			margin: 0 auto 40px;
14056			max-width: 1050px;
14057			padding: 13px 20px;
14058						}
14059						
14060						.question-text {
14061							flex: 1; /* This will ensure the text takes as much space as possible, pushing the button to the right. */
14062							font-size: 18px;
14063							font-weight: 600;
14064							text-align: left;
14065						}
14066						
14067						.chat-button {
14068							margin-left: 0px; /* Using margin-left on the button instead of margin-right on the text */
14069							text-decoration: none;
14070							height: 45px;
14071							line-height: 43px;
14072							padding: 0 20px;
14073							color: #007AFF;
14074							border-radius: 8px;
14075							background: #FFF;
14076							transition: all .3s ease-out;
14077							font-size: 17px;
14078							font-weight: 500;
14079							text-align: center;
14080							max-width: 100%;
14081							display: block;
14082							border: 2px solid #ECEDEF;
14083						}
14084						
14085						</style>
14086		<style>
14087						  
14088						.check.famshar.bold:before {
14089							display: inline-block;
14090			content: "";
14091			width: 23px;
14092			height: 23px;
14093			background: url(/img/famshar.svg) no-repeat 0 0;
14094			margin-right: 5px;
14095			position: relative;
14096			background-size: cover;
14097			margin-left: -1px
14098		px
14099		;
14100			margin-top: -3px;
14101			top: 5px;
14102		}
14103						  
14104						.price-list-slider .slick-list {
14105							padding: 0 40px !important;
14106							overflow: hidden;
14107		}
14108						  
14109						@media (max-width: 414px){
14110						  #carousel2 {
14111							margin-top: 70px;
14112						  }
14113						  #carousel2 .slick-prev, #carousel2 .slick-next {
14114							display: none !important;
14115						  }
14116						  #carousel2 .slick-dots {
14117							display: flex !important;
14118							position: absolute;
14119							top: -50px;
14120							padding: 0;
14121							margin: 0;
14122						  }
14123						  #carousel2 .slick-dots li {
14124							width: 25%;
14125							flex-basis: 25%;
14126							padding: 0 10px;
14127							box-sizing: border-box;
14128						  }
14129						  #carousel2 .slick-dots li button {
14130							display: block;
14131							width: 100%;
14132							height: 30px;
14133							border-radius: 6px;
14134							border: 1px solid #0076ff;
14135							position: relative;
14136							padding: 0;
14137							opacity: .5;
14138						  }
14139						  #carousel2 .slick-dots li.slick-active button {
14140							opacity: 1;
14141							  background-color: #0076ff;
14142						  }
14143							#carousel2 .slick-dots li.slick-active button:before {color: #fff;}
14144						  #carousel2 .slick-dots li button:before {
14145							position: absolute;
14146							top: 0;
14147							left: 0;
14148							width: 100%;
14149							height: 100%;
14150							font-size: 16px;
14151							font-weight: 600;
14152							line-height: 28px;
14153							color: #0076ff;
14154							margin: 0;
14155							opacity: 1;
14156						  }
14157						  #carousel2 .slick-dots li:nth-child(1) button:before {
14158							content: '7 Days' !important;
14159						  }
14160						  #carousel2 .slick-dots li:nth-child(2) button:before {
14161							content: '30 Days' !important;
14162						  }
14163						  #carousel2 .slick-dots li:nth-child(3) button:before {
14164							content: 'Lifetime' !important;
14165						  }
14166						  #carousel2 .slick-dots li:nth-child(4) button:before {
14167							content: '30 Days' !important;
14168						  }
14169						}
14170						@media(max-width: 320px){
14171							#carousel2 .slick-dots li button:before {
14172								font-size: 13px;
14173							}
14174						}
14175					  </style>
14176					
14177						<div class="clr"></div>
14178						
14179						
14180						<style>
14181		.tabContainer {
14182			margin: 0 20px 20px;
14183		}
14184		.tabButton {
14185			background: transparent;
14186			font-size: 16px;
14187			height: 48px;
14188			line-height: 24px;
14189			color: rgba(0,0,0,.54);
14190			padding: 12px 16px;
14191			border: none;
14192			border-bottom: 2px solid #e0e0e0;
14193		}
14194		.tabButton:hover {
14195			cursor: pointer;
14196			border-bottom: 2px solid #085eb9;
14197			color: #085eb9;
14198		}
14199		.tabButtonActive {
14200			font-weight: 600;
14201			border-bottom: 2px solid #003b64 !important;
14202			color: rgba(0,0,0,.87) !important;
14203		}
14204		.tabButtonHeader {
14205			color: inherit;
14206			font-size: inherit;
14207			font-weight: inherit;
14208			line-height: inherit;
14209			margin: 0;
14210		}
14211		.containerFluid {
14212			margin: 0 24px 24px;
14213		}
14214		.productInfoContainer {display: none;}
14215		.productInfoContainer:first-of-type {display: block;}
14216		.productInfoContainer .tab-header {
14217			display: none;
14218			font-weight: 600;
14219			line-height: 24px;
14220			font-size: 20px;
14221			margin: 0 0 16px;
14222			text-align: left;
14223		}
14224		@media (min-width: 600px){
14225			.productInfoContainer {
14226				padding: 24px 16px;
14227				border-bottom: 1px solid #e0e0e0;
14228			}
14229		}
14230		@media (min-width: 960px){
14231		  .productInfoContainer {
14232			  box-sizing: border-box;
14233			  padding: 0 16px 32px;
14234			  border-bottom: 0;
14235			  max-width: 1150px;
14236			margin: 0 auto;
14237		  }
14238		  .tabContainer {
14239			text-align: center;
14240		  }
14241		  .primaryContent {
14242			text-align: left;
14243			line-height: 24px;
14244			font-size: 16px;
14245		  }
14246		}
14247		@media (max-width: 960px){
14248		  .primaryContent {max-width: 100%; -webkit-flex-basis: 100%; flex-basis: 100%;}
14249		  .productInfoContainer {display: block !important;}
14250		  .tabContainer {display: none;}
14251		  .productInfoContainer .tab-header {display: block;}
14252		}
14253
14254		@media (max-width: 600px){
14255		/*  .containerFluid {
14256			margin-left: 0;
14257			margin-right: 0;
14258		  }*/
14259		  .productInfoContainer .tab-header{
14260			display: block;
14261			font-size: 15px;
14262			height: 42px;
14263			line-height: 42px;
14264			background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAgMTAwOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgd2lkdGg9IjMwIiBoZWlnaHQ9IjMwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBkPSJNNTAsNTkuNWMtMC42LDAtMS4xLTAuMi0xLjYtMC42bC0xNy0xNGMtMS4xLTAuOS0xLjItMi41LTAuMy0zLjVjMC45LTEuMSwyLjUtMS4yLDMuNS0wLjNMNTAsNTMuOGwxNS41LTEyLjcgIGMxLjEtMC45LDIuNi0wLjcsMy41LDAuM2MwLjksMS4xLDAuNywyLjYtMC4zLDMuNWwtMTcsMTRDNTEuMSw1OS4zLDUwLjUsNTkuNSw1MCw1OS41eiIgc3R5bGU9ImZpbGw6I2FhYTsiLz48L3N2Zz4=) no-repeat 100% 0;
14265			background-color: transparent;
14266			background-position: 98% 9px;
14267			background-size: 25px;
14268			border-bottom: 1px solid #acb5b9;
14269			color:#222228;
14270			letter-spacing: 0;
14271			padding: 0 70px 0 10px;
14272			text-transform: inherit;
14273			cursor: pointer;
14274			font-weight:600;
14275			margin: 0;
14276		  }
14277		  .productInfoContainer .tab-header.opened{
14278			 background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwIDEwMDsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHBhdGggZD0iTTMzLDU5LjVjLTAuNywwLTEuNC0wLjMtMS45LTAuOWMtMC45LTEuMS0wLjctMi42LDAuMy0zLjVsMTctMTRjMC45LTAuOCwyLjMtMC44LDMuMiwwbDE3LDE0YzEuMSwwLjksMS4yLDIuNSwwLjMsMy41ICBzLTIuNSwxLjItMy41LDAuM0w1MCw0Ni4yTDM0LjYsNTguOUMzNC4xLDU5LjMsMzMuNiw1OS41LDMzLDU5LjV6OyIgc3R5bGU9ImZpbGw6I2FhYTsiLz48L3N2Zz4=);
14279		  }
14280		  .productInfoContainer .text-content {
14281			line-height: 28px;
14282			font-size: 16px;
14283			font-weight: 300;
14284			color: #333;
14285			height: 0;
14286			transition: height 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
14287			overflow-y: hidden;
14288		  }
14289		  .productInfoContainer .text-content>div {
14290			padding: 20px;
14291			font-size: 15px;
14292			color: #333;
14293			line-height: 1.47384;
14294			font-weight: 300;
14295			letter-spacing: .018em;
14296			opacity: 1;
14297			text-align:left;
14298		   }
14299		   .moreinfo li {
14300				line-height: 1.4 !important;
14301			margin-bottom: 8px;
14302			padding-left: 8px;
14303			font-size: 15px !important;
14304			list-style: disc;
14305		   }
14306		   
14307		}
14308
14309		@media (max-width: 770px){
14310			#tmCollage {
14311			margin: 20px -30px 25px;
14312		}
14313			a#watchStories {width: 340px;padding: 17px 25px;}
14314		.container4 {
14315			width: auto!important;
14316			margin: 50px -20px 0 !important;
14317		}
14318
14319		.sec7_13, .sec7_13 .left h2 {
14320			text-align: left;
14321		}
14322		section.faq {
14323			padding: 60px 0;
14324		}
14325
14326		.toggler .toggler-title {
14327			padding: 24px 44px 20px 10px;
14328			height: auto;
14329			font-size: 17px;
14330			line-height: 1.5;
14331		}
14332
14333		}
14334		</style>
14335
14336		<div class="container secure-checkout" style="margin-top: 20px;">
14337				   
14338
14339		<style>
14340		.section-for-parents2 {padding-top: 40px !important; background-color: inherit !important;}
14341		@media(max-width: 991px){
14342		  .section-for-parents2 {text-align: center;}
14343		  .section-for-parents2 .inner {float: none !important;width: auto !important; text-align: center; margin-bottom: 10px;}
14344		  .section-for-parents2 .inner h2 {text-align: center;}
14345		  .section-for-parents2 .wrpBtnParentsPage {position: static !important; width: auto !important; display: inline-block; }
14346		  .section-for-parents2 .wrpBtnParentsPage a {margin-bottom: 0 !important;}
14347		}
14348		@media(max-width: 375px){
14349		  .section-for-parents2 .wrpBtnParentsPage a {
14350			font-size: 14px !important;
14351			padding: 0 20px;
14352		  }
14353		}
14354		@media(max-width: 320px){
14355		  .section-for-parents2 .wrpBtnParentsPage a {
14356			font-size: 12px !important;
14357			padding: 0 10px;
14358		  }
14359		}
14360		</style>
14361
14362						
14363		 <div style="margin: 0px auto;">
14364						<style>
14365						
14366						.chevron-right:after {
14367			border-style: solid;
14368			border-width: 0.15em 0.15em 0 0;
14369			content: '';
14370			display: inline-block;
14371			height: 0.45em;
14372			left: 0.15em;
14373			position: relative;
14374			top: 0.35em;
14375			vertical-align: top;
14376			width: 0.45em;
14377			transform: rotate(45deg);
14378			color: #111;
14379		}
14380		span.feature-hilite {
14381			font-weight: 300;
14382			color: #000;
14383		}
14384							.text-gray-500 {
14385			color: #adb5bd!important;
14386		}
14387		.mx-3 {
14388			margin-right: .7rem!important;
14389			margin-left: .7rem!important;
14390		}
14391							.justify-content-center {
14392			justify-content: center!important;
14393		}
14394			.mr-1 {
14395			margin-right: .5rem!important;
14396		}
14397							.mt-5 {
14398			margin-top: 3rem!important;
14399		}
14400
14401		.cta-group {
14402			display: flex;
14403			justify-content: space-between;
14404			align-items: center;
14405			column-gap: 10px;
14406		}
14407		.stack-root {
14408			display: flex;
14409			flex-direction: column;
14410			gap: 8px;
14411			-webkit-box-align: center;
14412			align-items: center;
14413			max-width: 460px;
14414			margin: 0 auto 35px;
14415		}
14416		.css-inner {
14417			display: flex;
14418			flex-direction: row;
14419			gap: 8px;
14420			-webkit-box-align: center;
14421			align-items: center;
14422		}
14423
14424		.css-lot {
14425			width: 20px;
14426			height: 20px;
14427			color: #22c55e;
14428		}
14429		.typography-root {
14430			margin: 0px;
14431			font-weight: 600;
14432			line-height: 1.57143;
14433			font-size: 0.875rem;
14434		}
14435
14436		.typography-caption {
14437			margin: 0px auto 25px;
14438			line-height: 1.5;
14439			font-size: 1rem;
14440			font-weight: 500;
14441			color: rgb(145, 158, 171);
14442			text-align: center;
14443		}
14444							
14445        @media (max-width: 767px) {
14446            .secure-checkout {
14447                margin-top: -40px !important;
14448                margin-bottom: -20px !important;
14449            }
14450            .secure-checkout .stack-root.css-inner {
14451                margin-bottom: 20px;
14452            }
14453        }
14454		</style>
14455
14456		<div class="stack-root">
14457			<div class="stack-root css-inner">
14458				<img class="css-lot" src="https://driving-tests.org/premium/img/lock1.svg">
14459				<h6 class="typography-root">Secure checkout</h6>
14460			</div>
14461			<span class="typography-caption">Protected by 256-bit TLS encryption - the same level of security used by leading banks and financial institutions.</span>
14462		</div>
14463
14464
14465		<style>
14466			.feature-table {
14467			  width: 100%;
14468			  min-width: 720px;
14469			  border-collapse: separate;
14470			  border-spacing: 0;
14471			  margin: 20px 0 30px;
14472			  font-size: 19px;
14473			}
14474		  
14475			.feature-table th, .feature-table td {
14476			  padding: 15px;
14477			  text-align: left;
14478			  border-bottom: 1px solid #e0e0e0;
14479			}
14480		  
14481			.feature-table th {
14482			  background-color: #f8f9fa;
14483			  font-weight: bold;
14484			  color: #333;
14485			}
14486		  
14487			.feature-table tr:nth-child(even) {
14488			  background-color: #f8f9fa;
14489			}
14490		  
14491			.feature-table .check {
14492			  color: #28a745;
14493			  font-size: 1.2em;
14494			}
14495		  
14496			.feature-table .cross {
14497			  color: #dc3545;
14498			  font-size: 1.2em;
14499			}
14500		  
14501			.feature-table .highlight, .feature-table .feature {
14502			  font-weight: bold;
14503			}
14504		  
14505			.feature-table .best-value {
14506			  background-color: #fffae6;
14507			  position: relative;
14508			}
14509		  
14510		  
14511			.feature-table .savings {
14512			  font-weight: bold;
14513			  color: #28a745;
14514			}
14515		  /*
14516			@media (max-width: 768px) {
14517			  .feature-table, .feature-table tbody, .feature-table tr, .feature-table td {
14518				display: block;
14519				width: 100%;
14520			  }
14521			  
14522			  .feature-table thead {
14523				display: none;
14524			  }
14525			  
14526			  .feature-table td {
14527				text-align: right;
14528				padding-left: 50%;
14529				position: relative;
14530			  }
14531			  
14532			  .feature-table td::before {
14533				content: attr(data-label);
14534				position: absolute;
14535				left: 6px;
14536				width: 45%;
14537				padding-right: 10px;
14538				white-space: nowrap;
14539				font-weight: bold;
14540			  }
14541			}
14542			*/
14543		  </style>
14544
14545	<!-- Chat/Email buttons removed -->
14546						
14547			 
14548		
14548<script>window.intercomSettings = {app_id:"d026r175",hide_default_launcher:false};</script>
14548
14549							
14549<script>(function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',intercomSettings);}else{var d=document;var i=function(){i.c(arguments)};i.q=[];i.c=function(args){i.q.push(args)};w.Intercom=i;function l(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/d026r175';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);}if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})()</script>
14549
14550			
14551
14552
14553
14554		</div>               
14555
14556		</div>   
14557
14558		<div class="bg yellow" style="top: 0px;"></div>
14559			  <div class="bg blue-green"style="top:20px;"></div>
14560			  <div class="bg blue"style=""></div>
14561			  <div class="bg purple"style=""></div>
14562			  <div class="bg green"style=""></div>
14563			  <div class="bg pink"style=""></div>
14564			  <div class="bg turquoise"style=""></div>
14565
14566			</section>			
14567
14568									<style>
14569		.tabContainer {
14570			margin: 0 20px 20px;
14571		}
14572		.tabButton {
14573			background: transparent;
14574			font-size: 16px;
14575			height: 48px;
14576			line-height: 24px;
14577			color: rgba(0,0,0,.54);
14578			padding: 12px 16px;
14579			border: none;
14580			border-bottom: 2px solid #e0e0e0;
14581		}
14582		.tabButton:hover {
14583			cursor: pointer;
14584			border-bottom: 2px solid #085eb9;
14585			color: #085eb9;
14586		}
14587		.tabButtonActive {
14588			font-weight: 600;
14589			border-bottom: 2px solid #003b64 !important;
14590			color: rgba(0,0,0,.87) !important;
14591		}
14592		.tabButtonHeader {
14593			color: inherit;
14594			font-size: inherit;
14595			font-weight: inherit;
14596			line-height: inherit;
14597			margin: 0;
14598		}
14599		.containerFluid {
14600			margin: 0 24px 24px;
14601		}
14602		.productInfoContainer {display: none;}
14603		.productInfoContainer:first-of-type {display: block;}
14604		.productInfoContainer .tab-header {
14605			display: none;
14606			font-weight: 600;
14607			line-height: 24px;
14608			font-size: 20px;
14609			margin: 0 0 16px;
14610			text-align: left;
14611		}
14612		@media (min-width: 600px){
14613			.productInfoContainer {
14614				padding: 24px 16px;
14615				border-bottom: 1px solid #e0e0e0;
14616			}
14617		}
14618		@media (min-width: 960px){
14619		  .productInfoContainer {
14620			  box-sizing: border-box;
14621			  padding: 0 16px 32px;
14622			  border-bottom: 0;
14623			  max-width: 1150px;
14624			margin: 0 auto;
14625		  }
14626		  .tabContainer {
14627			text-align: center;
14628		  }
14629		  .primaryContent {
14630			text-align: left;
14631			line-height: 24px;
14632			font-size: 16px;
14633		  }
14634		}
14635		@media (max-width: 960px){
14636		  .primaryContent {max-width: 100%; -webkit-flex-basis: 100%; flex-basis: 100%;}
14637		  .productInfoContainer {display: block !important;}
14638		  .tabContainer {display: none;}
14639		  .productInfoContainer .tab-header {display: block;}
14640		}
14641
14642		@media (max-width: 600px){
14643		/*  .containerFluid {
14644			margin-left: 0;
14645			margin-right: 0;
14646		  }*/
14647		  .productInfoContainer .tab-header{
14648			display: block;
14649			font-size: 15px;
14650			height: 42px;
14651			line-height: 42px;
14652			background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAgMTAwOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgd2lkdGg9IjMwIiBoZWlnaHQ9IjMwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBkPSJNNTAsNTkuNWMtMC42LDAtMS4xLTAuMi0xLjYtMC42bC0xNy0xNGMtMS4xLTAuOS0xLjItMi41LTAuMy0zLjVjMC45LTEuMSwyLjUtMS4yLDMuNS0wLjNMNTAsNTMuOGwxNS41LTEyLjcgIGMxLjEtMC45LDIuNi0wLjcsMy41LDAuM2MwLjksMS4xLDAuNywyLjYtMC4zLDMuNWwtMTcsMTRDNTEuMSw1OS4zLDUwLjUsNTkuNSw1MCw1OS41eiIgc3R5bGU9ImZpbGw6I2FhYTsiLz48L3N2Zz4=) no-repeat 100% 0;
14653			background-color: transparent;
14654			background-position: 98% 9px;
14655			background-size: 25px;
14656			border-bottom: 1px solid #acb5b9;
14657			color:#222228;
14658			letter-spacing: 0;
14659			padding: 0 70px 0 10px;
14660			text-transform: inherit;
14661			cursor: pointer;
14662			font-weight:600;
14663			margin: 0;
14664		  }
14665		  .productInfoContainer .tab-header.opened{
14666			 background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwIDEwMDsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHBhdGggZD0iTTMzLDU5LjVjLTAuNywwLTEuNC0wLjMtMS45LTAuOWMtMC45LTEuMS0wLjctMi42LDAuMy0zLjVsMTctMTRjMC45LTAuOCwyLjMtMC44LDMuMiwwbDE3LDE0YzEuMSwwLjksMS4yLDIuNSwwLjMsMy41ICBzLTIuNSwxLjItMy41LDAuM0w1MCw0Ni4yTDM0LjYsNTguOUMzNC4xLDU5LjMsMzMuNiw1OS41LDMzLDU5LjV6OyIgc3R5bGU9ImZpbGw6I2FhYTsiLz48L3N2Zz4=);
14667		  }
14668		  .productInfoContainer .text-content {
14669			line-height: 28px;
14670			font-size: 16px;
14671			font-weight: 300;
14672			color: #333;
14673			height: 0;
14674			transition: height 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
14675			overflow-y: hidden;
14676		  }
14677		  .productInfoContainer .text-content>div {
14678			padding: 20px;
14679			font-size: 15px;
14680			color: #333;
14681			line-height: 1.47384;
14682			font-weight: 300;
14683			letter-spacing: .018em;
14684			opacity: 1;
14685			text-align:left;
14686		   }
14687		   .moreinfo li {
14688				line-height: 1.4 !important;
14689			margin-bottom: 8px;
14690			padding-left: 8px;
14691			font-size: 15px !important;
14692			list-style: disc;
14693		   }
14694		   
14695		}
14696
14697		@media (max-width: 770px){
14698		.container4 {
14699			width: auto!important;
14700			margin: 50px -20px 0 !important;
14701		}
14702
14703		.sec7_13, .sec7_13 .left h2 {
14704			text-align: left;
14705		}
14706		section.faq {
14707			padding: 60px 0;
14708				border-top: 1px solid #eee;
14709		}
14710
14711		.toggler .toggler-title {
14712			padding: 24px 44px 20px 10px;
14713			height: auto;
14714			font-size: 17px;
14715			line-height: 1.5;
14716		}
14717
14718		}
14719		</style>
14720
14721		<!-- Trusted Partners Section -->
14722		<section id="trusted-partners" class="sec8_10" style="background: white; padding: 70px 0;">
14723			<div class="container" style="max-width: 1000px;">
14724				<h2 class="detailed" style="text-align: center; margin: 0 auto 15px !important; font-size: 38px;">Part of Elegant E-Learning (11M+ students served)</h2>
14725				<p class="job" style="margin: 0 auto 50px; max-width: 650px; text-align: center; font-size: 17px; color: #4a5568;">
14726					Since 2012, we've been helping bar exam takers pass with confidence.
14727				</p>
14728
14729				<div class="trust-stats-grid" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; margin-bottom: 40px;">
14730					<div style="background: #f8fafc; border-radius: 12px; padding: 25px; text-align: center;">
14731						<div style="font-size: 38px; font-weight: 800; color: #077aff; margin-bottom: 8px;">1,900+</div>
14732						<div style="font-size: 15px; color: #4a5568;">MBE questions in Full plans</div>
14733					</div>
14734					<div style="background: #f8fafc; border-radius: 12px; padding: 25px; text-align: center;">
14735						<div style="font-size: 38px; font-weight: 800; color: #077aff; margin-bottom: 8px;">3</div>
14736						<div style="font-size: 15px; color: #4a5568;">legacy exam components</div>
14737					</div>
14738					<div style="background: #f8fafc; border-radius: 12px; padding: 25px; text-align: center;">
14739						<div style="font-size: 38px; font-weight: 800; color: #077aff; margin-bottom: 8px;">1</div>
14740						<div style="font-size: 15px; color: #4a5568;">payment, no renewals</div>
14741					</div>
14742					<div style="background: #f0fdf4; border-radius: 12px; padding: 25px; text-align: center; border: 1px solid #bbf7d0;">
14743						<div style="font-size: 38px; font-weight: 800; color: #16a34a; margin-bottom: 8px;">Pass</div>
14744						<div style="font-size: 15px; color: #166534;">completion-based guarantee</div>
14745						<div style="font-size: 11px; color: #64748b; margin-top: 4px;">Full Bar and Full MBE</div>
14746					</div>
14747				</div>
14748
14749				<!-- NCBE Licensed Content -->
14750				<div style="background: linear-gradient(135deg, #1e3a5f 0%, #0f2744 100%); border-radius: 20px; padding: 50px 40px; margin-bottom: 25px; text-align: center;">
14751					<div style="display: inline-block; background: rgba(255,255,255,0.15); padding: 8px 16px; border-radius: 8px; margin-bottom: 20px;">
14752						<p style="font-size: 14px; color: rgba(255,255,255,0.9); margin: 0; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px;">Official NCBE-Licensed Content</p>
14753					</div>
14754					<p style="font-size: 26px; line-height: 1.4; color: #ffffff; margin: 0 auto 16px; max-width: 600px; font-weight: 600;">1,300+ real MBE questions from the National Conference of Bar Examiners</p>
14755					<p style="font-size: 16px; color: rgba(255,255,255,0.7); margin: 0; max-width: 500px; margin-left: auto; margin-right: auto; line-height: 1.5;">The same questions used on past bar exams - not imitations.</p>
14756				</div>
14757
14758				<!-- Expert-Led Methodology (Compact) -->
14759				<div style="display: flex; align-items: center; justify-content: center; gap: 20px; flex-wrap: wrap; padding: 20px 0; border-top: 1px solid #e2e8f0; margin-top: 10px;">
14760					<span style="font-size: 14px; color: #64748b;">
14761						<strong style="color: #1f2632;">Research-backed methodology</strong> - Led by <a href="https://barprephero.com/steven-litvintchouk/" style="color: #077aff; text-decoration: none; font-weight: 600;">Steven D. Litvintchouk</a> (MIT, Columbia)
14762					</span>
14763					<a href="https://barprephero.com/methodology-and-editorial-policy/" style="display: inline-flex; align-items: center; gap: 4px; color: #077aff; text-decoration: none; font-size: 13px; font-weight: 600;">
14764						Learn more
14765						<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 18l6-6-6-6"/></svg>
14766					</a>
14767				</div>
14768
14769				</div>
14770		</section>
14771
14772		<!-- Who This ISN'T For Section -->
14773		<section id="not-for-you" style="background: #f8fafc; padding: 60px 0;">
14774			<div class="container" style="max-width: 800px;">
14775				<h2 class="detailed" style="text-align: center; margin: 0 auto 40px !important; font-size: 32px;">BarPrepHero might NOT be for you if...</h2>
14776
14777				<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 24px;">
14778					<!-- Skip This If -->
14779					<div style="background: white; border-radius: 16px; padding: 30px; box-shadow: 0 4px 15px rgba(0,0,0,0.05);">
14780						<div style="font-weight: 700; color: #dc2626; margin-bottom: 20px; font-size: 15px; text-transform: uppercase; letter-spacing: 0.5px;">Skip this if:</div>
14781						<div style="display: flex; align-items: flex-start; margin-bottom: 18px;">
14782							<span style="color: #ef4444; margin-right: 12px; font-size: 18px; flex-shrink: 0;">✗</span>
14783							<div style="font-size: 15px; color: #374151; line-height: 1.5;">You've already passed the bar</div>
14784						</div>
14785						<div style="display: flex; align-items: flex-start; margin-bottom: 18px;">
14786							<span style="color: #ef4444; margin-right: 12px; font-size: 18px; flex-shrink: 0;">✗</span>
14787							<div style="font-size: 15px; color: #374151; line-height: 1.5;">You prefer 60-minute video lectures over active practice</div>
14788						</div>
14789						<div style="display: flex; align-items: flex-start;">
14790							<span style="color: #ef4444; margin-right: 12px; font-size: 18px; flex-shrink: 0;">✗</span>
14791							<div style="font-size: 15px; color: #374151; line-height: 1.5;">You have unlimited budget and want the "prestige" name</div>
14792						</div>
14793					</div>
14794
14795					<!-- This IS for you if -->
14796					<div style="background: #f0fdf4; border-radius: 16px; padding: 30px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); border: 1px solid #bbf7d0;">
14797						<div style="font-weight: 700; color: #16a34a; margin-bottom: 20px; font-size: 15px; text-transform: uppercase; letter-spacing: 0.5px;">This IS for you if:</div>
14798						<div style="display: flex; align-items: flex-start; margin-bottom: 18px;">
14799							<span style="color: #22c55e; margin-right: 12px; font-size: 18px; flex-shrink: 0;">✓</span>
14800							<div style="font-size: 15px; color: #374151; line-height: 1.5;">You want to practice with real NCBE-licensed questions</div>
14801						</div>
14802						<div style="display: flex; align-items: flex-start; margin-bottom: 18px;">
14803							<span style="color: #22c55e; margin-right: 12px; font-size: 18px; flex-shrink: 0;">✓</span>
14804							<div style="font-size: 15px; color: #374151; line-height: 1.5;">You failed before and need a different approach</div>
14805						</div>
14806						<div style="display: flex; align-items: flex-start;">
14807							<span style="color: #22c55e; margin-right: 12px; font-size: 18px; flex-shrink: 0;">✓</span>
14808							<div style="font-size: 15px; color: #374151; line-height: 1.5;">You're working full-time and need flexible study</div>
14809						</div>
14810					</div>
14811				</div>
14812
14813				<p style="text-align: center; margin-top: 30px; font-size: 16px; color: #1f2632;">
14814					<strong>Sound like you?</strong> Then let's get you ready to pass.
14815					<a href="#upgrade2" data-pricing-cta data-cta-location="fit_section" style="color: #077aff; text-decoration: underline; margin-left: 6px;">See one-time pricing →</a>
14816				</p>
14817			</div>
14818		</section>
14819
14820		<style>
14821		/* Refund counter animation */
14822		@keyframes countUp {
14823			from { opacity: 0.5; transform: scale(0.95); }
14824			to { opacity: 1; transform: scale(1); }
14825		}
14826		#refund-counter {
14827			animation: countUp 0.3s ease-out;
14828		}
14829
14830		/* Mobile responsive styles for new sections */
14831		@media (max-width: 768px) {
14832			#trusted-partners { padding: 50px 0 !important; }
14833			#trusted-partners h2 { font-size: 28px !important; }
14834			#trusted-partners .trust-stats-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }
14835			#trusted-partners .trust-stats-grid > div { padding: 18px 12px !important; }
14836			#trusted-partners .trust-stats-grid > div > div:first-child { font-size: 28px !important; }
14837
14838			/* State Agencies section mobile */
14839			#trusted-partners div[style*="background: #fffbeb"] { padding: 20px !important; }
14840			#trusted-partners div[style*="background: #fffbeb"] > div[style*="display: grid"] {
14841				grid-template-columns: 1fr !important;
14842				gap: 15px !important;
14843			}
14844			#trusted-partners div[style*="border-left: 4px solid"] { padding: 15px !important; }
14845
14846			/* Library section mobile */
14847			#trusted-partners div[style*="background: #f0f9ff"] { padding: 20px !important; }
14848			#trusted-partners div[style*="background: #f0f9ff"] p { font-size: 13px !important; line-height: 1.7 !important; }
14849			#trusted-partners div[style*="background: #f0f9ff"] > div[style*="display: flex"] {
14850				flex-direction: column !important;
14851				gap: 10px !important;
14852			}
14853
14854			#not-for-you { padding: 40px 0 !important; }
14855			#not-for-you h2 { font-size: 26px !important; }
14856			#not-for-you .container > div[style*="display: grid"] { grid-template-columns: 1fr !important; gap: 16px !important; }
14857			#not-for-you .container > div > div { padding: 24px !important; }
14858
14859			.pass-guarantee-steps { padding: 20px !important; margin: 20px auto !important; }
14860			.pass-guarantee-steps .step-item { font-size: 15px !important; margin-bottom: 12px !important; }
14861		}
14862
14863		@media (max-width: 480px) {
14864			#trusted-partners h2, #not-for-you h2 { font-size: 24px !important; line-height: 1.2 !important; }
14865			#trusted-partners .trust-stats-grid > div > div:first-child { font-size: 24px !important; }
14866
14867			/* Stack stat cards vertically on very small screens */
14868			#trusted-partners .trust-stats-grid { grid-template-columns: 1fr !important; }
14869
14870			/* Not for you items mobile */
14871			#not-for-you .container > div > div[style*="display: flex"] {
14872				padding: 10px 12px !important;
14873				margin: 0 -12px 8px !important;
14874			}
14875		}
14876		</style>
14877
14878		
14878<script>
14879		// Refund counter animation - triggers on scroll into view
14880		(function() {
14881			const counter = document.getElementById('refund-counter');
14882			if (!counter) return;
14883
14884			const baseNumber = 9500;
14885			let hasAnimated = false;
14886
14887			function animateValue(start, end, duration) {
14888				const range = end - start;
14889				const startTime = performance.now();
14890
14891				function update(currentTime) {
14892					const elapsed = currentTime - startTime;
14893					const progress = Math.min(elapsed / duration, 1);
14894					const easeOut = 1 - Math.pow(1 - progress, 3);
14895					counter.textContent = Math.floor(start + range * easeOut).toLocaleString();
14896
14897					if (progress < 1) {
14898						requestAnimationFrame(update);
14899					} else {
14900						counter.textContent = baseNumber.toLocaleString() + '+';
14901					}
14902				}
14903				requestAnimationFrame(update);
14904			}
14905
14906			// Use Intersection Observer to trigger animation when visible
14907			const observer = new IntersectionObserver((entries) => {
14908				entries.forEach(entry => {
14909					if (entry.isIntersecting && !hasAnimated) {
14910						hasAnimated = true;
14911						counter.textContent = '0';
14912						setTimeout(() => animateValue(0, baseNumber, 1800), 200);
14913					}
14914				});
14915			}, { threshold: 0.5 });
14916
14917			observer.observe(counter);
14918		})();
14919
14920		// Comprehensive microanimations system
14921		(function() {
14922			// Generic scroll animation helper
14923			function animateOnScroll(elements, options = {}) {
14924				const delay = options.delay || 0;
14925				const stagger = options.stagger || 100;
14926				const threshold = options.threshold || 0.2;
14927				const translateY = options.translateY || 20;
14928				const translateX = options.translateX || 0;
14929				const duration = options.duration || 0.5;
14930
14931				elements.forEach((el, index) => {
14932					el.style.opacity = '0';
14933					el.style.transform = `translate(${translateX}px, ${translateY}px)`;
14934
14935					const observer = new IntersectionObserver((entries) => {
14936						entries.forEach(entry => {
14937							if (entry.isIntersecting) {
14938								setTimeout(() => {
14939									el.style.transition = `opacity ${duration}s ease, transform ${duration}s ease`;
14940									el.style.opacity = '1';
14941									el.style.transform = 'translate(0, 0)';
14942								}, delay + (index * stagger));
14943								observer.unobserve(el);
14944							}
14945						});
14946					}, { threshold });
14947
14948					observer.observe(el);
14949				});
14950			}
14951
14952			// 1. Stat cards in trusted-partners section
14953			const statCards = document.querySelectorAll('.trust-stats-grid > div');
14954			animateOnScroll(statCards, { stagger: 100, translateY: 25 });
14955
14956			// 2. Testimonial cards - staggered fade-in
14957			const testimonialCards = document.querySelectorAll('#customers-agree .masonry-item .masonry-content.card');
14958			animateOnScroll(testimonialCards, { stagger: 80, translateY: 30, duration: 0.6 });
14959
14960			// 3. "Who This ISN'T For" items - slide in from left
14961			const notForYouItems = document.querySelectorAll('#not-for-you .container > div > div[style*="display: flex"]');
14962			animateOnScroll(notForYouItems, { stagger: 120, translateX: -25, translateY: 0, duration: 0.5 });
14963
14964			// 4. FAQ togglers - staggered reveal
14965			const faqItems = document.querySelectorAll('#faq .toggler');
14966			animateOnScroll(faqItems, { stagger: 80, translateY: 15, duration: 0.4 });
14967
14968			// 5. Section headings - subtle fade up
14969			const sectionHeadings = document.querySelectorAll('#trusted-partners h2, #not-for-you h2, #faq h2, #customers-agree h2');
14970			animateOnScroll(sectionHeadings, { stagger: 0, translateY: 20, duration: 0.6 });
14971
14972			// 6. Pass guarantee section content
14973			const passGuaranteeSteps = document.querySelectorAll('.pass-guarantee-steps .step-item');
14974			animateOnScroll(passGuaranteeSteps, { stagger: 100, translateY: 15, duration: 0.4 });
14975
14976			// 7. Number counter animation for stats
14977			function animateCounter(element, target, duration = 1500) {
14978				const start = 0;
14979				const startTime = performance.now();
14980				const suffix = element.textContent.replace(/[\d,\.]+/, '');
14981
14982				function update(currentTime) {
14983					const elapsed = currentTime - startTime;
14984					const progress = Math.min(elapsed / duration, 1);
14985					const easeOut = 1 - Math.pow(1 - progress, 3);
14986					const current = Math.floor(start + (target - start) * easeOut);
14987					element.textContent = current.toLocaleString() + suffix;
14988					if (progress < 1) requestAnimationFrame(update);
14989				}
14990				requestAnimationFrame(update);
14991			}
14992
14993			const statNumbers = document.querySelectorAll('.trust-stats-grid > div > div:first-child');
14994			const counterObserver = new IntersectionObserver((entries) => {
14995				entries.forEach(entry => {
14996					if (entry.isIntersecting && !entry.target.dataset.counted) {
14997						entry.target.dataset.counted = 'true';
14998						const text = entry.target.textContent;
14999						const num = parseInt(text.replace(/[^\d]/g, ''));
15000						if (num) animateCounter(entry.target, num, 1200);
15001					}
15002				});
15003			}, { threshold: 0.5 });
15004
15005			statNumbers.forEach(el => counterObserver.observe(el));
15006		})();
15007
15008		// Subtle hover effects for interactive elements
15009		(function() {
15010			// Add hover lift effect to testimonial cards
15011			const cards = document.querySelectorAll('#customers-agree .masonry-content.card, .trust-stats-grid > div');
15012			cards.forEach(card => {
15013				card.addEventListener('mouseenter', function() {
15014					this.style.transform = 'translateY(-4px)';
15015					this.style.boxShadow = '0 8px 25px rgba(0,0,0,0.12)';
15016				});
15017				card.addEventListener('mouseleave', function() {
15018					this.style.transform = 'translateY(0)';
15019					this.style.boxShadow = '';
15020				});
15021			});
15022
15023			// Add pulse effect to CTA buttons on scroll
15024			const ctaButtons = document.querySelectorAll('a[href="#upgrade2"], a[href="#pricing"]');
15025			ctaButtons.forEach(btn => {
15026				const observer = new IntersectionObserver((entries) => {
15027					entries.forEach(entry => {
15028						if (entry.isIntersecting) {
15029							btn.style.animation = 'subtlePulse 2s ease-in-out 1';
15030						}
15031					});
15032				}, { threshold: 0.5 });
15033				observer.observe(btn);
15034			});
15035		})();
15036		</script>
15036
15037
15038		<style>
15039		/* ============================================
15040		   MODERN LIGHT THEME REFINEMENTS
15041		   ============================================ */
15042
15043		/* Refined section backgrounds */
15044		section {
15045			background-color: #ffffff;
15046		}
15047
15048		/* ============================================
15049		   TRUSTED PARTNERS SECTION
15050		   ============================================ */
15051		#trusted-partners {
15052			background: linear-gradient(180deg, #ffffff 0%, #f8fafc 50%, #ffffff 100%) !important;
15053			position: relative;
15054		}
15055
15056		#trusted-partners::before {
15057			content: '';
15058			position: absolute;
15059			top: 0;
15060			left: 0;
15061			right: 0;
15062			height: 1px;
15063			background: linear-gradient(90deg, transparent 0%, #e2e8f0 50%, transparent 100%);
15064		}
15065
15066		#trusted-partners h2.detailed {
15067			background: linear-gradient(135deg, #1f2632 0%, #334155 100%);
15068			-webkit-background-clip: text;
15069			-webkit-text-fill-color: transparent;
15070			background-clip: text;
15071		}
15072
15073		/* Stat Cards - Enhanced */
15074		.trust-stats-grid > div {
15075			background: #ffffff !important;
15076			box-shadow:
15077				0 1px 2px rgba(0,0,0,0.04),
15078				0 4px 16px rgba(0,0,0,0.06),
15079				inset 0 1px 0 rgba(255,255,255,0.8) !important;
15080			border: 1px solid rgba(0,0,0,0.06) !important;
15081			border-radius: 16px !important;
15082			transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
15083			            box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
15084			position: relative;
15085			overflow: hidden;
15086		}
15087
15088		.trust-stats-grid > div::before {
15089			content: '';
15090			position: absolute;
15091			top: 0;
15092			left: 0;
15093			right: 0;
15094			height: 3px;
15095			background: linear-gradient(90deg, #077aff, #3b82f6);
15096			opacity: 0;
15097			transition: opacity 0.3s ease;
15098		}
15099
15100		.trust-stats-grid > div:hover {
15101			transform: translateY(-4px);
15102			box-shadow:
15103				0 4px 8px rgba(0,0,0,0.04),
15104				0 12px 32px rgba(7,122,255,0.12) !important;
15105		}
15106
15107		.trust-stats-grid > div:hover::before {
15108			opacity: 1;
15109		}
15110
15111		/* Green refund card special styling */
15112		.trust-stats-grid > div[style*="background: #f0fdf4"] {
15113			background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%) !important;
15114			border-color: #86efac !important;
15115		}
15116
15117		.trust-stats-grid > div[style*="background: #f0fdf4"]::before {
15118			background: linear-gradient(90deg, #16a34a, #22c55e);
15119		}
15120
15121		.trust-stats-grid > div[style*="background: #f0fdf4"]:hover {
15122			box-shadow:
15123				0 4px 8px rgba(0,0,0,0.04),
15124				0 12px 32px rgba(22,163,74,0.15) !important;
15125		}
15126
15127		/* ============================================
15128		   STATE AGENCIES TESTIMONIALS
15129		   ============================================ */
15130		#trusted-partners div[style*="background: #fffbeb"] {
15131			background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%) !important;
15132			border: 1px solid #fcd34d !important;
15133			box-shadow:
15134				0 1px 3px rgba(0,0,0,0.04),
15135				0 8px 24px rgba(251,191,36,0.12) !important;
15136			position: relative;
15137			overflow: hidden;
15138		}
15139
15140		#trusted-partners div[style*="background: #fffbeb"]::before {
15141			content: '';
15142			position: absolute;
15143			top: -50%;
15144			right: -20%;
15145			width: 200px;
15146			height: 200px;
15147			background: radial-gradient(circle, rgba(251,191,36,0.15) 0%, transparent 70%);
15148			pointer-events: none;
15149		}
15150
15151		#trusted-partners div[style*="background: #fffbeb"] h3 {
15152			position: relative;
15153			display: inline-block;
15154		}
15155
15156		/* Agency testimonial cards */
15157		#trusted-partners div[style*="border-left: 4px solid #077aff"] {
15158			transition: transform 0.3s ease, box-shadow 0.3s ease;
15159			box-shadow: 0 2px 8px rgba(0,0,0,0.06);
15160		}
15161
15162		#trusted-partners div[style*="border-left: 4px solid #077aff"]:hover {
15163			transform: translateX(4px);
15164			box-shadow: 0 4px 16px rgba(7,122,255,0.12);
15165		}
15166
15167		/* Instructor testimonial card */
15168		#trusted-partners div[style*="border-left: 4px solid #16a34a"] {
15169			transition: transform 0.3s ease, box-shadow 0.3s ease;
15170			box-shadow: 0 2px 8px rgba(0,0,0,0.06);
15171		}
15172
15173		#trusted-partners div[style*="border-left: 4px solid #16a34a"]:hover {
15174			transform: translateX(4px);
15175			box-shadow: 0 4px 16px rgba(22,163,74,0.12);
15176		}
15177
15178		/* ============================================
15179		   LIBRARY SYSTEMS SECTION
15180		   ============================================ */
15181		#trusted-partners div[style*="background: #f0f9ff"] {
15182			background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%) !important;
15183			border: 1px solid #7dd3fc !important;
15184			box-shadow:
15185				0 1px 3px rgba(0,0,0,0.04),
15186				0 6px 20px rgba(14,165,233,0.1) !important;
15187			position: relative;
15188			overflow: hidden;
15189		}
15190
15191		#trusted-partners div[style*="background: #f0f9ff"]::before {
15192			content: '';
15193			position: absolute;
15194			top: 0;
15195			left: 0;
15196			right: 0;
15197			height: 4px;
15198			background: linear-gradient(90deg, #0ea5e9, #38bdf8, #0ea5e9);
15199			background-size: 200% 100%;
15200			animation: shimmer 3s ease-in-out infinite;
15201		}
15202
15203		@keyframes shimmer {
15204			0%, 100% { background-position: 0% 50%; }
15205			50% { background-position: 100% 50%; }
15206		}
15207
15208		#trusted-partners div[style*="background: #f0f9ff"] h3 {
15209			color: #0369a1 !important;
15210		}
15211
15212		/* Press link styling */
15213		#trusted-partners div[style*="background: #f0f9ff"] a {
15214			transition: transform 0.2s ease, color 0.2s ease;
15215			display: inline-flex !important;
15216		}
15217
15218		#trusted-partners div[style*="background: #f0f9ff"] a:hover {
15219			transform: translateX(4px);
15220		}
15221
15222		/* ============================================
15223		   NOT FOR YOU SECTION
15224		   ============================================ */
15225		#not-for-you {
15226			background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 50%, #f8fafc 100%) !important;
15227			position: relative;
15228		}
15229
15230		#not-for-you::before {
15231			content: '';
15232			position: absolute;
15233			top: 0;
15234			left: 0;
15235			right: 0;
15236			height: 1px;
15237			background: linear-gradient(90deg, transparent 0%, #e2e8f0 50%, transparent 100%);
15238		}
15239
15240		#not-for-you h2.detailed {
15241			background: linear-gradient(135deg, #1f2632 0%, #475569 100%);
15242			-webkit-background-clip: text;
15243			-webkit-text-fill-color: transparent;
15244			background-clip: text;
15245		}
15246
15247		/* Main card */
15248		#not-for-you .container > div[style*="background: white"] {
15249			background: #ffffff !important;
15250			box-shadow:
15251				0 1px 3px rgba(0,0,0,0.04),
15252				0 8px 32px rgba(0,0,0,0.08),
15253				inset 0 1px 0 rgba(255,255,255,0.9) !important;
15254			border: 1px solid rgba(0,0,0,0.06) !important;
15255			border-radius: 20px !important;
15256			position: relative;
15257			overflow: hidden;
15258		}
15259
15260		#not-for-you .container > div[style*="background: white"]::before {
15261			content: '';
15262			position: absolute;
15263			top: 0;
15264			left: 0;
15265			right: 0;
15266			height: 4px;
15267			background: linear-gradient(90deg, #ef4444, #f87171, #ef4444);
15268		}
15269
15270		/* Individual items */
15271		#not-for-you .container > div > div[style*="display: flex"] {
15272			transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
15273			border-radius: 12px;
15274			padding: 12px 16px !important;
15275			margin: 0 -16px 8px !important;
15276		}
15277
15278		#not-for-you .container > div > div[style*="display: flex"]:hover {
15279			background: linear-gradient(135deg, rgba(239,68,68,0.04) 0%, rgba(239,68,68,0.02) 100%);
15280			transform: translateX(4px);
15281		}
15282
15283		#not-for-you .container > div > div[style*="display: flex"]:last-child {
15284			margin-bottom: 0 !important;
15285		}
15286
15287		/* X icon styling */
15288		#not-for-you .container > div > div[style*="display: flex"] > span:first-child {
15289			background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
15290			border-radius: 50%;
15291			width: 28px;
15292			height: 28px;
15293			min-width: 28px;
15294			display: flex !important;
15295			align-items: center;
15296			justify-content: center;
15297			font-size: 14px !important;
15298			margin-right: 14px !important;
15299			border: 1px solid #fecaca;
15300		}
15301
15302		/* Bottom CTA */
15303		#not-for-you p[style*="text-align: center"][style*="margin-top"] {
15304			background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
15305			padding: 16px 24px;
15306			border-radius: 12px;
15307			border: 1px solid #86efac;
15308		}
15309
15310		/* ============================================
15311		   FAQ SECTION
15312		   ============================================ */
15313		#faq {
15314			background: #ffffff !important;
15315		}
15316
15317		#faq .toggler {
15318			border-radius: 14px !important;
15319			margin-bottom: 10px !important;
15320			border: 1px solid #e2e8f0 !important;
15321			background: #ffffff !important;
15322			box-shadow: 0 1px 3px rgba(0,0,0,0.04);
15323			transition: all 0.25s ease;
15324			overflow: hidden;
15325		}
15326
15327		#faq .toggler:hover {
15328			border-color: #cbd5e1 !important;
15329			box-shadow: 0 4px 12px rgba(0,0,0,0.06) !important;
15330		}
15331
15332		#faq .toggler-title {
15333			padding: 20px 24px !important;
15334			font-weight: 600;
15335		}
15336
15337		/* ============================================
15338		   TESTIMONIAL CARDS
15339		   ============================================ */
15340		#customers-agree .masonry-content.card {
15341			box-shadow:
15342				0 1px 3px rgba(0,0,0,0.04),
15343				0 6px 20px rgba(0,0,0,0.07) !important;
15344			border: 1px solid rgba(0,0,0,0.05) !important;
15345			border-radius: 18px !important;
15346			transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
15347			            box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
15348		}
15349
15350		#customers-agree .masonry-content.card:hover {
15351			transform: translateY(-4px);
15352			box-shadow:
15353				0 4px 8px rgba(0,0,0,0.04),
15354				0 16px 40px rgba(0,0,0,0.1) !important;
15355		}
15356
15357		/* ============================================
15358		   GENERAL REFINEMENTS
15359		   ============================================ */
15360		.text-dark, #not-for-you .container > div > div > div {
15361			color: #334155 !important;
15362		}
15363
15364		/* Modern button refinements */
15365		a[href="#upgrade2"], a[href="#pricing"], .btn-primary, .btn-premium {
15366			box-shadow: 0 1px 2px rgba(0,0,0,0.05), 0 4px 12px rgba(7,122,255,0.15) !important;
15367		}
15368
15369		/* Pass guarantee section refinement */
15370		.pass-guarantee-steps {
15371			box-shadow: 0 1px 3px rgba(0,0,0,0.03), 0 6px 16px rgba(0,0,0,0.05) !important;
15372			border: 1px solid rgba(0,0,0,0.04) !important;
15373		}
15374
15375		/* Subtle gradient on hero area */
15376		.hero, #hero, section:first-of-type {
15377			background: linear-gradient(180deg, #ffffff 0%, #fafbfc 100%);
15378		}
15379
15380		/* Refined link hover states */
15381		#trusted-partners a[style*="color: #077aff"],
15382		#not-for-you a[style*="color: #077aff"] {
15383			transition: color 0.2s ease;
15384		}
15385
15386		#trusted-partners a[style*="color: #077aff"]:hover,
15387		#not-for-you a[style*="color: #077aff"]:hover {
15388			color: #0550ae !important;
15389		}
15390
15391		/* ============================================
15392		   MICROANIMATIONS & POLISH
15393		   ============================================ */
15394
15395		/* Smooth scroll for the entire page */
15396		html {
15397			scroll-behavior: smooth;
15398		}
15399
15400		/* CTA Button hover effects */
15401		.sec3_5_btn.blue.btnPurchase {
15402			transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1),
15403			            box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1),
15404			            background-color 0.2s ease !important;
15405			position: relative;
15406			overflow: hidden;
15407		}
15408
15409		.sec3_5_btn.blue.btnPurchase:hover {
15410			transform: translateY(-2px) !important;
15411			box-shadow: 0 4px 12px rgba(7,122,255,0.3), 0 8px 24px rgba(7,122,255,0.15) !important;
15412		}
15413
15414		.sec3_5_btn.blue.btnPurchase:active {
15415			transform: translateY(0) scale(0.98) !important;
15416		}
15417
15418		/* Subtle pulse animation for primary CTA */
15419		@keyframes subtlePulse {
15420			0%, 100% { box-shadow: 0 4px 12px rgba(7,122,255,0.2); }
15421			50% { box-shadow: 0 4px 20px rgba(7,122,255,0.35); }
15422		}
15423
15424		#price_plans .feature_item:first-child .sec3_5_btn.blue.btnPurchase {
15425			animation: subtlePulse 3s ease-in-out infinite;
15426		}
15427
15428		#price_plans .feature_item:first-child .sec3_5_btn.blue.btnPurchase:hover {
15429			animation: none;
15430		}
15431
15432		/* Pricing card hover lift */
15433		#price_plans .feature_item {
15434			transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
15435		}
15436
15437		#price_plans .feature_item:hover {
15438			transform: translateY(-4px) !important;
15439		}
15440
15441		#price_plans .feature_item:first-child:hover {
15442			transform: translateY(-19px) !important; /* Account for existing -15px offset */
15443		}
15444
15445		/* Inner card glow on hover */
15446		#price_plans .inner_item_price {
15447			transition: box-shadow 0.3s ease !important;
15448		}
15449
15450		#price_plans .feature_item:hover .inner_item_price {
15451			box-shadow: 0 8px 30px rgba(0,0,0,0.12) !important;
15452		}
15453
15454		/* Testimonial star rating shimmer */
15455		@keyframes starShimmer {
15456			0%, 100% { opacity: 1; }
15457			50% { opacity: 0.7; }
15458		}
15459
15460		.masonry-content.card:hover .stars {
15461			animation: starShimmer 1.5s ease-in-out infinite;
15462		}
15463
15464		/* Feature checkmarks subtle entrance */
15465		.pricing_feature-list-new .check {
15466			transition: transform 0.2s ease, opacity 0.2s ease;
15467		}
15468
15469		.feature_item:hover .pricing_feature-list-new .check {
15470			transform: translateX(2px);
15471		}
15472
15473		/* Gift link hover effect */
15474		.for-child {
15475			transition: color 0.2s ease, transform 0.2s ease !important;
15476		}
15477
15478		.for-child:hover {
15479			transform: translateX(3px) !important;
15480		}
15481
15482		/* FAQ accordion smooth transition */
15483		.toggler {
15484			transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
15485		}
15486
15487		.toggler-content {
15488			transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1),
15489			            opacity 0.3s ease !important;
15490		}
15491
15492		.toggler-title {
15493			transition: color 0.2s ease !important;
15494		}
15495
15496		.toggler:hover .toggler-title {
15497			color: #077aff !important;
15498		}
15499
15500		/* Focus states for accessibility */
15501		a:focus-visible,
15502		button:focus-visible,
15503		.sec3_5_btn:focus-visible {
15504			outline: 2px solid #077aff !important;
15505			outline-offset: 2px !important;
15506		}
15507
15508		/* Smooth image loading */
15509		img {
15510			transition: opacity 0.3s ease;
15511		}
15512
15513		/* Trust stats number hover */
15514		.trust-stats-grid > div > div:first-child {
15515			transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
15516		}
15517
15518		.trust-stats-grid > div:hover > div:first-child {
15519			transform: scale(1.05);
15520		}
15521
15522		/* Yellow testimonial box in pricing subtle glow */
15523		#price_plans div[style*="background: #fefce8"] {
15524			transition: box-shadow 0.3s ease, transform 0.2s ease;
15525		}
15526
15527		#price_plans .feature_item:hover div[style*="background: #fefce8"] {
15528			box-shadow: 0 2px 12px rgba(253, 224, 71, 0.4);
15529		}
15530
15531		/* Hero CTA area subtle float animation */
15532		@keyframes gentleFloat {
15533			0%, 100% { transform: translateY(0); }
15534			50% { transform: translateY(-3px); }
15535		}
15536
15537		#passguarantee-label img {
15538			animation: gentleFloat 4s ease-in-out infinite;
15539		}
15540
15541		/* Apply gentle float to hero phone mockup */
15542		.hero-img-wrapper img {
15543			animation: gentleFloat 5s ease-in-out infinite;
15544		}
15545
15546		/* Apply gentle float to cheat sheets books */
15547		#cheat-sheets2 .container1 .item img {
15548			animation: gentleFloat 4.5s ease-in-out infinite;
15549		}
15550		#cheat-sheets2 .container1 .item:nth-child(2) img {
15551			animation-delay: 0.5s;
15552		}
15553
15554		/* Apply gentle float to established section laptop */
15555		#established .illustration img {
15556			animation: gentleFloat 5s ease-in-out infinite;
15557		}
15558
15559		/* Comparison table row hover */
15560		.comparison-table tr {
15561			transition: background-color 0.2s ease;
15562		}
15563
15564		.comparison-table tbody tr:hover {
15565			background-color: #f8fafc;
15566		}
15567
15568        @media (max-width: 767px) {
15569            .comparison-table tr td {
15570                padding: 10px 5px !important;
15571            }
15572            .comparison-table tr td span svg {
15573                flex: 0 0 auto;
15574            }
15575        }
15576
15577		/* Press link arrow animation */
15578		a[style*="color: #077aff"]::after {
15579			transition: transform 0.2s ease;
15580		}
15581
15582		a[style*="color: #077aff"]:hover {
15583			text-decoration: none !important;
15584		}
15585
15586		/* Countdown timer subtle pulse when low */
15587		@keyframes urgentPulse {
15588			0%, 100% { opacity: 1; }
15589			50% { opacity: 0.85; }
15590		}
15591
15592		#countdown.urgent {
15593			animation: urgentPulse 1s ease-in-out infinite;
15594		}
15595
15596		/* Smooth state transitions for interactive elements */
15597		* {
15598			-webkit-tap-highlight-color: transparent;
15599		}
15600
15601		/* Button ripple effect base */
15602		.sec3_5_btn.blue.btnPurchase::after {
15603			content: '';
15604			position: absolute;
15605			top: 50%;
15606			left: 50%;
15607			width: 0;
15608			height: 0;
15609			background: rgba(255,255,255,0.2);
15610			border-radius: 50%;
15611			transform: translate(-50%, -50%);
15612			transition: width 0.4s ease, height 0.4s ease, opacity 0.4s ease;
15613			opacity: 0;
15614		}
15615
15616		.sec3_5_btn.blue.btnPurchase:active::after {
15617			width: 200px;
15618			height: 200px;
15619			opacity: 1;
15620		}
15621
15622		/* Who We Are Grid - Mobile */
15623		@media (max-width: 768px) {
15624            #who-we-are {
15625                padding-top: 50px !important;
15626                padding-bottom: 50px !important;
15627            }
15628
15629			.who-we-are-grid {
15630				grid-template-columns: 1fr !important;
15631				gap: 20px !important;
15632			}
15633		}
15634		</style>
15635
15636		<!-- Who We Are Section -->
15637		<section id="who-we-are" style="background: #fff; padding: 80px 0;">
15638			<div class="container" style="max-width: 900px; margin: 0 auto; padding: 0 20px;">
15639				<div style="text-align: center; margin-bottom: 50px;">
15640					<h2 class="detailed" style="font-size: 36px; font-weight: 800; color: #1f2632; margin: 0 0 16px; line-height: 1.15; text-align: center;">Who we are</h2>
15641					<p style="font-size: 17px; color: #64748b; margin: 0; max-width: 600px; margin-left: auto; margin-right: auto; line-height: 1.6;">The team behind 11M+ students passing high-stakes exams</p>
15642				</div>
15643
15644				<div class="who-we-are-grid" style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;">
15645					<!-- Andrei -->
15646					<div style="text-align: center; background: #f8fafc; border-radius: 16px; padding: 30px;">
15647						<div style="width: 100px; height: 100px; border-radius: 50%; margin: 0 auto 20px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.1);">
15648							<img src="https://driving-tests.org/img/andrei4.png" alt="Andrei Zakhareuski" style="width: 100%; height: 100%; object-fit: cover;">
15649						</div>
15650						<h4 style="font-size: 18px; font-weight: 700; color: #1f2632; margin: 0 0 6px;">Andrei Zakhareuski</h4>
15651						<p style="font-size: 14px; color: #077aff; font-weight: 600; margin: 0 0 12px;">Co-founder & CEO</p>
15652						<p style="font-size: 14px; color: #64748b; line-height: 1.5; margin: 0;">Founded Elegant E-Learning in 2012. Built BarPrepHero from the ground up.</p>
15653					</div>
15654
15655					<!-- Steven -->
15656					<div style="text-align: center; background: #f8fafc; border-radius: 16px; padding: 30px;">
15657						<div style="width: 100px; height: 100px; border-radius: 50%; margin: 0 auto 20px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.1);">
15658							<img src="https://driving-tests.org/wp-content/uploads/2025/10/expert_steven_litvintchouk.png" alt="Steven D. Litvintchouk" style="width: 100%; height: 100%; object-fit: cover;">
15659						</div>
15660						<h4 style="font-size: 18px; font-weight: 700; color: #1f2632; margin: 0 0 6px;">Steven D. Litvintchouk</h4>
15661						<p style="font-size: 14px; color: #077aff; font-weight: 600; margin: 0 0 12px;">Head of Research</p>
15662						<p style="font-size: 14px; color: #64748b; line-height: 1.5; margin: 0;">M.S. MIT, B.S. Columbia. Leads our research-backed learning methodology and content development.</p>
15663					</div>
15664
15665					<!-- Team -->
15666					<div style="text-align: center; background: #f8fafc; border-radius: 16px; padding: 30px;">
15667						<div style="display: flex; justify-content: center; margin: 0 auto 20px;">
15668							<div style="width: 50px; height: 50px; border-radius: 50%; overflow: hidden; border: 3px solid #fff; box-shadow: 0 2px 8px rgba(0,0,0,0.1); margin-right: -12px; position: relative; z-index: 5;">
15669								<img src="https://driving-tests.org/img/diana.png" alt="Diana" style="width: 100%; height: 100%; object-fit: cover; object-position: -400% 50%; transform: scale(1.05);">
15670							</div>
15671							<div style="width: 50px; height: 50px; border-radius: 50%; overflow: hidden; border: 3px solid #fff; box-shadow: 0 2px 8px rgba(0,0,0,0.1); margin-right: -12px; position: relative; z-index: 4;">
15672								<img src="https://driving-tests.org/img/sviatlana.png" alt="Sviatlana" style="width: 100%; height: 100%; object-fit: cover; object-position: 50% 35%; transform: scale(1.5);">
15673							</div>
15674							<div style="width: 50px; height: 50px; border-radius: 50%; overflow: hidden; border: 3px solid #fff; box-shadow: 0 2px 8px rgba(0,0,0,0.1); margin-right: -12px; position: relative; z-index: 3;">
15675								<img src="https://driving-tests.org/img/olga.png" alt="Olga" style="width: 100%; height: 100%; object-fit: cover; object-position: 50% 20%; transform: scale(1.2);">
15676							</div>
15677							<div style="width: 50px; height: 50px; border-radius: 50%; overflow: hidden; border: 3px solid #fff; box-shadow: 0 2px 8px rgba(0,0,0,0.1); margin-right: -12px; position: relative; z-index: 2;">
15678								<img src="https://driving-tests.org/img/marina2.png" alt="Marina" style="width: 100%; height: 100%; object-fit: cover; object-position: 50% 0%; transform: scale(1.1);">
15679							</div>
15680							<div style="width: 50px; height: 50px; border-radius: 50%; overflow: hidden; border: 3px solid #fff; box-shadow: 0 2px 8px rgba(0,0,0,0.1); position: relative; z-index: 1;">
15681								<img src="https://driving-tests.org/img/marina.png" alt="Marina" style="width: 100%; height: 100%; object-fit: cover;">
15682							</div>
15683						</div>
15684						<h4 style="font-size: 18px; font-weight: 700; color: #1f2632; margin: 0 0 6px;">Our Team</h4>
15685						<p style="font-size: 14px; color: #077aff; font-weight: 600; margin: 0 0 12px;">Content, Engineering & Support</p>
15686						<p style="font-size: 14px; color: #64748b; line-height: 1.5; margin: 0;">Educators and engineers dedicated to helping you pass the bar exam.</p>
15687					</div>
15688				</div>
15689
15690				<div style="text-align: center; margin-top: 40px;">
15691					<a href="https://barprephero.com/about/" style="display: inline-flex; align-items: center; gap: 6px; color: #077aff; text-decoration: none; font-size: 15px; font-weight: 600;">
15692						Learn more about our story
15693						<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
15694					</a>
15695				</div>
15696			</div>
15697		</section>
15698
15699		<section id="faq" class="faq" style="padding-bottom: 50px;padding-top: 90px;">
15700		<div class="container">
15701		<h2 class="detailed" style="
15702			opacity: 1;
15703			max-width: 930px;
15704			padding-bottom: 0px;
15705			padding-top: 0;
15706			margin: 0 auto;
15707			text-align: center;
15708			color: #1d1d20;
15709			line-height: 1.0625;
15710			font-weight: 800;
15711			letter-spacing: -.015em;
15712		">Questions? We've got answers.</h2>
15713			<div class="typography-section-intro"></div>
15714			   
15715		<div class="toggler">
15716			<button type="button" class="toggler-title" id="faq-nextgen-button" data-faq-id="nextgen_compatibility" aria-expanded="false" aria-controls="faq-nextgen-content">Is BarPrepHero designed for the NextGen UBE?</button>
15717			<div class="toggler-content" id="faq-nextgen-content" role="region" aria-labelledby="faq-nextgen-button" aria-hidden="true" style="height: 0px;">
15718				<div>No. The current BarPrepHero plans cover the legacy MBE, MEE, and MPT format. If your jurisdiction administers the NextGen UBE in February 2027, this is not the right full prep course for that exam. <a href="https://www.ncbex.org/exams/nextgen/nextgen-ube-scores-score-portability/nextgen-ube-decisions-jurisdiction" target="_blank" rel="noopener noreferrer" style="color: #0076ff;">Check the official NCBE jurisdiction list</a> before purchasing.</div>
15719			</div>
15720		</div>
15721
15722		<div class="toggler">
15723			<button type="button" class="toggler-title" id="faq-retaker-button" data-faq-id="retaker" aria-expanded="false" aria-controls="faq-retaker-content">I used another bar prep program and failed. How is BarPrepHero different?</button>
15724			<div class="toggler-content op" id="faq-retaker-content" role="region" aria-labelledby="faq-retaker-button" aria-hidden="true" style="height: 0px;">
15725				<div>BarPrepHero is built around active practice. You work through real NCBE-licensed MBE questions, review detailed explanations, revisit weak areas in the Challenge Bank™, and use the AI tutor when an answer does not make sense. Full Bar adds legacy MEE and MPT materials. Full MBE is the better fit when you already have essay and performance-test materials.</div>
15726			</div>
15727		</div>
15728
15729		<div class="toggler">
15730			<button type="button" class="toggler-title" id="faq-graduated-button" data-faq-id="graduated_long_ago" aria-expanded="false" aria-controls="faq-graduated-content">It's been a while since I graduated. Will BarPrepHero work for me?</button>
15731			<div class="toggler-content op" id="faq-graduated-content" role="region" aria-labelledby="faq-graduated-button" aria-hidden="true" style="height: 0px;">
15732				<div>Yes, if you learn best by practicing. The program combines concise review materials with a large question bank, explanations, and progress tools. You can start with short sessions now and increase volume closer to the exam.</div>
15733			</div>
15734		</div>
15735
15736		<div class="toggler">
15737			<button type="button" class="toggler-title" id="faq-state-button" data-faq-id="state_specific" aria-expanded="false" aria-controls="faq-state-content">Does BarPrepHero include state-specific materials?</button>
15738			<div class="toggler-content" id="faq-state-content" role="region" aria-labelledby="faq-state-button" aria-hidden="true" style="height: 0px;">
15739				<div>No. BarPrepHero covers the legacy MBE, MEE, and MPT components. State-specific subjects and NextGen UBE preparation are not included. Confirm the format and local requirements with your jurisdiction before buying.</div>
15740			</div>
15741		</div>
15742
15743		<div class="toggler">
15744			<button type="button" class="toggler-title" id="faq-trial-button" data-faq-id="free_trial" aria-expanded="false" aria-controls="faq-trial-content">Can I try BarPrepHero before buying?</button>
15745			<div class="toggler-content" id="faq-trial-content" role="region" aria-labelledby="faq-trial-button" aria-hidden="true" style="height: 0px;">
15746				<div>Yes. Try five real MBE questions on this page or use the free practice tests on our <a href="https://barprephero.
15746com/" style="color: #0076ff;">homepage</a>. You can evaluate the question quality and explanations before choosing a plan.</div>
15747			</div>
15748		</div>
15749
15750		<div class="toggler">
15751			<button type="button" class="toggler-title" id="faq-mobile-button" data-faq-id="mobile" aria-expanded="false" aria-controls="faq-mobile-content">Does BarPrepHero work on mobile?</button>
15752			<div class="toggler-content" id="faq-mobile-content" role="region" aria-labelledby="faq-mobile-button" aria-hidden="true" style="height: 0px;">
15753				<div>Yes. Your progress is saved to your account, so you can switch between phone, tablet, and computer without losing your place.</div>
15754			</div>
15755		</div>
15756
15757		<div class="toggler">
15758			<button type="button" class="toggler-title" id="faq-plans-button" data-faq-id="plan_comparison" aria-expanded="false" aria-controls="faq-plans-content">What's the difference between Full Bar, Full MBE, and Sim MBE?</button>
15759			<div class="toggler-content" id="faq-plans-content" role="region" aria-labelledby="faq-plans-button" aria-hidden="true" style="height: 0px;">
15760				<div><strong>Full Bar:</strong> Legacy MBE, MEE, and MPT coverage, all 1,900+ MBE questions, AI tutor, and Pass Guarantee.<br><br><strong>Full MBE:</strong> All real and simulated MBE questions, AI tutor, and Pass Guarantee, without MEE or MPT materials.<br><br><strong>Sim MBE:</strong> 600+ simulated MBE questions as a supplement. It does not include NCBE-licensed questions, MEE/MPT materials, or the Pass Guarantee.</div>
15761			</div>
15762		</div>
15763
15764		<div class="toggler">
15765			<button type="button" class="toggler-title" id="faq-guarantee-button" data-faq-id="pass_guarantee" aria-expanded="false" aria-controls="faq-guarantee-content">How does the Pass Guarantee work?</button>
15766			<div class="toggler-content" id="faq-guarantee-content" role="region" aria-labelledby="faq-guarantee-button" aria-hidden="true" style="height: 0px;">
15767				<div>The Pass Guarantee applies to Full Bar and Full MBE. Complete all required practice tests, with your most recent completion no earlier than 30 days before the exam. If you do not pass, email <a href="/cdn-cgi/l/email-protection#d7beb9b1b897b5b6a5a7a5b2a7bfb2a5b8f9b4b8ba" style="color: #077aff;"><span class="__cf_email__" data-cfemail="640d0a020b24060516141601140c01160b4a070b09">[email&#160;protected]</span></a> with your official results within 30 days of receiving them. We will verify completion and refund the plan price.</div>
15768			</div>
15769		</div>
15770
15771		<div class="toggler">
15772			<button type="button" class="toggler-title" id="faq-billing-button" data-faq-id="billing" aria-expanded="false" aria-controls="faq-billing-content">Is this a subscription? Will I be charged again?</button>
15773			<div class="toggler-content" id="faq-billing-content" role="region" aria-labelledby="faq-billing-button" aria-hidden="true" style="height: 0px;">
15774				<div>No. Every plan is a one-time purchase with lifetime access. There are no recurring charges or renewals.</div>
15775			</div>
15776		</div>
15777
15778		</div>
15779		</section>
15780
15781					</div>
15782
15783				</section>
15784				<div class="clr"></div>
15785
15786				<!-- PRE-FOOTER CTA -->
15787				<section id="final-cta" style="background: linear-gradient(135deg, #1e40af 0%, #1e3a8a 25%, #312e81 50%, #1e1b4b 100%); padding: 50px 20px; text-align: center;">
15788					<div class="container" style="max-width: 800px;">
15789					<h2 style="color: #fff; font-size: 28px; font-weight: 700; margin: 0 0 12px; line-height: 1.2; text-align: center;">Start building your exam instincts now.</h2>
15790					<p style="color: rgba(255,255,255,0.8); font-size: 16px; line-height: 1.6; margin: 0 0 24px;">Use short, consistent practice now, then increase volume as February approaches.</p>
15791					<a href="#price-plans-section" class="btn btn-primary" data-pricing-cta data-cta-location="final_cta" style="background: #ffffff; color: #1e3a8a; font-size: 16px; font-weight: 700; padding: 14px 32px; border-radius: 10px; text-decoration: none; display: inline-block; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); transition: transform 0.2s ease, box-shadow 0.2s ease;">See one-time plans</a>
15792					<p style="color: rgba(255,255,255,0.75); font-size: 13px; margin-top: 12px;">One payment. Lifetime access. Pass Guarantee on Full Bar and Full MBE.</p>
15793					</div>
15794				</section>
15795
15796				<div id="footer-nav" style="">
15797				<div class="container">
15798					<div class="logo-wrp">
15799						<a id="logo" href="https://barprephero.com/"><img src="https://barprephero.com/premium/img/bph-logo-horizontal-black.svg" alt="BarPrepHero" style="height: 52px;"></a>
15800					</div>
15801
15802
15803					<div class="primary-items">
15804						<a href="https://barprephero.com/about/" class="nav-item" target="_blank">About us</a>
15805						<a href="https://barprephero.com/terms-of-use/" class="nav-item" target="_blank">Terms and Privacy</a>
15806						<a href="/cdn-cgi/l/email-protection#c9a0a7afa689aba8bbb9bbacb9a1acbba6e7aaa6a4" class="nav-item">Contact</a>
15807					</div>
15808				</div>
15809				<div style="text-align: center; margin-top: 12px; padding: 12px 20px 0; border-top: 1px solid #e5e7eb;">
15810					<p style="font-size: 11px; color: #64748b; margin: 0;">Page last updated: Aug 2026 | For February 2027 legacy MBE and UBE exams</p>
15811					<p style="font-size: 10px; color: #94a3b8; line-height: 1.5; margin: 8px auto 0; max-width: 800px;">
15812						MBE®, MEE®, and MPT® are registered trademarks of the National Conference of Bar Examiners (NCBE®). NCBE does not endorse, promote, or otherwise affiliate with BarPrepHero. All NCBE-licensed questions are used under license agreement with NCBE.
15813					</p>
15814					<p style="font-size: 10px; color: #94a3b8; margin-top: 6px;">© 2026 BarPrepHero. All rights reserved.</p>
15815				</div>
15816
15817			</div>
15818
15819			
15820
15821		  <div id="pass-guarantee-work" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
15822			<div class="modal-dialog" role="document">
15823			  <div class="modal-content">
15824			
15825				<div class="modal-header">
15826				<button class="close" data-bs-dismiss="modal" aria-label="Close">
15827				  <svg width="19px" height="19px" viewBox="0 0 19 19" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
15828			<!-- Generator: Sketch 40.2 (33826) - http://www.bohemiancoding.com/sketch -->
15829			<title>Close</title>
15830			<desc>Created with Sketch.</desc>
15831			<defs></defs>
15832			<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
15833				<g transform="translate(-331.000000, -225.000000)" fill="#333333" style="
15834			fill: #111;
15835		">
15836					<g>
15837						<g transform="translate(10.000000, 195.000000)">
15838							<g transform="translate(321.000000, 30.000000)">
15839								<rect transform="translate(9.500000, 9.500000) rotate(-45.000000) translate(-9.500000, -9.500000) " x="8" y="-2" width="3" height="23" rx="1"></rect>
15840								<rect transform="translate(9.500000, 9.500000) rotate(45.000000) translate(-9.500000, -9.500000) " x="8" y="-2" width="3" height="23" rx="1"></rect>
15841							</g>
15842						</g>
15843					</g>
15844				</g>
15845			</g>
15846		</svg>
15847
15848				</button>
15849				 </div>
15850				<div class="modal-body">
15851				<div style="
15852			margin: 0 auto 40px;
15853			text-align: center;
15854		"><img class="pg-stamp" src="https://driving-tests.org/cdl-premium/passguarantee-orig.svg" style="
15855			width: 50%;
15856		">
15857			</div>
15858				  <h4 class="modal2">How does it work?</h4>
15859				  <p class="modal3">Our Full Bar and Full MBE plans include a Pass Guarantee. Complete all required practice tests, with your most recent completion no earlier than 30 days before your exam date. If you do not pass, we will refund the plan price after verifying completion and your official results.
15860				  </p>
15861
15862				  <h4 class="modal2">To claim</h4>
15863				   <p class="modal3"> Just <a href="/cdn-cgi/l/email-protection#4a23242c250a282b383a382f3a222f382564292527" rel="nofollow noopener noreferrer" target="_blank" style="border-bottom: 2px solid #6672e5;
15864			color: #1584fc;">send us an email</a> with your full name (must match the name and email address used for your purchase at BarPrepHero) and official results within 30 days of receiving them.&nbsp; </p>
15865
15866				  <h4 class="modal2">What happens next</h4>
15867				   <p class="modal3">We'll check your account to make sure you've successfully completed all practice tests. Once that is confirmed, we'll issue a full refund (you'll receive a separate email confirmation).</p>
15868				 
15869				</div>
15870				<div class="modal-footer" style="padding: 0;text-align: right;border: 0;">
15871				  <button type="button" class="btn btn-default" data-bs-dismiss="modal" style="color: #fff;
15872			background: #6772e5;
15873			white-space: nowrap;
15874			display: inline-block;
15875			height: 40px;
15876			line-height: 40px;
15877			padding: 0 14px;
15878			-webkit-box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
15879			box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
15880			border-radius: 4px;
15881			font-size: 15px;
15882			font-weight: 600;
15883			text-transform: uppercase;
15884			letter-spacing: .025em;
15885			text-decoration: none;
15886			-webkit-transition: all .15s ease;
15887			transition: all .15s ease;
15888			border: 0;">Close</button>
15889				</div>
15890
15891			  </div><!-- /.modal-content -->
15892			</div><!-- /.modal-dialog -->
15893		  </div><!-- /.modal -->
15894
15895		<style>
15896		/* Hide modals by default */
15897		.modal {
15898			display: none;
15899			position: fixed;
15900			top: 0;
15901			left: 0;
15902			width: 100%;
15903			height: 100%;
15904			z-index: 9999;
15905			background: rgba(0,0,0,0.5);
15906		}
15907		.modal.show {
15908			display: flex;
15909			align-items: center;
15910			justify-content: center;
15911		}
15912		.modal-dialog {
15913			background: #fff;
15914			border-radius: 15px;
15915			max-width: 600px;
15916			width: 90%;
15917			max-height: 90vh;
15918			overflow-y: auto;
15919			padding: 30px;
15920		}
15921		.modal-header {
15922			display: flex;
15923			justify-content: flex-end;
15924			margin-bottom: 20px;
15925		}
15926		.modal-header .close {
15927			background: none;
15928			border: none;
15929			cursor: pointer;
15930			padding: 5px;
15931		}
15932		#need-several-accounts .modal-content {background:#fff;}
15933		#need-several-accounts .plan {display:block!important;width:auto!important;padding:0!important;background:none!important;box-shadow:none!important;margin-bottom: 0px;}
15934            
15935            .price-value div {
15936                position: absolute;
15937    bottom: 5px;
15938    right: 0;
15939    font-weight: 700;
15940    font-size: 16px;
15941    line-height: 1.35;
15942    background-color: #FAFAB4;
15943    padding: 0 4px;
15944    border-radius: 5px;
15945            }
15946		</style>
15947		
15948		
15949
15950		<style>
15951            @media (max-width: 991px) {
15952                .partner-logos {
15953                    text-align: center !important; 
15954                }
15955            }
15956
15957			@media (max-width: 767px) {
15958				.container {
15959					padding-left: 20px !important;
15960					padding-right: 20px !important;
15961				}
15962
15963				section#established {
15964		        padding: 40px 0 20px !important;
15965		    }
15966
15967				#established .container {
15968					width: auto !important;
15969        			display: block !important;
15970				}
15971				
15972				.header-wrapper {
15973					padding-left: 0 !important;
15974					padding-right: 0 !important;
15975				}
15976				
15977				
15978				
15979				.header-wrapper111 .sub-title {
15980					margin-top: 0 !important;
15981				}
15982				
15983				.header-wrapper111 .trustpilot img {
15984					width: 100% !important;
15985				}
15986
15987				.trustpilot {
15988					text-align: center;
15989				}
15990				
15991				.header-wrapper111 .sub-title h1 {
15992					margin-bottom: 0px !important;
15993				}
15994				
15995				#unlock-btns {
15996					text-align: center;
15997				}
15998				
15999				.header-wrapper111 .sub-title .heading-xlarge .checkhome {
16000					margin-left: -50px !important;
16001					
16002				}
16003				.header11 ul.checkhome li:before {
16004					left: 0 !important;
16005				}
16006				
16007				.partner-logos img {
16008					width: 100% !important;
16009				}
16010				
16011				.header-wrapper111 .hero-img-wrapper {
16012					margin-top: -35px !important;
16013				}
16014				
16015				section.mini-testimonials .masonry-wrapper {
16016					display: block !important;
16017				}
16018				
16019				.mini-testimonials {
16020					margin: 50px 0 60px !important;
16021					padding: 15px 0 !important;
16022				}
16023				
16024				.mini-testimonials .masonry-wrapper {
16025					padding: 20px !important;
16026					margin-top: 20px !important;
16027				}
16028				.mini-testimonials .masonry-wrapper .masonry {
16029					display: flex !important;
16030					flex-direction: column !important;
16031					margin-bottom: 0 !important;
16032				}
16033				.mini-testimonials .masonry-wrapper .masonry .masonry-item:nth-child(n+4) {
16034					display: none !important;
16035				}
16036				
16037				.pre-title {
16038					margin-bottom: 15px !important;
16039				}
16040				
16041				h2 {
16042					margin-bottom: 10px !important;
16043				}
16044				
16045				p.job {
16046					margin-bottom: 16px !important;
16047				}
16048				
16049				#stages {
16050					padding-top: 0 !important;
16051					margin-bottom: 30px;
16052				}
16053				
16054				#stages .stage {
16055					margin: 30px 0 0px !important;
16056				}
16057				
16058				.stage-image {
16059					margin-top: 10px !important;
16060				}
16061				
16062				section.sec3_20.befully-prepared h2 span {
16063					display: inline;
16064        			margin-top: 0px;
16065				}
16066				
16067				.hero-wrapper {
16068					margin: 0 auto 100px !important;
16069				}
16070				
16071				#genieai #included {
16072					padding: 0 !important;
16073				}
16074				#genieai .pre-title {
16075					display: inline-block !important;
16076					width: auto !important;
16077					margin-left: 0 !important;
16078				}
16079				
16080				#customers-agree .masonry-wrapper {
16081					display: block !important;
16082					padding-top: 25px !important;
16083				}
16084				#customers-agree .masonry {
16085					display: flex !important;
16086					flex-direction: column !important;
16087				}
16088				#customers-agree .masonry-item:nth-child(n+4) {
16089					display: none !important;
16090				}
16091				
16092				section.genie {
16093					padding: 60px 0 60px !important;
16094				}
16095				
16096				#premium_features {
16097					margin-top: 50px;
16098				}
16099				
16100				#mbe-demo {
16101					margin-top: 60px !important;
16102				}
16103				
16104				.atAnotherQ {
16105					margin-top: 20px !important;
16106				}
16107				
16108				#demo-tests {
16109					padding-top: 30px !important;
16110				}
16111				#demo-tests .container > div {
16112					text-align: left !important;
16113				}
16114				#demo-tests .right {
16115					margin-top: 30px !important;
16116				}
16117				#introducing-video {
16118					display: block !important;
16119					margin: 0 -20px !important;
16120					border-radius: 0 !important;
16121					padding-bottom: 63% !important;
16122				}
16123				#introducing-video video {
16124					border-radius: 0 !important;
16125				}
16126				div#introducing-video\ mobile {
16127					display: none !important;
16128				}
16129
16130				#cheat-sheets2 {
16131					padding: 0! important;
16132					margin: 70px 0 20px !important;
16133				}
16134				.cheatsheet-img {
16135					position: relative;
16136					width: 100%;
16137					overflow: hidden;
16138					margin: 20px 0 0;
16139				}
16140				.cheatsheet-img img {
16141					display: block;
16142					width: 80%;
16143					max-width: 330px;
16144					margin: 0 auto;
16145				}
16146				.cheatsheet-img .cheatsheet-bg {
16147					display: block;
16148					width: calc(100% + 80px);
16149					margin: 0 -40px;
16150					position: absolute;
16151					top: 50%;
16152					transform: translateY(-50%);
16153					z-index: -1;
16154				}
16155				.cheatsheet-img .cheatsheet-bg>div {
16156					width: 100%;
16157					height: 40px;
16158					transform: rotate(-21deg);
16159				}
16160				.cheatsheet-img .cheatsheet-bg>div:first-child {
16161					margin-bottom: 15px;
16162					background: linear-gradient(90deg, #00C6FF 0%, #0072FF 100%);
16163				}
16164				.cheatsheet-img .cheatsheet-bg>div:nth-child(2) {
16165					background: linear-gradient(90deg, #FF4E50 0%, #F9D423 100%);
16166				}
16167				
16168				#carousel4 {
16169					display: none;
16170				}
16171				
16172				#upgrade2 {
16173					width: 100% !important;
16174					margin: 10px 0 0 !important;
16175				}
16176				#upgrade2 .pass-guarantee-img {
16177					margin-top: 15px !important;
16178				}
16179                @media (max-width: 767px) {
16180                    #upgrade2 .pricing-prehead > span {
16181                        display: flex !important;
16182                        justify-content: center;
16183                        width: fit-content;
16184                        margin-left: auto;
16185                        margin-right: auto;
16186                    }
16187                    #upgrade2 .job {
16188                        text-align: center !important;
16189                    }
16190                }
16191				
16192				#price_plans {
16193					margin: 80px 0 50px !important;
16194				}
16195				#price_plans .slick-track {
16196					display: flex !important;
16197					align-items: flex-start !important;
16198					padding-top: 20px !important;
16199				}
16200				#price_plans .slick-list {
16201					padding: 0 5% 10px !important;
16202					margin-top: -25px;
16203					overflow: hidden !important;
16204				}
16205				#price_plans .inner_item_price {
16206					width: 100%;
16207					padding: 18px 24px 30px !important;
16208					max-width: 100%;
16209					margin: 0;
16210					min-height: 180px;
16211					border: 2px solid #007aff !important;
16212					border-radius: 20px !important;
16213					background: white;
16214					-webkit-box-shadow: 7px 5px 29px rgb(0 0 0 / 17%);
16215					box-shadow: 7px 5px 29px rgb(0 0 0 / 17%);
16216				}
16217				#price_plans a.blue {
16218					display: flex !important;
16219					justify-content: center;
16220					align-items: center;
16221					height: 55px;
16222					line-height: 1;
16223					padding: 0 !important;
16224				}
16225				#price_plans .feature_item .checks {
16226					padding: 0 5px !important;
16227				}
16228				#price_plans .feature_item .checks .check {
16229					position: relative;
16230					padding-left: 1em !important;
16231					margin-left: 0.5em !important;
16232					text-indent: -28px !important;
16233				}
16234				#price_plans .feature_item .checks .check.check-shield {
16235					text-indent: -30px !important;
16236					margin-left: -15px !important;
16237					padding-left: 35px !important;
16238					margin-right: -15px !important;
16239				}
16240				#price_plans .feature_item .checks .check.check-shield:before {
16241					margin-right: 9px !important;
16242				}
16243				#price_plans .pricing_feature-head {
16244					margin-right: -5px;
16245				}
16246				#price_plans .pricing-item {
16247					margin-right: -5px;
16248				}
16249				#price_plans .purchase-buttons {
16250					display: flex;
16251					gap: 0;
16252					flex-wrap: wrap;
16253				}
16254				#price_plans .purchase-buttons a {
16255					width: 100%;
16256					flex: 0 0 auto;
16257				}
16258				#price_plans .slick-slide {
16259					display: flex;
16260					top: 0 !important;
16261					margin: 0 10px;
16262					height: auto !important;
16263					padding: 0 0 30px !important;
16264				}
16265				#price_plans .slick-dots {
16266					display: flex !important;
16267					width: 100%;
16268					justify-content: space-between;
16269					position: absolute;
16270					top: -35px;
16271					padding: 0 15px;
16272					margin: 0;
16273				}
16274				#price_plans .slick-dots li {
16275					width: 33.33%;
16276					flex-basis: 33.33%;
16277					padding: 0 5px;
16278					box-sizing: border-box;
16279					list-style-type: none;
16280				}
16281				#price_plans .slick-dots li button {
16282					display: flex;
16283					width: 100%;
16284					height: 32px;
16285					align-items: center;
16286					background-color: #fff;
16287					border: 1px solid #007aff;
16288					border-radius: 6px;
16289					font-size: 0;
16290					position: relative;
16291					padding: 0;
16292				}
16293				#price_plans .slick-dots li.slick-active button {
16294					background-color: #007aff;
16295					border-color: #007aff;
16296				}
16297				#price_plans .slick-dots li button:before {
16298					position: absolute;
16299					top: 0;
16300					left: 0 !important;
16301					width: 100%;
16302					height: 100%;
16303					font-family: sans-serif;
16304					font-size: 16px;
16305					line-height: 30px;
16306					font-weight: 600;
16307					color: #007aff;
16308					margin: 0;
16309					opacity: 1 !important;
16310				}
16311				#price_plans .slick-dots li.slick-active button:before {
16312					color: #fff;
16313				}
16314				#price_plans .slick-dots li:nth-child(1) button:before {
16315					content: "Full Bar" !important;
16316				}
16317				#price_plans .slick-dots li:nth-child(2) button:before {
16318					content: "Full MBE" !important;
16319				}
16320				#price_plans .slick-dots li:nth-child(3) button:before {
16321					content: "Sim MBE" !important;
16322				}
16323				
16324				
16325				.question-block {
16326					flex-direction: column;
16327					margin-top: 50px;
16328				}
16329				.question-text {
16330					text-align: center;
16331				}
16332				
16333				.cta-group {
16334					flex-direction: column;
16335					gap: 10px;
16336					margin-top: 15px;
16337				}
16338				.cta-group button {
16339					margin: 0;
16340				}
16341				.cta-group button,
16342				.cta-group a {
16343					width: 100%;
16344				}
16345				
16346				.toggler-title,
16347				#faq .toggler-title {
16348					padding: 20px 50px 20px 24px !important;
16349					background-position: calc(100% - 20px) 50% !important;
16350				}
16351				.toggler-content > div {
16352					padding: 20px 24px 0 !important;
16353				}
16354				
16355				#footer-nav {
16356					margin-top: 10px;
16357				}
16358
16359				#footer-nav > .container {
16360					flex-direction: column;
16361					text-align: center;
16362					gap: 0px;
16363				}
16364
16365				#footer-nav .primary-items {
16366					display: flex;
16367					flex-direction: row;
16368					flex-wrap: wrap;
16369					justify-content: center;
16370					gap: 5px 5px;
16371				}
16372
16373				#footer-nav a.nav-item {
16374					font-size: 12px;
16375					padding: 5px 10px;
16376				}
16377
16378				#trusted-partners p.job {
16379					margin-bottom: 40px !important;
16380                    text-align: center !important;
16381				}
16382
16383				#not-for-you p.job {
16384					margin-bottom: 30px !important;
16385				}
16386
16387                #final-cta {
16388                    margin-top: 50px;
16389                    padding-bottom: 30px !important;
16390                }
16391                #final-cta h2 {
16392                    text-align: center !important;
16393                    margin-bottom: 30px !important;
16394                }
16395			}
16396
16397		</style>
16398
16399
16400		<!--
16400<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js"></script>
16400-->
vendor: 111 bytes, lines 16400-16401
16400
16401		<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
16401<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
16401
16402		<!-- _script.js removed - custom DTO script not needed -->
16403		
16403<script src="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script>
16403
16404		
16405		
16405<script src="https://cdn.jsdelivr.net/npm/[email protected]/lib/lax.min.js"></script>
16405
16406
16407		
16407<script>
16408			/**
16409			 * Set appropriate spanning to any masonry item
16410			 *
16411			 * Get different properties we already set for the masonry, calculate 
16412			 * height or spanning for any cell of the masonry grid based on its 
16413			 * content-wrapper's height, the (row) gap of the grid, and the size 
16414			 * of the implicit row tracks.
16415			 *
16416			 * @param item Object A brick/tile/cell inside the masonry
16417			 * @link //w3bits.com/css-grid-masonry/
16418			 */
16419			function resizeMasonryItem(item){
16420			  /* Get the grid object, its row-gap, and the size of its implicit rows */
16421			  var grid = document.getElementsByClassName('masonry')[0];
16422			  if( grid ) {
16423				var rowGap = parseInt(window.getComputedStyle(grid).getPropertyValue('grid-row-gap')),
16424					rowHeight = parseInt(window.getComputedStyle(grid).getPropertyValue('grid-auto-rows'))/*,
16425					gridImagesAsContent = item.querySelector('img.masonry-content')*/;
16426			
16427				/*
16428				 * Spanning for any brick = S
16429				 * Grid's row-gap = G
16430				 * Size of grid's implicitly create row-track = R
16431				 * Height of item content = H
16432				 * Net height of the item = H1 = H + G
16433				 * Net height of the implicit row-track = T = G + R
16434				 * S = H1 / T
16435				 */
16436				var rowSpan = Math.ceil((item.querySelector('.masonry-content').getBoundingClientRect().height+rowGap)/(rowHeight+rowGap));
16437			
16438				/* Set the spanning as calculated above (S) */
16439				item.style.gridRowEnd = 'span '+rowSpan;
16440	/*			if(gridImagesAsContent) {
16441				  item.querySelector('img.masonry-content').style.height = item.getBoundingClientRect().height + "px";
16442				}*/
16443			  }
16444			}
16445			
16446			/**
16447			 * Apply spanning to all the masonry items
16448			 *
16449			 * Loop through all the items and apply the spanning to them using 
16450			 * `resizeMasonryItem()` function.
16451			 *
16452			 * @uses resizeMasonryItem
16453			 * @link //w3bits.com/css-grid-masonry/
16454			 */
16455			function resizeAllMasonryItems(){
16456			  // Get all item class objects in one list
16457			  var allItems = document.querySelectorAll('.masonry-item'), i, allItemsLength = allItems.length;
16458			  /*
16459			   * Loop through the above list and execute the spanning function to
16460			   * each list-item (i.e. each masonry item)
16461			   */
16462			  if (allItemsLength) {
16463				for (i = 0; i < allItemsLength; ++i) {
16464				  resizeMasonryItem(allItems[i]);
16465				}
16466			  }
16467			}
16468			
16469			/**
16470			 * Resize the items when all the images inside the masonry grid 
16471			 * finish loading. This will ensure that all the content inside our
16472			 * masonry items is visible.
16473			 *
16474			 * @uses ImagesLoaded
16475			 * @uses resizeMasonryItem
16476			 * @link //w3bits.com/css-grid-masonry/
16477			 */
16478	/*		function waitForImages() {
16479			  //var grid = document.getElementById("masonry");
16480			  var allItems = document.querySelectorAll('.masonry-item');
16481			  if( allItems ) {
16482				for(var i=0;i<allItems.length;i++){
16483				  imagesLoaded( allItems[i], function(instance) {
16484					var item = instance.elements[0];
16485					resizeMasonryItem(item);
16486					console.log("Waiting for Images");
16487				  } );
16488				}
16489			  }
16490			}*/
16491			
16492			/* Resize all the grid items on the load and resize events */
16493			var masonryEvents = ['load', 'resize'];
16494			masonryEvents.forEach( function(event) {
16495			  window.addEventListener(event, resizeAllMasonryItems);
16496			} );
16497
16498			resizeAllMasonryItems();
16499
16500			/* Do a resize once more when all the images finish loading */
16501	//		waitForImages();
16502		</script>
16502
16503
16504		
16504<script type="text/javascript">
16505			window.addEventListener('load', function() {
16506				if (!window.lax || typeof window.lax.setup !== 'function' || typeof window.lax.update !== 'function') return;
16507				window.lax.setup();
16508				document.addEventListener('scroll', function() {
16509					window.lax.update(window.scrollY);
16510				}, false);
16511			});
16512			
16513			// session
16514			function fLocalStorage() {
16515				try {
16516					if (typeof window.localStorage !== 'undefined') {
16517						window.localStorage.setItem('feature_test', 'yes');
16518						if (window.localStorage.getItem('feature_test') === 'yes') {
16519							window.localStorage.removeItem('feature_test');
16520							return true;
16521						}
16522					}
16523				} catch(e) {}
16524				return false;
16525			}
16526
16527			function fSessionStorage() {
16528				try {
16529					if (typeof window.sessionStorage !== 'undefined') {
16530						window.sessionStorage.setItem('feature_test', 'yes');
16531						if (window.sessionStorage.getItem('feature_test') === 'yes') {
16532							window.sessionStorage.removeItem('feature_test');
16533							return true;
16534						}
16535					}
16536				} catch(e) {}
16537				return false;
16538			}
16539
16540			var isLocalStorage = fLocalStorage(), isSessionStorage = fSessionStorage();
16541
16542			function setSessionVar(key, val, withCookie) {
16543				if (isLocalStorage) window.localStorage.setItem(key, val);
16544				else if (isSessionStorage) window.sessionStorage.setItem(key, val);
16545
16546				withCookie = withCookie || null;
16547
16548				if (withCookie) {
16549					var expires = new Date();
16550					expires.setTime(expires.getTime() + (365 * 24 * 60 * 60 * 1000));
16551					document.cookie = key + '=' + val + '; path=/' + '; expires=' + expires.toUTCString();
16552				}
16553
16554				return val;
16555			}
16556
16557			function getSessionVar(key, vdef, withCookie) {
16558				vdef = vdef != null ? vdef : null;
16559				var val = null;
16560				try {
16561					if (isLocalStorage) val = window.localStorage.getItem(key);
16562					else if (isSessionStorage) val = window.sessionStorage.getItem(key);
16563
16564					withCookie = withCookie || null;
16565
16566					if (withCookie && val == null) {
16567						var keyValue = document.cookie.match('(^|;) ?' + key + '=([^;]*)(;|$)');
16568						val = keyValue ? keyValue[2] : null;
16569
16570					}
16571				} catch(e) { }
16572				if (val == null && vdef != null) val = vdef;
16573				return val;
16574			}
16575			
16576			
16577			// The February 2027 offer is persistent. There is no expiring first-visit timer.
16578			
16579			function countdownHeaderScroll() {
16580				var offset = $(window).scrollTop(),
16581					countdownWrpHeight = $('#topbar').outerHeight();
16582					
16583				if (offset > countdownWrpHeight) {
16584					$('#topbar').css('marginTop', '-' + countdownWrpHeight + 'px');
16585				} else {
16586					$('#topbar').css('marginTop', '-' + offset + 'px');
16587				}
16588			}
16589			countdownHeaderScroll();			
16590			$(window).scroll(function () {
16591				countdownHeaderScroll();
16592			});
16593
16594
16595		</script>
16595
16596
16597		
16597<script type="text/javascript">
16598			if ($(window).width() <= 768) {
16599				var planLabels = ['Full Bar', 'Full MBE', 'Sim MBE'];
16600				var labelPlanDots = function() {
16601					$('#price_plans .slick-dots button').each(function(index) {
16602						$(this).attr('aria-label', 'Show ' + planLabels[index] + ' plan');
16603					});
16604				};
16605				$('#price_plans').on('init reInit afterChange breakpoint', function() {
16606					window.setTimeout(labelPlanDots, 0);
16607				});
16608				$('#price_plans').slick({
16609					infinite: false,
16610					draggable: true,
16611					dots: true,
16612					arrows: false,
16613					customPaging: function(slider, index) {
16614						return '<button type="button">' + planLabels[index] + '</button>';
16615					},
16616					initialSlide: 0,
16617					slidesToShow: 1,
16618					slidesToScroll: 1,
16619					centerMode: false,
16620					centerPadding: '0px',
16621					speed: 500,
16622					easing: 'ease-out',
16623					mobileFirst: true,
16624					adaptiveHeight: true
16625				});
16626				labelPlanDots();
16627				window.setTimeout(labelPlanDots, 500);
16628			}
16629		</script>
16629
16630
16631		
16631<script type="text/javascript">
16632			$(document).ready(function(){
16633				$('.tabButton').click(function(){
16634					$('.tabButton').removeClass('tabButtonActive');
16635					$(this).addClass('tabButtonActive');
16636					var tab_id = $(this).attr('data-tab');
16637					$('.productInfoContainer').hide();
16638					$('#'+tab_id).show();
16639				});
16640				$('#productDetailsTab .tab-header').on('click',function(){
16641					var height = $(this).next().find('div').outerHeight(true);
16642					$('#productDetailsTab .text-content').css({'height':'0px'});
16643					if ($(this).hasClass('opened')) {
16644						$(this).removeClass('opened');
16645					} else {
16646						$(this).next().css({'height':height+'px'});
16647						$('#productDetailsTab .tab-header').removeClass('opened');
16648						$(this).addClass('opened');
16649					}
16650				});
16651				var old_w = window.innerWidth;
16652				window.addEventListener("resize", function() {
16653					var new_w = window.innerWidth;
16654					if (old_w === new_w) {
16655						return false;
16656					} else if (new_w > 600) {
16657						$('#productDetailsTab .text-content').css('height','auto');
16658					} else {
16659						$('#productDetailsTab .text-content').css('height','0px');
16660						$('#productDetailsTab .tab-header').removeClass('opened');
16661					}
16662					old_w = new_w;
16663				}, false);
16664			});
16665		</script>
16665
16666		
16667
16668		
16668<script type="text/javascript">
16669			function css_browser_selector(u){
16670				var ua = u.toLowerCase(),is=function(t){return ua.indexOf(t)>-1;},g='gecko',w='webkit',s='safari',o='opera',h=document.documentElement,b=[(!(/opera|webtv/i.test(ua))&&/msie\s(\d)/.test(ua))?('ie ie'+RegExp.$1):is('firefox/')?g+' ff':is('firefox/2')?g+' ff2':is('firefox/3.5')?g+' ff3 ff3_5':is('firefox/3')?g+' ff3':is('firefox/12')?g+' ff12':is('gecko/')?g:is('opera')?o+(/version\/(\d+)/.test(ua)?' '+o+RegExp.$1:(/opera(\s|\/)(\d+)/.test(ua)?' '+o+RegExp.$2:'')):is('konqueror')?'konqueror':is('chrome')?w+' chrome':is('iron')?w+' iron':is('applewebkit/')?w+' '+s+(/version\/(\d+)/.test(ua)?' '+s+RegExp.$1:''):is('mozilla/')?g:'',is('j2me')?'mobile':is('iphone')?'iphone':is('ipod')?'ipod':is('mac')?'mac':is('darwin')?'mac':is('webtv')?'webtv':is('win')?'win':is('freebsd')?'freebsd':(is('x11')||is('linux'))?'linux':'','js']; h.className += ' '+b.join(' '); return b;
16671			};
16672			var bma = css_browser_selector(navigator.userAgent);
16673			var bm = bma[0].split(' ');
16674
16675			var htmlClasses = '';
16676
16677			if (bm[1] !== 'ie' && !!window.MSStream) htmlClasses += ' ie';
16678
16679			var isSsl = ('https:' == document.location.protocol ? true : false);
16680
16681			var iswpadminbar = 0, hwpadminbar = 32, wpadminbar;
16682
16683			var isSvg = bm[1] !== 'ie' && !window.MSStream && !!document.createElementNS && !!document.createElementNS('http://www.w3.org/2000/svg', 'svg').createSVGRect;
16684			if (isSvg) htmlClasses += ' svg';
16685			else htmlClasses += ' noSvg';
16686			 
16687			if (htmlClasses !== '') document.documentElement.className += htmlClasses;
16688
16689			var dHtml = document.documentElement;
16690			//var dBody = document.getElementsByTagName('body')[0];
16691			var dBody = document.body;
16692			var bw=window.innerWidth||dHtml.clientWidth||dBody.clientWidth;
16693
16694			// https://stackoverflow.com/questions/3659072/how-to-disable-anchor-jump-when-loading-a-page
16695			if (window.location.hash) {
16696				window.scrollTo(0, 0);
16697				setTimeout(function() {
16698					window.scrollTo(0, 0);
16699				}, 1);
16700			}
16701
16702			var scrollToTop = function() {
16703				$(window).scrollTop(0);
16704			};
16705			if (window.location.hash) {
16706				$(window).one('scroll', scrollToTop);
16707			}
16708			$(function() {
16709				setTimeout(function() {
16710					$(window).off('scroll', scrollToTop);
16711				}, 1000);
16712			});
16713
16714			var ua = navigator.userAgent.toLowerCase();
16715			var mobileRegex = /mobile|tablet|ip(ad|hone|od)|android/i;
16716			var touchSupport = ('ontouchstart' in window) || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
16717			var touchOnlyMobile = touchSupport && mobileRegex.test(ua);
16718			dHtml.className += touchOnlyMobile ? ' touch' : ' noTouch'; 
16719
16720			var intercomInited = false;
16721			window.intercomSettings = {app_id:"d026r175",hide_default_launcher:true};
16722
16723			function scrollToEl(selfHash, skippedHashChange) {
16724				if (!selfHash) {
16725					$(window).scroll();
16726					return;
16727				}
16728
16729				var skippedHashChange = skippedHashChange || false;
16730
16731				if (selfHash === '#anxiety-unlock') {
16732					$('#upgrade .plan-tab[data-plan="2"]').trigger('click');
16733					selfHash = '#upgrade';
16734					skippedHashChange = true;
16735				}
16736
16737				var target = $(selfHash);
16738				target = target.length ? target : $('[name=' + selfHash.slice(1) + ']');
16739
16740				if (target.length) {
16741					var w=window,d=document,e=d.documentElement,g=d.getElementsByTagName('body')[0],bw=w.innerWidth||e.clientWidth||g.clientWidth;
16742
16743					var fixPosition = 0;
16744					
16745					if(!$('html').hasClass('header-fixed')){
16746						fixPosition = $('#header-nav').outerHeight()*2;
16747					}else{
16748						fixPosition = $('#header-nav').outerHeight();
16749					}
16750					
16751					if (bw > 1170) {
16752						if (!$('html').hasClass('header-fixed')) {
16753							fixPosition = $('#header-nav').height();
16754						}
16755						
16756					}
16757
16758					$('html, body').stop().animate({
16759						scrollTop: target.offset().top - fixPosition
16760					}, 1000, 'swing', function() {
16761						if (skippedHashChange) {
16762							$(window).scroll();
16763						} else {
16764							if (!target.attr('name')) {
16765								var id = selfHash.replace(/^.*#/, '');
16766								target.attr('id', id + '-tmp');
16767								window.location.hash = selfHash;
16768								target.attr('id', id);
16769							} else {
16770								window.location.hash = selfHash;
16771							}
16772						}
16773					});
16774				}
16775			}
16776
16777			/* ========================================== 
16778			scrollTop() >= 300
16779			Should be equal the the height of the header
16780			========================================== */
16781
16782			$(window).scroll(function(){
16783				if ($(window).scrollTop() >= 1100) {
16784					$('nav.secondary').addClass('fixed-header');
16785					$('nav.secondary div').addClass('visible-title');
16786				} else {
16787					$('nav.secondary').removeClass('fixed-header');
16788					$('nav.secondary div').removeClass('visible-title');
16789				}
16790			});
16791
16792			function isAnyPartOfElementInViewport(el) {
16793				var rect = el.getBoundingClientRect(),
16794					wHeight = (window.innerHeight || document.documentElement.clientHeight),
16795					wWidth = (window.innerWidth || document.documentElement.clientWidth),
16796					vertInView = (rect.top <= wHeight) && ((rect.top + rect.height) >= 0),
16797					horInView = (rect.left <= wWidth) && ((rect.left + rect.width) >= 0);
16798				return (vertInView && horInView);
16799			}
16800
16801			$.fn.isInViewport = function() {
16802				var elementTop = $(this).offset().top;
16803				var elementBottom = elementTop + $(this).outerHeight();
16804
16805				var viewportTop = $(window).scrollTop();
16806				var viewportBottom = viewportTop + $(window).height();
16807
16808				return elementBottom > viewportTop && elementTop < viewportBottom;
16809			};
16810
16811			!function(){for(var n=["webkit","moz","ms","o"],i=null,e=0;e<n.length&&!window.requestAnimationFrame&&!window.cancelAnimationFrame;e++)i=n[e],window.requestAnimationFrame=window.requestAnimationFrame||window[i+"RequestAnimationFrame"],window.cancelAnimationFrame=window.cancelAnimationFrame||window[i+"CancelAnimationFrame"]||window[i+"CancelRequestAnimationFrame"];if(/iP(ad|hone|od).*OS 6/.test(window.navigator.userAgent)||!window.requestAnimationFrame||!window.cancelAnimationFrame){var o=0;window.requestAnimationFrame=function(n,i){var e=window.performance.now(),a=Math.max(o+16,e);return setTimeout(function(){n(o=a)},a-e)},window.cancelAnimationFrame=clearTimeout}}();
16812
16813			$(document).ready(function() {
16814				var rsTimeout = null;
16815
16816				var parentsAnimation = $('.with-animation');
16817				function rsUpdate() {
16818					parentsAnimation.each(function() {
16819						if ($(this).isInViewport()) {
16820							$(this).addClass('animated');
16821						}
16822					});
16823				}
16824
16825				$(window).on('resize scroll', function() {
16826			//		clearTimeout(rsTimeout);
16827			//		rsTimeout = setTimeout(rsUpdate, 5);
16828
16829					if (rsTimeout) window.cancelAnimationFrame(rsTimeout);
16830					rsTimeout = window.requestAnimationFrame(rsUpdate);
16831				});
16832				rsUpdate();
16833
16834				$('a[href^="#"]').off('click');
16835
16836			//	$('a[href*="#"]').not('[href="#"]').not('[href="#0"]').on('click', function(e) {
16837				$('a[href^="#"]').not('[href="#"]').not('[href="#0"]').on('click', function(e) {
16838			//		if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
16839						e.preventDefault();
16840						scrollToEl(this.hash);
16841			//		}
16842				});
16843
16844				$('.intercomInit').on('click', function(e) {
16845			//		var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',intercomSettings);}else{var d=document;var i=function(){i.c(arguments)};i.q=[];i.c=function(args){i.q.push(args)};w.Intercom=i;var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/d026r175';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);}
16846					if (intercomInited === false) {
16847						intercomInited = true;
16848
16849						document.cookie = 'intercom-id-d026r175=; Domain=.driving-tests.org; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';
16850
16851						var ic=window.Intercom;
16852						var i=function(){i.c(arguments)};
16853						i.q=[];i.c=function(args){i.q.push(args)};
16854						window.Intercom=i;
16855
16856						window.Intercom('onShow', function() {
16857							$('.intercomLoading').remove();
16858						});
16859
16860						$(this).after('<span class="intercomLoading"></span>');
16861						$.getScript('https://widget.intercom.io/widget/d026r17', function() {
16862							setTimeout(function() {
16863								$('.intercomLoading').remove();		
16864							}, 2000);		
16865						});
16866			//		} else if (typeof Intercom == 'function') {
16867			//			Intercom('show');
16868					}
16869				});
16870
16871				var btnPurchaseClick = false, visGoalSended = false;
16872				$('.btnPurchase').on('touchstart', function() {
16873					btnPurchaseClick = true;
16874				});
16875				$('.btnPurchase').on('touchmove', function() {
16876					btnPurchaseClick = false;
16877				});
16878				$('.btnPurchase').on('click touchend', function(e) {
16879					if (e.type == "click") btnPurchaseClick = true;
16880					if (btnPurchaseClick) {
16881						if (!visGoalSended) {
16882							visGoalSended = true;
16883
16884			//				window._vis_opt_queue = window._vis_opt_queue || [];
16885			//				window._vis_opt_queue.push(function() {_vis_opt_goal_conversion(204);});
16886
16887							if (typeof FS !== 'undefined' && typeof FS.log !== 'undefined') FS.log('info', 'Purchase Now Button Clicked');
16888							if (typeof gtag !== 'undefined') gtag('event', 'Purchase Now Button Clicked', {'event_category': 'Premium Page (landing variant)'});
16889						}
16890					}
16891				});
16892
16893				$('.comparison-section .toggle-column').click(function(e){
16894					e.preventDefault();
16895					if($(this).hasClass('active')) return;
16896					else{
16897						$('.comparison-section .toggle-column').removeClass('active');
16898						$(this).addClass('active');
16899					}
16900					var col_num = $(this).data('column');
16901					$('.comparison-section .table').removeClass('premium basic');
16902					if(col_num === 3) $('.comparison-section .table').addClass('premium');
16903					else if(col_num === 2 ) $('.comparison-section .table').addClass('basic');
16904				});
16905
16906				$('#upgrade .plan-tabs').css('background-color', (bw <= 698 ? '#f3f5f5' : '#fff'));
16907
16908				$('#upgrade .plan-tab').click(function(){
16909					if($(this).hasClass('active')) return;
16910					else{
16911						$('#upgrade .plan-tab').removeClass('active');
16912						$(this).addClass('active');
16913					}
16914					var plan_num = $(this).data('plan');
16915					if(plan_num === 1){
16916						$('#upgrade .plan-tabs').css('background-color', (bw <= 698 ? '#fff' : '#f3f5f5'));
16917						$('#upgrade .plan.yearly').addClass('plan-hidden');
16918						$('#upgrade .plan.monthly').removeClass('plan-hidden');
16919					}else if(plan_num === 2){
16920						$('#upgrade .plan-tabs').css('background-color', (bw <= 698 ? '#f3f5f5' : '#fff'));
16921						$('#upgrade .plan.monthly').addClass('plan-hidden');
16922						$('#upgrade .plan.yearly').removeClass('plan-hidden');
16923					}
16924				});
16925
16926				$('#upgradeTop .plan-tabs').css('background-color', '#f3f5f5');
16927
16928				$('#upgradeTop .plan-tab').click(function(){
16929					if($(this).hasClass('active')) return;
16930					else{
16931						$('#upgradeTop .plan-tab').removeClass('active');
16932						$(this).addClass('active');
16933					}
16934					var plan_num = $(this).data('plan');
16935					if(plan_num === 1){
16936			//        	$('#upgradeTop .plan-tabs').css('background-color', '#fff');
16937						$('#upgradeTop .plan.yearly').addClass('plan-hidden');
16938						$('#upgradeTop .plan.monthly').removeClass('plan-hidden');
16939					}else if(plan_num === 2){
16940			//        	$('#upgradeTop .plan-tabs').css('background-color', '#f3f5f5');
16941						$('#upgradeTop .plan.monthly').addClass('plan-hidden');
16942						$('#upgradeTop .plan.yearly').removeClass('plan-hidden');
16943					}
16944				});
16945
16946				var dBody = $('body'),
16947					pannellumViewer = null,
16948					atImageAnim = $('#atImageAnim'),
16949					atImageAnimL = atImageAnim.length,
16950					at360Degree = $('#at360degree'),
16951					at360DegreeL = at360Degree.length;
16952
16953				if (atImageAnimL) {
16954					var lottieAnim = null, 
16955						anim_container = $('.animation', atImageAnim)[0],
16956						play_button = $('.play-btn', atImageAnim).first(),
16957						replay_button = $('.replay-btn', atImageAnim).first();
16958				}
16959
16960				if (at360DegreeL && typeof pannellum != 'undefined' && typeof pannellum.viewer == 'function') {
16961					dBody.addClass('with360Img');
16962
16963					var qDefaults = {
16964						"panorama": '/premium/img/demo-test-360.jpg',
16965						"showZoomCtrl": false,
16966						"keyboardZoom": false,
16967						"mouseZoom": false,
16968						"autoRotate": -.2,
16969						"autoLoad": true
16970					};
16971					var qSettings = jQuery.extend({}, qDefaults, {"pitch":0, "yaw":0, "hfov":100});
16972
16973					pannellumViewer = pannellum.viewer('at360degree', qSettings);
16974
16975					pannellumViewer.on('load', function() {
16976						$('#at360degree').append('<div class="animated-info"><img src="/img/360-v3.svg" alt=""><span>Click and drag to look around</span></div>');
16977
16978						pannellumViewer.on('mousedown', function() {
16979							pannellumViewer.stopAutoRotate();
16980							$('#at360degree .animated-info').remove();
16981							pannellumViewer.off('mousedown');
16982						}).on('touchstart', function() {
16983							pannellumViewer.stopAutoRotate();
16984							$('#at360degree .animated-info').remove();
16985							pannellumViewer.off('touchstart');
16986						});
16987					});
16988				}
16989
16990				// animation
16991
16992				if (atImageAnimL && typeof lottie != 'undefined' && typeof lottie.loadAnimation == 'function') {
16993					lottieAnim = lottie.loadAnimation({
16994						container: anim_container,
16995						renderer: 'svg',
16996						rendererSettings: { 
16997							preserveAspectRatio: 'none'
16998						},
16999						loop: false,
17000						autoplay: false,
17001						path: '/premium/img/demo-test-animation.json'
17002					});
17003
17004					atImageAnim.removeClass('loaded beforePlaying playing paused completed replaying');
17005					atImageAnim.addClass('initialized');
17006
17007					lottieAnim.addEventListener('DOMLoaded', function() {
17008						atImageAnim.addClass('loaded beforePlaying');
17009					});
17010
17011					lottieAnim.addEventListener('destroy', function() {
17012						atImageAnim.removeClass('initialized loaded beforePlaying playing paused completed replaying');
17013					});
17014
17015					var atImageAnimPlay = function(e) {
17016						atImageAnim.removeClass('beforePlaying');
17017
17018						atImageAnim.addClass('playing').off('click').on('click', function(e) {
17019							if (atImageAnim.is('.playing')) {
17020								lottieAnim.pause();
17021								atImageAnim.removeClass('playing').addClass('paused');
17022							} else {
17023								lottieAnim.play();
17024								atImageAnim.removeClass('paused').addClass('playing');
17025							}
17026						});
17027
17028						lottieAnim.goToAndPlay(1, true);
17029						lottieAnim.addEventListener('complete', function() {
17030							atImageAnim.off('click').removeClass('playing').addClass('completed');
17031						});
17032					};
17033
17034					atImageAnim.off('click').on('click', atImageAnimPlay);
17035
17036					replay_button.off('click').on('click', function(e) {
17037						if (atImageAnim.is('.completed')) {
17038							atImageAnim.removeClass('completed').addClass('playing replaying').off('click').on('click', atImageAnimPlay);
17039						}
17040					});
17041
17042					dBody.addClass('withAnimImg');
17043				}
17044
17045				if ($('#icon-policeman').length && typeof lottie != 'undefined' && typeof lottie.loadAnimation == 'function') {
17046					var policeman = document.getElementById('icon-policeman'), policemanAnim, policemanAnimInited = false;
17047
17048					policemanAnim = lottie.loadAnimation({
17049						container: policeman,
17050						renderer: 'svg',
17051						rendererSettings: { 
17052							preserveAspectRatio: 'none'
17053						},
17054						loop: false,
17055						autoplay: false,
17056						path: '/img/policeman-100.json'
17057					});
17058
17059					$(window).scroll(function() {
17060						if (isAnyPartOfElementInViewport(policeman)) {
17061							if (policemanAnimInited === false) {
17062								policemanAnimInited = true;
17063								policemanAnim.play();
17064								policemanAnim.goToAndPlay(1, true);
17065							}
17066						} else {
17067							policemanAnimInited = false;
17068						}
17069					});
17070				}
17071
17072				var	audioTest = document.createElement('audio'),
17073					audioCanMp3Play = audioTest.canPlayType('audio/mpeg'),
17074					iconListen = '',	
17075					cacheRequestAudio = true,
17076					lastAudio = {
17077						id: null,
17078						record: 0,
17079						btn: null
17080					},
17081					audioPl = {},
17082					audioCur = null,
17083					audioTmr = null,
17084					nc_ts = (new Date).getTime();
17085
17086				if (audioCanMp3Play && bw > 570) {
17087					iconListen = '<svg version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><circle cx="12.03" cy="12.015" r="11" fill="#3667f6"/><g class="groupPlay" fill="#fff"><path d="m15.062 10.267c-0.2772 0.0422-0.4492 0.2294-0.3841 0.4171l-0.0015 6e-4a3.8963 3.8963 0 0 1 0.2222 1.3048 3.9874 3.9874 0 0 1 -0.227 1.32c-0.0666 0.1878 0.1093 0.3737 0.388 0.4183a0.7855 0.7855 0 0 0 0.1176 0.0089 0.5209 0.5209 0 0 0 0.5033 -0.2692 4.6074 4.6074 0 0 0 0.2537 -1.4777 4.5258 4.5258 0 0 0 -0.2513 -1.4641 0.56 0.56 0 0 0 -0.6209 -0.2587z"/><path d="m17.417 9.1959a0.6039 0.6039 0 0 0 -0.6575 -0.2139c-0.2686 0.0612-0.4121 0.26-0.3182 0.4409a5.5693 5.5693 0 0 1 0.6361 2.5645 5.652 5.652 0 0 1 -0.6429 2.5841c-0.0933 0.1806 0.05 0.38 0.32 0.4421a0.767 0.767 0 0 0 0.1679 0.0184 0.55 0.55 0 0 0 0.492 -0.2347 6.1633 6.1633 0 0 0 0.6967 -2.81 6.0245 6.0245 0 0 0 -0.6941 -2.7914z"/><path d="m12.363 6.452c-0.7332 0.47-2.6082 2.07-3.6875 3.0042h-2.5619a0.3838 0.3838 0 0 0 -0.3838 0.3838v4.4112a0.3838 0.3838 0 0 0 0.3835 0.3838h2.6335c1.0885 0.9418 2.899 2.4825 3.6162 2.9424 0.9142 0.5859 1.0312-0.404 1.0312-0.404v-10.317s-0.1171-0.9905-1.0312-0.404z"/></g><g class="groupPause" fill="#fff"><path d="m14.465 17.578c0.9142 0.5859 1.0313-0.4041 1.0313-0.4041v-5.9188l-3.9661 3.9661c1.0526 0.8996 2.3523 1.9832 2.9348 2.3568z"/><path d="m18.072 6.414a0.5 0.5 0 0 0 -0.707 0l-1.8687 1.8686v-1.4257s-0.1171-0.99-1.0312-0.4041c-0.7332 0.47-2.6082 2.07-3.6875 3.0042h-2.5619a0.3838 0.3838 0 0 0 -0.3835 0.3839v4.4113a0.3838 0.3838 0 0 0 0.3835 0.3839h0.9269l-2.4754 2.4752a0.5 0.5 0 0 0 0.707 0.707l10.698-10.697a0.5 0.5 0 0 0 0 -0.707z"/></g></svg>';
17088
17089					var prevAudioStop = function(id) {
17090						if (lastAudio.id && id !== lastAudio.id) {
17091							clearTimeout(audioTmr);
17092
17093							var prevAudio;
17094
17095							if (typeof audioPl[lastAudio.id][0] !== 'undefined') {
17096								for (var apIdx in audioPl[lastAudio.id]) {
17097									prevAudio = audioPl[lastAudio.id][apIdx];
17098									if (prevAudio && typeof prevAudio.pause == 'function' && !prevAudio.paused) {
17099										prevAudio.pause();
17100										prevAudio.currentTime = 0.1;
17101									}
17102								}
17103							} else {
17104								prevAudio = audioPl[lastAudio.id];
17105								if (prevAudio && typeof prevAudio.pause == 'function' && !prevAudio.paused) {prevAudio.pause();
17106									prevAudio.currentTime = 0.1;
17107								}
17108
17109							}
17110
17111							lastAudio.record = 0;
17112							lastAudio.btn.removeClass('pause');
17113							return true;
17114						}
17115						return false;
17116					};
17117
17118					var audioHighlight = function(clean) {
17119						clean = clean || 0;
17120
17121						var atQuestion = lastAudio.btn.closest('.atQuestion'); 
17122						atQuestion.find('.audioHere').removeClass('audioHere');
17123
17124						if (clean) return;
17125
17126						var element = lastAudio.btn.parent();
17127						if (element.hasClass('atQText')) {
17128							if (!lastAudio.record) atQuestion.find('.atQText').first().addClass('audioHere');
17129							else atQuestion.find('.atQAnswer').eq(lastAudio.record-1).addClass('audioHere');
17130						} else {
17131							element.addClass('audioHere');
17132						}
17133					};
17134
17135					var atGetAudio = function(e, id, type, content) {
17136						if (!audioCanMp3Play) return false;
17137
17138						var btnListener = $(e.currentTarget);
17139						if (btnListener.hasClass('loading')) return false;
17140
17141						btnListener.addClass('loading');
17142
17143						$.ajax({type:'POST', url:'/premium/vo.php?'+type+(cacheRequestAudio ? '&_='+nc_ts : ''), data:{'content': content}, cache:cacheRequestAudio, dataType:'json', timeout:10000}).done(function(aData) {
17144							if (typeof aData.audioContent !== 'undefined' || typeof aData[0] !== 'undefined') {
17145								cacheRequestAudio = true;
17146								btnListener.off('click');
17147
17148								var isSingleAudio = false;
17149								if (typeof aData.audioContent !== 'undefined') {
17150									isSingleAudio = true;
17151									var aData = [aData];
17152								}
17153
17154								var cAudio, audioContentFound = false;
17155								for (var dataIdx in aData) {
17156									if (typeof aData[dataIdx].audioContent !== 'undefined') {
17157										audioContentFound = true;
17158										if (isSingleAudio) {
17159											if (typeof audioPl[id] == 'undefined') audioPl[id] = document.createElement('audio');
17160											cAudio = audioPl[id];
17161										} else {
17162											if (typeof audioPl[id] == 'undefined') audioPl[id] = [];
17163											if (typeof audioPl[id][dataIdx] == 'undefined') audioPl[id][dataIdx] = document.createElement('audio');
17164											cAudio = audioPl[id][dataIdx];
17165										}
17166
17167										cAudio.volume = 1;
17168										cAudio.loop = false;
17169										cAudio.src = 'data:audio/mpeg;base64,' + aData[dataIdx].audioContent;
17170										cAudio.setAttribute('type', 'audio/mpeg');
17171			//							document.body.appendChild(cAudio);
17172									}
17173								}
17174
17175								if (audioContentFound) {
17176									prevAudioStop(id);
17177
17178									lastAudio.id = id;
17179									lastAudio.btn = btnListener;
17180
17181									btnListener.on('click', function(e) {
17182										prevAudioStop(id);
17183
17184										lastAudio.id = id;
17185										lastAudio.btn = btnListener;
17186
17187										if (isSingleAudio) var cAudio = audioPl[id];
17188										else var cAudio = audioPl[id][lastAudio.record];
17189
17190										var isPlaying = cAudio.currentTime > 0 && !cAudio.paused && !cAudio.ended && cAudio.readyState > 2;
17191
17192			//							console.info('click', isPlaying);
17193
17194										if (isPlaying) {
17195											audioHighlight(1);
17196											cAudio.pause();
17197											$(this).removeClass('pause');
17198										} else {
17199											audioHighlight();
17200											cAudio.play();
17201											$(this).addClass('pause');
17202										}
17203									});
17204
17205									var audioListenerCP = function(event) {
17206										if (prevAudioStop(id)) return false;
17207
17208										if (isSingleAudio) var cAudio = audioPl[id];
17209										else var cAudio = audioPl[id][lastAudio.record];
17210
17211										cAudio.removeEventListener('canplay', audioListenerCP, false);
17212										cAudio.removeEventListener('load', audioListenerCP, false);
17213
17214										audioHighlight();
17215										btnListener.addClass('pause');
17216
17217										var aePromise = cAudio.play();
17218
17219			//							console.info('canplay', aePromise);
17220
17221										if (aePromise !== undefined) {
17222											aePromise.then(function() {
17223
17224											})['catch'](function(error) {
17225												audioHighlight(1);
17226												btnListener.removeClass('pause');
17227												cAudio.pause();
17228											});
17229										}
17230									};
17231
17232									if (isSingleAudio) {
17233										var audioListenerE = function(event) {
17234											if (prevAudioStop(id)) return false;
17235
17236											audioHighlight(1);
17237											cAudio.currentTime = 0.1;
17238											cAudio.pause();
17239											btnListener.removeClass('pause');
17240										};
17241
17242										cAudio.addEventListener('canplay', audioListenerCP, false);
17243										cAudio.addEventListener('load', audioListenerCP, false);
17244
17245										cAudio.addEventListener('ended', audioListenerE, true);
17246									} else {
17247										var audioListenerE = function(event) {
17248											if (prevAudioStop(id)) return false;
17249
17250											audioHighlight(1);
17251
17252											lastAudio.record++;
17253
17254											if (lastAudio.record >= audioPl[id].length) {
17255												lastAudio.record = 0;
17256
17257												var cAudio = audioPl[id][lastAudio.record];
17258												cAudio.pause();					
17259			//									audioQuestion.currentTime = 0;
17260												btnListener.removeClass('pause');
17261											} else {				
17262												if (lastAudio.record > 1 && lastAudio.record < audioPl[id].length) {
17263													var cAudio = audioPl[id][lastAudio.record];
17264													audioTmr = setTimeout(function() {
17265														audioHighlight();
17266														cAudio.currentTime = 0.1;
17267														cAudio.play();
17268													}, 500);
17269												} else {
17270													var cAudio = audioPl[id][lastAudio.record];
17271													audioHighlight();
17272													cAudio.currentTime = 0.1;
17273													cAudio.play();
17274												}
17275											}
17276										};
17277
17278										for (var apIdx in audioPl[id]) {
17279											audioPl[id][apIdx].addEventListener('canplay', audioListenerCP, false);
17280											audioPl[id][apIdx].addEventListener('load', audioListenerCP, false);
17281
17282											audioPl[id][apIdx].addEventListener('ended', audioListenerE, true);
17283										}
17284									}
17285								}
17286							} else {
17287								cacheRequestAudio = false;
17288							}
17289			//			}).fail(function(jqXHR, textStatus, errorThrown) {
17290						}).always(function() {
17291							btnListener.removeClass('loading');
17292						});
17293						
17294						document.querySelectorAll('.fade-text').forEach((el) => {
17295						if (el) {
17296							el.style.transform = 'matrix(1, 0, 0, 1, 0, 50)';
17297							el.style.opacity = 0;
17298							observer.observe(el);
17299						}
17300					});
17301						
17302					};
17303				}
17304
17305				var svgAnswerCircle = '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 130.2 130.2"><rect class="path rect" x="3" y="3" rx="50%" height="124.2" width="124.2" fill="none" stroke="#3567f6" stroke-width="12" stroke-linecap="round"></rect><path class="path check" transform="translate(12,40)" d="m128.89 10.408-77.388 78.392-34.389-33.989" fill="none" stroke="#3567f6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-dasharray="200" stroke-width="15" stroke-dashoffset="0"></path></svg>';
17306
17307				jQuery.extend(jQuery.easing, {
17308					easeInOutSine: function (x, t, b, c, d) {
17309						return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
17310					}
17311				});
17312
17313				var svgAnswerCircleAnim = function(svg) {
17314					var rect = svg.find('.rect').first();
17315					rect.css({'stroke':'#6b9f1a', 'fill':'#6b9f1a'});
17316
17317					var check = svg.find('.check').first();
17318					var checkPathLength = 200;//check.getTotalLength();
17319					check.css({'stroke':'#fff', 'stroke-dasharray':checkPathLength, 'stroke-dashoffset':-checkPathLength});
17320
17321					rect.css('rx', rect.attr('rx')+'%').animate({rx:5+'%'},{duration:400, easing:'easeInOutSine', step:function(now){rect.attr('rx', now+'%');}});
17322
17323					check.delay(250).animate({'stroke-dashoffset':'0'},{duration:125, easing:'easeInOutSine'});
17324				};
17325
17326				$('.atQuestions').each(function(qsIdx) {
17327					if (audioCanMp3Play) $(this).addClass('voiceOverOn');
17328
17329					var questions = $(this).find('.atQuestion');
17330					questions.each(function(qIdx) {
17331						var question = $(this);
17332						var correctAnswer = -1;
17333						var atQText = question.find('.atQText').first(),
17334							atQImage = question.find('.atQImage').first(),
17335							atQImageTmr,
17336							atQAnswers = question.find('.atQAnswers'),
17337							atQHint = question.find('.atQHint').first(),
17338							atQExplanation = question.find('.atQExplanation').first();
17339
17340						if (audioCanMp3Play) {
17341							atQText.prepend('<div class="atBtnListen">'+iconListen+'</div>').find('.atBtnListen').first().on('click', function(e) {
17342								e.preventDefault();
17343
17344								var content = [];
17345								content.push(atQText.text());
17346
17347								atQAnswers.find('> div').each(function() {
17348									content.push($(this).text());
17349								});
17350
17351								atGetAudio(e, 'q:'+qsIdx+':'+qIdx, 'oaq', content);
17352							});
17353						}
17354
17355						if (atQImage.length) {
17356							atQImage.prepend('<span class="atImgHelper"></span>').css('display', 'block');
17357
17358							var resizeImgBlock = function() {
17359								var atImagesH = (atQAnswers.height()-parseInt($('.atQAnswer:last', atQAnswers).css('margin-bottom')))+'px';
17360			//					atImagesH = question.height();
17361								atQImage.css('height', atImagesH);
17362							};
17363
17364							question.on('resizeImgBlock', function() {
17365								resizeImgBlock();
17366							});
17367						}
17368
17369						if (atQHint.length) {
17370							atQHint.addClass('atAnimated fadeIn').before('<div class="atBtnHint"><svg class="atHintIcon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32.5 32.5" width="18" height="18"><defs><style>.cls-1{fill:none;stroke:#3667f6;stroke-miterlimit:10;stroke-width:0.5px;}.cls-2{fill:#3667f6;}</style></defs><path class="cls-1" d="M16.25,32.25c-1.13,0-16-14.84-16-16s15-16,16-16,16,14.68,16,16S17.38,32.25,
1737016.25,32.25Z"/><path class="cls-2" d="M15.25,29.94v1.71l1,.6,1-.6V29.94c0-4.15,1.75-5.83,4.51-9.18a9.18,9.18,0,0,0,2-6,7.74,7.74,0,0,0-2.7-5.3,7.24,7.24,0,0,0-5.3-1.7,6.74,6.74,0,0,0-4.6,2.4,6.23,6.23,0,0,0-1.4,4.6h2a4.22,4.22,0,0,1,.82-3.18,4.72,4.72,0,0,1,3.18-1.82,5.23,5.23,0,0,1,3.89,1.11,5.73,5.73,0,0,1,2.11,3.89,7.68,7.68,0,0,1-2,5.28C16.65,23.65,15.25,25.27,15.25,29.94Z"/><path class="cls-2" d="M11.75,14.75a3.71,3.71,0,0,0,1.53,2.47,3.21,3.21,0,0,0,2.47.53,2.7,2.7,0,0,0,1.77-1.23,2.19,2.19,0,0,0,.23-1.77,1.68,1.68,0,0,0-.94-1.06.76.76,0,0,0-1.1.71,1.5,1.5,0,0,1,0,.35H13.75A2.19,2.19,0,0,1,14,13a2.7,2.7,0,0,1,1.77-1.23,3.21,3.21,0,0,1,2.47.53,3.72,3.72,0,0,1,1.53,2.47,4.22,4.22,0,0,1-.82,3.18,4.72,4.72,0,0,1-3.18,1.82,5.23,5.23,0,0,1-3.89-1.11,5.73,5.73,0,0,1-2.11-3.89Z"/><circle class="cls-2" cx="14.72" cy="14.49" r="1"/></svg><span>Hint</span></div>');
17371
17372							question.find('.atBtnHint').first().on('click', function(e) {
17373								$(this).remove();
17374								atQHint.addClass('show');
17375							});
17376
17377							if (audioCanMp3Play) {
17378								atQHint.prepend('<div class="atBtnListen">'+iconListen+'</div>').find('.atBtnListen').first().on('click', function(e) {
17379									e.preventDefault();
17380									atGetAudio(e, 'h:'+qsIdx+':'+qIdx, 'oah', atQHint.text());
17381								});
17382							}
17383						}
17384
17385						if (atQExplanation.length) {
17386							atQExplanation.addClass('atAnimated fadeIn');
17387							if (audioCanMp3Play) {
17388								atQExplanation.prepend('<div class="atBtnListen">'+iconListen+'</div>').find('.atBtnListen').first().on('click', function(e) {
17389									e.preventDefault();
17390									atGetAudio(e, 'e:'+qsIdx+':'+qIdx, 'oae', atQExplanation.text());
17391								});
17392							}
17393						}
17394
17395						atQAnswers.find('> div').each(function(aIdx) {
17396							if ($(this).hasClass('atQACorrect')) {
17397								correctAnswer = aIdx;
17398								$(this).removeClass('atQACorrect');
17399							}
17400							$(this).addClass('atQAnswer').html('<div class="atInnerOut">'+svgAnswerCircle+'<i class="iDot"></i><div class="atInner">'+$(this).html()+'</div></div>').on('click', function(e) {
17401								if (question.hasClass('answered')) return false;
17402								question.addClass('answered');
17403								if (correctAnswer === aIdx) {
17404									$(this).addClass('correct dot');
17405								} else {
17406									$(this).addClass('wrong dot');
17407									$(this).parent().find('.atQAnswer').eq(correctAnswer).addClass('correct');
17408								}
17409								svgAnswerCircleAnim($(this).parent().find('.correct svg').first());
17410
17411								if (atQImage.length) {
17412									resizeImgBlock();
17413								}
17414							});
17415						});
17416
17417						if (atQImage.length) {
17418							resizeImgBlock();
17419							$(window).on('resize', function() {
17420								clearTimeout(atQImageTmr);
17421								atQImageTmr = setTimeout(function() {
17422									resizeImgBlock();
17423								}, 10);
17424							});
17425							atQImage.insertBefore(atQAnswers);
17426						}
17427					});
17428
17429					if (questions.length > 1) {
17430						$(this).after('<div class="atAnotherQ atAnotherQ'+(qsIdx+1)+'"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none" style="display: inline;position: relative;top: -3px;margin-right: -6px;"><path style="" d="M20 14V10L15 15L20 20V16C21.5913 16 23.1174 16.6321 24.2426 17.7574C25.3679 18.8826 26 20.4087 26 22C26 23.5913 25.3679 25.1174 24.2426 26.2426C23.1174 27.3679 21.5913 28 20 28C18.4087 28 16.8826 27.3679 15.7574 26.2426C14.6321 25.1174 14 23.5913 14 22H12C12 24.1217 12.8429 26.1566 14.3431 27.6569C15.8434 29.1571 17.8783 30 20 30C22.1217 30 24.1566 29.1571 25.6569 27.6569C27.1571 26.1566 28 24.1217 28 22C28 19.8783 27.1571 17.8434 25.6569 16.3431C24.1566 14.8429 22.1217 14 20 14Z" fill="#78909C"></path></svg> Show me another question</div>');
17431			//			$(this).next('.atAnotherQ').on('click', function() {
17432						$('.atAnotherQ'+(qsIdx+1)).first().on('click', function() {
17433			//				var nextQ = questions.find('.active').next().first();
17434							var nextQ = questions.parent().find('.atQuestion.active').next().first();
17435							if (!nextQ.length) nextQ = questions.not('.active').not('.answered').first();
17436							if (!nextQ.length) nextQ = questions.not('.active').first();
17437							if (nextQ.length) {
17438								questions.removeClass('active');
17439								nextQ.addClass('active').trigger('resizeImgBlock');
17440							}
17441						});
17442					}
17443
17444					$(this).removeClass('atLoading');
17445				});
17446
17447				// Enhanced Quiz: Progress tracking, inline explanations & completion state
17448				(function() {
17449					var $quizWrapper = $('.atQuestionsWrp').first();
17450					var $questionsContainer = $quizWrapper.find('.atQuestions').first();
17451					var $questions = $questionsContainer.find('.atQuestion');
17452					var totalQuestions = Math.min($questions.length, 5);
17453					var currentQuestionIdx = 0;
17454					var answeredCount = 0;
17455
17456					// Use existing label as progress indicator
17457					var $progress = $quizWrapper.find('.try-me-label');
17458					$progress.text('Question 1 of ' + totalQuestions);
17459
17460					// Add "Next question" button container
17461					var $nextBtn = $('<div class="atNextQuestion"><button>
17461Next question</button></div>');
17462					$questionsContainer.after($nextBtn);
17463
17464					// Add helper buttons and handle answers
17465					$questions.each(function(idx) {
17466						if (idx >= totalQuestions) return;
17467						var $q = $(this);
17468						var explanationText = $q.find('.atQExplanation').text();
17469						var hintText = $q.find('.atQHint').text();
17470
17471						// Add helper buttons
17472						var helpersHTML = '<div class="quiz-helpers">' +
17473							'<button class="quiz-helper-btn hint-btn" type="button">' +
17474							'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/><circle cx="12" cy="17" r="0.5" fill="currentColor"/></svg>' +
17475							'Hint</button>' +
17476							'</div>';
17477						$q.find('.atQAnswers').after(helpersHTML);
17478
17479						// Handle Hint button
17480						$q.find('.hint-btn').on('click', function() {
17481							if ($(this).hasClass('used') || $q.hasClass('answered')) return;
17482							$(this).addClass('used');
17483
17484							if (hintText) {
17485								var $hintDisplay = $('<div class="hint-display" style="background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;padding:12px 16px;margin-top:12px;font-size:14px;color:#92400e;"></div>');
17486								$hintDisplay.text(hintText);
17487								$q.find('.quiz-helpers').before($hintDisplay);
17488							}
17489						});
17490
17491						$q.find('.atQAnswers').on('click', '.atQAnswer', function() {
17492							// Wait for the existing handler to add classes
17493							setTimeout(function() {
17494								if (!$q.hasClass('answered')) return;
17495								if ($q.data('nextBtnShown')) return; // Already processed this question
17496								$q.data('nextBtnShown', true);
17497
17498								var $correctAnswer = $q.find('.atQAnswer.correct');
17499								if ($correctAnswer.length && explanationText) {
17500									$correctAnswer.find('.atInner').append('<div class="inline-explanation">' + explanationText + '</div>');
17501								}
17502								answeredCount++;
17503								// Change button text on last question
17504								if (answeredCount >= totalQuestions) {
17505									$nextBtn.find('button').text('See results');
17506								}
17507								$nextBtn.css('display', 'block');
17508							}, 150);
17509						});
17510					});
17511
17512					// Handle "Next question" click
17513					$nextBtn.on('click', 'button', function() {
17514						if (answeredCount >= totalQuestions) {
17515							showCompletionState();
17516							return;
17517						}
17518
17519						// Find next unanswered question
17520						var $nextQ = null;
17521						$questions.slice(0, totalQuestions).each(function() {
17522							if (!$(this).hasClass('answered') && !$nextQ) {
17523								$nextQ = $(this);
17524							}
17525						});
17526
17527						if ($nextQ) {
17528							$questions.removeClass('active');
17529							$nextQ.addClass('active').trigger('resizeImgBlock');
17530							currentQuestionIdx = $questions.index($nextQ);
17531							$progress.text('Question ' + (answeredCount + 1) + ' of ' + totalQuestions);
17532							$nextBtn.hide();
17533						} else {
17534							showCompletionState();
17535						}
17536					});
17537
17538					function showCompletionState() {
17539						var score = 0;
17540						$questions.slice(0, totalQuestions).each(function() {
17541							var $q = $(this);
17542							if ($q.find('.atQAnswer.correct.dot').length && !$q.find('.atQAnswer.wrong').length) {
17543								score++;
17544							}
17545						});
17546
17547						var headline, body, scoreClass = '';
17548						if (score === 5) {
17549							headline = '5 for 5. Nice.';
17550							body = "You clearly know your stuff - but this was just 5 questions. The real MBE has 200. Full Bar and Full MBE include 1,900+ questions with detailed explanations citing actual cases to make sure exam day feels just as easy.";
17551						} else if (score === 4) {
17552							headline = '4 out of 5. Almost perfect.';
17553							body = "One slipped by - on the real MBE, every question counts. Full Bar and Full MBE include 1,900+ questions, plus explanations that help you understand why so you don't miss it again.";
17554						} else if (score === 3) {
17555							headline = "3 out of 5. You're close.";
17556							body = "On the MBE, you need around 65% to pass. The good news: Full Bar and Full MBE include 1,900+ questions to help you master these patterns.";
17557							scoreClass = 'score-low';
17558						} else if (score === 2) {
17559							headline = "2 out of 5. Let's fix that.";
17560							body = "The bar exam isn't about memorizing outlines - it's about recognizing how they test concepts. Full Bar and Full MBE include 1,900+ exam-like questions with detailed explanations, so these tricky ones stop tripping you up.";
17561							scoreClass = 'score-low';
17562						} else {
17563							headline = 'Tough batch, right?';
17564							body = "Don't worry - these were some of the trickier ones. The real MBE mixes easy and hard. Full Bar and Full MBE include 1,900+ questions to practice until nothing surprises you.";
17565							scoreClass = 'score-low';
17566						}
17567
17568						var completionHTML = '<div class="quiz-completion ' + scoreClass + '">' +
17569							'<div class="score-display">
17569' + score + '/' + totalQuestions + ' Correct</div>' +
17570							'<h3>' + headline + '</h3>' +
17571							'<p>' + body + '</p>' +
17572							'<a href="#upgrade2" class="cta-primary">Compare one-time plans</a>' +
17573							'</div>';
17574
17575						$questionsContainer.hide();
17576						$nextBtn.hide();
17577						$progress.hide();
17578						$quizWrapper.append(completionHTML);
17579						// Hide AI Assistant when quiz completes
17580						$('#aiAssistantWidget').hide();
17581					}
17582				})();
17583
17584				// AI Assistant Widget Interactivity with Streaming
17585				(function() {
17586					var $aiWidget = $('#aiAssistantWidget');
17587					var $aiContent = $('#aiAssistantContent');
17588					var $aiResponseText = $('#aiResponseText');
17589					var $questionsContainer = $('.atQuestions').first();
17590					var $questions = $questionsContainer.find('.atQuestion');
17591					var $aiChoices = $aiWidget.find('.ai-assistant-choices');
17592
17593					// API endpoint - change to your production URL
17594					var API_ENDPOINT = '/api/gpt-chat.php';
17595
17596					// Chat history for context
17597					var chatHistory = [];
17598
17599					// Get question data for API call
17600					function getQuestionData($question) {
17601						var questionText = $question.find('.atQText').text().trim();
17602						var answers = [];
17603						var correctAnswer = '';
17604						var selectedAnswer = '';
17605
17606						$question.find('.atQAnswers > div').each(function() {
17607							var text = $(this).text().trim();
17608							answers.push(text);
17609							if ($(this).hasClass('atQACorrect')) {
17610								correctAnswer = text;
17611							}
17612							// Get user's selected answer (marked with .dot class)
17613							if ($(this).hasClass('dot')) {
17614								selectedAnswer = text;
17615							}
17616						});
17617
17618						return {
17619							question: questionText,
17620							answers: answers,
17621							correctAnswer: correctAnswer,
17622							selectedAnswer: selectedAnswer,
17623							isAnswered: $question.hasClass('answered')
17624						};
17625					}
17626
17627					// Show loading state
17628					function showLoading() {
17629						$aiResponseText.html('<span class="ai-loading">Thinking</span>');
17630						$aiContent.addClass('active');
17631						$aiChoices.addClass('disabled');
17632					}
17633
17634					// Hide loading state
17635					function hideLoading() {
17636						$aiChoices.removeClass('disabled');
17637					}
17638
17639					// Format text: escape HTML, replace em/en-dash, convert newlines to <br>
17640					function formatResponse(text) {
17641						return $('<div>').text(text).html()
17642							.replace(/—/g, '-')  // em-dash
17643							.replace(/–/g, '-')  // en-dash
17644							.replace(/\n/g, '<br>');
17645					}
17646
17647					// Call API with streaming
17648					function callAI(action, questionData, userMessage) {
17649						showLoading();
17650						$aiResponseText.html('');
17651
17652						var payload = {
17653							action: action,
17654							question: questionData.question,
17655							answers: questionData.answers,
17656							correctAnswer: questionData.correctAnswer,
17657							selectedAnswer: questionData.selectedAnswer,
17658							isAnswered: questionData.isAnswered,
17659							userMessage: userMessage || '',
17660							chatHistory: chatHistory
17661						};
17662
17663						// Use fetch with streaming
17664						fetch(API_ENDPOINT, {
17665							method: 'POST',
17666							headers: { 'Content-Type': 'application/json' },
17667							body: JSON.stringify(payload)
17668						}).then(function(response) {
17669							if (!response.ok) throw new Error('Network error');
17670
17671							var reader = response.body.getReader();
17672							var decoder = new TextDecoder();
17673							var fullResponse = '';
17674
17675							function read() {
17676								reader.read().then(function(result) {
17677									if (result.done) {
17678										hideLoading();
17679										// Save to chat history
17680										if (fullResponse) {
17681											chatHistory.push({ role: 'user', content: userMessage || (action === 'hint' ? 'Give me a hint' : 'Explain the answer') });
17682											chatHistory.push({ role: 'assistant', content: fullResponse });
17683										}
17684										return;
17685									}
17686
17687									var chunk = decoder.decode(result.value, { stream: true });
17688									var lines = chunk.split('\n');
17689
17690									lines.forEach(function(line) {
17691										if (line.startsWith('data: ')) {
17692											var data = line.substring(6).trim();
17693											if (data === '[DONE]') return;
17694
17695											try {
17696												var json = JSON.parse(data);
17697												if (json.content) {
17698													fullResponse += json.content;
17699													$aiResponseText.html(formatResponse(fullResponse));
17700												}
17701												if (json.error) {
17702													$aiResponseText.html(formatResponse('Error: ' + json.error));
17703													hideLoading();
17704												}
17705											} catch (e) {}
17706										}
17707									});
17708
17709									read();
17710								}).catch(function(err) {
17711									hideLoading();
17712									showFallback(action);
17713								});
17714							}
17715
17716							read();
17717						}).catch(function(err) {
17718							hideLoading();
17719							showFallback(action);
17720						});
17721					}
17722
17723					// Fallback responses if API fails
17724					function showFallback(action) {
17725						var fallbackResponses = {
17726							hint: "Think about the key legal doctrine at play here. What rule applies? Consider the specific facts and how they relate to the elements of the rule.",
17727							explain: "This question tests your understanding of a core legal principle. The correct answer properly applies the relevant rule to the specific facts presented."
17728						};
17729						$aiResponseText.html(formatResponse(fallbackResponses[action] || 'Unable to connect. Please try again.'));
17730					}
17731
17732					// Handle choice button clicks
17733					$aiWidget.find('.ai-assistant-choice').on('click', function() {
17734						if ($aiChoices.hasClass('disabled')) return;
17735
17736						var action = $(this).data('action');
17737						var $activeQ = $questions.filter('.active');
17738						if ($activeQ.length === 0) $activeQ = $questions.first();
17739
17740						// Hide button after clicking it
17741						if (action === 'hint' || action === 'explain') {
17742							$(this).addClass('hidden');
17743						}
17744
17745						var questionData = getQuestionData($activeQ);
17746						callAI(action, questionData);
17747					});
17748
17749					// Show "Explain" button when user answers a question
17750					$questions.on('click', '.atQAnswer', function() {
17751						setTimeout(function() {
17752							var $activeQ = $questions.filter('.active');
17753							if ($activeQ.length === 0) $activeQ = $questions.first();
17754							if ($activeQ.hasClass('answered')) {
17755								$aiWidget.addClass('answered');
17756							}
17757						}, 100);
17758					});
17759
17760					// Reset AI content, chat history, and button states when moving to next question
17761					$('.atNextQuestion').on('click', function() {
17762						$aiContent.removeClass('active');
17763						$aiWidget.removeClass('answered');
17764						$aiWidget.find('.ai-assistant-choice').removeClass('hidden');
17765						chatHistory = [];
17766					});
17767
17768					// Handle follow-up input
17769					function handleFollowUp() {
17770						var question = $('#aiFollowUpInput').val().trim();
17771						if (!question || $aiChoices.hasClass('disabled')) return;
17772
17773						var $activeQ = $questions.filter('.active');
17774						if ($activeQ.length === 0) $activeQ = $questions.first();
17775
17776						var questionData = getQuestionData($activeQ);
17777						callAI('followup', questionData, question);
17778						$('#aiFollowUpInput').val('');
17779					}
17780
17781					$('#aiFollowUpInput').on('keypress', function(e) {
17782						if (e.which === 13) {
17783							handleFollowUp();
17784						}
17785					});
17786
17787					$aiContent.find('button').on('click', handleFollowUp);
17788				})();
17789
17790				var supportsVideo = !!document.createElement('video').canPlayType;
17791				if (supportsVideo) {
17792					$('.ee-testimonial-video').each(function () {
17793						var $container = $(this),
17794							$eeVideo = $container.find('video'),
17795							eeVideo = $eeVideo[0];
17796			//				eeVideo = $eeVideo.get(0);
17797
17798						$eeVideo.attr('controls', false);
17799
17800						$eeVideo.on('play playing', function(e) {
17801							$container.addClass('ee-testimonial-video-playing');
17802						}).on('ended pause paused error abort', function (e) {
17803							$container.removeClass('ee-testimonial-video-playing');
17804						});
17805
17806						$(this).addClass('ee-testimonial-show-controls');
17807
17808						if ($container.hasClass('intro-video')) {
17809							$(this).off('click').on('click', function (e) {
17810								eeVideo.pause();
17811													
17812								if ($container.hasClass('silent')) {
17813									$eeVideo.prop('muted', false);
17814									$eeVideo.find('source').each(function () {
17815										$(this).attr('src', $(this).attr('src').replace('-silent', ''));
17816									});
17817									$container.removeClass('silent');
17818								} else {
17819									$eeVideo.prop('muted', true);
17820									$eeVideo.find('source').each(function () {
17821										var src = $(this).attr('src').split('.'),
17822											ext = src.pop();
17823											
17824										$(this).attr('src', src.join('.') + '-silent.' + ext);
17825									});
17826									$container.addClass('silent');
17827								}
17828								
17829								eeVideo.load();
17830								eeVideo.play();
17831							});
17832						} else {
17833							$(this).off('click').on('click', function (e) {
17834								if (eeVideo.paused || eeVideo.ended) {
17835									eeVideo.play();
17836								} else {
17837									eeVideo.pause();
17838								}
17839							});
17840						}
17841					});
17842				}
17843
17844				$('.video-player').each(function() {
17845					var videoFound = false;
17846
17847					var vimid = $(this).data('vimid');
17848					if (vimid) {
17849						$(this).on('click', function(e) {
17850							e.preventDefault();
17851
17852							var iframe = document.createElement('iframe');
17853							iframe.setAttribute('src', 'https://player.vimeo.com/video/'+vimid+'?title=0&byline=0&portrait=0&autoplay=1&texttrack=en');
17854							iframe.setAttribute('allow', 'accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture');
17855							iframe.setAttribute('frameborder', '0');
17856							iframe.setAttribute('webkitallowfullscreen', '1');
17857							iframe.setAttribute('mozallowfullscreen', '1');
17858							iframe.setAttribute('allowfullscreen', '1');
17859
17860							$(this).html('').append(iframe);
17861						});
17862						videoFound = true;
17863					}
17864
17865					if (videoFound === false) {
17866						var muxId = $(this).data('mux'),
17867							muxPoster = $(this).data('poster'),
17868							muxPlaybackId = $(this).data('playbackid');
17869						if (muxId && (muxPoster || muxPlaybackId)) {
17870							// https://image.mux.com/{PLAYBACK_ID}/thumbnail.{png|jpg}
17871							// https://image.mux.com/{PLAYBACK_ID}/thumbnail.{png|jpg}?width=200
17872							$(this).html('<img src="'+(muxPoster ? muxPoster : 'https://image.mux.com/'+muxId+'/thumbnail.jpg')+'"><div class="play"></div>').on('click', function(e) {
17873								e.preventDefault();
17874
17875								var iframe = document.createElement('iframe');
17876								iframe.setAttribute('src', 'https://embed.testimonial.to/v/'+muxId+'');
17877								iframe.setAttribute('allow', 'accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture');
17878								iframe.setAttribute('frameborder', '0');
17879								iframe.setAttribute('scrolling', 'no');
17880								iframe.setAttribute('allowfullscreen', '1');
17881
17882								$(this).html(iframe);
17883							});
17884							videoFound = true;
17885						}
17886					}
17887
17888					if (videoFound === false) {
17889						var ytId = $(this).data('yt');
17890						if (ytId) {
17891							$(this).html('<img src="//i.ytimg.com/vi/'+ytId+'/hqdefault.jpg"><div class="play"></div>').on('click', function(e) {
17892								e.preventDefault();
17893
17894								var iframe = document.createElement('iframe');
17895								iframe.setAttribute('src', 'https://www.youtube.com/embed/'+ytId+'?autoplay=1');
17896								iframe.setAttribute('allow', 'accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture');
17897								iframe.setAttribute('frameborder', '0');
17898								iframe.setAttribute('allowfullscreen', '1');
17899
17900								$(this).html(iframe);
17901							});
17902							videoFound = true;
17903						}
17904					}
17905				});
17906
17907				$('.video-responsive').each(function() {
17908					var vimid = $(this).data('vimid');
17909					if (vimid) {
17910						$(this).parent().on('click', function(e) {
17911							e.preventDefault();
17912
17913							if ($('#vimid'+vimid).length) $('#vimid'+vimid).remove();
17914
17915							var $videoContainer = $('<div class="video-container inactive" id="vimid'+vimid+'"><div class="video-container-wrapper"></div><button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button></div>');
17916
17917							var iframe = document.createElement('iframe');
17918							iframe.setAttribute('src', 'https://player.vimeo.com/video/'+vimid+'?title=0&byline=0&portrait=0&autoplay=1');
17919							iframe.setAttribute('allow', 'accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture');
17920							iframe.setAttribute('frameborder', '0');
17921							iframe.setAttribute('webkitallowfullscreen', '1');
17922							iframe.setAttribute('mozallowfullscreen', '1');
17923							iframe.setAttribute('allowfullscreen', '1');
17924
17925			/*				var $iframe = $(iframe);
17926							$iframe.on("load", function() {
17927								$iframe.contents().on('click', function(e) {
17928									$iframe.trigger("click");
17929								});
17930							});
17931							$iframe.on('click', function(e) {
17932								$videoContainer.remove();
17933							});*/
17934
17935							$videoContainer.on('click', function(e) {
17936								$('html').removeClass('modal-video-active');
17937								$(this).remove();
17938							});
17939							$videoContainer.find('.close').on('click', function(ev) {
17940								ev.preventDefault();
17941								$('html').removeClass('modal-video-active');
17942								$videoContainer.remove();
17943							});
17944							$videoContainer.find('.video-container-wrapper').prepend(iframe);
17945
17946							$videoContainer.show();
17947
17948							$('html').addClass('modal-video-active');
17949							$('body').append($videoContainer);
17950						});
17951					}
17952				});
17953
17954				$(document.body).on('keyup', function(e) {
17955					if ("Escape" == e.key) {
17956						$('html').removeClass('modal-video-active');
17957						$('.video-container').remove();
17958					}
17959				});
17960
17961				$('.toggler .toggler-title').on('click', function(e) {
17962					e.preventDefault();
17963					var height = $(this).next().find('div').outerHeight(true);
17964					$('.toggler .toggler-content').css({'height':'0px'}).attr('aria-hidden', 'true');
17965					$('.toggler .toggler-title').attr('aria-expanded', 'false');
17966					if ($(this).hasClass('opened')) {
17967						$(this).removeClass('opened');
17968					} else {
17969						$(this).next().css({'height':height+'px'}).attr('aria-hidden', 'false');
17970						$(this).parents('.toggler').parent().find('.toggler-title').removeClass('opened');
17971						$(this).addClass('opened').attr('aria-expanded', 'true');
17972					}
17973				});
17974			});
17975
17976			(function($) {
17977				$(window).on('load', function() {
17978					scrollToEl(window.location.hash, false);
17979				});
17980			})(jQuery);
17981		</script>
17981
17982
17983		
17983<script>
17984			document.addEventListener('DOMContentLoaded', function() {
17985				const stateElement = document.getElementById('stateAbbreviation');
17986				if (stateElement) {
17987					stateElement.textContent = 'Bar Exam';
17988				}
17989			});
17990		</script>
17990
17991		
17992		<link href="https://cdn.datatables.net/1.13.7/css/jquery.dataTables.min.css" rel="stylesheet">
17993		
17993<script src="https://cdn.datatables.net/1.13.7/js/jquery.dataTables.min.js"></script>
17993
17994		
17994<script>
17995			$('.datatable').each(function(){
17996				$(this).DataTable({
17997					scrollY: '60vh',
17998					scrollX: true,
17999					scrollCollapse: true,
18000					paging: false,
18001					searching: false,
18002					ordering: false,
18003					info: false,
18004					responsive: {
18005						details: false
18006					},
18007					buttons: false
18008				});
18009			});
18010		</script>
18010
18011		<style>
18012			.dataTables_scroll {
18013				margin: 20px 0 30px;
18014			}
18015			.dataTables_scrollHead {
18016				padding: 10px 0 0;
18017				margin: -10px 0 0;
18018			}
18019			table.dataTable th, 
18020			table.dataTable td {
18021				padding: 17px !important;
18022			}
18023			.dataTables_wrapper.no-footer .dataTables_scrollBody,
18024			table.dataTable thead th, 
18025			table.dataTable thead td {
18026				border-bottom: 1px solid #e0e0e0 !important;
18027			}
18028			@media (max-width: 991px) {
18029				.dataTables_scrollBody thead {
18030					display: none;
18031				}
18032				table.dataTable {
18033					margin: 0 !important;
18034				}
18035				table.dataTable tr th:nth-of-type(1),
18036				table.dataTable tr td:nth-of-type(1) {
18037					width: 20% !important;
18038				}
18039				table.dataTable tr th:nth-of-type(2),
18040				table.dataTable tr td:nth-of-type(2) {
18041					width: 25% !important;
18042				}
18043				table.dataTable tr th:nth-of-type(3),
18044				table.dataTable tr td:nth-of-type(3) {
18045					width: 30% !important;
18046				}
18047				table.dataTable tr th:nth-of-type(4),
18048				table.dataTable tr td:nth-of-type(4) {
18049					width: 25% !important;
18050				}
18051			}
18052			@media (min-width: 992px) {
18053				.dataTables_scrollHeadInner,
18054				.dataTables_scrollHeadInner table,
18055				.dataTables_scrollBody table {
18056					width: 100% !important;
18057					margin: 0 !important;
18058				}
18059				.dataTables_scrollBody {
18060					max-height: unset !important;
18061					overflow: visible !important;
18062				}
18063				.dataTables_scrollHead {
18064					display: none;
18065				}
18066				.dataTables_scrollBody thead tr,
18067				.dataTables_scrollBody thead th,
18068				.dataTables_scrollBody thead th div {
18069					width: auto !important;
18070					height: auto !important;
18071				}
18072				.dataTables_scrollBody thead th {
18073					border-bottom: 1px solid #e0e0e0 !important;
18074				}
18075			}
18076		</style>
18077
18078<script>
18079(function () {
18080  return; // Disabled: third legacy analytics wrapper. The canonical tracker is in <head>.
18081  /* ---------- Amplitude wrapper (unchanged) ---------- */
18082  var _ampQueue = [];
18083  var _ampReady = false;
18084
18085  function _ampIsV8(A)      { return A && typeof A.track === 'function'; }
18086  function _ampIsLegacy(A)  { return A && typeof A.getInstance === 'function'; }
18087
18088  function _ampDoTrack(A, name, props) {
18089    try {
18090      if (_ampIsV8(A)) A.track(name, props);
18091      else if (_ampIsLegacy(A)) A.getInstance().logEvent(name, props);
18092    } catch (e) {}
18093  }
18094  function _ampDoIdentify(A, ops) {
18095    try {
18096      var IdentifyCtor = A.Identify || (A.getInstance && A.Identify);
18097      if (!IdentifyCtor) return;
18098      var idObj = new IdentifyCtor();
18099      if (ops && ops.set) for (var k in ops.set) if (Object.prototype.hasOwnProperty.call(ops.set,k)) idObj.set(k, ops.set[k]);
18100      if (_ampIsV8(A)) A.identify(idObj);
18101      else if (_ampIsLegacy(A)) A.getInstance().identify(idObj);
18102    } catch (e) {}
18103  }
18104  function _ampFlush() {
18105    var A = window.amplitude;
18106    if (!A) return;
18107    _ampReady = true;
18108    while (_ampQueue.length) {
18109      var it = _ampQueue.shift();
18110      if (it.type === 'track')    _ampDoTrack(A, it.name, it.props);
18111      if (it.type === 'identify') _ampDoIdentify(A, it.ops);
18112    }
18113  }
18114  function track(name, props) {
18115    var payload = Object.assign({ path: location.pathname }, props||{});
18116    var A = window.amplitude;
18117    if (_ampReady && A) return _ampDoTrack(A, name, payload);
18118    _ampQueue.push({ type: 'track', name: name, props: payload });
18119  }
18120  function identifySet(obj) {
18121    var A = window.amplitude;
18122    if (_ampReady && A) return _ampDoIdentify(A, { set: obj });
18123    _ampQueue.push({ type: 'identify', ops: { set: obj } });
18124  }
18125  var _ampPoll = setInterval(function(){ if (window.amplitude){ clearInterval(_ampPoll); _ampFlush(); } }, 250);
18126  setTimeout(function(){ clearInterval(_ampPoll); _ampFlush(); }, 10000);
18127  window._ampDbg = { q: _ampQueue };
18128
18129  /* ---------- Personalization helpers (unchanged) ---------- */
18130  function unlockScroll() {
18131    document.documentElement.style.overflow = '';
18132    document.body.style.overflow = '';
18133    document.documentElement.classList.remove('no-scroll','modal-open');
18134    document.body.classList.remove('no-scroll','modal-open');
18135    document.body.style.position = '';
18136    document.body.style.height = '';
18137  }
18138  function applyPersona(persona) {
18139    try { localStorage.setItem('dt_persona', persona); } catch (_) {}
18140    identifySet({ persona: persona });
18141
18142    document.querySelectorAll('.filter').forEach(function (el) {
18143      if (!el.dataset.origDisplay) {
18144        var d = getComputedStyle(el).display;
18145        el.dataset.origDisplay = (d && d !== 'none') ? d : (el.tagName === 'SPAN' ? 'inline' : 'block');
18146      }
18147      var show = el.classList.contains(persona);
18148      if (show) {
18149        el.style.setProperty('display', el.dataset.origDisplay, 'important');
18150        el.removeAttribute('aria-hidden');
18151      } else {
18152        el.style.setProperty('display', 'none', 'important');
18153        el.setAttribute('aria-hidden', 'true');
18154      }
18155    });
18156    document.documentElement.classList.add('selected');
18157  }
18158  document.addEventListener('DOMContentLoaded', function(){
18159    var saved = localStorage.getItem('dt_persona');
18160    // if (saved) applyPersona(saved);
18161  });
18162
18163  /* ---------- FIXED picker handlers (capture-phase + no DOM guard) ---------- */
18164  document.addEventListener('DOMContentLoaded', function () {
18165    var picker = document.querySelector('.full-screen-picker');
18166    if (!picker) return;
18167
18168    var shownAt = Date.now();
18169    track('LP Picker Shown', { deviceWidth: window.innerWidth, source: 'overlay' });
18170
18171    // Ensure Skip link exists
18172    (function ensureSkip(){
18173      if (picker.querySelector('.picker-skip')) return;
18174      var holder = picker.querySelector('.filter-content-buttons');
18175      if (!holder) return;
18176      var a = document.createElement('a');
18177      a.href = '#';
18178      a.className = 'picker-skip small text-muted d-block text-center mt-3';
18179      a.textContent = 'Skip for now';
18180      holder.appendChild(a);
18181    })();
18182
18183    // SELECT  - run in CAPTURE so we fire before other handlers remove the overlay
18184    document.addEventListener('click', function (e) {
18185      var btn = e.target.closest && e.target.closest('.filter-content-btn');
18186      if (!btn) return;
18187
18188      var persona = (btn.getAttribute('data-filter') || '').replace('.', '') || 'adult';
18189      var tt = Date.now() - shownAt;
18190
18191      track('LP Picker Select', { persona: persona, ttMs: tt });
18192      // applyPersona(persona);
18193      unlockScroll();
18194
18195      // Defer removal a tick so the SDK enqueues first
18196      setTimeout(function(){ if (picker && picker.parentNode) picker.remove(); }, 0);
18197    }, { capture: true });
18198
18199    // Keyboard (Enter/Space) for accessibility
18200    document.addEventListener('keydown', function(e){
18201      if (e.key !== 'Enter' && e.key !== ' ') return;
18202      var btn = document.activeElement && document.activeElement.closest && document.activeElement.closest('.filter-content-btn');
18203      if (!btn) return;
18204      e.preventDefault();
18205      btn.click();
18206    }, { capture: true });
18207
18208    // SKIP  - also in CAPTURE
18209    document.addEventListener('click', function(e){
18210      var skip = e.target.closest && e.target.closest('.picker-skip');
18211      if (!skip) return;
18212      e.preventDefault();
18213
18214      var tt = Date.now() - shownAt;
18215      track('LP Picker Skip', { ttMs: tt });
18216
18217      // applyPersona('adult'); // default
18218      unlockScroll();
18219      setTimeout(function(){ if (picker && picker.parentNode) picker.remove(); }, 0);
18220    }, { capture: true });
18221
18222    // ABANDON + TIMEOUT (overlay still visible)
18223    document.addEventListener('visibilitychange', function () {
18224      if (document.visibilityState === 'hidden' && document.body.contains(picker)) {
18225        track('LP Picker Abandon', { ttMs: Date.now() - shownAt });
18226      }
18227    });
18228    setTimeout(function(){
18229      if (document.body.contains(picker)) track('LP Picker Timeout 30s', { ttMs: Date.now() - shownAt });
18230    }, 30000);
18231  });
18232})();
18233</script>
18233
18234
18235<!-- Micro-Animations JavaScript -->
18236<script>
18237(function() {
18238  'use strict';
18239
18240  // ========================================
18241  // 1. READINESS METER ANIMATION
18242  // ========================================
18243  function initReadinessMeter() {
18244    const meter = document.querySelector('#readiness-meter');
18245    if (!meter) return;
18246
18247    const thumb = meter.querySelector('.meter-thumb');
18248    const percentSpan = thumb?.querySelector('span');
18249    const badge = meter.querySelector('.ready-badge');
18250    let animated = false;
18251
18252    const observer = new IntersectionObserver((entries) => {
18253      entries.forEach(entry => {
18254        if (entry.isIntersecting && !animated) {
18255          animated = true;
18256
18257          // Animate thumb position
18258          setTimeout(() => {
18259            thumb.classList.add('animated');
18260          }, 200);
18261
18262          // Count up the percentage
18263          if (percentSpan) {
18264            animateCount(percentSpan, 0, 94, 1800, '%');
18265          }
18266
18267          // Show the ready badge after meter fills
18268          setTimeout(() => {
18269            badge?.classList.add('visible');
18270          }, 2000);
18271        }
18272      });
18273    }, { threshold: 0.4 });
18274
18275    observer.observe(meter);
18276  }
18277
18278  // ========================================
18279  // 2. MAGNETIC CTA BUTTONS
18280  // ========================================
18281  function initMagneticButtons() {
18282    const buttons = document.querySelectorAll('.sec3_5_btn.blue.btnPurchase');
18283
18284    buttons.forEach(btn => {
18285      btn.addEventListener('mousemove', (e) => {
18286        const rect = btn.getBoundingClientRect();
18287        const x = e.clientX - rect.left - rect.width / 2;
18288        const y = e.clientY - rect.top - rect.height / 2;
18289
18290        // Subtle magnetic pull (max 4px)
18291        const pullX = x * 0.08;
18292        const pullY = y * 0.15;
18293
18294        btn.style.transform = `translate(${pullX}px, ${pullY - 3}px) scale(1.02)`;
18295      });
18296
18297      btn.addEventListener('mouseleave', () => {
18298        btn.style.transform = '';
18299      });
18300    });
18301  }
18302
18303  // ========================================
18304  // 3. STAGGERED CARD REVEALS
18305  // ========================================
18306  function initCardReveals() {
18307    // Add reveal-card class to target cards
18308    const cardSelectors = [
18309      '#exam-simulator .feature-card',
18310      '#no-time .time-card',
18311      '#whats-included .feature-item',
18312      '.masonry-item'
18313    ];
18314
18315    cardSelectors.forEach(selector => {
18316      document.querySelectorAll(selector).forEach(card => {
18317        card.classList.add('reveal-card');
18318      });
18319    });
18320
18321    // Create observer for reveal animation
18322    const revealObserver = new IntersectionObserver((entries) => {
18323      entries.forEach(entry => {
18324        if (entry.isIntersecting) {
18325          // Find all siblings in the same container
18326          const container = entry.target.parentElement;
18327          const cards = container.querySelectorAll('.reveal-card:not(.revealed)');
18328
18329          cards.forEach((card, index) => {
18330            setTimeout(() => {
18331              card.classList.add('revealed');
18332            }, index * 60); // 60ms stagger
18333          });
18334
18335          revealObserver.unobserve(entry.target);
18336        }
18337      });
18338    }, { threshold: 0.15 });
18339
18340    // Observe first card in each group
18341    cardSelectors.forEach(selector => {
18342      const firstCard = document.querySelector(selector);
18343      if (firstCard) revealObserver.observe(firstCard);
18344    });
18345  }
18346
18347  // ========================================
18348  // 4. COUNTING STATISTICS
18349  // ========================================
18350  function animateCount(element, start, end, duration, suffix = '') {
18351    const startTime = performance.now();
18352    const isDecimal = String(end).includes('.');
18353
18354    function update(currentTime) {
18355      const elapsed = currentTime - startTime;
18356      const progress = Math.min(elapsed / duration, 1);
18357
18358      // EaseOutExpo for snappy start, smooth end
18359      const eased = progress === 1 ? 1 : 1 - Math.pow(2, -10 * progress);
18360      const current = start + (end - start) * eased;
18361
18362      if (isDecimal) {
18363        element.textContent = current.toFixed(2) + suffix;
18364      } else {
18365        element.textContent = Math.round(current) + suffix;
18366      }
18367
18368      if (progress < 1) {
18369        requestAnimationFrame(update);
18370      }
18371    }
18372
18373    requestAnimationFrame(update);
18374  }
18375
18376  function initCountingStats() {
18377    // Target specific stat elements
18378    const statConfigs = [
18379      { selector: '#failed-before .big-stat', value: 30, suffix: '%' },
18380    ];
18381
18382    statConfigs.forEach(config => {
18383      const el = document.querySelector(config.selector);
18384      if (!el) return;
18385
18386      const originalText = el.textContent;
18387      el.classList.add('count-up');
18388
18389      const observer = new IntersectionObserver((entries) => {
18390        entries.forEach(entry => {
18391          if (entry.isIntersecting) {
18392            if (config.prefix) {
18393              el.textContent = config.prefix + '0' + (config.suffix || '');
18394              animateCountCustom(el, 0, config.value, 1200, config.prefix, config.suffix);
18395            } else {
18396              animateCount(el, 0, config.value, 1200, config.suffix || '');
18397            }
18398            observer.unobserve(el);
18399          }
18400        });
18401      }, { threshold: 0.5 });
18402
18403      observer.observe(el);
18404    });
18405  }
18406
18407  function animateCountCustom(element, start, end, duration, prefix = '', suffix = '') {
18408    const startTime = performance.now();
18409
18410    function update(currentTime) {
18411      const elapsed = currentTime - startTime;
18412      const progress = Math.min(elapsed / duration, 1);
18413      const eased = progress === 1 ? 1 : 1 - Math.pow(2, -10 * progress);
18414      const current = Math.round(start + (end - start) * eased);
18415
18416      element.textContent = prefix + current + suffix;
18417
18418      if (progress < 1) {
18419        requestAnimationFrame(update);
18420      }
18421    }
18422
18423    requestAnimationFrame(update);
18424  }
18425
18426  // ========================================
18427  // 5. SMOOTH SCROLL FOR ANCHORS
18428  // ========================================
18429  function initSmoothScroll() {
18430    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
18431      anchor.addEventListener('click', function(e) {
18432        const targetId = this.getAttribute('href');
18433        if (targetId === '#') return;
18434
18435        const target = document.querySelector(targetId);
18436        if (target) {
18437          e.preventDefault();
18438          target.scrollIntoView({
18439            behavior: 'smooth',
18440            block: 'start'
18441          });
18442        }
18443      });
18444    });
18445  }
18446
18447  // ========================================
18448  // 6. HERO PARALLAX EFFECT
18449  // ========================================
18450  function initHeroParallax() {
18451    const heroImg = document.querySelector('.hero-img-wrapper img');
18452    if (!heroImg) return;
18453
18454    let ticking = false;
18455    const maxScroll = 600; // Only apply parallax in first 600px of scroll
18456
18457    window.addEventListener('scroll', () => {
18458      if (!ticking) {
18459        window.requestAnimationFrame(() => {
18460          const scrollY = window.scrollY;
18461          if (scrollY < maxScroll) {
18462            const parallaxOffset = scrollY * 0.15; // Subtle 15% parallax
18463            heroImg.style.transform = `translateY(${parallaxOffset}px)`;
18464          }
18465          ticking = false;
18466        });
18467        ticking = true;
18468      }
18469    }, { passive: true });
18470  }
18471
18472  // ========================================
18473  // INITIALIZE ALL
18474  // ========================================
18475  function init() {
18476    initReadinessMeter();
18477    initMagneticButtons();
18478    initCardReveals();
18479    initCountingStats();
18480    initSmoothScroll();
18481    initHeroParallax();
18482  }
18483
18484  // Run on DOM ready
18485  if (document.readyState === 'loading') {
18486    document.addEventListener('DOMContentLoaded', init);
18487  } else {
18488    init();
18489  }
18490
18491})();
18492</script>
18492
18493
18494<template id="legacy-countdown-widget" aria-hidden="true">
18495<!-- Retained only as an inert reference. The false-urgency countdown is not rendered or executed. -->
18496<style>
18497.countdown-wrapper { z-index: 30001; opacity: 0; position: fixed; bottom: 20px; right: 20px; transition: opacity 0.3s; }
18498.countdown-wrapper .countdown-card { background: #fff; border-radius: 16px; padding: 20px 24px; box-shadow: 0 10px 40px rgba(0,0,0,0.15); border: 1px solid #e2e8f0; max-width: 280px; position: relative; }
18499.countdown-wrapper .countdown-header { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
18500.countdown-wrapper .countdown-days-big { font-size: 36px; font-weight: 800; color: #dc2626; line-height: 1; }
18501.countdown-wrapper .countdown-days-label { font-size: 14px; font-weight: 600; color: #1f2632; line-height: 1.3; }
18502.countdown-wrapper .countdown-exam-date { font-size: 12px; color: #64748b; margin-bottom: 12px; }
18503.countdown-wrapper .countdown-context { font-size: 13px; color: #64748b; margin-bottom: 14px; line-height: 1.4; background: #fef2f2; padding: 8px 10px; border-radius: 8px; border-left: 3px solid #dc2626; }
18504.countdown-wrapper .button { background: #077aff; color: #fff; outline: none; font-size: 15px; padding: 12px 20px; border-radius: 8px; display: block; text-align: center; font-weight: 600; cursor: pointer; box-shadow: 0 4px 12px rgba(7,122,255,0.3); transition: all 0.2s; white-space: nowrap; text-decoration: none; }
18505.countdown-wrapper .button:hover { background: #0066dd; box-shadow: 0 6px 16px rgba(7,122,255,0.4); text-decoration: none; }
18506.countdown-wrapper.hidden { opacity: 0; pointer-events: none; }
18507.countdown-wrapper #close-countdown { position: absolute; top: 10px; right: 10px; padding: 4px; cursor: pointer; opacity: 0.5; transition: opacity 0.2s; }
18508.countdown-wrapper #close-countdown:hover { opacity: 1; }
18509.countdown-wrapper #close-countdown svg { width: 12px; height: 12px; }
18510@media (max-width: 991px) { .countdown-wrapper { display: none !important; } }
18511</style>
18512
18513<div class="countdown-wrapper">
18514	<div class="countdown-card">
18515		<div id="close-countdown"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 31.112 31.112"><polygon style="fill:#64748b;" points="31.112,1.414 29.698,0 15.556,14.142 1.414,0 0,1.414 14.142,15.556 0,29.698 1.414,31.112 15.556,16.97 29.698,31.112 31.112,29.698 16.97,15.556"></polygon></svg></div>
18516		<div class="countdown-header">
18517			<span class="countdown-days-big" id="countdown-days">--</span>
18518			<span class="countdown-days-label">days until<br>your bar exam</span>
18519		</div>
18520		<div class="countdown-exam-date"><span id="examMonth">February 2026</span> Bar Exam</div>
18521		<div class="countdown-context">Most students need 8-10 weeks to prepare.</div>
18522		<a class="button" href="#price-plans-section">Start Now</a>
18523	</div>
18524</div>
18525
18526<script>
18527// Bar Exam Countdown Script
18528document.addEventListener("DOMContentLoaded", function() {
18529	function getLastTuesday(dayOfWeek, month, year) {
18530		if (dayOfWeek === 7) dayOfWeek = 0;
18531		var date = new Date();
18532		if (year) date.setFullYear(year);
18533		date.setDate(1);
18534		date.setMonth(month);
18535		do { date.setDate(date.getDate() - 1); } while (date.getDay() !== dayOfWeek);
18536		return date;
18537	}
18538
18539	// Calculate exam date and days - runs for all visitors
18540	var today = new Date();
18541	today.setUTCHours(0, 0, 0, 0);
18542
18543	var febExam = getLastTuesday(2, 2); // Last Tuesday of February
18544	var julExam = getLastTuesday(2, 7); // Last Tuesday of July
18545	var targetDate, examMonth, examYear;
18546
18547	if (today < febExam) {
18548		targetDate = febExam;
18549		examMonth = "February";
18550	} else if (today < julExam) {
18551		targetDate = julExam;
18552		examMonth = "July";
18553	} else {
18554		examYear = today.getFullYear() + 1;
18555		targetDate = getLastTuesday(2, 2, examYear);
18556		examMonth = "February";
18557	}
18558
18559	if (!examYear) examYear = today.getFullYear();
18560
18561	// Update hero countdown (always visible)
18562	var heroExamDate = document.getElementById("hero-exam-date");
18563	if (heroExamDate) heroExamDate.textContent = examMonth + " " + examYear;
18564
18565	var targetTime = targetDate.getTime();
18566
18567	// Unified countdown calculation for both hero and sidebar
18568	function updateCountdowns() {
18569		var now = new Date().getTime();
18570		var diff = targetTime - now;
18571		var days = Math.floor(diff / (1000 * 60 * 60 * 24));
18572
18573		// Update hero countdown
18574		var heroCountdownDays = document.getElementById("hero-countdown-days");
18575		if (heroCountdownDays) heroCountdownDays.textContent = days;
18576
18577		// Update sidebar countdown
18578		var sidebarDays = document.getElementById("countdown-days");
18579		if (sidebarDays) sidebarDays.textContent = days;
18580
18581		return diff;
18582	}
18583
18584	// Initial update
18585	updateCountdowns();
18586
18587	// Sidebar countdown (only if not dismissed)
18588	var shown = false;
18589	if (!parseInt(localStorage.getItem("countdownread") || "0")) {
18590		document.getElementById("examMonth").textContent = examMonth + " " + examYear;
18591
18592		var interval = setInterval(function() {
18593			var diff = updateCountdowns();
18594
18595			if (!shown) {
18596				document.querySelector(".countdown-wrapper").style.opacity = "1";
18597				shown = true;
18598			}
18599
18600			if (diff < 0) {
18601				clearInterval(interval);
18602				document.querySelector(".countdown-wrapper").style.display = "none";
18603				document.body.classList.remove("sale");
18604			}
18605		}, 1000);
18606
18607		document.getElementById("close-countdown").addEventListener("click", function() {
18608			document.querySelector(".countdown-wrapper").classList.add("hidden");
18609			document.body.classList.remove("sale");
18610			setTimeout(function() {
18611				document.querySelector(".countdown-wrapper").remove();
18612			}, 500);
18613			localStorage.setItem("countdownread", "1");
18614		});
18615	}
18616});
18617</script>
18617
18618</template>
18619
18620<style id="bph-feb-2027-conversion-refresh">
18621	.exam-format-note {
18622		max-width: 700px;
18623		margin: 0 0 18px;
18624		padding: 14px 16px;
18625		border: 1px solid #cbd5e1;
18626		border-left: 4px solid #077aff;
18627		border-radius: 10px;
18628		background: #f8fafc;
18629		color: #334155;
18630		font-size: 14px;
18631		line-height: 1.55;
18632	}
18633	.exam-format-note a {
18634		color: #0759bd;
18635		font-weight: 600;
18636		text-decoration: underline;
18637		text-underline-offset: 2px;
18638	}
18639	.plan-choice-card {
18640		display: block;
18641		color: inherit;
18642		transition: border-color 160ms ease, box-shadow 160ms ease;
18643	}
18644	.plan-choice-card:hover {
18645		border-color: #93c5fd !important;
18646		box-shadow: 0 6px 18px rgba(15, 23, 42, 0.08);
18647	}
18648	.offer-price {
18649		display: inline;
18650		font-variant-numeric: tabular-nums;
18651		font-size: 38px;
18652		line-height: 1;
18653		font-weight: 800;
18654		color: #111827;
18655	}
18656	.billing-label {
18657		display: inline-block;
18658		white-space: nowrap;
18659		font-size: 14px;
18660		font-weight: 700;
18661		color: #166534;
18662	}
18663	.offer-note {
18664		margin: -2px 0 12px;
18665		color: #475569;
18666		font-size: 13px;
18667		line-height: 1.45;
18668		text-align: left;
18669	}
18670	#price_plans .purchase-link {
18671		min-height: 48px;
18672		line-height: 1.3;
18673		padding: 14px 16px;
18674	}
18675	#price_plans .feature_item:target .inner_item_price {
18676		outline: 3px solid rgba(7, 122, 255, 0.22);
18677		outline-offset: 4px;
18678	}
18679	#faq .toggler-title {
18680		appearance: none;
18681		-webkit-appearance: none;
18682		display: block;
18683		width: 100%;
18684		min-height: 60px;
18685		border: 0;
18686		background: transparent;
18687		color: #1f2632;
18688		font: inherit;
18689		font-size: 18px;
18690		line-height: 1.35;
18691		text-align: left;
18692		cursor: pointer;
18693	}
18694	#faq .toggler-content {
18695		overflow: hidden;
18696	}
18697	#faq .toggler-content[aria-hidden="true"] {
18698		visibility: hidden;
18699	}
18700	#faq .toggler-content[aria-hidden="false"] {
18701		visibility: visible;
18702	}
18703	a:focus-visible,
18704	button:focus-visible,
18705	.plan-choice-card:focus-visible,
18706	.sec3_5_btn:focus-visible {
18707		outline: 3px solid #0759bd !important;
18708		outline-offset: 3px !important;
18709	}
18710	.header-wrapper111 h1 {
18711		max-width: 19ch;
18712		text-wrap: balance;
18713	}
18714	.header-wrapper111 .sub-title {
18715		max-width: 68ch;
18716		line-height: 1.55 !important;
18717	}
18718	#price_plans .feature_item:first-child .sec3_5_btn.blue.btnPurchase,
18719	#price_plans .feature_item,
18720	#price_plans .feature_item:hover,
18721	#price_plans .feature_item:first-child:hover,
18722	.hero-img-wrapper img,
18723	#passguarantee-label img {
18724		animation: none !important;
18725		transform: none !important;
18726	}
18727	.hero-img-wrapper {
18728		position: relative;
18729	}
18730	.hero-img-wrapper::after {
18731		content: 'Your February 2027 study plan';
18732		position: absolute;
18733		top: 7.5%;
18734		left: 10%;
18735		width: 80%;
18736		min-height: 12%;
18737		display: flex;
18738		align-items: center;
18739		justify-content: center;
18740		box-sizing: border-box;
18741		padding: 4px 8px;
18742		background: #ffffff;
18743		border: 1px solid #e2e8f0;
18744		border-radius: 8px;
18745		box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08);
18746		color: #111827;
18747		font-size: clamp(10px, 1.2vw, 17px);
18748		font-weight: 800;
18749		line-height: 1.2;
18750		text-align: center;
18751		pointer-events: none;
18752	}
18753	#trusted-partners h2,
18754	#not-for-you h2,
18755	#faq h2,
18756	#customers-agree h2,
18757	#trusted-partners .trust-stats-grid > div,
18758	#customers-agree .masonry-item .masonry-content.card,
18759	#not-for-you .container > div > div[style*="display: flex"],
18760	#faq .toggler,
18761	.pass-guarantee-steps .step-item,
18762	.reveal-card {
18763		opacity: 1 !important;
18764		transform: none !important;
18765	}
18766	.sec3_5_btn.blue.btnPurchase:active,
18767	.btn-primary:active,
18768	.plan-choice-card:active {
18769		transform: scale(0.96) !important;
18770	}
18771	@media (max-width: 767px) {
18772		html,
18773		body {
18774			width: 100%;
18775			max-width: 100%;
18776			overflow-x: hidden;
18777		}
18778		#home,
18779		#header-nav,
18780		#header-nav > .container,
18781		.header-wrapper,
18782		.subheader-wrapper.container,
18783		.subheader-wrapper.container > div,
18784		.header-wrapper111,
18785		.header-wrapper111 > .sub-title {
18786			width: 100% !important;
18787			max-width: 100% !important;
18788			min-width: 0 !important;
18789			box-sizing: border-box !important;
18790		}
18791		#header-nav > .container {
18792			padding: 14px 16px 10px !important;
18793			gap: 8px;
18794		}
18795		#header-nav .logo-wrp {
18796			min-width: 0;
18797			flex: 0 1 auto;
18798		}
18799		#header-nav #logo,
18800		#header-nav #logo img {
18801			width: 104px !important;
18802			max-width: 104px !important;
18803		}
18804		#header-nav .primary-items {
18805			display: flex;
18806			align-items: center;
18807			justify-content: flex-end;
18808			gap: 2px;
18809			min-width: 0;
18810			flex: 0 1 auto;
18811		}
18812		#header-nav a.nav-item {
18813			padding: 9px 8px;
18814			font-size: 13px;
18815			line-height: 16px;
18816			white-space: nowrap;
18817		}
18818		.subheader-wrapper.container {
18819			padding-left: 20px !important;
18820			padding-right: 20px !important;
18821		}
18822		.header-wrapper111 {
18823			padding-left: 0 !important;
18824			padding-right: 0 !important;
18825		}
18826		.header-wrapper111 h1 {
18827			display: block !important;
18828			width: 100% !important;
18829			max-width: 100% !important;
18830			overflow-wrap: break-word;
18831		}
18832		.header-wrapper111 p.sub-title,
18833		.exam-format-note,
18834		.header-wrapper111 .avatars-wrp,
18835		.header-wrapper111 .avatars,
18836		#unlock-btns,
18837		.hero-trust-row,
18838		.header-wrapper111 .hero-img-wrapper {
18839			width: 100% !important;
18840			max-width: 100% !important;
18841			min-width: 0 !important;
18842			box-sizing: border-box !important;
18843		}
18844		#hero-exam-context {
18845			max-width: 100% !important;
18846		}
18847		#hero-exam-context svg {
18848			flex: 0 0 18px;
18849		}
18850		#hero-exam-context span,
18851		.exam-format-note,
18852		.exam-format-note a,
18853		.header-wrapper111 .pghero {
18854			min-width: 0;
18855			overflow-wrap: anywhere;
18856		}
18857		.header-wrapper111 .hero-img-wrapper {
18858			left: 0 !important;
18859			top: 0 !important;
18860		}
18861		#hero-exam-context {
18862			width: 100% !important;
18863			box-sizing: border-box;
18864			border-radius: 12px !important;
18865		}
18866		.exam-format-note {
18867			font-size: 14px;
18868		}
18869		.hero-trust-row {
18870			align-items: flex-start !important;
18871			flex-direction: column;
18872			gap: 8px !important;
18873		}
18874		.offer-price {
18875			font-size: 34px;
18876		}
18877	}
18878	@media (prefers-reduced-motion: reduce) {
18879		html { scroll-behavior: auto !important; }
18880		*, *::before, *::after {
18881			animation-duration: 0.01ms !important;
18882			animation-iteration-count: 1 !important;
18883			transition-duration: 0.01ms !important;
18884			scroll-behavior: auto !important;
18885		}
18886	}
18887</style>
18888
18889	</body>
18890</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.