1<!DOCTYPE html> 2<html lang="en" class="scroll-smooth"> 3<head> 4
4<script> 5 const syncSystemTheme = () => { 6 document.documentElement.classList.toggle( 7 'dark', 8 window.matchMedia('(prefers-color-scheme: dark)').matches 9 ); 10 }; 11 12 syncSystemTheme(); 13 window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', syncSystemTheme); 14</script>
14 15<meta charset="UTF-8"> 16 17<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"> 18 19<meta http-equiv="X-UA-Compatible" content="IE=edge"> 20<title>Practice English in Live Conversations</title> 21<meta name="title" content="Practice English in Live Conversations"> 22<meta name="description" content="Practice English in live conversations with real teachers, small groups, interactive materials, and a supportive community."> 23<meta name="keywords" content="English classes, online English classes, live English conversation, English speaking practice, Boston English Center"> 24<meta name="tags" content="English classes, online English classes, live English conversation, English speaking practice, Boston English Center"> 25<meta property="og:site_name" content="Boston English Center"> 26<meta property="og:type" content="website"> 27<meta name="MobileOptimized" content="width"> 28<meta name="HandheldFriendly" content="true"> 29 30<link rel="canonical" href="https://bostonenglishcenter.com" /> 31 <link rel="alternate" hreflang="en" href="https://bostonenglishcenter.com" /> 32 <link rel="alternate" hreflang="ar" href="https://bostonenglishcenter.com/ar" /> 33 <link rel="alternate" hreflang="fr" href="https://bostonenglishcenter.com/fr" /> 34 <link rel="alternate" hreflang="es" href="https://bostonenglishcenter.com/es" /> 35 <link rel="alternate" hreflang="pt" href="https://bostonenglishcenter.com/pt" /> 36 <link rel="alternate" hreflang="tr" href="https://bostonenglishcenter.com/tr" /> 37 <link rel="alternate" hreflang="zh" href="https://bostonenglishcenter.com/zh" /> 38<link rel="alternate" hreflang="x-default" href="https://bostonenglishcenter.com" /> 39 40<link rel="icon" type="image/png" href="https://bostonenglishcenter.com/favicon-96x96.png" sizes="96x96" /> 41<link rel="icon" type="image/svg+xml" href="https://bostonenglishcenter.com/favicon.svg" /> 42<link rel="icon" href="https://bostonenglishcenter.com/favicon.ico?v=1" /> 43<link rel="apple-touch-icon" sizes="180x180" href="https://bostonenglishcenter.com/apple-touch-icon.png" /> 44<meta name="apple-mobile-web-app-title" content="Boston English Center" /> 45<link rel="manifest" href="/manifest.webmanifest?v=7"> 46<meta name="apple-mobile-web-app-capable" content="yes"> 47 48<meta name="facebook-domain-verification" content="ga1uyvdhg9d16i90mvokuz9gjqbs9e"/> 49 50<!-- End Meta Pixel Code --> 51 52<!-- Meta Pixel Code -->
53<script>
vendor: 459 bytes, lines 53-62
53 54 !function(f,b,e,v,n,t,s) 55 {if(f.fbq)return;n=f.fbq=function(){n.callMethod? 56 n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 57 if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 58 n.queue=[];t=b.createElement(e);t.async=!0; 59 t.src=v;s=b.getElementsByTagName(e)[0]; 60 s.parentNode.insertBefore(t,s)}(window, document,'script', 61 'https://connect.facebook.net/en_US/fbevents.js'); 62 fbq('init', '
62914418480488270
vendor: 35 bytes, lines 62-64
62'); 63 64 fbq('track', "PageView");
65</script>
65 66<noscript><img height="1" width="1" style="display:none" 67 src="https://www.facebook.com/tr?id=914418480488270&ev=PageView&noscript=1" 68 /></noscript> 69<!-- End Meta Pixel Code --> 70 71 72 73 74 75 76 77 78
79<script type="application/ld+json"> 80 { 81 "<?php $__contextArgs = [];\nif (context()->has($__contextArgs[0])) :\nif (isset($value)) { $__contextPrevious[] = $value; }\n$value = context()->get($__contextArgs[0]); ?>": "https://schema.org", 82 "@graph": [ 83 { 84 "@type": "EducationalOrganization", 85 "@id": "https://bostonenglishcenter.com", 86 "name": "Boston English Center", 87 "url": "https://bostonenglishcenter.com", 88 "logo": "https://bostonenglishcenter.com/template/img/logo/boston-logo.webp", 89 "description": "Practice English in live conversations with real teachers, small groups, interactive materials, and a supportive community.", 90 "email": "[email protected]", 91 "telephone": "+1 617-848-2317", 92 "areaServed": "Worldwide", 93 "knowsLanguage": [ 94 "English", 95 "French", 96 "Arabic", 97 "Spanish", 98 "Portuguese", 99 "Turkish", 100 "Chinese" 101 ], 102 "sameAs": [ 103 "https://www.facebook.com/profile.php?id=100085670641685", 104 "https://www.instagram.com/bostonenglish.center/", 105 "https://www.linkedin.com/company/bostonenglishcenter/posts/?feedView=all", 106 "https://www.tiktok.com/@bostonenglishcenter" 107 ], 108 "aggregateRating": { 109 "@type": "AggregateRating", 110 "ratingValue": 4.9, 111 "reviewCount": 3369 112 } 113 }, 114 { 115 "@type": "WebSite", 116 "@id": "https://bostonenglishcenter.com", 117 "url": "https://bostonenglishcenter.com", 118 "name": "Boston English Center", 119 "publisher": { 120 "@id": "https://bostonenglishcenter.com" 121 } 122 }, 123 { 124 "@type": "Service", 125 "@id": "https://bostonenglishcenter.com#plans", 126 "name": "Online English Membership Plans", 127 "description": "Choose a membership plan for live conversation practice, teacher-led sessions, learning materials, and community support.", 128 "provider": { 129 "@id": "https://bostonenglishcenter.com" 130 }, 131 "serviceType": "Online English Classes", 132 "offers": [ 133 { 134 "@type": "Offer", 135 "name": "English Practice Membership", 136 "url": "https://bostonenglishcenter.com/membership/checkout", 137 "price": 35, 138 "priceCurrency": "USD", 139 "availability": "https://schema.org/InStock" 140 } 141 ] 142 } 143 ] 144} 145</script>
145 146<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/build/css/intlTelInput.css"> 147 148<link rel="preload" as="style" href="https://bostonenglishcenter.com/build/assets/landing-tailwind-cfc2402f.css" /><link rel="preload" as="style" href="https://bostonenglishcenter.com/build/assets/landing-871398a2.css" /><link rel="stylesheet" href="https://bostonenglishcenter.com/build/assets/landing-tailwind-cfc2402f.css" /><link rel="stylesheet" href="https://bostonenglishcenter.com/build/assets/landing-871398a2.css" /><meta name="iso_code" content="US"> 149</head> 150<body id="top" class="min-h-screen overflow-x-hidden bg-[#f7fbff] dark:bg-[#071326] font-sans text-[#071326] dark:text-white antialiased" oncontextmenu="return false;"> 151<header data-new-header class="sticky top-0 z-50 bg-transparent px-1 pt-1 text-[#071326] backdrop-blur-lg dark:bg-[#020817] dark:text-white min-[430px]:px-3 pb-0 min-[900px]:max-[1279px]:px-0 min-[900px]:max-[1279px]:pt-0 min-[900px]:max-[1279px]:backdrop-blur-none"> 152 <nav data-header-shell class="mx-auto grid min-h-[76px] max-w-[1320px] grid-cols-[auto_minmax(0,1fr)_auto] items-center gap-2 rounded-[22px] border border-white/80 bg-white/95 px-2.5 shadow-[0_18px_42px_rgba(15,23,42,.12)] backdrop-blur-2xl dark:border-[#111d2d] dark:bg-[#07111f]/95 dark:shadow-[0_18px_42px_rgba(0,0,0,.32)] min-[430px]:min-h-[82px] min-[430px]:gap-3 min-[430px]:px-3 min-[900px]:max-[1279px]:flex min-[900px]:max-[1279px]:min-h-[88px] min-[900px]:max-[1279px]:max-w-none min-[900px]:max-[1279px]:justify-between min-[900px]:max-[1279px]:gap-6 min-[900px]:max-[1279px]:rounded-none min-[900px]:max-[1279px]:border-x-0 min-[900px]:max-[1279px]:border-t-0 min-[900px]:max-[1279px]:border-b min-[900px]:max-[1279px]:border-blue-100 min-[900px]:max-[1279px]:px-8 min-[900px]:max-[1279px]:shadow-none xl:flex xl:min-h-[88px] xl:max-w-none xl:justify-between xl:gap-6 xl:rounded-none xl:border-x-0 xl:border-t-0 xl:border-b xl:border-blue-100 xl:px-12 xl:shadow-none 2xl:px-16" aria-label="Main navigation"> 153 <a href="#top" data-desktop-brand class="hidden shrink-0 items-center gap-3 text-[#071326] dark:text-white xl:flex"> 154 <span class="grid h-12 w-12 shrink-0 place-items-center text-[#1357e8] dark:text-[#0875ff]" aria-hidden="true"> 155 <svg class="h-full w-full" viewBox="0 0 48 48" fill="none"> 156 <circle cx="24" cy="22" r="15" stroke="currentColor" stroke-width="6"/> 157 <path d="M16 34 10 40l10-2" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/> 158 </svg> 159 </span> 160 <span class="leading-none"> 161 <span class="block text-[28px] font-extrabold tracking-[-.035em] text-[#071326] dark:text-white">Boston</span> 162 <span class="block whitespace-nowrap text-[18px] font-extrabold leading-tight text-[#1357e8] dark:text-[#0875ff]">English Center</span> 163 </span> 164 </a> 165 <div data-mobile-nav-details class="relative order-2 min-w-0 xl:hidden"> 166 <input id="mobile-brand-menu" type="checkbox" class="peer sr-only" aria-label="Toggle navigation menu"> 167 <label for="mobile-brand-menu" class="flex cursor-pointer list-none items-center gap-1.5 text-[#071326] transition active:scale-[.98] dark:text-white min-[430px]:gap-2 min-[900px]:max-[1279px]:gap-3"> 168 <span class="grid h-[34px] w-[34px] shrink-0 place-items-center text-[#1357e8] dark:text-[#0875ff] dark:drop-shadow-[0_0_14px_rgba(8,117,255,.42)] min-[480px]:h-10 min-[480px]:w-10 min-[520px]:h-12 min-[520px]:w-12" aria-hidden="true"> 169 <svg class="h-full w-full" viewBox="0 0 48 48" fill="none"> 170 <path d="M8 11.5h32M8 20h32M8 28.5h32M8 37h32" stroke="currentColor" stroke-width="5" stroke-linecap="round"/> 171 </svg> 172 </span> 173 <span class="min-w-0 leading-none"> 174 <span class="block text-[21px] font-extrabold tracking-[-.035em] text-[#071326] dark:text-white min-[480px]:text-[25px] min-[520px]:text-[27px]">Boston</span>
175 <span class="block whitespace-nowrap text-[13px] font-extrabold leading-tight text-[#1357e8] dark:text-[#0875ff] min-[480px]:text-[15px] min-[520px]:text-[17px]">English Center</span> 176 </span> 177 </label> 178 <div data-mobile-nav class="fixed inset-x-3 top-[92px] z-[80] hidden max-h-[calc(100dvh-108px)] overflow-y-auto rounded-[22px] border border-[#edf2fb] bg-white px-4 pb-4 pt-2 text-left shadow-[0_18px_48px_rgba(15,23,42,.12)] peer-checked:block dark:border-[#2a3b5a] dark:bg-[#07111f] dark:shadow-[0_26px_70px_rgba(0,0,0,.58),inset_0_1px_0_rgba(255,255,255,.05)] min-[430px]:inset-x-5 min-[430px]:rounded-[24px] min-[430px]:px-4 min-[430px]:pb-4 min-[430px]:pt-2.5 min-[520px]:top-[104px] min-[520px]:rounded-[26px] min-[520px]:px-5"> 179 <a href="#top" class="grid min-h-[3.65rem] grid-cols-[2.5rem_minmax(0,1fr)_1.25rem] items-center gap-1.5 border-b border-[#edf0f6] py-2 text-[#070d24] dark:border-white/[.07] dark:text-white"> 180 <span class="grid h-9 w-9 place-items-center rounded-full text-[#0b6ff4] [&>svg]:h-[85%] [&>svg]:w-[85%] min-[430px]:h-10 min-[430px]:w-10 min-[520px]:h-11 min-[520px]:w-11" aria-hidden="true"> 181 <svg class="h-[54%] w-[54%]" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="m3 10 9-7 9 7"/><path d="M5 9.5V21h14V9.5"/><path d="M9 21v-7h6v7"/></svg> 182 </span> 183 <span class="whitespace-nowrap text-[.729rem] font-medium leading-tight min-[430px]:text-[12.393px] min-[520px]:text-[13.122px] min-[700px]:text-[14.58px]">Home</span> 184 <span class="text-[#0b6ff4]" aria-hidden="true"><svg class="h-5 w-5 min-[520px]:h-6 min-[520px]:w-6" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"><path d="m9 5 7 7-7 7"/></svg></span> 185 </a> 186 <a href="https://bostonenglishcenter.com/bookTrial/en" class="grid min-h-[3.65rem] grid-cols-[2.5rem_minmax(0,1fr)_1.25rem] items-center gap-1.5 border-b border-[#edf0f6] py-2 text-[#070d24] dark:border-white/[.07] dark:text-white"> 187 <span class="grid h-9 w-9 place-items-center rounded-full text-[#0b6ff4] [&>svg]:h-[85%] [&>svg]:w-[85%] min-[430px]:h-10 min-[430px]:w-10 min-[520px]:h-11 min-[520px]:w-11" aria-hidden="true"> 188 <svg class="h-[54%] w-[54%]" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="5" width="18" height="16" rx="2"/><path d="M16 3v4M8 3v4M3 10h18"/><path d="m9 15 2 2 4-4"/></svg> 189 </span> 190 <span class="whitespace-nowrap text-[.729rem] font-medium leading-tight min-[430px]:text-[12.393px] min-[520px]:text-[13.122px] min-[700px]:text-[14.58px]">Book a trial</span> 191 <span class="text-[#0b6ff4]" aria-hidden="true"><svg class="h-5 w-5 min-[520px]:h-6 min-[520px]:w-6" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"><path d="m9 5 7 7-7 7"/></svg></span> 192 </a> 193 <a href="https://bostonenglishcenter.com/plans-three/en" class="grid min-h-[3.65rem] grid-cols-[2.5rem_minmax(0,1fr)_1.25rem] items-center gap-1.5 border-b border-[#edf0f6] py-2 text-[#070d24] dark:border-white/[.07] dark:text-white"> 194 <span class="grid h-9 w-9 place-items-center rounded-full text-[#0b6ff4] [&>svg]:h-[85%] [&>svg]:w-[85%] min-[430px]:h-10 min-[430px]:w-10 min-[520px]:h-11 min-[520px]:w-11" aria-hidden="true"> 195 <svg class="h-[54%] w-[54%]" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="5" width="18" height="14" rx="2"/><path d="M3 10h18M7 15h3"/></svg> 196 </span> 197 <span class="whitespace-nowrap text-[.729rem] font-medium leading-tight min-[430px]:text-[12.393px] min-[520px]:text-[13.122px] min-[700px]:text-[14.58px]">Plans</span>
198 <span class="text-[#0b6ff4]" aria-hidden="true"><svg class="h-5 w-5 min-[520px]:h-6 min-[520px]:w-6" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"><path d="m9 5 7 7-7 7"/></svg></span> 199 </a> 200 <a href="#reviews-title" class="grid min-h-[3.65rem] grid-cols-[2.5rem_minmax(0,1fr)_1.25rem] items-center gap-1.5 border-b border-[#edf0f6] py-2 text-[#070d24] dark:border-white/[.07] dark:text-white"> 201 <span class="grid h-9 w-9 place-items-center rounded-full text-[#0b6ff4] [&>svg]:h-[85%] [&>svg]:w-[85%] min-[430px]:h-10 min-[430px]:w-10 min-[520px]:h-11 min-[520px]:w-11" aria-hidden="true"> 202 <svg class="h-[54%] w-[54%]" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="m12 3 2.75 5.58 6.15.9-4.45 4.34 1.05 6.12L12 17.05l-5.5 2.89 1.05-6.12L3.1 9.48l6.15-.9L12 3Z"/></svg> 203 </span> 204 <span class="whitespace-nowrap text-[.729rem] font-medium leading-tight min-[430px]:text-[12.393px] min-[520px]:text-[13.122px] min-[700px]:text-[14.58px]">Reviews</span> 205 <span class="text-[#0b6ff4]" aria-hidden="true"><svg class="h-5 w-5 min-[520px]:h-6 min-[520px]:w-6" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"><path d="m9 5 7 7-7 7"/></svg></span> 206 </a> 207 <a href="https://bostonenglishcenter.com/free-english-materials" class="grid min-h-[3.65rem] grid-cols-[2.5rem_minmax(0,1fr)_1.25rem] items-center gap-1.5 border-b border-[#edf0f6] py-2 text-[#070d24] dark:border-white/[.07] dark:text-white"> 208 <span class="grid h-9 w-9 place-items-center rounded-full text-[#0b6ff4] [&>svg]:h-[85%] [&>svg]:w-[85%] min-[430px]:h-10 min-[430px]:w-10 min-[520px]:h-11 min-[520px]:w-11" aria-hidden="true"> 209 <svg class="h-[54%] w-[54%]" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M21 11.5a8.5 8.5 0 0 1-12.7 7.4L3 20l1.1-4.5A8.5 8.5 0 1 1 21 11.5Z"/><path d="M9.8 9a2.2 2.2 0 1 1 3.4 1.8c-.7.5-1.2 1-1.2 2.2"/><path d="M12 16.5h.01"/></svg> 210 </span> 211 <span class="whitespace-nowrap text-[.729rem] font-medium leading-tight min-[430px]:text-[12.393px] min-[520px]:text-[13.122px] min-[700px]:text-[14.58px]">Free resources</span> 212 <span class="text-[#0b6ff4]" aria-hidden="true"><svg class="h-5 w-5 min-[520px]:h-6 min-[520px]:w-6" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"><path d="m9 5 7 7-7 7"/></svg></span> 213 </a> 214 <a href="#landing-footer" class="grid min-h-[3.65rem] grid-cols-[2.5rem_minmax(0,1fr)_1.25rem] items-center gap-1.5 py-2 text-[#070d24] dark:text-white"> 215 <span class="grid h-9 w-9 place-items-center rounded-full text-[#0b6ff4] [&>svg]:h-[85%] [&>svg]:w-[85%] min-[430px]:h-10 min-[430px]:w-10 min-[520px]:h-11 min-[520px]:w-11" aria-hidden="true"> 216 <svg class="h-[54%] w-[54%]" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M4 13a8 8 0 0 1 16 0"/><path d="M4 13v4a2 2 0 0 0 2 2h1v-8H6a2 2 0 0 0-2 2Z"/><path d="M20 13v4a2 2 0 0 1-2 2h-1v-8h1a2 2 0 0 1 2 2Z"/><path d="M16 19c0 1.1-1.8 2-4 2"/></svg> 217 </span> 218 <span class="whitespace-nowrap text-[.729rem] font-medium leading-tight min-[430px]:text-[12.393px] min-[520px]:text-[13.122px] min-[700px]:text-[14.58px]">Need help ?</span> 219 <span class="text-[#0b6ff4]" aria-hidden="true"><svg class="h-5 w-5 min-[520px]:h-6 min-[520px]:w-6" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"><path d="m9 5 7 7-7 7"/></svg></span> 220 </a> 221 <a href="https://bostonenglishcenter.com/student/dashboard" class="mt-2 grid min-h-12 grid-cols-[minmax(0,1fr)_auto] items-center gap-2 rounded-[.9rem] bg-[#eff4ff] px-3 py-2 text-[#0b6ff4] shadow-none dark:bg-gradient-to-r dark:from-[#104ce9] dark:via-[#075dff] dark:to-[#1264ff] dar
221k:text-white dark:shadow-[0_0_22px_rgba(19,87,232,.30)] min-[520px]:min-h-14"> 222 <span class="min-w-0 whitespace-nowrap text-center text-[.81rem] font-medium leading-tight tracking-[-.02em] min-[520px]:text-[14.58px] min-[700px]:text-[16.2px]">Login</span> 223 <span class="grid h-8 w-8 place-items-center rounded-full border-2 border-[#0b6ff4] text-[#0b6ff4] dark:border-white dark:text-white min-[520px]:h-9 min-[520px]:w-9" aria-hidden="true"> 224 <svg class="h-5 w-5 min-[520px]:h-6 min-[520px]:w-6" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.7" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m13 6 6 6-6 6"/></svg> 225 </span> 226 </a> 227 </div> 228 </div> 229 230 231 <div class="hidden min-w-0 flex-1 items-center justify-center gap-0.5 xl:flex 2xl:gap-1"> 232 <a href="#top" class="rounded-full px-2.5 py-2 text-[14px] font-semibold text-[#1e3a8a] transition hover:bg-[#dbeafe] focus:bg-[#dbeafe] active:bg-[#dbeafe] dark:text-slate-200 dark:hover:bg-white/10 dark:focus:bg-white/10 dark:active:bg-white/10 2xl:px-3 2xl:text-[15px]">Home</a> 233 <a href="https://bostonenglishcenter.com/bookTrial/en" class="rounded-full px-2.5 py-2 text-[14px] font-semibold text-[#1e3a8a] transition hover:bg-[#dbeafe] focus:bg-[#dbeafe] active:bg-[#dbeafe] dark:text-slate-200 dark:hover:bg-white/10 dark:focus:bg-white/10 dark:active:bg-white/10 2xl:px-3 2xl:text-[15px]">Book a trial</a> 234 <a href="https://bostonenglishcenter.com/plans-three/en" class="rounded-full px-2.5 py-2 text-[14px] font-semibold text-[#1e3a8a] transition hover:bg-[#dbeafe] focus:bg-[#dbeafe] active:bg-[#dbeafe] dark:text-slate-200 dark:hover:bg-white/10 dark:focus:bg-white/10 dark:active:bg-white/10 2xl:px-3 2xl:text-[15px]">Plans</a> 235 <a href="#reviews-title" class="rounded-full px-2.5 py-2 text-[14px] font-semibold text-[#1e3a8a] transition hover:bg-[#dbeafe] focus:bg-[#dbeafe] active:bg-[#dbeafe] dark:text-slate-200 dark:hover:bg-white/10 dark:focus:bg-white/10 dark:active:bg-white/10 2xl:px-3 2xl:text-[15px]">Reviews</a> 236 <a href="https://bostonenglishcenter.com/free-english-materials" class="rounded-full px-2.5 py-2 text-[14px] font-semibold text-[#1e3a8a] transition hover:bg-[#dbeafe] focus:bg-[#dbeafe] active:bg-[#dbeafe] dark:text-slate-200 dark:hover:bg-white/10 dark:focus:bg-white/10 dark:active:bg-white/10 2xl:px-3 2xl:text-[15px]">Free resources</a> 237 <a href="#landing-footer" class="rounded-full px-2.5 py-2 text-[14px] font-semibold text-[#1e3a8a] transition hover:bg-[#dbeafe] focus:bg-[#dbeafe] active:bg-[#dbeafe] dark:text-slate-200 dark:hover:bg-white/10 dark:focus:bg-white/10 dark:active:bg-white/10 2xl:px-3 2xl:text-[15px]">Need help ?</a> 238 <a href="https://bostonenglishcenter.com/student/dashboard" class="hidden rounded-full px-3 py-2 text-[15px] font-semibold text-[#1e3a8a] transition hover:bg-[#dbeafe] focus:bg-[#dbeafe] active:bg-[#dbeafe] dark:text-slate-200 dark:hover:bg-white/10 dark:focus:bg-white/10 dark:active:bg-white/10 2xl:inline-flex">Login</a> 239 </div> 240 241 <div class="order-3 flex items-center justify-end xl:order-none min-[900px]:max-[1279px]:gap-5 xl:gap-4"> 242 <details class="relative hidden min-[900px]:max-[1279px]:block xl:block "> 243 <summary class="flex cursor-pointer list-none items-center gap-2 rounded-full px-2 py-2 text-[16px] font-extrabold text-[#071326] dark:text-slate-200 marker:hidden [&::-webkit-details-marker]:hidden"> 244 <img width="28" height="20" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/flags/us.png?v=1.1" alt="English" class="h-5 w-7 shrink-0 rounded-[2px] object-cover"> 245 <span>English</span> 246 <svg class="h-4 w-4 shrink-0" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2.3" stroke-linecap="round" stroke-linejoin="round"> 247 <path d="m5 8 5 5 5-5"/> 248 </svg> 249 </summary> 250 <div class="absolute right-0 top-[calc(100%+10px)] z-[90] grid w-[220px] gap-1 rounded-[18px] border border-blue-100 bg-white p-2 text-left shadow-[0_18px_44px_rgba(15,23,42,.16)] dark:border-[#284466] dark:bg-[#050b16] dark:shadow-[0_18px_44px_rgba(0,0,0,.55)]"> 251 <a href="https://bostonenglishcenter.com" class="flex min-h-11 items-center gap-3 rounded-[12px] bg-[#eaf3ff] dar
251k:bg-[#07152f] text-[#1357e8] px-3 text-sm font-extrabold"> 252 <img width="24" height="18" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/flags/us.png?v=1.1" alt="English" class="h-4 w-6 rounded-[3px] object-cover"> 253 English 254 <svg class="ml-auto h-4 w-4 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m5 12 4 4L19 6"/></svg> 255 </a> 256 <a href="https://bostonenglishcenter.com/ar" class="flex min-h-11 items-center gap-3 rounded-[12px] px-3 text-sm font-extrabold"> 257 <img width="24" height="18" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/flags/sa.png?v=1.1" alt="English" class="h-4 w-6 rounded-[3px] object-cover"> 258 Ø§ÙØ¹Ø±Ø¨ÙØ© 259 </a> 260 <a href="https://bostonenglishcenter.com/fr" class="flex min-h-11 items-center gap-3 rounded-[12px] px-3 text-sm font-extrabold"> 261 <img width="24" height="18" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/flags/fr.png?v=1.1" alt="English" class="h-4 w-6 rounded-[3px] object-cover"> 262 Français 263 </a> 264 <a href="https://bostonenglishcenter.com/es" class="flex min-h-11 items-center gap-3 rounded-[12px] px-3 text-sm font-extrabold"> 265 <img width="24" height="18" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/flags/es.png?v=1.1" alt="English" class="h-4 w-6 rounded-[3px] object-cover"> 266 Español 267 </a> 268 <a href="https://bostonenglishcenter.com/pt" class="flex min-h-11 items-center gap-3 rounded-[12px] px-3 text-sm font-extrabold"> 269 <img width="24" height="18" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/flags/pt.png?v=1.1" alt="English" class="h-4 w-6 rounded-[3px] object-cover"> 270 Português 271 </a> 272 <a href="https://bostonenglishcenter.com/tr" class="flex min-h-11 items-center gap-3 rounded-[12px] px-3 text-sm font-extrabold"> 273 <img width="24" height="18" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/flags/tr.png?v=1.1" alt="English" class="h-4 w-6 rounded-[3px] object-cover"> 274 Türkçe 275 </a> 276 <a href="https://bostonenglishcenter.com/zh" class="flex min-h-11 items-center gap-3 rounded-[12px] px-3 text-sm font-extrabold"> 277 <img width="24" height="18" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/flags/cn.png?v=1.1" alt="English" class="h-4 w-6 rounded-[3px] object-cover"> 278 ç®ä½ä¸æ 279 </a> 280 </div> 281 </details> 282 <a href="#payment-title" class="relative isolate inline-flex min-h-12 w-[164px] shrink-0 overflow-hidden rounded-full border-2 border-[#73bfff] bg-gradient-to-br from-[#355dff] via-[#1549ef] to-[#0878ff] p-[3px] text-[13px] font-extrabold tracking-[-.055em] text-white transition hover:-translate-y-0.5 hover:brightness-105 focus:outline-none focus:ring-4 focus:ring-blue-100 min-[390px]:w-[194px] min-[390px]:text-[17px] min-[408px]:w-[210px] min-[408px]:text-[18px] min-[430px]:min-h-[60
282px] min-[430px]:w-[202px] min-[430px]:text-[17px] min-[480px]:w-[218px] min-[480px]:text-[18px] min-[520px]:w-[246px] sm:w-[272px] xl:min-w-[202px] sm:text-[19px] xl:min-h-12 xl:w-auto xl:text-[17px]"> 283 <span class="pointer-events-none absolute inset-[3px] rounded-full border border-white/15 bg-gradient-to-b from-white/15 via-transparent to-[#0037d5]/20" aria-hidden="true"></span> 284 <span class="relative z-10 grid w-full grid-cols-[auto_minmax(0,1fr)] items-center"> 285 <span class="grid h-5 w-5 ms-2 shrink-0 place-items-center min-[390px]:h-[22px] min-[390px]:w-[22px] min-[520px]:h-[26px] min-[520px]:w-[26px]" aria-hidden="true"> 286 <svg class="h-full w-full" viewBox="0 0 32 32" fill="none"> 287 <path d="M11.3 2.5c1.5 6.8 4 9.4 10.7 10.8-6.7 1.5-9.2 4-10.7 10.8-1.5-6.8-4-9.3-10.8-10.8C7.3 11.9 9.8 9.3 11.3 2.5Z" fill="white"/> 288 <path d="M24.8 3.3c.6 2.8 1.7 3.9 4.5 4.5-2.8.6-3.9 1.7-4.5 4.5-.6-2.8-1.7-3.9-4.5-4.5 2.8-.6 3.9-1.7 4.5-4.5Z" fill="#DDFBFF"/> 289 </svg> 290 </span> 291 <span class="whitespace-nowrap text-center leading-none">Join Membership</span> 292 293 </span> 294 </a> 295 </div> 296 </nav> 297</header> 298<div data-language-bar class="mt-0 w-full border-b border-transparent bg-[#eaf4ff] py-0 dark:border-[#111d2d] dark:bg-[#020817] min-[900px]:hidden"> 299 <div class="relative mx-auto flex max-w-[1320px] justify-center px-4"> 300 <button type="button" data-language-button onclick="toggleLanguageMenu(event)" aria-expanded="false" aria-controls="language-menu-new" class="inline-flex min-h-10 items-center gap-3 rounded-full px-4 text-[20px] font-semibold text-[#071326] transition active:scale-95 dark:text-slate-100 w-full justify-center"> 301 <img width="28" height="20" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/flags/us.png?v=1.1" alt="English" class="h-5 w-7 shrink-0 rounded-[2px] object-cover"> 302 <span>English</span> 303 <svg class="h-5 w-5 shrink-0" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"> 304 <path d="m5 8 5 5 5-5"/> 305 </svg> 306 </button> 307 <div id="language-menu-new" data-language-menu hidden class="absolute left-1/2 top-12 z-[70] grid max-h-[min(70dvh,430px)] w-[min(calc(100vw-24px),360px)] -translate-x-1/2 gap-1 overflow-y-auto rounded-[20px] border border-blue-100 bg-white p-2 text-left shadow-[0_18px_44px_rgba(15,23,42,.16)] dark:border-[#1b2a40] dark:bg-[#07111f] min-[520px]:w-[440px] min-[520px]:grid-cols-2"> 308 <a href="https://bostonenglishcenter.com" class="flex min-h-12 items-center gap-3 rounded-[14px] bg-[#eaf3ff] px-3 py-2.5 text-sm font-extrabold text-[#1357e8] transition hover:bg-[#dbeafe] dark:bg-[#07152f] dark:text-[#247cff] dark:hover:bg-[#0b2042]"> 309 <img width="24" height="18" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/flags/us.png?v=1.1" alt="English" class="h-4 w-6 rounded-[3px] bg-white object-cover shadow-[0_0_0_1px_rgba(15,23,42,.10)]"> 310 <span>English</span> 311 <svg class="ml-auto h-4 w-4 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m5 12 4 4L19 6"/></svg> 312 </a> 313 <a href="https://bostonenglishcenter.com/ar" class="flex min-h-12 items-center gap-3 rounded-[14px] px-3 py-2.5 text-sm font-extrabold text-[#1357e8] transition hover:bg-[#dbeafe] dark:bg-[#07152f] dark:text-[#247cff] dark:hover:bg-[#0b2042]"> 314 <img width="24" height="18" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/flags/sa.png?v=1.1" alt="English" class="h-4 w-6 rounded-[3px] bg-white object-cover shadow-[0_0_0_1px_rgba(15,23,42,.10)]">
315 <span>Ø§ÙØ¹Ø±Ø¨ÙØ©</span> 316 </a> 317 <a href="https://bostonenglishcenter.com/fr" class="flex min-h-12 items-center gap-3 rounded-[14px] px-3 py-2.5 text-sm font-extrabold text-[#1357e8] transition hover:bg-[#dbeafe] dark:bg-[#07152f] dark:text-[#247cff] dark:hover:bg-[#0b2042]"> 318 <img width="24" height="18" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/flags/fr.png?v=1.1" alt="English" class="h-4 w-6 rounded-[3px] bg-white object-cover shadow-[0_0_0_1px_rgba(15,23,42,.10)]"> 319 <span>Français</span> 320 </a> 321 <a href="https://bostonenglishcenter.com/es" class="flex min-h-12 items-center gap-3 rounded-[14px] px-3 py-2.5 text-sm font-extrabold text-[#1357e8] transition hover:bg-[#dbeafe] dark:bg-[#07152f] dark:text-[#247cff] dark:hover:bg-[#0b2042]"> 322 <img width="24" height="18" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/flags/es.png?v=1.1" alt="English" class="h-4 w-6 rounded-[3px] bg-white object-cover shadow-[0_0_0_1px_rgba(15,23,42,.10)]"> 323 <span>Español</span> 324 </a> 325 <a href="https://bostonenglishcenter.com/pt" class="flex min-h-12 items-center gap-3 rounded-[14px] px-3 py-2.5 text-sm font-extrabold text-[#1357e8] transition hover:bg-[#dbeafe] dark:bg-[#07152f] dark:text-[#247cff] dark:hover:bg-[#0b2042]"> 326 <img width="24" height="18" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/flags/pt.png?v=1.1" alt="English" class="h-4 w-6 rounded-[3px] bg-white object-cover shadow-[0_0_0_1px_rgba(15,23,42,.10)]"> 327 <span>Português</span> 328 </a> 329 <a href="https://bostonenglishcenter.com/tr" class="flex min-h-12 items-center gap-3 rounded-[14px] px-3 py-2.5 text-sm font-extrabold text-[#1357e8] transition hover:bg-[#dbeafe] dark:bg-[#07152f] dark:text-[#247cff] dark:hover:bg-[#0b2042]"> 330 <img width="24" height="18" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/flags/tr.png?v=1.1" alt="English" class="h-4 w-6 rounded-[3px] bg-white object-cover shadow-[0_0_0_1px_rgba(15,23,42,.10)]"> 331 <span>Türkçe</span> 332 </a> 333 <a href="https://bostonenglishcenter.com/zh" class="flex min-h-12 items-center gap-3 rounded-[14px] px-3 py-2.5 text-sm font-extrabold text-[#1357e8] transition hover:bg-[#dbeafe] dark:bg-[#07152f] dark:text-[#247cff] dark:hover:bg-[#0b2042]"> 334 <img width="24" height="18" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/flags/cn.png?v=1.1" alt="English" class="h-4 w-6 rounded-[3px] bg-white object-cover shadow-[0_0_0_1px_rgba(15,23,42,.10)]"> 335 <span>ç®ä½ä¸æ</span> 336 </a> 337 </div> 338 </div> 339</div> 340<main class="mx-auto w-full max-w-[940px] px-5 py-8 min-[520px]:px-[56px] md:px-[66px] md:py-12 min-[900px]:max-[1279px]:max-w-[1280px] min-[900px]:max-[1279px]:px-8 min-[900px]:max-[1279px]:py-10 xl:max-w-[1280px] xl:px-12 xl:py-12 2xl:px-16"> 341 <section class="grid min-w-0 gap-8 min-[520px]:gap-9 min-[900px]:max-[1279px]:grid-cols-2 min-[900px]:max-[1279px]:items-center min-[900px]:max-[1279px]:gap-x-8 min-[900px]:max-[1279px]:gap-y-8 xl:grid-cols-2 xl:items-center xl:gap-x-10 xl:gap-y-10" aria-labelledby="hero-title"> 342 <div class="min-w-0 text-center min-[900px]:max-[1279px]:text-left xl:text-left"> 343 <h1 id="hero-title" class="m-0 max-w-full text-[35px] font-extrabold leading-[.98] tracking-[-.04em] text-[#071326] dark:text-white min-[420px]:text-[38px] min-[900px]:max-[1279px]:text-[clamp(37px,4.1vw,54px)] min-[900px]:max-[1279px]:tracking-[-.055em] xl:text-[clamp(44px,3.8vw,60
343px)] xl:tracking-[-.055em]"> 344 Practice English 345 <span class="block text-[#1357e8] dark:text-[#3385ff]">in Live Conversations</span> 346 </h1> 347 <p class="mx-auto mt-6 max-w-[650px] text-[clamp(18px,3vw,27px)] font-semibold leading-[1.48] text-[#39475c] dark:text-[#b8c1d1] min-[900px]:max-[1279px]:mx-0 min-[900px]:max-[1279px]:mt-7 min-[900px]:max-[1279px]:max-w-[430px] min-[900px]:max-[1279px]:text-[clamp(18px,2.2vw,24px)] xl:mx-0 xl:mt-7 xl:max-w-[450px] xl:text-[clamp(18px,1.65vw,24px)]"> 348 Join real people, start real conversations, and <strong class="font-extrabold text-[#1357e8] dark:text-[#3385ff]">speak English</strong> with confidence. 349 </p> 350 </div> 351 352 <div class="min-w-0 max-w-full aspect-[740/520] overflow-hidden rounded-[24px] border border-transparent bg-[#d9e4f2] shadow-[0_26px_80px_rgba(15,23,42,.16)] dark:border-[#1d3556] dark:bg-[#101827] dark:shadow-[0_0_34px_rgba(19,87,232,.18)] min-[520px]:rounded-[34px] min-[900px]:max-[1279px]:rounded-[24px] xl:rounded-[24px]" aria-label="Live English conversation room"> 353 <img class="h-full w-full object-fill" fetchpriority="high" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/hero.webp?v=1.1?v=1" alt="Students practicing English in a live conversation room"> 354 </div> 355 356 <div class="grid min-w-0 max-w-full grid-cols-[auto_1fr] items-center gap-x-3 gap-y-3 rounded-[24px] border border-blue-200/80 bg-white/90 p-4 text-left shadow-[0_18px_42px_rgba(15,23,42,.07)] backdrop-blur dark:border-[#1d3556] dark:bg-[#07182b] dark:bg-gradient-to-br dark:from-[#07182b] dark:to-[#04101f] dark:shadow-[0_0_30px_rgba(19,87,232,.14)] min-[520px]:gap-x-4 min-[520px]:rounded-[28px] min-[520px]:p-5 -mt-6 mb-4 min-[900px]:mt-0 min-[900px]:mb-0 min-[900px]:min-h-[152px] min-[900px]:self-stretch min-[900px]:rounded-[22px] min-[900px]:p-5 min-[1024px]:p-6 "> 357 <div class="grid h-11 w-11 shrink-0 place-items-center rounded-full bg-[#1357e8] text-white min-[520px]:h-14 min-[520px]:w-14" aria-hidden="true"> 358 <svg class="h-[52%] w-[52%]" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="9"/><path d="M3 12h18M12 3c2.4 2.5 3.6 5.5 3.6 9S14.4 18.5 12 21M12 3C9.6 5.5 8.4 8.5 8.4 12S9.6 18.5 12 21"/></svg> 359 </div> 360 <div class="min-w-0 flex-1"> 361 <h2 class="m-0 text-[20px] font-bold leading-[1.16] tracking-[-.03em] text-[#071326] dark:text-white min-[520px]:text-[25px]"> 362 Trusted by students<br>from <span class="text-[#1357e8] dark:text-[#3385ff]">80+ countries</span> 363 </h2> 364 </div> 365 <div class="col-span-2 flex min-w-0 items-center justify-start gap-1.5 overflow-visible bg-transparent min-[520px]:gap-2 min-[900px]:justify-center min-[900px]:gap-1.5 "> 366 <span class="h-[30px] w-[30px] shrink-0 overflow-hidden rounded-full border-[2px] border-white bg-transparent dark:border-[#07111f] min-[520px]:h-8 min-[520px]:w-8 "> 367 <img class="h-full w-full object-cover " src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/flags/us.png?v=1.1" alt="United States" loading="lazy"> 368 </span> 369 <span class="h-[30px] w-[30px] shrink-0 overflow-hidden rounded-full border-[2px] border-white bg-transparent dark:border-[#07111f] min-[520px]:h-8 min-[520px]:w-8 "> 370 <img class="h-full w-full object-cover " src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/flags/ca.png?v=1.1" alt="Canada" loading="lazy"> 371 </span> 372 <span class="h-[30px] w-[30px] shrink-0 overflow-hidden rounded-full border-[2px] border-white bg-transparent dark:border-[#07111f] min-[520px]:h-8 min-[520px]:w-8 "> 373 <img class="h-full w-full object-cover " src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/flags/gb.png?v=1.1" alt="United Kingdom" loading="lazy"> 374 </span>
375 <span class="h-[30px] w-[30px] shrink-0 overflow-hidden rounded-full border-[2px] border-white bg-transparent dark:border-[#07111f] min-[520px]:h-8 min-[520px]:w-8 "> 376 <img class="h-full w-full object-cover " src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/flags/au.png?v=1.1" alt="Australia" loading="lazy"> 377 </span> 378 <span class="h-[30px] w-[30px] shrink-0 overflow-hidden rounded-full border-[2px] border-white bg-transparent dark:border-[#07111f] min-[520px]:h-8 min-[520px]:w-8 "> 379 <img class="h-full w-full object-cover " src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/flags/sa.png?v=1.1" alt="Saudi Arabia" loading="lazy"> 380 </span> 381 <span class="h-[30px] w-[30px] shrink-0 overflow-hidden rounded-full border-[2px] border-white bg-transparent dark:border-[#07111f] min-[520px]:h-8 min-[520px]:w-8 "> 382 <img class="h-full w-full object-cover " src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/flags/tr.png?v=1.1" alt="Turkey" loading="lazy"> 383 </span> 384 <span class="h-[30px] w-[30px] shrink-0 overflow-hidden rounded-full border-[2px] border-white bg-transparent dark:border-[#07111f] min-[520px]:h-8 min-[520px]:w-8 "> 385 <img class="h-full w-full object-cover " src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/flags/br.png?v=1.1" alt="Brazil" loading="lazy"> 386 </span> 387 <span class="h-[30px] w-[30px] shrink-0 overflow-hidden rounded-full border-[2px] border-white bg-transparent dark:border-[#07111f] min-[520px]:h-8 min-[520px]:w-8 "> 388 <img class="h-full w-full object-cover " src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/flags/de.png?v=1.1" alt="Germany" loading="lazy"> 389 </span> 390 <span class="flex h-[30px] w-[30px] shrink-0 items-center justify-center rounded-full border border-blue-100 bg-transparent text-slate-500 dark:border-[#30415b] dark:text-slate-300 min-[520px]:h-8 min-[520px]:w-8 "> 391 <svg class="h-4 w-4 min-[520px]:h-5 min-[520px]:w-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" aria-hidden="true"><path d="M12 5v14M5 12h14"/></svg> 392 <span class="sr-only">More countries</span> 393 </span> 394 </div> 395 </div> 396 397 398 <div class="grid min-w-0 max-w-full grid-cols-[minmax(0,1fr)_auto] items-center gap-x-2 gap-y-3 rounded-[28px] border border-blue-200/80 bg-gradient-to-br from-[#eef6ff] to-[#f7fbff] p-4 shadow-[0_20px_55px_rgba(15,23,42,.08)] dark:border-[#1d3556] dark:from-[#07182b] dark:to-[#04101f] dark:shadow-[0_0_30px_rgba(19,87,232,.14)] min-[420px]:p-5 min-[900px]:min-h-[152px] min-[900px]:self-stretch min-[700px]:gap-x-4"> 399 <div class="contents"> 400 <h3 class="col-span-2 m-0 text-[16px] font-extrabold leading-[1.2] tracking-[-.025em] text-[#071326] dark:text-white min-[420px]:text-[18px] min-[520px]:text-[22px] -mr-3"> 401 Students from <img class="inline-block h-[21px] w-[30px] rounded align-[-3px] mx-1" src="https://flagcdn.com/w40/us.png" alt="US"> are already here! 402 </h3> 403 <p class="m-0 max-w-[560px] text-[14px] font-semibold leading-[1.35] text-[#395173] dark:text-slate-300 min-[700px]:text-base"> 404 3,369+ students are learning and practicing English every day. 405 </p> 406 </div> 407 <div class="flex shrink-0 items-center justify-self-end" aria-label="Indian student avatars"> 408 <span class="-ml-2.5 first:ml-0 h-9 w-9 overflow-hidden rounded-full border-2 border-white bg-slate-100 shadow-[0_12px_24px_rgba(15,23,42,.12)] dark:border-[#07111f] min-[700px]:h-[52px] min-[700px]:w-[52px]"> 409 <img class="h-full w-full object-cover" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/thumbnails/3.webp?v=1.1" alt="" loading="lazy"> 410 </span>
411 <span class="-ml-2.5 first:ml-0 h-9 w-9 overflow-hidden rounded-full border-2 border-white bg-slate-100 shadow-[0_12px_24px_rgba(15,23,42,.12)] dark:border-[#07111f] min-[700px]:h-[52px] min-[700px]:w-[52px]"> 412 <img class="h-full w-full object-cover" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/thumbnails/8.webp?v=1.1" alt="" loading="lazy"> 413 </span> 414 <span class="-ml-2.5 first:ml-0 h-9 w-9 overflow-hidden rounded-full border-2 border-white bg-slate-100 shadow-[0_12px_24px_rgba(15,23,42,.12)] dark:border-[#07111f] min-[700px]:h-[52px] min-[700px]:w-[52px]"> 415 <img class="h-full w-full object-cover" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/thumbnails/2.webp?v=1.1" alt="" loading="lazy"> 416 </span> 417 <span class="-ml-2 grid h-11 w-11 shrink-0 place-items-center rounded-full bg-[#1357e8] text-[11px] font-extrabold leading-none text-white shadow-[0_14px_28px_rgba(19,87,232,.25)] min-[700px]:h-14 min-[700px]:w-14 min-[700px]:text-sm">+3.4K</span> 418 </div> 419 </div> 420 421 <a id="hero-review-summary" data-hero-review-summary href="#reviews-title" aria-label="Read 3,369 student reviews with an average rating of 4.9 out of 5" class="-my-6 group grid min-w-0 max-w-full scroll-mt-32 grid-cols-[minmax(0,1.08fr)_minmax(0,.92fr)] overflow-hidden rounded-[26px] border border-slate-100 bg-white p-4 text-left shadow-[0_18px_48px_rgba(15,23,42,.08)] transition duration-200 hover:-translate-y-0.5 hover:shadow-[0_24px_58px_rgba(15,23,42,.12)] focus:outline-none focus-visible:ring-4 focus-visible:ring-blue-200 dark:border-[#1b2a40] dark:bg-[#07111f] dark:shadow-[0_18px_48px_rgba(0,0,0,.24)] dark:focus-visible:ring-blue-800 min-[420px]:p-5 min-[900px]:col-span-1 min-[900px]:my-0 min-[900px]:aspect-square min-[900px]:grid-cols-1 min-[900px]:content-stretch min-[900px]:gap-5 min-[900px]:self-stretch min-[900px]:bg-gradient-to-br min-[900px]:from-white min-[900px]:to-[#e8f3ff] min-[900px]:p-6 dark:min-[900px]:border-[#1d3556] dark:min-[900px]:from-[#06111f] dark:min-[900px]:to-[#0b1f3a] dark:min-[900px]:shadow-[0_0_34px_rgba(19,87,232,.22)] min-[1024px]:rounded-[30px] min-[1024px]:p-7"> 422 <div class="flex min-w-0 items-start gap-2 pr-3 min-[420px]:gap-3 min-[420px]:pr-4 min-[900px]:w-full min-[900px]:items-center min-[900px]:gap-5 min-[900px]:rounded-[24px] min-[900px]:bg-white/60 min-[900px]:p-5 min-[900px]:pr-5 min-[900px]:shadow-[0_16px_34px_rgba(15,23,42,.06)] dark:min-[900px]:!bg-[#07182b]/90 dark:min-[900px]:shadow-[inset_0_0_0_1px_rgba(96,165,250,.18),0_18px_40px_rgba(0,0,0,.22)] min-[1024px]:gap-6 min-[1024px]:p-6"> 423 <span class="grid h-12 w-12 shrink-0 place-items-center rounded-full bg-[#1357e8] text-white shadow-[0_12px_24px_rgba(19,87,232,.22)] min-[420px]:h-14 min-[420px]:w-14 min-[900px]:h-20 min-[900px]:w-20 min-[1024px]:h-24 min-[1024px]:w-24" aria-hidden="true"> 424 <svg class="h-[58%] w-[58%]" viewBox="0 0 24 24" fill="currentColor"> 425 <path d="m12 2.4 2.95 5.98 6.6.96-4.78 4.66 1.13 6.57L12 17.47l-5.9 3.1L7.23 14 2.45 9.34l6.6-.96L12 2.4Z"/> 426 </svg> 427 </span> 428 <div class="min-w-0 min-[900px]:flex-1"> 429 <p class="whitespace-nowrap text-[27px] font-extrabold leading-none tracking-[-.055em] text-[#071326] dark:text-white min-[420px]:text-[34px] min-[900px]:text-[clamp(52px,6.2vw,72px)] min-[1024px]:text-[68px]"> 430 3,369+ 431 </p> 432 <p class="mt-1 text-[13px] font-extrabold leading-[1.18] text-[#071326] dark:text-white min-[420px]:text-[15px] min-[900px]:text-[clamp(20px,2.4vw,28px)] min-[1024px]:text-[26px]"> 433 Student Reviews 434 </p> 435 <p class="mt-1 text-[11px] font-semibold leading-[1.25] text-[#4a5870] dark:text-[#b8c1d1] min-[420px]:text-[13px] min-[900px]:text-[clamp(15px,1.8vw,20px)] min-[1024px]:text-[18px]"> 436 from real learners 437 </p> 438 <div class="mt-3 flex items-center" aria-hidden="true">
439 <span class="-ml-2 first:ml-0 h-7 w-7 overflow-hidden rounded-full border-2 border-white bg-slate-100 shadow-[0_8px_16px_rgba(15,23,42,.10)] dark:border-[#07111f] min-[420px]:h-8 min-[420px]:w-8 min-[900px]:h-10 min-[900px]:w-10 min-[1024px]:h-12 min-[1024px]:w-12"> 440 <img class="h-full w-full object-cover" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/thumbnails/3.webp?v=1.1" alt="" loading="lazy"> 441 </span> 442 <span class="-ml-2 first:ml-0 h-7 w-7 overflow-hidden rounded-full border-2 border-white bg-slate-100 shadow-[0_8px_16px_rgba(15,23,42,.10)] dark:border-[#07111f] min-[420px]:h-8 min-[420px]:w-8 min-[900px]:h-10 min-[900px]:w-10 min-[1024px]:h-12 min-[1024px]:w-12"> 443 <img class="h-full w-full object-cover" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/thumbnails/8.webp?v=1.1" alt="" loading="lazy"> 444 </span> 445 <span class="-ml-2 first:ml-0 h-7 w-7 overflow-hidden rounded-full border-2 border-white bg-slate-100 shadow-[0_8px_16px_rgba(15,23,42,.10)] dark:border-[#07111f] min-[420px]:h-8 min-[420px]:w-8 min-[900px]:h-10 min-[900px]:w-10 min-[1024px]:h-12 min-[1024px]:w-12"> 446 <img class="h-full w-full object-cover" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/thumbnails/2.webp?v=1.1" alt="" loading="lazy"> 447 </span> 448 <span class="-ml-1 grid h-8 w-8 shrink-0 place-items-center rounded-full bg-[#1357e8] text-[9px] font-extrabold leading-none text-white shadow-[0_8px_18px_rgba(19,87,232,.20)] min-[420px]:h-9 min-[420px]:w-9 min-[420px]:text-[10px] min-[900px]:h-11 min-[900px]:w-11 min-[900px]:text-xs min-[1024px]:h-14 min-[1024px]:w-14 min-[1024px]:text-sm">+3.4K</span> 449 </div> 450 </div> 451 </div> 452 453 <div class="min-w-0 border-l border-slate-200 pl-3 dark:border-[#26364f] min-[420px]:pl-4 min-[900px]:grid min-[900px]:w-full min-[900px]:grid-cols-[minmax(0,1fr)_auto] min-[900px]:items-center min-[900px]:gap-x-4 min-[900px]:rounded-[24px] min-[900px]:border-l-0 min-[900px]:bg-white/70 min-[900px]:p-4 min-[900px]:shadow-[0_16px_34px_rgba(15,23,42,.06)] dark:min-[900px]:!bg-[#07182b]/95 dark:min-[900px]:shadow-[inset_0_0_0_1px_rgba(96,165,250,.18),0_18px_40px_rgba(0,0,0,.22)] min-[1024px]:p-5"> 454 <div class="flex items-center gap-1 text-amber-400 min-[420px]:gap-1.5" aria-label="5 out of 5 stars"> 455 <span class="grid h-9 w-9 shrink-0 place-items-center rounded-full border border-slate-200 text-[20px] leading-none dark:border-[#26364f] min-[420px]:h-10 min-[420px]:w-10 min-[1024px]:h-14 min-[1024px]:w-14 min-[1024px]:text-[28px]">â </span> 456 <span class="text-[17px] leading-none min-[420px]:text-[19px] min-[1024px]:text-[31px]">â â â â â </span> 457 </div> 458 <p class="mt-4 whitespace-nowrap text-[44px] font-extrabold leading-none tracking-[-.07em] text-[#071326] dark:text-white min-[420px]:text-[50px] min-[900px]:col-start-2 min-[900px]:row-span-2 min-[900px]:mt-0 min-[900px]:text-[clamp(52px,6vw,68px)] min-[1024px]:text-[68px]"> 459 4.9 <span class="text-[13px] tracking-[-.04em] text-[#4a5870] dark:text-[#b8c1d1] min-[420px]:text-[15px] min-[1024px]:text-[24px]">out of 5</span> 460 </p> 461 <p class="mt-2 text-[12px] font-semibold leading-[1.2] text-[#4a5870] dark:text-[#b8c1d1] min-[420px]:text-[14px] min-[900px]:mt-3 min-[900px]:text-[16px] min-[1024px]:text-[18px]"> 462 Average Rating 463 </p> 464 </div> 465 </a> 466 <section class="mt-8 mb-12 rounded-[30px] border border-blue-100 bg-[#eef5ff] px-5 py-7 text-center shadow-[0_20px_55px_rgba(15,23,42,.06)] dark:border-[#1d3556] dark:bg-[#06111f] dark:bg-gradient-to-br dark:from-[#06111f] dark:via-[#07152f] dark:to-[#020817] dark:shadow-[0_0_34px_rgba(19,87,232,.20)] min-[520px]:mt-10 min-[520px]:px-8 min-[520px]:py-10 min-[900px]:mt-0 min-[900px]:mb-0 min-[900px]:aspect-square min-[900px]:self-stretch min-[900px]:px-5 min-[900px]:py-6" aria-labelledby="hero-offer-title"> 467 <div class="relative mx-auto flex h-full max-w-[720px] flex-col justify-center"> 468 <div class="absolute -right-8 -top-9 grid h-[86px] w-[86px] place-items-center bg-[#1357e8] text-center text-[23px] font-extrabold uppercase leading-[1.02] text-white shadow-[0_16px_35px_rgba(19,87,232,.28)] dark:bg-[#0754eb] dark:shadow-[0_0_34px_rgba(19,87,232,.62)] dark:ring-1 dark:ring-inset dark:ring-blue-400/70 [clip-path:polygon(50%_0%,58%_8%,69%_4%,74%_15%,86%_14%,87%_26%,96%_31%,92%_42%,100%_50%,92%_58%,96%_69%,87%_74%,86%_86%,74%_85%,69%_96%,58%_92%,50%_100%,42%_92%,31%_96%,26%_85%,14%_86%,13%_74%,4%_69%,8%_58%,0%_50%,8%_42%,4%_31%,13%_26%,14%_14%,26%_15%,31%_4%,42%_8%)] min-[520px]:-right-10 min-[520px]:-top-10 min-[520px]:h-32 min-[520px]:w-32 min-[520px]:text-[34px]" aria-label="50 percent off">
469 <span class="relative z-10">50%<br>off</span> 470 </div> 471 472 <div data-offer-pill class="mx-auto inline-flex items-center gap-2 rounded-full bg-[#ffd15a] px-4 py-2 text-[13px] font-extrabold uppercase tracking-[.02em] text-[#071326] shadow-[0_8px_18px_rgba(245,158,11,.18)] dark:bg-[#171304] dark:text-[#ffd230] dark:shadow-[0_0_24px_rgba(245,158,11,.20)] dark:ring-1 dark:ring-inset dark:ring-[#b9820d] min-[520px]:text-base"> 473 <svg class="h-4 w-4 fill-[#071326] dark:fill-[#ffd230]" viewBox="0 0 24 24"><path d="m13 2-8 12h6l-1 8 9-13h-6l1-7Z"/></svg> 474 Limited time offer 475 </div> 476 <h2 id="hero-offer-title" class="mx-auto mt-5 flex max-w-full flex-nowrap items-baseline justify-center gap-x-1 whitespace-nowrap font-extrabold leading-none tracking-[-.07em] text-[#1357e8] dark:text-[#247cff] min-[900px]:gap-x-2"> 477 <span class="tracking-[-.07em] shrink-0 text-[clamp(86px,24vw,132px)] min-[520px]:text-[clamp(100px,24vw,150px)] min-[900px]:text-[clamp(86px,9.5vw,128px)] min-[1200px]:text-[clamp(118px,9.8vw,150px)]"> 478 $35 479 </span> 480 <span class="shrink-0 align-baseline text-[23px] tracking-[-.04em] text-[#071326] dark:text-white min-[520px]:text-[clamp(28px,6vw,36px)] min-[900px]:text-[clamp(24px,3vw,36px)] min-[1200px]:text-[42px]">/ month</span> 481 </h2> 482 483 <p class="mt-3 text-[28px] font-extrabold leading-none text-[#64748b] line-through decoration-[#64748b] decoration-[3px] dark:text-[#596273] dark:decoration-[#596273] min-[520px]:text-[42px]"> 484 $70/month 485 </p> 486 487 488 <a class="mt-4 flex w-full items-center justify-center gap-3 rounded-[14px] bg-[#1357e8] px-5 py-4 text-[17px] font-extrabold text-white shadow-[0_16px_34px_rgba(19,87,232,.25)] dark:bg-gradient-to-br dark:from-[#0768f0] dark:to-[#083dcc] dark:shadow-[0_0_26px_rgba(19,87,232,.58)] dark:ring-1 dark:ring-inset dark:ring-blue-400/70" href="#payment-title"> 489 Start Speaking Today 490 <svg class="h-5 w-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 5l7 7-7 7"/></svg> 491 </a> 492 <p class="mt-5 flex items-center justify-center gap-3 text-center text-[18px] font-semibold text-[#39475c] dark:text-slate-300 min-[520px]:text-[28px]"> 493 <svg class="h-8 w-8 shrink-0 text-[#1357e8] dark:drop-shadow-[0_0_12px_rgba(19,87,232,.65)] min-[520px]:h-10 min-[520px]:w-10" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12 2 20 5.2v6.2c0 5.1-3.4 9.3-8 10.6-4.6-1.3-8-5.5-8-10.6V5.2L12 2Zm-1 13.2 5.3-5.3-1.7-1.7L11 11.8 9.4 10.2 7.7 12l3.3 3.2Z"/></svg> 494 <span>Cancel anytime. No hidden fees.</span> 495 </p> 496 </div> 497 </section> 498 </section> 499 <section data-familiar-reference class="overflow-hidden bg-[#fbfcff] px-3 pb-12 pt-5 mt-0 -mx-5 min-[520px]:mx-0 text-left shadow-[0_18px_44px_rgba(88,28,135,.08)] dark:bg-[#020817] dark:shadow-[0_18px_44px_rgba(0,0,0,.28)] min-[420px]:px-4 min-[520px]:px-5 min-[900px]:mx-auto min-[900px]:mt-10 min-[900px]:grid min-[900px]:max-w-[900px] min-[900px]:grid-cols-12 min-[900px]:gap-x-4 min-[900px]:rounded-[26px] min-[900px]:bg-[#f7f8ff] min-[900px]:px-6 min-[900px]:pb-8 min-[900px]:pt-6 min-[1024px]:max-w-none min-[1024px]:px-7 min-[1280px]:mx-auto min-[1280px]:max-w-[1200px] min-[1280px]:px-10" aria-labelledby="familiar-title"> 500 <h3 id="familiar-title" class="relative mx-auto w-fit scroll-mt-32 text-center text-[46px] font-extrabold leading-none tracking-[-.055em] text-[#071326] dark:text-white min-[420px]:text-[50px] min-[520px]:text-[56px] min-[900px]:col-span-12 min-[900px]:text-[52px] min-[1024px]:text-[60px] min-[1280px]:text-[66px]"> 501 Does this sound like you? 502 <span class="absolute right-0 top-0 text-[#5b2df5] dark:text-[#7c3aed] min-[520px]:-right-9" aria-hidden="true"> 503 <svg class="h-9 w-9 min-[520px]:h-11 min-[520px]:w-11" viewB
503ox="0 0 48 48" fill="none" stroke="currentColor" stroke-width="5" stroke-linecap="round"> 504 <path d="M29 7 40 2"/> 505 <path d="M33 18h11"/> 506 <path d="M29 29 40 36"/> 507 </svg> 508 </span> 509 <span class="absolute -bottom-3 left-[52%] h-[4px] w-[45%] -translate-x-1/2 -rotate-3 rounded-full bg-[#6738f5] dark:bg-[#7c3aed] dark:shadow-[0_0_14px_rgba(124,58,237,.72)]" aria-hidden="true"></span> 510 </h3> 511 512 <div class="relative z-20 mx-auto mt-7 flex w-[min(86%,390px)] bg-[#f4f0ff] items-center gap-3 rounded-[15px] border border-violet-100 px-2 py-1 text-[20px] font-extrabold leading-none text-[#071326] shadow-[0_12px_30px_rgba(88,28,135,.18)] dark:border-violet-600/70 dark:bg-[#13082e] dark:text-white dark:shadow-[0_0_24px_rgba(109,40,217,.38)] min-[420px]:text-[23px] min-[520px]:text-[30px] min-[900px]:col-span-12"> 513 <span class="relative -ml-1 grid h-10 w-10 shrink-0 place-items-center rounded-[13px] bg-gradient-to-br from-[#7c3aed] to-[#4f21d7] text-white shadow-[0_10px_22px_rgba(109,40,217,.28)] dark:shadow-[0_0_22px_rgba(124,58,237,.72)] min-[520px]:h-16 min-[520px]:w-16"> 514 <svg class="h-8 w-8 min-[520px]:h-10 min-[520px]:w-10" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12 21s-7-4.4-9.4-9A5.7 5.7 0 0 1 12 5.6 5.7 5.7 0 0 1 21.4 12C19 16.6 12 21 12 21Z"/></svg> 515 </span> 516 Youâre not alone. 517 </div> 518 519 <div class="mt-[-10px] grid gap-1.5 min-[900px]:col-span-12 min-[900px]:mt-5 min-[900px]:grid-cols-2 min-[900px]:gap-5 min-[1024px]:grid-cols-3 min-[1024px]:gap-4 min-[1280px]:gap-6"> 520 <article class="relative min-h-[150px] overflow-hidden rounded-[18px] border border-rose-100 bg-[#fff1f3] shadow-[0_10px_24px_rgba(244,63,94,.08)] dark:border-rose-500/80 dark:bg-gradient-to-br dark:from-[#310819] dark:via-[#1d0614] dark:to-[#100611] dark:shadow-[0_0_24px_rgba(244,63,94,.22)]"> 521 <div class="relative z-20 max-w-[64%] pb-5 pl-16 pr-1 pt-12 min-[420px]:pl-[72px] min-[420px]:pr-2 min-[520px]:pl-[86px] min-[900px]:max-w-[64%] min-[900px]:pl-[68px] min-[1024px]:max-w-[66%] min-[1024px]:pl-[58px] min-[1280px]:pl-[72px]"> 522 <span class="absolute left-1.5 top-6 grid h-12 w-12 place-items-center rounded-full bg-gradient-to-br from-[#ff3b7b] to-[#ff1f54] text-white shadow-[0_12px_28px_rgba(244,63,94,.34)] dark:shadow-[0_0_22px_rgba(244,63,94,.76)] min-[420px]:h-14 min-[420px]:w-14 min-[520px]:left-2 min-[520px]:top-9 min-[520px]:h-16 min-[520px]:w-16 min-[900px]:left-3 min-[900px]:top-8 min-[900px]:h-11 min-[900px]:w-11 min-[1280px]:h-14 min-[1280px]:w-14"> 523 <svg class="h-9 w-9 min-[520px]:h-11 min-[520px]:w-11" viewBox="0 0 64 64" aria-hidden="true"> 524 <circle cx="32" cy="32" r="29" fill="#ffd84d"/> 525 <path d="M20 24c3-5 7-5 10 0M34 24c3-5 7-5 10 0" fill="none" stroke="#472735" stroke-width="4" stroke-linecap="round"/> 526 <circle cx="24" cy="34" r="3" fill="#472735"/> 527 <circle cx="40" cy="34" r="3" fill="#472735"/> 528 <path d="M22 48c6-7 14-7 20 0" fill="none" stroke="#472735" stroke-width="4" stroke-linecap="round"/> 529 </svg> 530 </span> 531 <p class="text-[24px] font-extrabold leading-[1.05] tracking-[-.035em] text-[#071326] dark:text-white min-[420px]:text-[29px] min-[520px]:text-[32px] min-[900px]:text-[20px] min-[1024px]:text-[20px] min-[1180px]:text-[22px] min-[1280px]:text-[25px]"> 532 Iâm <span class="text-[#f43f5e]">afraid</span> people will laugh at my mistakes. 533 </p> 534 <span class="mt-2 block h-[4px] w-[90px] -rotate-3 rounded-full bg-[#f43f5e] dark:shadow-[0_0_14px_rgba(244,63,94,.72)] min-[520px]:w-[130px]" aria-hidden="true"></span> 535 </div> 536 <img class="absolute bottom-0 right-0 z-10 h-[92%] w-[42%] object-cover object-center min-[520px]:w-[40%] min-[900px]:w-[34%] min-[1024px]:w-[34%] min-[1280px]:w-[38%]" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/struggle-1.webp?v=1.1" alt="Student worried about speaking mistakes" loading="lazy"> 537 <svg class="absolute right-1 top-3 min-[1280px]:right-0 min-[1280px]:top-0 z-20 h-12 w-12 text-[#f43f5e] dar
537k:text-[#ff4774] dark:drop-shadow-[0_0_8px_rgba(244,63,94,.80)] min-[520px]:h-16 min-[520px]:w-16 min-[900px]:right-1 min-[900px]:h-12 min-[900px]:w-12 min-[1280px]:right-1 min-[1280px]:h-16 min-[1280px]:w-16" viewBox="0 0 64 64" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" aria-hidden="true"> 538 <path d="M21 23c11-18 35-2 19 12-13 12-34 2-25-13 11-18 42-2 27 19-14 20-48 4-35-20"/> 539 <path d="M13 47c-4 1-6 3-8 7M50 49l7 5M54 11l4-5"/> 540 </svg> 541 </article> 542 <article class="relative min-h-[150px] overflow-hidden rounded-[18px] border border-blue-100 bg-[#eff8ff] shadow-[0_10px_24px_rgba(37,99,235,.08)] dark:border-blue-500/80 dark:bg-gradient-to-br dark:from-[#061a3c] dark:via-[#06142d] dark:to-[#040d1e] dark:shadow-[0_0_24px_rgba(37,99,235,.24)]"> 543 <div class="relative z-20 max-w-[64%] py-7 pl-16 pr-1 min-[420px]:pl-[72px] min-[420px]:pr-2 min-[520px]:pl-[86px] min-[900px]:max-w-[64%] min-[900px]:pl-[68px] min-[1024px]:max-w-[66%] min-[1024px]:pl-[58px] min-[1280px]:pl-[72px]"> 544 <span class="absolute left-1.5 top-4 grid h-12 w-12 place-items-center rounded-full bg-gradient-to-br from-[#3b82f6] to-[#1357e8] text-white shadow-[0_12px_28px_rgba(37,99,235,.30)] dark:shadow-[0_0_22px_rgba(37,99,235,.72)] min-[420px]:h-14 min-[420px]:w-14 min-[520px]:h-16 min-[520px]:w-16 min-[900px]:left-3 min-[900px]:h-11 min-[900px]:w-11 min-[1280px]:h-14 min-[1280px]:w-14"> 545 <svg class="h-8 w-8 min-[520px]:h-10 min-[520px]:w-10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9.6 9a2.4 2.4 0 1 1 3.8 2c-.8.6-1.4 1.1-1.4 2.5"/><path d="M12 18h.01"/></svg> 546 </span> 547 <p class="text-[24px] font-extrabold leading-[1.05] tracking-[-.035em] text-[#071326] dark:text-white min-[420px]:text-[29px] min-[520px]:text-[32px] min-[900px]:text-[19px] min-[1024px]:text-[20px] min-[1180px]:text-[22px] min-[1280px]:text-[24px]"> 548 I know <span class="text-[#1357e8]">grammar,</span> but I canât hold a conversation. 549 </p> 550 <span class="mt-2 block h-[4px] w-[115px] -rotate-2 rounded-full bg-[#1357e8] dark:bg-[#1473ff] dark:shadow-[0_0_14px_rgba(19,87,232,.76)] min-[520px]:w-[160px]" aria-hidden="true"></span> 551 </div> 552 <img class="absolute bottom-0 right-0 z-10 h-[96%] w-[42%] object-cover object-center min-[520px]:w-[40%] min-[900px]:w-[34%] min-[1024px]:w-[34%] min-[1280px]:w-[38%]" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/struggle-4.webp?v=1.1" alt="Student struggling to hold a conversation" loading="lazy"> 553 <svg class="absolute right-[6rem] top-0 z-20 h-12 w-12 text-[#1357e8] dark:text-[#4e93ff] dark:drop-shadow-[0_0_8px_rgba(37,99,235,.82)] min-[520px]:h-16 min-[520px]:w-16 min-[900px]:h-12 min-[900px]:w-12 min-[1280px]:h-16 min-[1280px]:w-16" viewBox="0 0 64 64" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" aria-hidden="true"> 554 <path d="M22 20c10-15 32 2 18 14-13 11-33 0-22-14 12-16 39 2 27 19-11 16-39 5-33-14"/> 555 <path d="M49 49l10 3M51 58l5 4M12 48l-6 6"/> 556 </svg> 557 </article> 558 559 <article class="relative min-h-[150px] overflow-hidden rounded-[18px] border border-emerald-100 bg-[#effbf2] shadow-[0_10px_24px_rgba(16,185,129,.08)] dark:border-emerald-500/70 dark:bg-gradient-to-br dark:from-[#06291d] dark:via-[#061d18] dark:to-[#04130f] dark:shadow-[0_0_24px_rgba(16,185,129,.20)]"> 560 <div class="relative z-20 max-w-[64%] py-7 pl-16 pr-1 min-[420px]:pl-[72px] min-[420px]:pr-2 min-[520px]:pl-[86px] min-[900px]:max-w-[64%] min-[900px]:pl-[68px] min-[1024px]:max-w-[66%] min-[1024px]:pl-[58px] min-[1280px]:pl-[72px]"> 561 <span class="absolute left-1.5 top-4 grid h-12 w-12 place-items-center rounded-full bg-gradient-to-br from-[#22c55e] to-[#05a339] text-white shadow-[0_12px_28px_rgba(34,197,94,.30)] dark:shadow-[0_0_22px_rgba(34,197,94,.68)
561] min-[420px]:h-14 min-[420px]:w-14 min-[520px]:h-16 min-[520px]:w-16 min-[900px]:h-11 min-[900px]:w-11 min-[1280px]:h-14 min-[1280px]:w-14"> 562 <svg class="h-8 w-8 min-[520px]:h-10 min-[520px]:w-10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> 563 <path d="M4 19V5"/> 564 <path d="M4 19h16"/> 565 <path d="m7 16 3-4 3 2 5-8"/> 566 <path d="M17 6h3v3"/> 567 </svg> 568 </span> 569 <p class="text-[24px] font-extrabold leading-[1.05] tracking-[-.035em] text-[#071326] dark:text-white min-[420px]:text-[29px] min-[520px]:text-[32px] min-[900px]:text-[19px] min-[1024px]:text-[20px] min-[1180px]:text-[22px] min-[1280px]:text-[24px]"> 570 I start <span class="text-[#16a34a]">learning,</span> then stop after a few weeks. 571 </p> 572 <span class="mt-2 block h-[4px] w-[110px] -rotate-3 rounded-full bg-[#22c55e] dark:shadow-[0_0_14px_rgba(34,197,94,.70)] min-[520px]:w-[150px]" aria-hidden="true"></span> 573 </div> 574 <img class="absolute bottom-0 right-0 z-10 h-[96%] w-[42%] object-cover object-center min-[520px]:w-[40%] min-[900px]:w-[34%] min-[1024px]:w-[34%] min-[1280px]:w-[38%]" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/struggle-3.webp?v=1.1" alt="Student losing motivation while learning English" loading="lazy"> 575 <svg class="absolute right-0 top-0 z-20 h-12 w-12 text-[#22c55e] dark:text-[#4ade80] dark:drop-shadow-[0_0_8px_rgba(34,197,94,.78)] min-[520px]:right-8 min-[520px]:top-10 min-[520px]:h-16 min-[520px]:w-16 min-[900px]:right-0 min-[900px]:top-0 min-[900px]:h-12 min-[900px]:w-12 min-[1280px]:h-16 min-[1280px]:w-16" viewBox="0 0 64 64" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" aria-hidden="true"> 576 <path d="M22 20c10-15 32 2 18 14-13 11-33 0-22-14 12-16 39 2 27 19-11 16-39 5-33-14"/> 577 <path d="M51 49l8 5M13 49l-5 5M48 59l3 4"/> 578 </svg> 579 </article> 580 </div> 581 582 <div class="relative z-20 mt-1 flex items-center gap-3 rounded-[18px] bg-white px-4 py-4 shadow-[0_12px_30px_rgba(88,28,135,.14)] dark:bg-[#0b1020] dark:shadow-[0_0_22px_rgba(109,40,217,.18)] dark:ring-1 dark:ring-inset dark:ring-violet-500/35 min-[520px]:px-7 min-[520px]:py-5 min-[900px]:hidden"> 583 <span class="grid h-16 w-16 shrink-0 place-items-center rounded-[18px] bg-gradient-to-br from-[#8b5cf6] to-[#4f21d7] text-white shadow-[0_12px_26px_rgba(109,40,217,.28)] min-[520px]:h-20 min-[520px]:w-20" aria-hidden="true"> 584 <svg class="h-10 w-10 min-[520px]:h-12 min-[520px]:w-12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.8" stroke-linecap="round" stroke-linejoin="round"><path d="m5 12 4 4L19 6"/></svg> 585 </span> 586 <div class="min-w-0"> 587 <h3 class="text-[28px] font-extrabold leading-none tracking-[-.04em] text-[#071326] dark:text-white min-[420px]:text-[32px] min-[520px]:text-[42px]">We can help you too.</h3> 588 <p class="mt-1 text-[17px] font-semibold leading-tight text-[#071326] dark:text-slate-300 min-[420px]:text-[20px] min-[520px]:text-[28px]">We get it. Weâve been there.</p> 589 <span class="mt-2 block h-[3px] w-[110px] -rotate-3 rounded-full bg-[#6f42d8]" aria-hidden="true"></span> 590 </div> 591 </div> 592 593 <div class="mt-1 grid grid-cols-[1fr_46%] items-center gap-3 rounded-[18px] bg-white p-4 shadow-[0_12px_30px_rgba(88,28,135,.10)] dark:bg-[#0b1020] dark:shadow-[0_0_22px_rgba(109,40,217,.16)] dark:ring-1 dark:ring-inset dark:ring-violet-500/30 min-[420px]:gap-4 min-[520px]:p-6 min-[900px]:col-span-6 min-[900px]:mt-4 min-[900px]:min-h-[212px] min-[900px]:items-start min-[900px]:gap-x-4 min-[900px]:gap-y-2 min-[900px]:rounded-[22px] min-[900px]:p-4 min-[900px]:shadow-[0_16px_36px_rgba(88,28,135,.10)] min-[1024px]:min-h-[236px] min-[1024px]:p-5"> 594 <div class="min-w-0 min-[900px]:contents"> 595 <div class="mb-4 hidden items-start gap-3 min-[900px]:col-span-2 min-[900px]:mb-1 min-[900px]:flex min-[1024px]:mb-2">
596 <span class="grid h-11 w-11 shrink-0 place-items-center rounded-[12px] bg-gradient-to-br from-[#8b5cf6] to-[#4f21d7] text-white shadow-[0_12px_26px_rgba(109,40,217,.22)] min-[1024px]:h-14 min-[1024px]:w-14" aria-hidden="true"> 597 <svg class="h-7 w-7 min-[1024px]:h-9 min-[1024px]:w-9" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.8" stroke-linecap="round" stroke-linejoin="round"><path d="m5 12 4 4L19 6"/></svg> 598 </span> 599 <span class="min-w-0"> 600 <span class="block whitespace-nowrap text-[22px] font-extrabold leading-none tracking-[-.04em] text-[#071326] dark:text-white min-[1024px]:text-[30px]">We can help you too.</span> 601 <span class="mt-1 block whitespace-nowrap text-[12px] font-extrabold leading-tight text-[#39475c] dark:text-slate-300 min-[1024px]:text-[15px]">We get it. Weâve been there.</span> 602 <span class="mt-2 block h-[3px] w-[92px] -rotate-3 rounded-full bg-[#6f42d8] min-[1024px]:w-[150px]" aria-hidden="true"></span> 603 </span> 604 </div> 605 <div class="min-[900px]:flex min-[900px]:flex-col min-[900px]:gap-3 min-[900px]:mt-4"> 606 607 <h3 class="text-[30px] font-extrabold leading-[.98] tracking-[-.04em] text-[#071326] dark:text-white min-[420px]:text-[36px] min-[520px]:text-[48px] min-[900px]:col-start-1 min-[900px]:row-start-2 min-[900px]:text-[22px] min-[1024px]:text-[28px]"> 608 You don't need <span class="text-[#6f42d8]">grammar</span> 609 </h3> 610 <p class="mt-2 text-[18px] font-extrabold leading-tight text-[#071326] dark:text-slate-300 min-[420px]:text-[21px] min-[520px]:text-[28px] min-[900px]:col-start-1 min-[900px]:row-start-3 min-[900px]:text-[15px] min-[1024px]:text-[18px]">you need people to practice with.</p> 611 <span class="mt-2 block h-[3px] w-[120px] -rotate-3 rounded-full bg-[#6f42d8] min-[900px]:col-start-1 min-[900px]:row-start-4" aria-hidden="true"></span> 612 </div> 613 </div> 614 <div class="grid grid-cols-2 gap-1.5 min-[900px]:col-start-2 min-[900px]:row-start-2 min-[900px]:row-span-3 min-[900px]:self-center min-[900px]:grid-rows-2 min-[900px]:gap-2"> 615 <img class="aspect-square rounded-[12px] object-cover" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/thumbnails/2.webp?v=1.1" alt="English learner smiling" loading="lazy"> 616 <img class="aspect-square rounded-[12px] object-cover" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/thumbnails/5.webp?v=1.1" alt="English learner smiling" loading="lazy"> 617 618 <img class="aspect-square rounded-[12px] object-cover" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/thumbnails/8.webp?v=1.1" alt="English learner smiling" loading="lazy"> 619 <div class="grid aspect-square place-items-center rounded-[12px] bg-gradient-to-br from-[#7c3aed] to-[#4f46e5] px-1 text-center text-white shadow-[0_10px_20px_rgba(109,40,217,.25)]"> 620 <p class="text-[22px] font-extrabold leading-none min-[520px]:text-[30px] min-[900px]:text-[28px] min-[1024px]:text-[34px]">25K+<span class="mt-1 block text-[9px] font-bold leading-tight min-[520px]:text-[13px] min-[1024px]:text-[15px]">students<br>improved</span></p> 621 </div> 622 623 </div> 624 </div> 625 626 627 <a data-familiar-cta class="mt-1 grid grid-cols-[1fr_42px] items-center gap-3 rounded-[18px] bg-gradient-to-r from-[#4d20d8] via-[#6d28d9] to-[#381aab] px-3 py-3 text-left text-white transition hover:brightness-110 dark:from-[#3613ad] dark:via-[#6122c9] dark:to-[#260d80] dark:shadow-[0_0_24px_rgba(109,40,217,.34)] min-[420px]:grid-cols-[1fr_100px] min-[420px]:gap-2 min-[900px]:col-span-6 min-[900px]:mt-4 min-[900px]:min-h-[212px] min-[900px]:grid-cols-[minmax(0,1fr)_72px] min-[900px]:gap-5 min-[900px]:rounded-[22px] min-[900px]:px-9 min-[900px]:py-6 min-[1024px]:min-h-[236px] min-[1024px]:px-12" href="#payment-title"> 628
629 <span class="pl-3 text-[20px] font-extrabold leading-tight min-[420px]:text-[18px] min-[900px]:pl-0 min-[900px]:text-[34px] min-[1024px]:text-[42px]"> 630 Start speaking with <span class="text-pink-200">confidence</span> today! 631 <span class="mt-1 block h-[3px] w-[120px] -rotate-3 rounded-full bg-pink-400 min-[900px]:mt-4 min-[900px]:w-[180px]" aria-hidden="true"></span> 632 </span> 633 <span class="grid h-11 w-11 place-items-center rounded-full bg-white text-[#5b21b6] min-[420px]:h-12 min-[420px]:w-12 min-[900px]:h-16 min-[900px]:w-16 min-[1024px]:h-20 min-[1024px]:w-20"> 634 <svg class="h-7 w-7 min-[900px]:h-9 min-[900px]:w-9 min-[1024px]:h-11 min-[1024px]:w-11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"/><path d="m13 6 6 6-6 6"/></svg> 635 </span> 636 </a> 637 </section> 638 639 <section class="mt-0 grid min-w-0 scroll-mt-24 text-center min-[520px]:mt-14 min-[900px]:mt-16 min-[900px]:gap-7 -mx-5 min-[520px]:mx-0 " aria-labelledby="struggles-title"> 640 <div data-struggles-showcase class="relative scroll-mt-24 overflow-hidden bg-[#f4f0ff] px-3 pb-4 pt-5 shadow-[0_20px_55px_rgba(88,28,135,.08)] dark:bg-[#020817] dark:shadow-[0_20px_55px_rgba(0,0,0,.30)] min-[420px]:px-4 min-[520px]:px-4 min-[520px]:pb-5 min-[520px]:pt-5 min-[900px]:items-stretch min-[900px]:gap-x-7 min-[900px]:px-7 min-[900px]:pb-7 min-[900px]:pt-7 min-[1200px]:gap-x-10 min-[900px]:rounded-[26px]"> 641 <div class="mx-auto grid h-12 w-12 place-items-center rounded-[16px] bg-gradient-to-br from-[#7c3aed] to-[#4f46e5] text-white shadow-[0_12px_26px_rgba(111,66,216,.24)] dark:shadow-[0_0_24px_rgba(124,58,237,.68)] dark:ring-1 dark:ring-inset dark:ring-violet-400/60 min-[420px]:h-14 min-[420px]:w-14 min-[900px]:col-start-1 min-[900px]:h-16 min-[900px]:w-16"> 642 643 <svg class="h-7 w-7 min-[420px]:h-8 min-[420px]:w-8 " xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"> 644 <path d="M0 0h24v24H0z" fill="none" /> 645 <path fill="#fff" d="m12 21.35l-1.45-1.32C5.4 15.36 2 12.27 2 8.5C2 5.41 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.08C13.09 3.81 14.76 3 16.5 3C19.58 3 22 5.41 22 8.5c0 3.77-3.4 6.86-8.55 11.53z" /> 646 </svg> 647 </div> 648 649 <h2 id="struggles-title" class="mx-auto mt-3 max-w-[680px] scroll-mt-32 text-[42px] font-extrabold leading-[.98] tracking-[-.065em] text-[#071326] dark:text-white min-[420px]:text-[44px] min-[520px]:text-[48px] min-[900px]:col-start-1 min-[900px]:tracking-[-.045em] min-[900px]:text-[clamp(42px,4.4vw,64px)]"> 650 Stop studying alone. Start <span class="text-[#6f42d8]">speaking.</span> 651 </h2> 652 <p class="mx-auto mt-4 max-w-[650px] text-[18px] font-extrabold leading-[1.25] text-[#39475c] dark:text-slate-300 min-[420px]:text-[20px] min-[520px]:text-[22px] min-[900px]:col-start-1 min-[900px]:mt-5 min-[900px]:text-[clamp(20px,2vw,28px)]"> 653 <span class="text-[#6f42d8]">Practice</span> with students from around the <span class="relative inline-block ">world. 654 <span class="absolute -bottom-1 left-0 h-[3px] w-full -rotate-3 rounded-full bg-[#7c3aed] dark:shadow-[0_0_14px_rgba(124,58,237,.76)]" aria-hidden="true"></span> 655 </span> 656 </p> 657 <div class="min-[900px]:grid min-[900px]:grid-cols-[minmax(0,1.1fr)_minmax(0,0.9fr)] min-[900px]:gap-7 min-[900px]:mt-7"> 658 <div data-struggle-visual class="relative mx-auto mt-4 h-[440px] max-w-[650px] dark:bg-[radial-gradient(circle_at_50%_64%,rgba(109,40,217,.24),transparent_48%)] min-[420px]:h-[450px] min-[520px]:h-[455px] min-[900px]:col-start-1 min-[900px]:h-[600px] min-[900px]:w-full min-[900px]:max-w-none min-[1200px]:h-[690px] min-[900px]:mt-0"> 659 <div class="absolute left-1/2 top-[12%] h-16 w-16 -translate-x-1/2 text-violet-200 opacity-70 dark:text-violet-500 min-[520px]:top-[28%] min-[520px]:h-20 min-[520px]:w-20 min-[900px]:top-[31%] min-[900px]:h-24 min-[900px]:w-24" aria-hidden="true"> 660 <svg viewBox="0 0 80 80" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M18 42c7-28 38-25 44-7 7 24-27 35-43 17-15-18 4-45 28-38 27 8 24 42 1 49-26 8-44-23-26-45 18-21 51-5 46 23-4 25-39 34-54 7"/></svg> 661 </div> 662 663 <div class="struggle-bubble struggle-bubble-left absolute left-0 top-0 z-20 grid min-h-[142px] w-[143px] place-items-center rounded-[22px] border border-violet-100 bg-white px-3 py-3 text-center text-[15px] font-extrabold leading-[1.28] text-[#071326] shadow-[0_14px_30px_rgba(88,28,135,.10)] dark:border-violet-500/60 dark:bg-[#0a0a20] dark:text-white dark:shadow-[0_0_20px_rgba(124,58,237,.28)] min-[420px]:min-h-[154px] min-[420px]:w-[158px] min-[420px]:text-[16
663px] min-[520px]:min-h-[158px] min-[520px]:w-[166px] min-[520px]:rounded-[24px] min-[520px]:text-[16px] min-[900px]:min-h-[166px] min-[900px]:w-[170px] min-[900px]:rounded-[26px] min-[900px]:text-[18px] min-[1050px]:min-h-[176px] min-[1050px]:w-[188px] min-[1050px]:rounded-[28px] min-[1050px]:text-[20px] min-[1200px]:min-h-[190px] min-[1200px]:w-[210px] min-[1200px]:text-[22px]"> 664 <div> 665 <span class="mx-auto mb-2 grid h-12 w-12 place-items-center rounded-full bg-violet-50 text-[#6f42d8] dark:bg-violet-950 dark:shadow-[0_0_18px_rgba(124,58,237,.50)] min-[520px]:h-[50px] min-[520px]:w-[50px] min-[900px]:h-16 min-[900px]:w-16"> 666 <svg class="h-12 w-12 min-[520px]:h-[50px] min-[520px]:w-[50px] min-[900px]:h-16 min-[900px]:w-16" width="512" height="512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"> 667 <defs> 668 <radialGradient id="face" cx="35%" cy="22%" r="80%"> 669 <stop offset="0%" stop-color="#49f5ef"/> 670 <stop offset="55%" stop-color="#14cde1"/> 671 <stop offset="100%" stop-color="#0797b8"/> 672 </radialGradient> 673 674 <linearGradient id="tear" x1="0" y1="0" x2="0" y2="1"> 675 <stop offset="0%" stop-color="#89f7ff"/> 676 <stop offset="100%" stop-color="#21c6dc"/> 677 </linearGradient> 678 679 <radialGradient id="mouth" cx="50%" cy="25%" r="80%"> 680 <stop offset="0%" stop-color="#160018"/> 681 <stop offset="100%" stop-color="#030008"/> 682 </radialGradient> 683 684 <radialGradient id="tongue" cx="50%" cy="40%" r="70%"> 685 <stop offset="0%" stop-color="#ff4fbd"/> 686 <stop offset="100%" stop-color="#a90070"/> 687 </radialGradient> 688 689 <filter id="softShadow" x="-30%" y="-30%" width="160%" height="160%"> 690 <feDropShadow dx="0" dy="8" stdDeviation="7" flood-color="#006f86" flood-opacity=".28"/> 691 </filter> 692 </defs> 693 694 <!-- Face --> 695 <circle cx="256" cy="250" r="250" fill="url(#face)"/> 696 697 <!-- Eyebrows --> 698 <path d="M141 118c30-39 63-44 84-15" 699 fill="none" stroke="#3b2930" stroke-width="24" 700 stroke-linecap="round"/> 701 702 <path d="M287 103c21-29 54-24 84 15" 703 fill="none" stroke="#3b2930" stroke-width="24" 704 stroke-linecap="round"/> 705 706 <!-- Closed eyes --> 707 <path d="M132 208c32-31 76-31 108 0" 708 fill="none" stroke="#3b2930" stroke-width="22" 709 stroke-linecap="round"/> 710 711 <path d="M272 208c32-31 76-31 108 0" 712 fill="none" stroke="#3b2930" stroke-width="22" 713 stroke-linecap="round"/> 714 715 <!-- Tears --> 716 <path d="M135 235 717 C135 235 151 230 169 230 718 C187 230 205 235 205 235 719 L205 390 720 C205 425 178 452 146 452 721 L135 452 Z" 722 fill="url(#tear)" filter="url(#softShadow)"/> 723 724 <path d="M307 235 725 C307 235 325 230 343 230 726 C361 230 377 235 377 235 727 L377 452 728 L366 452 729 C334 452 307 425 307 390 Z" 730 fill="url(#tear)" filter="url
730(#softShadow)"/> 731 732 <!-- Mouth --> 733 <path d="M197 326 734 C197 274 224 250 256 250 735 C288 250 315 274 315 326 736 L315 376 737 C315 398 298 415 276 415 738 L236 415 739 C214 415 197 398 197 376 Z" 740 fill="url(#mouth)"/> 741 742 <!-- Tongue --> 743 <path d="M218 378 744 C229 354 251 346 276 352 745 C296 357 309 371 313 394 746 L313 398 747 L218 398 Z" 748 fill="url(#tongue)"/> 749 750 <!-- Bottom water puddle --> 751 <ellipse cx="256" cy="470" rx="175" ry="28" fill="#18bfd0"/> 752 <ellipse cx="256" cy="462" rx="130" ry="14" fill="#61f1f3" opacity=".45"/> 753 </svg> 754 </span> 755 I donât have anyone to <span class="text-[#6f42d8]">practice</span> with. 756 </div> 757 </div> 758 759 <div class="struggle-bubble struggle-bubble-right absolute right-0 top-0 z-20 grid min-h-[142px] w-[143px] place-items-center rounded-[22px] border border-red-100 bg-white px-3 py-3 text-center text-[15px] font-extrabold leading-[1.28] text-[#071326] shadow-[0_14px_30px_rgba(88,28,135,.10)] dark:border-violet-500/60 dark:bg-[#0a0a20] dark:text-white dark:shadow-[0_0_20px_rgba(124,58,237,.28)] min-[420px]:min-h-[154px] min-[420px]:w-[158px] min-[420px]:text-[16px] min-[520px]:min-h-[158px] min-[520px]:w-[166px] min-[520px]:rounded-[24px] min-[520px]:text-[16px] min-[900px]:min-h-[166px] min-[900px]:w-[170px] min-[900px]:rounded-[26px] min-[900px]:text-[18px] min-[1050px]:min-h-[176px] min-[1050px]:w-[188px] min-[1050px]:rounded-[28px] min-[1050px]:text-[20px] min-[1200px]:min-h-[190px] min-[1200px]:w-[210px] min-[1200px]:text-[22px]"> 760 <div> 761 <span class="mx-auto mb-2 grid h-12 w-12 place-items-center rounded-full bg-red-50 text-red-500 dark:bg-orange-950 dar
761k:shadow-[0_0_18px_rgba(249,115,22,.46)] min-[520px]:h-[50px] min-[520px]:w-[50px] min-[900px]:h-16 min-[900px]:w-16"> 762 <svg class="h-12 w-12 min-[520px]:h-[50px] min-[520px]:w-[50px] min-[900px]:h-16 min-[900px]:w-16" width="512" height="512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"> 763 <defs> 764 <radialGradient id="worriedFace" cx="30%" cy="22%" r="85%"> 765 <stop offset="0%" stop-color="#fff3a8"/> 766 <stop offset="45%" stop-color="#ffd51a"/> 767 <stop offset="100%" stop-color="#ff7a00"/> 768 </radialGradient> 769 770 <radialGradient id="worriedEye" cx="55%" cy="45%" r="65%"> 771 <stop offset="0%" stop-color="#7b5a5a"/> 772 <stop offset="100%" stop-color="#3b2222"/> 773 </radialGradient> 774 </defs> 775 776 <!-- Face --> 777 <circle cx="256" cy="256" r="256" fill="url(#worriedFace)"/> 778 779 <!-- Eyebrows --> 780 <path d="M110 178c38 10 77-3 101-31" 781 fill="none" stroke="#5a3a3a" stroke-width="34" 782 stroke-linecap="round"/> 783 <path d="M318 147c25 28 63 41 101 31" 784 fill="none" stroke="#5a3a3a" stroke-width="34" 785 stroke-linecap="round"/> 786 787 <!-- Left eye --> 788 <circle cx="166" cy="273" r="61" fill="#f5f5f5"/> 789 <circle cx="166" cy="267" r="40" fill="url(#worriedEye)"/> 790 <circle cx="186" cy="247" r="21" fill="#fff"/> 791 792 <!-- Right eye --> 793 <circle cx="346" cy="273" r="61" fill="#f5f5f5"/> 794 <circle cx="346" cy="267" r="40" fill="url(#worriedEye)"/> 795 <circle cx="366" cy="247" r="21" fill="#fff"/> 796 797 <!-- Mouth --> 798 <path d="M196 405c32-29 88-29 120 0" 799 fill="none" stroke="#5a2d2d" stroke-width="18" 800 stroke-linecap="round"/> 801 </svg> 802 803 </span> 804 Iâm <span class="text-red-500">afraid</span> of making mistakes. 805 </div> 806 </div> 807 808 <div class="struggle-bubble struggle-bubble-bottom-left absolute bottom-[20px] left-0 z-20 grid min-h-[142px] w-[143px] place-items-center rounded-[22px] border border-blue-100 bg-white px-3 py-3 text-center text-[15px] font-extrabold leading-[1.28] text-[#071326] shadow-[0_14px_30px_rgba(88,28,135,.10)] dark:border-violet-500/60 dark:bg-[#0a0a20] dark:text-white dark:shadow-[0_0_20px_rgba(124,58,237,.28)] min-[420px]:bottom-[28px] min-[420px]:min-h-[154px] min-[420px]:w-[158px] min-[420px]:text-[16px] min-[520px]:bottom-[32px] min-[520px]:min-h-[158px] min-[520px]:w-[166px] min-[520px]:rounded-[24px] min-[520px]:text-[16px] min-[900px]:bottom-[44px] min-[900px]:min-h-[166px] min-[900px]:w-[170px] min-[900px]:rounded-[26px] min-[900px]:text-[18px] min-[1050px]:min-h-[176px] min-[1050px]:w-[188px] min-[1050px]:rounded-[28px] min-[1050px]:text-[20px] min-[1200px]:min-h-[190px] min-[1200px]:w-[210px] min-[1200px]:text-[22px]"> 809 <div> 810 <span class="mx-auto mb-2 grid h-12 w-12 place-items-center rounded-full bg-blue-50 text-[#1357e8] dark:bg-amber-950 dark:shadow-[0_0_18px_rgba(245,158,11,.44)] min-[520px]:h-[50px] min-[520px]:w-[50px] min-[900px]:h-16 min-[900px]:w-16"> 811 <svg class="h-12 w-12 min-[520px]:h-[50px] min-[520px]:w-[50px] min-[900px]:h-16 min-[900px]:w-16" width="512" height="512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"> 812 <!-- Face --> 813 <circle cx="256" cy="256" r="250" fill="#FFC20E"/> 814 815 <!-- Eyes --> 816 <circle cx="184" cy="175" r="37" fill="#303030"/> 817 <circle cx="325" cy="175" r="37" fill="#303030"/> 818 819 <!-- Mouth tape back --> 820 <rect x="100" y="295" width="320" height="64" rx="20" 821 fill="#EDEDED" 822 transform="rotate(21 260 327)"/> 823 824 <!-- Mouth tape front --> 825 <rect x="96" y="294" width="320" height="64" rx="20" 826 fill="#FFFFFF" 827 transform="rotate(-23 256 326)"/> 828 </svg> 829 830 831 </span> 832 I know grammar, but I <span class="text-[#1357e8]">canât speak.</span> 833 </div> 834 </div> 835 836 <div class="struggle-bubble struggle-bubble-bottom-right absolute bottom-[20px] right-0 z-20 grid min-h-[142px] w-[143px] place-items-center rounded-[22px] border border-emerald-100 bg-white px-3 py-3 text-center text-[15px] font-extrabold leading-[1.28] text-[#071326] shadow-[0_14px_30px_rgba(88,28,135,.10)] dark:border-violet-500/60 dark:bg-[#0a0a20] dark:text-white dark:shadow-[0_0_20px_rgba(124,58,237,.28)] min-[420px]:bottom-[28px] min-[420px]:min-h-[154px] min-[420px]:w-[158px] min-[420px]:text-[16
836px] min-[520px]:bottom-[32px] min-[520px]:min-h-[158px] min-[520px]:w-[166px] min-[520px]:rounded-[24px] min-[520px]:text-[16px] min-[900px]:bottom-[44px] min-[900px]:min-h-[166px] min-[900px]:w-[170px] min-[900px]:rounded-[26px] min-[900px]:text-[18px] min-[1050px]:min-h-[176px] min-[1050px]:w-[188px] min-[1050px]:rounded-[28px] min-[1050px]:text-[20px] min-[1200px]:min-h-[190px] min-[1200px]:w-[210px] min-[1200px]:text-[22px]"> 837 <div> 838 <span class="mx-auto mb-2 grid h-14 w-14 place-items-center rounded-full text-emerald-500 dark:shadow-[0_0_18px_rgba(239,68,68,.42)] min-[520px]:h-[50px] min-[520px]:w-[50px] min-[900px]:h-16 min-[900px]:w-16"> 839 <svg class="h-14 w-14 min-[520px]:h-[50px] min-[520px]:w-[50px] min-[900px]:h-16 min-[900px]:w-16" width="512" height="512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"> 840 <defs> 841 <linearGradient id="stopRed" x1="0" y1="80" x2="0" y2="440"> 842 <stop offset="0%" stop-color="#ff3045"/> 843 <stop offset="55%" stop-color="#ef1028"/> 844 <stop offset="100%" stop-color="#c90019"/> 845 </linearGradient> 846 </defs> 847 848 <!-- Stop sign --> 849 <polygon 850 points="178,62 334,62 450,178 450,334 334,450 178,450 62,334 62,178" 851 fill="url(#stopRed)" 852 stroke="#e6001c" 853 stroke-width="14" 854 /> 855 856 <!-- Inner white border --> 857 <polygon 858 points="188,88 324,88 424,188 424,324 324,424 188,424 88,324 88,188" 859 fill="none" 860 stroke="#ffffff" 861 stroke-width="9" 862 /> 863 864 <!-- Light top highlight --> 865 <polygon 866 points="188,88 324,88 424,188 424,230 320,130 192,130 88,230 88,188" 867 fill="#ffffff" 868 opacity="0.12" 869 /> 870 871 <!-- Dark bottom shade --> 872 <polygon 873 points="88,282 188,424 324,424 424,282 424,324 324,424 188,424 88,324" 874 fill="#990015" 875 opacity="0.22" 876 /> 877 878 <!-- STOP text --> 879 <text 880 x="256" 881 y="277" 882 text-anchor="middle" 883 dominant-baseline="middle" 884 font-family="Arial Black, Impact, Arial, sans-serif" 885 font-size="104" 886 font-weight="900" 887 fill="#ffffff" 888 letter-spacing="1" 889 >STOP</text> 890 </svg> 891 892 893 </span> 894 I start learning, then I <span class="text-emerald-500">give up.</span> 895 </div> 896 </div> 897 898 <img data-struggle-art class="absolute bottom-[-6px] left-1/2 z-10 h-[340px] w-[335px] -translate-x-1/2 object-cover dark:drop-shadow-[0_0_28px_rgba(109,40,217,.38)] min-[420px]:bottom-[-10px] min-[420px]:h-[360px] min-[420px]:w-[360px] min-[520px]:bottom-[-12px] min-[520px]:h-[390px] min-[520px]:w-[390px] min-[900px]:bottom-[-18px] min-[900px]:h-[470px] min-[900px]:w-[470px] min-[1050px]:h-[500px] min-[1050px]:w-[500px] min-[1200px]:h-[570px] min-[1200px]:w-[570px]" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/struggle.webp?v=1.1?v=20260601" alt="Student struggling to practice English" loading="lazy"> 899 </div> 900 901 <div data-struggle-proof class="relative z-30 -mt-1 rounded-[26px] bg-white px-3 pb-4 pt-5 shadow-[0_18px_42px_rgba(88,28,135,.10)] dark:bg-[#05071a] dark:shadow-[0_0_24px_rgba(109,40,217,.30)] dark:ring-1 dark:ring-inset dark:ring-violet-500/55 min-[420px]:px-4 min-[520px]:px-7 min-[520px]:pb-6 min-[520px]:pt-7 min-[900px]:col-start-2 min-[900px]:row-span-4 min-[900px]:row-start-1 min-[900px]:flex min-[900px]:flex-col min-[900px]:justify-center min-[900px]:rounded-[34px] min-[900px]:h-fit"> 902 <h3 class="text-[24px] font-extrabold leading-[1.05] tracking-[-.045em] text-[#071326] dark:text-white min-[420px]:text-[29px] min-[520px]:text-[46px] min-[900px]:tracking-[-.025em] min-[900px]:text-[clamp(34px,3.9vw,56px)]">They stopped learning alone.</h3> 903 <p class="mt-2 text-[16px] font-semibold leading-[1.25] text-[#39475c] dark:text-slate-300 min-[420px]:text-[18px] min-[520px]:text-[25px] min-[900px]:mt-5 min-[900px]:text-[clamp(22px,2.5vw,34px)]">Now theyâre speaking English with <span class="text-[#6f42d8]">confidence.</span></p> 904 905 <div class="mt-5 grid grid-cols-[1fr_94px] items-center gap-2 min-[420px]:grid-cols-[1fr_116px] min-[520px]:grid-cols-[1fr_132px] min-[520px]:gap-4 min-[900px]:mt-14 min-[900px]:grid-cols-[minmax(0,1fr)_132px] min-[900px]:gap-5 min-[1200px]:grid-cols-[minmax(0,1fr)_132px]"> 906 <div class="flex min-w-0 items-center justify-center">
907 <span class="-ml-2 first:ml-0 h-[58px] w-[58px] overflow-hidden rounded-full border-[3px] border-white bg-slate-100 shadow-[0_10px_22px_rgba(15,23,42,.10)] dark:border-[#05071a] dark:shadow-[0_0_18px_rgba(109,40,217,.20)] min-[420px]:h-[64px] min-[420px]:w-[64px] min-[900px]:-ml-4 min-[900px]:h-[82px] min-[900px]:w-[82px] "> 908 <img class="h-full w-full object-cover" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/thumbnails/2.webp?v=1.1" alt="" loading="lazy"> 909 </span> 910 <span class="-ml-2 first:ml-0 h-[58px] w-[58px] overflow-hidden rounded-full border-[3px] border-white bg-slate-100 shadow-[0_10px_22px_rgba(15,23,42,.10)] dark:border-[#05071a] dark:shadow-[0_0_18px_rgba(109,40,217,.20)] min-[420px]:h-[64px] min-[420px]:w-[64px] min-[900px]:-ml-4 min-[900px]:h-[82px] min-[900px]:w-[82px] "> 911 <img class="h-full w-full object-cover" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/thumbnails/5.webp?v=1.1" alt="" loading="lazy"> 912 </span> 913 <span class="-ml-2 first:ml-0 h-[58px] w-[58px] overflow-hidden rounded-full border-[3px] border-white bg-slate-100 shadow-[0_10px_22px_rgba(15,23,42,.10)] dark:border-[#05071a] dark:shadow-[0_0_18px_rgba(109,40,217,.20)] min-[420px]:h-[64px] min-[420px]:w-[64px] min-[900px]:-ml-4 min-[900px]:h-[82px] min-[900px]:w-[82px] "> 914 <img class="h-full w-full object-cover" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/thumbnails/6.webp?v=1.1" alt="" loading="lazy"> 915 </span> 916 <span class="-ml-2 first:ml-0 h-[58px] w-[58px] overflow-hidden rounded-full border-[3px] border-white bg-slate-100 shadow-[0_10px_22px_rgba(15,23,42,.10)] dark:border-[#05071a] dark:shadow-[0_0_18px_rgba(109,40,217,.20)] min-[420px]:h-[64px] min-[420px]:w-[64px] min-[900px]:-ml-4 min-[900px]:h-[82px] min-[900px]:w-[82px] "> 917 <img class="h-full w-full object-cover" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/thumbnails/8.webp?v=1.1" alt="" loading="lazy"> 918 </span> 919 </div> 920 <div class="grid aspect-square place-items-center rounded-[12px] bg-gradient-to-br from-[#7c3aed] to-[#4f46e5] px-1 text-center text-white shadow-[0_10px_20px_rgba(109,40,217,.25)]"> 921 <p class="text-[22px] font-extrabold leading-none min-[520px]:text-[30px] min-[900px]:text-[28px] min-[1024px]:text-[34px]">25K+<span class="mt-1 block text-[9px] font-bold leading-tight min-[520px]:text-[13px] min-[1024px]:text-[15px]">students<br>improved</span></p> 922 </div> 923 </div> 924 925 <div class="mt-5 grid grid-cols-3 divide-x divide-slate-200 rounded-[18px] border border-slate-200 bg-white py-3 text-center text-[#071326] dark:divide-slate-700 dark:border-slate-700 dark:bg-[#080b1d] dark:text-white dark:shadow-[0_0_20px_rgba(109,40,217,.12)] min-[520px]:py-5 min-[900px]:rounded-[28px] min-[900px]:py-9"> 926 <div class="px-1"> 927 <svg class="mx-auto h-8 w-8 text-[#6f42d8] min-[520px]:h-11 min-[520px]:w-11 min-[900px]:h-14 min-[900px]:w-14" viewBox="0 0 24 24" fill="currentColor"><path d="M8 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm8.5 1a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7ZM2 21a6 6 0 0 1 12 0v1H2v-1Zm11.5 1H22v-1a5.5 5.5 0 0 0-8.4-4.7A7.9 7.9 0 0 1 15.5 21v1Z"/></svg> 928 <p class="mt-2 text-[12px] font-extrabold leading-[1.18] min-[420px]:text-[13px] min-[520px]:text-[17px] min-[900px]:mt-4 min-[900px]:text-[clamp(16px,1.7vw,23px)]">Real people<br>to practice with</p> 929 </div> 930 <div class="px-1"> 931 <svg class="mx-auto h-8 w-8 text-emerald-500 min-[520px]:h-11 min-[520px]:w-11 min-[900px]:h-14 min-[900px]:w-14" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2 20 5.2v6.2c0 5.1-3.4 9.3-8 10.6-4.6-1.3-8-5.5-8-10.6V5.2L12 2Zm-1 13.2 5.3-5.3-1.7-1.7L11 11.8 9.4 10.2 7.7 12l3.3 3.2Z"/></svg> 932 <p class="mt-2 text-[12px] font-extrabold leading-[1.18] min-[420px]:text-[13px] min-[520px]:text-[17px] min-[900px]:mt-4 min-[900px]:text-[clamp(16px,1.7vw,23px)]">Safe & supportive<br>community</p> 933 </div> 934 <div class="px-1"> 935 <svg class="mx-auto h-8 w-8 text-orange-500 min-[520px]:h-11 min-[520px]:w-11 min-[900px]:h-14 min-[900px]:w-14" viewBox="0 0 24 24" fill="currentColor"><path d="M13.6 2 4 13.3h6.5L9.6 22 20 9.7h-6.7L13.6 2Z"/></svg> 936 <p class="mt-2 text-[12px] font-extrabold leading-[1.18] min-[420px]:text-[13px] min-[520px]:text-[17px] min-[900px]:mt-4 min-[900px]:text-[clamp(16px,1.7vw,23px)]">Progress you<br>can feel</p> 937 </div> 938 </div> 939 </div> 940 941 </div> 942 943 </div> 944 </section> 945 946 947 <section data-imagine-section class="min-[900px]:mb-12 -mx-5 min-[520px]:mx-0 mt-0 overflow-hidden bg-white px-4 pb-5 pt-12 text-left shadow-[0_22px_60px_rgba(56,28,135,.10)] dark:bg-[#020817] dark:shadow-[0_22px_60px_rgba(0,0,0,.32)] min-[420px]:px-5 min-[520px]:mt-16 min-[520px]:rounded-[36px] min-[520px]:px-7 min-[520px]:pb-7 min-[520px]:pt-9" aria-labelledby="imagine-title"> 948 <div class="relative text-center"> 949 <svg class="absolute left-0 top-6 h-8 w-8 text-[#6d28d9] dark:text-[#9b5cff] dark:drop-shadow-[0_0_8px_rgba(124,58,237,.72)] min-[520px]:left-[6%] min-[520px]:top-8 min-[520px]:h-12 min-[520px]:w-12" viewBox="0 0 64 64" fill="none" stroke="currentColor" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> 950 <path d="M28 5 31 22l14 6-14 4-4 16-4-16-14-5 14-5 5-17Z"/> 951 <path d="m53 22 1.5 7 6 2-6 2-1.5 7-2-7-6-2 6-2 2-7Z"/> 952 </svg> 953 <svg class="absolute right-0 top-2 h-10 w-10 text-[#6d28d9] dark:text-[#9b5cff] dark:drop-shadow-[0_0_8px_rgba(124,58,237,.72)] min-[520px]:right-[6%] min-[520px]:h-16 min-[520px]:w-16" viewB
953ox="0 0 64 64" fill="none" stroke="currentColor" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> 954 <path d="m28 4 3 15 13 5-13 4-4 15-4-15-13-4 13-5 5-15Z"/> 955 <path d="m52 31 1.5 7 6 2-6 2-1.5 7-2-7-6-2 6-2 2-7Z"/> 956 </svg> 957 958 <h2 id="imagine-title" class="m-0 scroll-mt-32 text-[49px] font-extrabold leading-[.94] tracking-[-.075em] text-[#071326] dark:text-white min-[420px]:text-[56px] min-[520px]:text-[78px] min-[900px]:text-[clamp(58px,6vw,78px)]"> 959 Imagine <span class="relative inline-block bg-gradient-to-r from-[#5b21e6] to-[#8b16ed] bg-clip-text pr-1 text-transparent">this... 960 <svg class="absolute -bottom-3 left-0 h-4 w-full text-[#6d28d9] dark:text-[#9b5cff] dark:drop-shadow-[0_0_8px_rgba(124,58,237,.72)]" viewBox="0 0 190 18" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="round" aria-hidden="true"><path d="M4 11c52-8 119-11 182-4"/></svg> 961 </span> 962 </h2> 963 964 <div class="mx-auto mt-6 inline-flex items-center gap-2 rounded-full bg-[#f1edff] px-4 py-1.5 text-[14px] font-extrabold uppercase tracking-[.015em] text-[#5b21e6] dark:bg-[#111126] dark:text-[#a970ff] dark:shadow-[0_0_18px_rgba(124,58,237,.20)] dark:ring-1 dark:ring-inset dark:ring-violet-500/35 min-[420px]:text-[16px] min-[520px]:px-5 min-[520px]:py-2 min-[520px]:text-[20px]"> 965 <svg class="h-5 w-5 shrink-0 min-[520px]:h-6 min-[520px]:w-6" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> 966 <rect x="3" y="4.5" width="18" height="16" rx="2"/><path d="M8 2.5v4M16 2.5v4M3 9h18M8 13h2M14 13h2M8 17h2M14 17h2"/> 967 </svg> 968 6 months from today 969 </div> 970 971 <p class="mx-auto mt-4 max-w-[680px] text-[18px] font-bold leading-[1.35] tracking-[-.035em] text-[#071326] dark:text-slate-200 min-[420px]:text-[20px] min-[520px]:mt-5 min-[520px]:text-[29px] min-[900px]:text-[clamp(22px,2.4vw,29px)]"> 972 The English you’re struggling with today<br class="hidden min-[420px]:block"> 973 becomes part of <span class="text-[#5b21e6]">your everyday life.</span> 974 </p> 975 </div> 976 977 <div class=" min-[900px]:grid min-[900px]:grid-cols-[minmax(0,.96fr)_minmax(0,1.04fr)] min-[900px]:items-stretch min-[900px]:gap-6 min-[900px]:px-7 min-[900px]:pb-7 min-[900px]:pt-7 min-[1200px]:gap-8"> 978 <div data-imagine-left class="min-w-0 min-[900px]:flex min-[900px]:min-h-full min-[900px]:items-stretch"> 979 980 <div class="relative mt-5 overflow-hidden rounded-[22px] bg-[#ede9fe] shadow-[0_16px_38px_rgba(15,23,42,.12)] dark:bg-[#0a0a20] dark:shadow-[0_0_26px_rgba(124,58,237,.22)] dark:ring-1 dark:ring-inset dark:ring-violet-500/45 min-[520px]:mt-7 min-[520px]:rounded-[30px] min-[900px]:mt-0 min-[900px]:flex min-[900px]:min-h-[520px] min-[900px]:w-full"> 981 <img class="aspect-[1.94/1] h-auto w-full object-cover min-[900px]:aspect-auto min-[900px]:h-full" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/imagine.webp?v=1.1" alt="Woman confidently speaking English with friends in a cafe" loading="lazy"> 982 <div class="absolute inset-x-3 bottom-2 flex items-center gap-2 rounded-full bg-gradient-to-r from-[#4214d7] via-[#5b21e6] to-[#4c10ce] px-2.5 py-2 text-white shadow-[0_12px_26px_rgba(76,16,206,.34)] dark:from-[#3e0dbd] dark:via-[#6c24ec] dark:to-[#3e0dbd] dark:shadow-[0_0_24px_rgba(124,58,237,.64)] dark:ring-1 dark:ring-inset dark:ring-violet-300/55 min-[420px]:inset-x-5 min-[520px]:inset-x-16 min-[520px]:bottom-3 min-[520px]:gap-3 min-[520px]:px-4 min-[520px]:py-3 min-[900px]:inset-x-4 min-[900px]:bottom-4 min-[900px]:gap-2 min-[900px]:px-3 min-[900px]:py-2.5 min-[1200px]:inset-x-10 min-[1200px]:gap-3 min-[1200px]:px-4 min-[1200px]:py-3"> 983 <span class="grid h-9 w-9 shrink-0 place-items-center rounded-full bg-white text-[#5b21e6] min-[420px]:h-10 min-[420px]:w-10 min-[520px]:h-14 min-[520px]:w-14 min-[900px]:h-10 min-[900px]:w-10 min-[1200px]:h-14 min-[1200px]:w-14" aria-hidden="true"> 984 <svg class="h-[64%] w-[64%]" viewBox="0 0 24 24" fill="currentColor"><path d="M12 21s-8-4.8-8-11.2A4.8 4.8 0 0 1 12 6.3a4.8 4.8 0 0 1 8 3.5C20 16.2 12 21 12 21Z"/></svg> 985 </span>
986 <p class="min-w-0 whitespace-nowrap font-['Caveat'] text-[25px] font-bold leading-none tracking-[-.035em] min-[420px]:text-[29px] min-[520px]:text-[47px] min-[900px]:text-[clamp(24px,2.9vw,32px)] min-[1200px]:text-[clamp(28px,3vw,30px)]"> 987 I speak English with confidence. 988 </p> 989 </div> 990 </div> 991 </div> 992 993 <div data-imagine-right class="min-w-0"> 994 <div class="mt-3 grid gap-2.5 min-[520px]:mt-4 min-[520px]:gap-3 min-[900px]:mt-0"> 995 <article class="grid grid-cols-[58px_1px_minmax(0,1fr)_16px] items-center gap-3 rounded-[18px] border border-slate-100 bg-white px-3 py-3 shadow-[0_7px_20px_rgba(15,23,42,.045)] dark:bg-[#090b1d] dark:border-violet-500/35 dark:shadow-[0_0_18px_rgba(124,58,237,.16)] min-[420px]:grid-cols-[68px_1px_minmax(0,1fr)_20px] min-[420px]:gap-4 min-[520px]:grid-cols-[90px_1px_minmax(0,1fr)_24px] min-[520px]:rounded-[24px] min-[520px]:px-5 min-[520px]:py-4 min-[900px]:grid-cols-[76px_1px_minmax(0,1fr)] min-[900px]:gap-4 min-[900px]:px-5 min-[900px]:py-5 min-[1200px]:grid-cols-[90px_1px_minmax(0,1fr)]"> 996 <span class="grid h-[58px] w-[58px] place-items-center rounded-full bg-gradient-to-br from-[#6d28d9] to-[#4c10ce] shadow-[0_10px_20px_rgba(109,40,217,.20)] dark:shadow-[0_0_20px_rgba(124,58,237,.58)] text-white min-[420px]:h-[68px] min-[420px]:w-[68px] min-[520px]:h-[86px] min-[520px]:w-[86px] min-[900px]:h-[72px] min-[900px]:w-[72px] min-[1200px]:h-[86px] min-[1200px]:w-[86px]"> 997 <svg class="h-[42px] w-[42px] min-[420px]:h-[49px] min-[420px]:w-[49px] min-[520px]:h-[64px] min-[520px]:w-[64px] min-[900px]:h-[54px] min-[900px]:w-[54px] min-[1200px]:h-[64px] min-[1200px]:w-[64px]" viewBox="0 0 96 96" fill="none"><path d="M48 15c21 0 37 13.2 37 30.4 0 17-16 30.4-37 30.4-4.7 0-9.2-.7-13.3-2.1L17 81l4.7-18.3C15 57.4 11 51.6 11 45.4 11 28.2 27 15 48 15Z" fill="currentColor"/><circle cx="33" cy="45" r="5" fill="#5b21e6"/><circle cx="48" cy="45" r="5" fill="#5b21e6"/><circle cx="63" cy="45" r="5" fill="#5b21e6"/></svg> 998 </span> 999 1000 <span class="h-[52px] bg-slate-200 dark:bg-slate-700 min-[520px]:h-[74px]" aria-hidden="true"></span> 1001 1002 <div class="min-w-0"> 1003 <h3 class="m-0 text-[19px] font-extrabold leading-[1.08] tracking-[-.035em] text-[#071326] dark:text-white min-[900px]:text-[clamp(18px,2vw,24px)]"> 1004 I join <span class="text-[#5b21e6]">conversations naturally.</span> 1005 </h3> 1006 <p class="mt-2 text-[16px] font-semibold leading-[1.3] text-[#4a5870] dark:text-slate-300 min-[900px]:text-[clamp(15px,1.7vw,20px)]"> 1007 Connect with friends, coworkers, and new people with ease. 1008 </p> 1009 </div> 1010 </article> 1011 <article class="grid grid-cols-[58px_1px_minmax(0,1fr)_16px] items-center gap-3 rounded-[18px] border border-slate-100 bg-white px-3 py-3 shadow-[0_7px_20px_rgba(15,23,42,.045)] dark:bg-[#090b1d] dark:border-emerald-500/35 dark:shadow-[0_0_18px_rgba(16,185,129,.14)] min-[420px]:grid-cols-[68px_1px_minmax(0,1fr)_20px] min-[420px]:gap-4 min-[520px]:grid-cols-[90px_1px_minmax(0,1fr)_24px] min-[520px]:rounded-[24px] min-[520px]:px-5 min-[520px]:py-4 min-[900px]:grid-cols-[76px_1px_minmax(0,1fr)] min-[900px]:gap-4 min-[900px]:px-5 min-[900px]:py-5 min-[1200px]:grid-cols-[90px_1px_minmax(0,1fr)]"> 1012 <span class="grid h-[58px] w-[58px] place-items-center rounded-full bg-gradient-to-br from-[#20ad62] to-[#078944] shadow-[0_10px_20px_rgba(16,185,129,.18)] dark:shadow-[0_0_20px_rgba(16,185,129,.52)] text-white min-[420px]:h-[68px] min-[420px]:w-[68px] min-[520px]:h-[86px] min-[520px]:w-[86px] min-[900px]:h-[72px] min-[900px]:w-[72px] min-[1200px]:h-[86px] min-[1200px]:w-[86px]"> 1013 <svg class="h-[38px] w-[38px] min-[420px]:h-[44px] min-[420px]:w-[44px] min-[520px]:h-[58px] min-[520px]:w-[58px] min-[900px]:h-[50px] min-[900px]:w-[50px] min-[1200px]:h-[58px] min-[1200px]:w-[58px]" viewBox="0 0 64 64" fill="none" stroke="currentColor" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"><path d="m10 12 44-6 3 40-44 6-3-40Z" fill="currentColor" stroke="white"/><path d="m12 21 43-6M20 10l7 9M34 8l7 9M48 6l7 8" stroke="#078944"/><path d="m29 28 13 8-11 9 2-17Z" fill="#078944" stroke="none"/></svg> 1014 </span> 1015
1016 <span class="h-[52px] bg-slate-200 dark:bg-slate-700 min-[520px]:h-[74px]" aria-hidden="true"></span> 1017 1018 <div class="min-w-0"> 1019 <h3 class="m-0 text-[19px] font-extrabold leading-[1.08] tracking-[-.035em] text-[#071326] dark:text-white min-[900px]:text-[clamp(18px,2vw,24px)]"> 1020 I understand movies and videos <span class="text-[#00a66a]">better.</span> 1021 </h3> 1022 <p class="mt-2 text-[16px] font-semibold leading-[1.3] text-[#4a5870] dark:text-slate-300 min-[900px]:text-[clamp(15px,1.7vw,20px)]"> 1023 Enjoy movies and shows without subtitles and understand more naturally. 1024 </p> 1025 </div> 1026 </article> 1027 <article class="grid grid-cols-[58px_1px_minmax(0,1fr)_16px] items-center gap-3 rounded-[18px] border border-slate-100 bg-white px-3 py-3 shadow-[0_7px_20px_rgba(15,23,42,.045)] dark:bg-[#090b1d] dark:border-orange-500/35 dark:shadow-[0_0_18px_rgba(249,115,0,.14)] min-[420px]:grid-cols-[68px_1px_minmax(0,1fr)_20px] min-[420px]:gap-4 min-[520px]:grid-cols-[90px_1px_minmax(0,1fr)_24px] min-[520px]:rounded-[24px] min-[520px]:px-5 min-[520px]:py-4 min-[900px]:grid-cols-[76px_1px_minmax(0,1fr)] min-[900px]:gap-4 min-[900px]:px-5 min-[900px]:py-5 min-[1200px]:grid-cols-[90px_1px_minmax(0,1fr)]"> 1028 <span class="grid h-[58px] w-[58px] place-items-center rounded-full bg-gradient-to-br from-[#ff8a00] to-[#f97300] shadow-[0_10px_20px_rgba(249,115,0,.18)] dark:shadow-[0_0_20px_rgba(249,115,0,.52)] text-white min-[420px]:h-[68px] min-[420px]:w-[68px] min-[520px]:h-[86px] min-[520px]:w-[86px] min-[900px]:h-[72px] min-[900px]:w-[72px] min-[1200px]:h-[86px] min-[1200px]:w-[86px]"> 1029 <svg class="h-[38px] w-[38px] min-[420px]:h-[44px] min-[420px]:w-[44px] min-[520px]:h-[58px] min-[520px]:w-[58px] min-[900px]:h-[50px] min-[900px]:w-[50px] min-[1200px]:h-[58px] min-[1200px]:w-[58px]" viewBox="0 0 64 64" fill="none" stroke="currentColor" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"><rect x="8" y="18" width="48" height="34" rx="5" fill="currentColor" stroke="white"/><path d="M24 18v-5h16v5M8 32h48M27 29h10v7H27z" stroke="white"/></svg> 1030 </span> 1031 1032 <span class="h-[52px] bg-slate-200 dark:bg-slate-700 min-[520px]:h-[74px]" aria-hidden="true"></span> 1033 1034 <div class="min-w-0"> 1035 <h3 class="m-0 text-[19px] font-extrabold leading-[1.08] tracking-[-.035em] text-[#071326] dark:text-white min-[900px]:text-[clamp(18px,2vw,24px)]"> 1036 I communicate <span class="text-[#f97300]">confidently</span> at work. 1037 </h3> 1038 <p class="mt-2 text-[16px] font-semibold leading-[1.3] text-[#4a5870] dark:text-slate-300 min-[900px]:text-[clamp(15px,1.7vw,20px)]"> 1039 Share your ideas, lead discussions, and build strong professional relationships. 1040 </p> 1041 </div> 1042 </article> 1043 </div> 1044 </div> 1045 </div> 1046 <div class="relative mt-3 overflow-hidden rounded-[22px] bg-gradient-to-br from-[#faf8ff] to-[#f4f0ff] px-3 pb-3 pt-4 text-center dark:from-[#05071a] dark:to-[#080b20] dark:shadow-[0_0_24px_rgba(124,58,237,.18)] dark:ring-1 dark:ring-inset dark:ring-violet-500/30 min-[420px]:px-4 min-[520px]:mt-4 min-[520px]:rounded-[28px] min-[520px]:px-5 min-[520px]:pb-4 min-[520px]:pt-5"> 1047 <div class="grid grid-cols-[1fr_72px] items-center gap-2 min-[420px]:grid-cols-[1fr_82px] min-[520px]:grid-cols-[1fr_112px] min-[520px]:gap-4"> 1048 <div class="flex min-w-0 items-center justify-center">
1049 <span class="-ml-2.5 first:ml-0 h-[54px] w-[54px] overflow-hidden rounded-full border-[3px] border-white bg-slate-100 shadow-[0_8px_18px_rgba(15,23,42,.11)] dark:border-[#05071a] dark:shadow-[0_0_14px_rgba(124,58,237,.20)] min-[420px]:h-[62px] min-[420px]:w-[62px] min-[520px]:h-[86px] min-[520px]:w-[86px]"> 1050 <img class="h-full w-full object-cover" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/thumbnails/2.webp?v=1.1" alt="" loading="lazy"> 1051 </span> 1052 <span class="-ml-2.5 first:ml-0 h-[54px] w-[54px] overflow-hidden rounded-full border-[3px] border-white bg-slate-100 shadow-[0_8px_18px_rgba(15,23,42,.11)] dark:border-[#05071a] dark:shadow-[0_0_14px_rgba(124,58,237,.20)] min-[420px]:h-[62px] min-[420px]:w-[62px] min-[520px]:h-[86px] min-[520px]:w-[86px]"> 1053 <img class="h-full w-full object-cover" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/thumbnails/5.webp?v=1.1" alt="" loading="lazy"> 1054 </span> 1055 <span class="-ml-2.5 first:ml-0 h-[54px] w-[54px] overflow-hidden rounded-full border-[3px] border-white bg-slate-100 shadow-[0_8px_18px_rgba(15,23,42,.11)] dark:border-[#05071a] dark:shadow-[0_0_14px_rgba(124,58,237,.20)] min-[420px]:h-[62px] min-[420px]:w-[62px] min-[520px]:h-[86px] min-[520px]:w-[86px]"> 1056 <img class="h-full w-full object-cover" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/thumbnails/6.webp?v=1.1" alt="" loading="lazy"> 1057 </span> 1058 <span class="-ml-2.5 first:ml-0 h-[54px] w-[54px] overflow-hidden rounded-full border-[3px] border-white bg-slate-100 shadow-[0_8px_18px_rgba(15,23,42,.11)] dark:border-[#05071a] dark:shadow-[0_0_14px_rgba(124,58,237,.20)] min-[420px]:h-[62px] min-[420px]:w-[62px] min-[520px]:h-[86px] min-[520px]:w-[86px]"> 1059 <img class="h-full w-full object-cover" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/thumbnails/8.webp?v=1.1" alt="" loading="lazy"> 1060 </span> 1061 </div> 1062 <span class="relative grid h-[68px] w-[68px] place-items-center rounded-full bg-gradient-to-br from-[#5b21e6] to-[#7c24ee] text-[22px] font-extrabold tracking-[-.05em] text-white shadow-[0_12px_24px_rgba(109,40,217,.22)] dark:from-[#5714dc] dark:to-[#3210a8] dark:shadow-[0_0_22px_rgba(124,58,237,.58)] dark:ring-1 dark:ring-inset dark:ring-violet-400/65 min-[420px]:h-[78px] min-[420px]:w-[78px] min-[420px]:text-[26px] min-[520px]:h-[104px] min-[520px]:w-[104px] min-[520px]:text-[36px]"> 1063 25K+ 1064 <svg class="absolute -right-4 -top-3 h-7 w-7 text-[#6d28d9] dark:text-[#a970ff] dark:drop-shadow-[0_0_6px_rgba(168,85,247,.8)] min-[520px]:-right-7 min-[520px]:-top-4 min-[520px]:h-10 min-[520px]:w-10" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="3.5" stroke-linecap="round" aria-hidden="true"><path d="m10 14-4-6M18 10l2-7M22 20l8-2"/></svg> 1065 </span> 1066 </div> 1067 1068 <p class="mx-auto mt-2 max-w-[490px] text-[19px] font-extrabold leading-[1.13] tracking-[-.04em] text-[#071326] dark:text-white min-[420px]:text-[22px] min-[520px]:text-[30px]"> 1069 <span class="bg-gradient-to-r from-[#5b21e6] to-[#8b24ee] bg-clip-text text-[29px] text-transparent dark:from-[#bd7bff] dark:to-[#7c3aed] min-[420px]:text-[34px] min-[520px]:text-[46px]">25,000+</span> 1070 students have already<br>started their journey. 1071 </p> 1072 1073 <p class="relative mx-auto mt-1 w-fit pb-1 font-['Caveat'] text-[44px] font-bold leading-none tracking-[-.04em] text-[#7c24ee] dark:text-[#a970ff] min-[420px]:text-[49px] min-[520px]:text-[66px]"> 1074 You can too! 1075 <svg class="absolute -bottom-2 left-3 h-3 w-[92%] text-[#7c24ee] dark:text-[#a970ff] dark:drop-shadow-[0_0_6px_rgba(168,85,247,.62)]" viewBox="0 0 190 14" fill="none" stroke="currentColor" stroke-width="3.5" stroke-linecap="round" aria-hidden="true"><path d="M4 8c57 4 119 2 182-2"/></svg> 1076 </p> 1077 1078 <a class="mt-5 flex w-full items-center justify-center gap-4 roun
1078ded-[14px] bg-gradient-to-r from-[#5b21e6] via-[#741fe5] to-[#5b21e6] px-3 py-3.5 text-[16px] font-extrabold text-white shadow-[0_12px_24px_rgba(109,40,217,.24)] transition hover:brightness-110 dark:from-[#7228ef] dark:via-[#5b21e6] dark:to-[#3f10c5] dark:shadow-[0_0_22px_rgba(124,58,237,.56)] dark:ring-1 dark:ring-inset dark:ring-violet-300/70 min-[420px]:text-[18px] min-[520px]:mt-7 min-[520px]:rounded-[18px] min-[520px]:py-4 min-[520px]:text-[25px]" href="#payment-title"> 1079 Start Speaking With Confidence 1080 <svg class="h-6 w-6 shrink-0 min-[520px]:h-8 min-[520px]:w-8" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14M13 5l7 7-7 7"/></svg> 1081 </a> 1082 1083 <div class="mt-3 grid grid-cols-3 divide-x divide-slate-300 text-[#071326] dark:divide-slate-700 dark:text-slate-200 min-[520px]:mt-4"> 1084 <div class="flex min-w-0 items-center justify-center gap-1.5 px-1 text-[10px] font-bold leading-tight min-[420px]:text-[11px] min-[520px]:gap-2 min-[520px]:text-[15px]"> 1085 <svg class="h-5 w-5 shrink-0 text-[#6d28d9] min-[520px]:h-7 min-[520px]:w-7" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z"/><path d="m9 12 2 2 4-5"/></svg> 1086 <span>Safe & secure</span> 1087 </div> 1088 <div class="flex min-w-0 items-center justify-center gap-1.5 px-1 text-[10px] font-bold leading-tight min-[420px]:text-[11px] min-[520px]:gap-2 min-[520px]:text-[15px]"> 1089 <svg class="h-5 w-5 shrink-0 text-[#6d28d9] min-[520px]:h-7 min-[520px]:w-7" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3.5 2"/></svg> 1090 <span>Cancel anytime</span> 1091 </div> 1092 <div class="flex min-w-0 items-center justify-center gap-1.5 px-1 text-[10px] font-bold leading-tight min-[420px]:text-[11px] min-[520px]:gap-2 min-[520px]:text-[15px]"> 1093 <svg class="h-5 w-5 shrink-0 text-[#6d28d9] min-[520px]:h-7 min-[520px]:w-7" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><circle cx="8" cy="8" r="3"/><circle cx="16" cy="8" r="3"/><path d="M2 20a6 6 0 0 1 12 0M10 20a6 6 0 0 1 12 0"/></svg> 1094 <span>Friendly community</span> 1095 </div> 1096 </div> 1097 </div> 1098 1099 </section> 1100 1101 <section class="min-[900px]:hidden my-12 rounded-[30px] border border-blue-100 bg-[#eef5ff] px-5 py-7 text-center shadow-[0_20px_55px_rgba(15,23,42,.06)] dark:border-[#273043] dark:bg-[#020817] dark:shadow-[0_24px_70px_rgba(0,0,0,.30)] min-[520px]:mt-10 min-[520px]:px-8 min-[520px]:py-10" aria-labelledby="hero-offer-title"> 1102 <div class="relative mx-auto max-w-[720px]"> 1103 <div class="absolute -right-8 -top-9 grid h-[86px] w-[86px] place-items-center bg-[#1357e8] text-center text-[23px] font-extrabold uppercase leading-[1.02] text-white shadow-[0_16px_35px_rgba(19,87,232,.28)] dark:bg-[#0754eb] dark:shadow-[0_0_34px_rgba(19,87,232,.62)] dark:ring-1 dark:ring-inset dark:ring-blue-400/70 [clip-path:polygon(50%_0%,58%_8%,69%_4%,74%_15%,86%_14%,87%_26%,96%_31%,92%_42%,100%_50%,92%_58%,96%_69%,87%_74%,86%_86%,74%_85%,69%_96%,58%_92%,50%_100%,42%_92%,31%_96%,26%_85%,14%_86%,13%_74%,4%_69%,8%_58%,0%_50%,8%_42%,4%_31%,13%_26%,14%_14%,26%_15%,31%_4%,42%_8%)] min-[520px]:-right-10 min-[520px]:-top-10 min-[520px]:h-32 min-[520px]:w-32 min-[520px]:text-[34px]" aria-label="50 percent off"> 1104 <span class="relative z-10">50%<br>off</span> 1105 </div> 1106 1107 <div data-offer-pill class="mx-auto inline-flex items-center gap-2 rounded-full bg-[#ffd15a] px-4 py-2 text-[13px] font-extrabold uppercase tracking-[.02em] text-[#071326] shadow-[0_8px_18px_rgba(245,158,11,.18)] dark:bg-[#171304] dark:text-[#ffd230] dark:shadow-[0_0_24px_rgba(245,158,11,.20)] dark:ring-1 dark:ring-inset dark:ring-[#b9820d] min-[520px]:text-base"> 1108 <svg class="h-4 w-4 fill-[#071326] dark:fill-[#ffd230]" viewBox="0 0 24 24">
1108<path d="m13 2-8 12h6l-1 8 9-13h-6l1-7Z"/></svg> 1109 Limited time offer 1110 </div> 1111 1112 <h2 id="hero-offer-title" class="mx-auto mt-5 flex max-w-full flex-nowrap items-baseline justify-center gap-x-1 whitespace-nowrap font-extrabold leading-none tracking-[-.07em] text-[#1357e8] dark:text-[#247cff] min-[900px]:gap-x-2"> 1113 <span class="shrink-0 text-[clamp(86px,24vw,132px)] min-[520px]:text-[clamp(100px,24vw,150px)] min-[900px]:text-[clamp(86px,9.5vw,128px)] min-[1200px]:text-[clamp(118px,9.8vw,150px)]"> 1114 $35 1115 </span> 1116 <span class="shrink-0 align-baseline text-[23px] tracking-[-.04em] text-[#071326] dark:text-white min-[520px]:text-[clamp(28px,6vw,36px)] min-[900px]:text-[clamp(24px,3vw,36px)] min-[1200px]:text-[42px]">/ month</span> 1117 </h2> 1118 1119 <p class="mt-3 text-[28px] font-extrabold leading-none text-[#64748b] line-through decoration-[#64748b] decoration-[3px] dark:text-[#596273] dark:decoration-[#596273] min-[520px]:text-[42px]"> 1120 $70/month 1121 </p> 1122 1123 1124 <a class="mt-4 flex w-full items-center justify-center gap-3 rounded-[14px] bg-[#1357e8] px-5 py-4 text-[17px] font-extrabold text-white shadow-[0_16px_34px_rgba(19,87,232,.25)] dark:bg-gradient-to-br dark:from-[#0768f0] dark:to-[#083dcc] dark:shadow-[0_0_26px_rgba(19,87,232,.58)] dark:ring-1 dark:ring-inset dark:ring-blue-400/70" href="#payment-title"> 1125 Start Speaking Today 1126 <svg class="h-5 w-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 5l7 7-7 7"/></svg> 1127 </a> 1128 <p class="mt-5 flex items-center justify-center gap-3 text-center text-[18px] font-semibold text-[#39475c] dark:text-[#8993a6] min-[520px]:text-[28px]"> 1129 <svg class="h-8 w-8 shrink-0 text-[#1357e8] dark:drop-shadow-[0_0_12px_rgba(19,87,232,.65)] min-[520px]:h-10 min-[520px]:w-10" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12 2 20 5.2v6.2c0 5.1-3.4 9.3-8 10.6-4.6-1.3-8-5.5-8-10.6V5.2L12 2Zm-1 13.2 5.3-5.3-1.7-1.7L11 11.8 9.4 10.2 7.7 12l3.3 3.2Z"/></svg> 1130 <span>Cancel anytime. No hidden fees.</span> 1131 </p> 1132 </div> 1133 </section> 1134 1135 <section data-everything-section class="-mx-5 mt-0 bg-[#f8fbff] px-4 pb-6 pt-7 text-center dark:bg-[#020817] dark:shadow-[0_20px_60px_rgba(0,0,0,.28)] min-[420px]:px-5 min-[520px]:mx-0 min-[520px]:px-7 min-[520px]:pb-8 min-[520px]:pt-14 min-[900px]:rounded-[36px] min-[900px]:pb-10 min-[900px]:pt-16 min-[1200px]:pt-20" aria-labelledby="everything-title"> 1136 <div class="mx-auto max-w-[680px] min-[900px]:max-w-[780px] min-[1200px]:max-w-[920px]"> 1137 <h2 id="everything-title" class="m-0 text-[36px] font-extrabold leading-[1.02] tracking-[-.055em] text-[#071326] dark:text-white scroll-mt-32 min-[900px]:col-start-1 min-[900px]:tracking-[-.045em] min-[900px]:text-[clamp(42px,4.4vw,64px)]"> 1138 Everything you need 1139 to speak English with 1140 <span class="relative inline-block text-[#1357e8]">confidence 1141 <svg class="absolute -bottom-3 left-1/2 h-4 w-[78%] -translate-x-1/2 text-[#1357e8] min-[900px]:-bottom-4 min-[900px]:h-5 min-[900px]:w-[86%]" viewBox="0 0 190 18" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="round" aria-hidden="true"><path d="M4 11c48-7 113-10 182-4"/></svg> 1142 </span> 1143 </h2> 1144 <p class="mt-6 text-[17px] font-extrabold leading-[1.25] tracking-[-.035em] text-[#071326] dark:text-slate-300 min-[520px]:mt-8 min-[900px]:text-[clamp(22px,2.4vw,29px)]"> 1145 All the tools, practice, and support<br class="hidden min-[420px]:block"> 1146 you need in one place. 1147 </p> 1148 </div> 1149 1150 <div class="mt-7 grid gap-3 text-left min-[520px]:mt-9 min-[520px]:gap-4 min-[900px]:grid-cols-2"> 1151 <article class="relative grid min-h-[142px] grid-cols-[72px_1fr] items-center gap-3 rounded-[20px] bg-white px-3 py-4 shadow-[0_12px_30px_rgba(15,23,42,.045)] dark:bg-[#080d1d] dark:shadow-[0_0_20px_rgba(15,23,42,.42)] dark:ring-1 dark:ring-inset dark:ring-slate-700/80 min-[420px]:grid-cols-[86px_1fr] min-[420px]:gap-4 min-[520px]:min-h-[180px] min-[520px]:grid-cols-[118px_1fr] min-[520px]:rounded-[26px] min-[520px]:px-5 min-[520px]:py-5">
1152 <span class="grid h-[68px] w-[68px] place-items-center rounded-[18px] bg-[#eef5ff] text-[#1357e8] dark:bg-[#07152f] dark:text-[#247cff] dark:shadow-[0_0_18px_rgba(19,87,232,.24)] dark:ring-1 dark:ring-inset dark:ring-blue-500/45 min-[420px]:h-[78px] min-[420px]:w-[78px] min-[520px]:h-[106px] min-[520px]:w-[106px] min-[520px]:rounded-[26px]"> 1153 <svg class="h-[60px] w-[60px] min-[520px]:h-[76px] min-[520px]:w-[76px]" viewBox="0 0 96 96" fill="none" aria-hidden="true"> 1154 <path d="M48 15c21 0 37 13.2 37 30.4 0 17-16 30.4-37 30.4-4.7 0-9.2-.7-13.3-2.1L17 81l4.7-18.3C15 57.4 11 51.6 11 45.4 11 28.2 27 15 48 15Z" fill="currentColor"/> 1155 <circle cx="33" cy="45" r="5" fill="white"/><circle cx="48" cy="45" r="5" fill="white"/><circle cx="63" cy="45" r="5" fill="white"/> 1156 </svg> 1157 </span> 1158 <div class="min-w-0"> 1159 <h3 class="m-0 text-[19px] font-extrabold leading-[1.08] tracking-[-.035em] text-[#071326] dark:text-white">Conversation room <span class="text-[#1357e8] dark:text-[#247cff]">6 days a week</span></h3> 1160 <p class="mt-2 text-[16px] font-semibold leading-[1.3] text-[#4a5870] dark:text-slate-300">Practice speaking in real conversations and build your confidence.</p> 1161 </div> 1162 </article> 1163 <article class="relative grid min-h-[142px] grid-cols-[72px_1fr] items-center gap-3 rounded-[20px] bg-white px-3 py-4 shadow-[0_12px_30px_rgba(15,23,42,.045)] dark:bg-[#080d1d] dark:shadow-[0_0_20px_rgba(15,23,42,.42)] dark:ring-1 dark:ring-inset dark:ring-slate-700/80 min-[420px]:grid-cols-[86px_1fr] min-[420px]:gap-4 min-[520px]:min-h-[180px] min-[520px]:grid-cols-[118px_1fr] min-[520px]:rounded-[26px] min-[520px]:px-5 min-[520px]:py-5"> 1164 <span class="grid h-[68px] w-[68px] place-items-center rounded-[18px] bg-[#edfbf6] text-[#10b981] dark:bg-[#05251e] dark:text-[#20e6a2] dark:shadow-[0_0_18px_rgba(16,185,129,.22)] dark:ring-1 dark:ring-inset dark:ring-emerald-500/45 min-[420px]:h-[78px] min-[420px]:w-[78px] min-[520px]:h-[106px] min-[520px]:w-[106px] min-[520px]:rounded-[26px]"> 1165 <svg class="h-[60px] w-[60px] min-[520px]:h-[76px] min-[520px]:w-[76px]" viewBox="0 0 96 96" fill="none" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> 1166 <rect x="38" y="17" width="45" height="40" rx="5"/><path d="m53 38 8 8 15-18"/><circle cx="29" cy="42" r="12" fill="currentColor" stroke="none"/><path d="M8 80v-8c0-14 8-23 21-23s21 9 21 23v8H8Z" fill="currentColor" stroke="none"/> 1167 </svg> 1168 </span> 1169 <div class="min-w-0"> 1170 <h3 class="m-0 text-[19px] font-extrabold leading-[1.08] tracking-[-.035em] text-[#071326] dark:text-white">2 live sessions a week <span class="text-[#10b981] dark:text-[#20e6a2]">with a real teacher</span></h3> 1171 <p class="mt-2 text-[16px] font-semibold leading-[1.3] text-[#4a5870] dark:text-slate-300">Join small group classes, get real feedback, and improve faster.</p> 1172 </div> 1173 </article> 1174 <article class="relative grid min-h-[142px] grid-cols-[72px_1fr] items-center gap-3 rounded-[20px] bg-white px-3 py-4 shadow-[0_12px_30px_rgba(15,23,42,.045)] dark:bg-[#080d1d] dark:shadow-[0_0_20px_rgba(15,23,42,.42)] dark:ring-1 dark:ring-inset dark:ring-slate-700/80 min-[420px]:grid-cols-[86px_1fr] min-[420px]:gap-4 min-[520px]:min-h-[180px] min-[520px]:grid-cols-[118px_1fr] min-[520px]:rounded-[26px] min-[520px]:px-5 min-[520px]:py-5"> 1175 <span class="grid h-[68px] w-[68px] place-items-center rounded-[18px] bg-[#f5efff] text-[#8b4de8] dark:bg-[#190d35] dark:text-[#a970ff] dark:shadow-[0_0_18px_rgba(139,77,232,.24)] dark:ring-1 dark:ring-inset dark:ring-violet-500/45 min-[420px]:h-[78px] min-[420px]:w-[78px] min-[520px]:h-[106px] min-[520px]:w-[106px] min-[520px]:rounded-[26px]"> 1176 <svg class="h-[60px] w-[60px] min-[520px]:h-[76px] min-[520px]:w-[76px]" viewBox="0 0 96 96" fill="currentColor" aria-hidden="true"> 1177 <path d="M45 24c-8-7-20-8-31-3v54c11-5 23-4 31 3V24ZM51 24c8-7 20-8 31-3v54c-11-5-23-4-31 3V24Z"/><path d="M48 25v54" stroke="white" stroke-width="4"/> 1178 </svg> 1179 </span> 1180 <div class="min-w-0"> 1181 <h3 class="m-0 text-[19px] font-extrabold leading-[1.08] tracking-[-.035em] text-[#071326] dark:text-white">Access to all learning materials</h3> 1182 <p class="mt-2 text-[16px] font-semibold leading-[1.3] text-[#4a5870] dark:text-slate-300">Review lessons, practice exercises, and learn vocabulary anytime.</p> 1183 </div> 1184 </article> 1185 <article class="relative grid min-h-[142px] grid-cols-[72px_1fr] items-center gap-3 rounded-[20px] bg-white px-3 py-4 shadow-[0_12px_30px_rgba(15,23,42,.045)] dark:bg-[#080d1d] dark:shadow-[0_0_20px_rgba(15,23,42,.42)] dark:ring-1 dark:ring-inset dark:ring-slate-700/80 min-[420px]:grid-cols-[86px_1fr] min-[420px]:gap-4 min-[520px]:min-h-[180px] min-[520px]:grid-cols-[118px_1fr] min-[520px]:rounded-[26px] min-[520px]:px-5 min-[520px]:py-5">
1186 <span class="grid h-[68px] w-[68px] place-items-center rounded-[18px] bg-[#fff4e9] text-[#fb923c] dark:bg-[#2c1808] dark:text-[#ff8a2a] dark:shadow-[0_0_18px_rgba(249,115,22,.20)] dark:ring-1 dark:ring-inset dark:ring-orange-500/45 min-[420px]:h-[78px] min-[420px]:w-[78px] min-[520px]:h-[106px] min-[520px]:w-[106px] min-[520px]:rounded-[26px]"> 1187 <svg class="h-[60px] w-[60px] min-[520px]:h-[76px] min-[520px]:w-[76px]" viewBox="0 0 96 96" fill="currentColor" aria-hidden="true"> 1188 <circle cx="48" cy="31" r="12"/><circle cx="22" cy="37" r="10"/><circle cx="74" cy="37" r="10"/><path d="M24 76V65c0-14 9-23 24-23s24 9 24 23v11H24Z"/><path d="M4 76V66c0-11 6-19 17-20 4 0 8 1 11 3-6 5-9 12-9 21v6H4ZM92 76V66c0-11-6-19-17-20-4 0-8 1-11 3 6 5 9 12 9 21v6h19Z"/> 1189 </svg> 1190 </span> 1191 <div class="min-w-0"> 1192 <h3 class="m-0 text-[19px] font-extrabold leading-[1.08] tracking-[-.035em] text-[#071326] dark:text-white">Be part of a supportive community</h3> 1193 <p class="mt-2 text-[16px] font-semibold leading-[1.3] text-[#4a5870] dark:text-slate-300">Connect with students who share the same goal: learning English.</p> 1194 </div> 1195 </article> 1196 </div> 1197 1198 <a class="mt-4 grid grid-cols-[52px_1fr_24px] items-center gap-3 rounded-[20px] bg-gradient-to-r from-[#2679f4] to-[#1357e8] px-3 py-3 text-left text-white shadow-[0_14px_30px_rgba(19,87,232,.22)] transition hover:brightness-110 dark:from-[#0875ff] dark:to-[#063ccc] dark:shadow-[0_0_26px_rgba(19,87,232,.52)] dark:ring-1 dark:ring-inset dark:ring-blue-400/70 min-[420px]:grid-cols-[62px_1fr_28px] min-[420px]:gap-4 min-[420px]:px-4 min-[520px]:mt-5 min-[520px]:grid-cols-[76px_1fr_34px] min-[520px]:rounded-[25px] min-[520px]:px-5 min-[520px]:py-4" href="#payment-title"> 1199 <span class="grid h-[50px] w-[50px] place-items-center rounded-[15px] bg-white text-[#1357e8] min-[420px]:h-[58px] min-[420px]:w-[58px] min-[520px]:h-[70px] min-[520px]:w-[70px] min-[520px]:rounded-[20px]"> 1200 <svg class="h-8 w-8 min-[520px]:h-11 min-[520px]:w-11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 12v9H4v-9M2 8h20v4H2zM12 8v13M12 8H7.5a2.5 2.5 0 1 1 0-5C10 3 12 8 12 8ZM12 8h4.5a2.5 2.5 0 1 0 0-5C14 3 12 8 12 8Z"/></svg> 1201 </span> 1202 <span> 1203 <strong class="block text-[17px] font-extrabold leading-tight">Start speaking English today</strong> 1204 <small class="mt-1 block text-[12px] font-semibold leading-tight text-blue-50">Special offer: <span class="dark:text-yellow-300">50% OFF</span> for a limited time!</small> 1205 </span> 1206 <svg class="h-7 w-7 shrink-0 min-[520px]:h-10 min-[520px]:w-10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m9 5 7 7-7 7"/></svg> 1207 </a> 1208 1209 <div class="mt-5 grid grid-cols-3 text-[#4a5870] dark:text-slate-300 min-[520px]:mt-6 min-[900px]:hidden"> 1210 <div class="flex min-w-0 items-center justify-center gap-1.5 px-1 text-[10px] font-semibold leading-tight min-[520px]:gap-2"> 1211 <svg class="h-5 w-5 shrink-0 dark:text-blue-400 dark:drop-shadow-[0_0_8px_rgba(59,130,246,.65)] min-[520px]:h-7 min-[520px]:w-7" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round"><rect x="5" y="10" width="14" height="11" rx="2"/><path d="M8 10V7a4 4 0 0 1 8 0v3M12 15v2"/></svg> 1212 <span>Safe & secure</span> 1213 </div> 1214 <div class="flex min-w-0 items-center justify-center gap-1.5 px-1 text-[10px] font-semibold leading-tight min-[520px]:gap-2"> 1215 <svg class="h-5 w-5 shrink-0 dark:text-emerald-400 dark:drop-shadow-[0_0_8px_rgba(52,211,153,.65)] min-[520px]:h-7 min-[520px]:w-7" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3.5 2"/></svg>
1216 <span>Cancel anytime</span> 1217 </div> 1218 <div class="flex min-w-0 items-center justify-center gap-1.5 px-1 text-[10px] font-semibold leading-tight min-[520px]:gap-2"> 1219 <svg class="h-5 w-5 shrink-0 dark:text-violet-400 dark:drop-shadow-[0_0_8px_rgba(167,139,250,.65)] min-[520px]:h-7 min-[520px]:w-7" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z"/><path d="m9 12 2 2 4-5"/></svg> 1220 <span>No hidden fees</span> 1221 </div> 1222 </div> 1223 </section> 1224 1225 <section data-students-section class="mt-12 grid min-w-0 gap-7 text-center min-[520px]:mt-16 min-[520px]:gap-8" aria-labelledby="students-title"> 1226 <div class="mx-auto inline-flex items-center gap-2 rounded-full bg-white px-4 py-2 text-[14px] font-extrabold text-[#1357e8] shadow-[0_10px_30px_rgba(15,23,42,.07)] dark:bg-[#080d1d] dark:text-slate-300 dark:shadow-[0_0_18px_rgba(19,87,232,.14)] dark:ring-1 dark:ring-inset dark:ring-slate-700/80"> 1227 <svg class="h-5 w-5" viewBox="0 0 24 24" fill="currentColor"><path d="M8 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm8.5 1a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7ZM2 21a6 6 0 0 1 12 0v1H2v-1Zm11.5 1H22v-1a5.5 5.5 0 0 0-8.4-4.7A7.9 7.9 0 0 1 15.5 21v1Z"/></svg> 1228 They practiced. <span class="text-[#1357e8] dark:text-[#247cff]">They improved.</span> 1229 </div> 1230 1231 <div> 1232 <h2 id="students-title" class="m-0 text-[40px] font-extrabold leading-[1.02] tracking-[-.045em] text-[#071326] dark:text-white min-[520px]:text-[56px]"> 1233 Fluency grows<br><span class="text-[#1357e8] dark:text-[#247cff]">month after month.</span> 1234 </h2> 1235 <p class="mx-auto mt-6 max-w-[650px] text-[clamp(18px,3vw,27px)] font-semibold leading-[1.48] text-[#39475c] dark:text-slate-300"> 1236 Flexible schedules. Consistent progress. 1237 Thatâs why our students stay with us. 1238 </p> 1239 </div> 1240 1241 <div> 1242 <h3 class="m-0 text-[25px] font-extrabold tracking-[-.03em] text-[#071326] dark:text-white min-[520px]:text-[32px]"> 1243 <span class="text-amber-400">â¨</span> <span class="text-[#071326] dark:text-white">Stories</span> from <span class="text-[#1357e8] dark:text-[#247cff]">our students</span> 1244 </h3> 1245 1246 </div> 1247 1248 <div class="grid gap-4 text-left min-[900px]:grid-cols-2"> 1249 <article data-video-card class="grid grid-cols-[42%_1fr] items-center gap-4 roun
1249ded-[18px] bg-white p-3 shadow-[0_14px_36px_rgba(15,23,42,.07)] dark:bg-[#080d1d] dark:shadow-[0_0_20px_rgba(15,23,42,.44)] dark:ring-1 dark:ring-inset dark:ring-slate-700/80"> 1250 <div class="relative h-[112px] overflow-hidden rounded-[14px] bg-slate-200 dark:bg-slate-900 min-[520px]:h-[136px]"> 1251 1252 <video class="absolute inset-0 h-full w-full object-cover" playsinline preload="none" 1253 poster="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/thumbnails/2.webp?v=1.1" 1254 data-hls-src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/videos/2-encrypted/2.m3u8?v=1.1"></video> 1255 <div data-video-overlay class="absolute inset-0 transition duration-300"> 1256 <button type="button" data-play-video aria-label="Play video" class="absolute inset-0 m-auto grid h-12 w-12 place-items-center rounded-full border-2 border-white bg-black/25 text-white dark:bg-black/40 dark:shadow-[0_0_16px_rgba(255,255,255,.20)]"> 1257 <svg class="ml-1 h-5 w-5" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="m8 5 11 7-11 7V5Z"/></svg> 1258 </button> 1259 </div> 1260 </div> 1261 <div class="min-w-0 py-1"> 1262 <div class="flex items-start justify-between gap-3"> 1263 <div> 1264 <h4 class="m-0 text-[17px] font-extrabold tracking-[-.02em] text-[#071326] dark:text-white min-[520px]:text-[21px]">Sara</h4> 1265 <span class="mt-1 inline-flex rounded-full bg-blue-50 px-2 py-1 text-[12px] font-extrabold text-[#1357e8] dark:bg-[#07152f] dark:text-[#247cff] dark:ring-1 dark:ring-inset dark:ring-blue-500/25 min-[520px]:text-[14px]">1 year+</span> 1266 </div> 1267 <span class="flex shrink-0 items-center gap-1 text-[12px] font-semibold text-slate-600 dark:text-slate-300 min-[520px]:text-[14px]"> 1268 <img class="h-3.5 w-5 rounded-sm object-cover" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/flags/ca.png?v=1.1" alt=""> 1269 Canada 1270 </span> 1271 </div> 1272 <p class="mt-2 text-[13px] font-semibold leading-[1.32] text-[#071326] dark:text-slate-200 min-[520px]:text-[16px]"> 1273 "I used to be afraid of making mistakes. Now I <span class="text-[#1357e8] font-extrabold dark:text-[#247cff]">speak with confidence.</span>" 1274 </p> 1275 </div> 1276 </article> 1277 <article data-video-card class="grid grid-cols-[42%_1fr] items-center gap-4 roun
1277ded-[18px] bg-white p-3 shadow-[0_14px_36px_rgba(15,23,42,.07)] dark:bg-[#080d1d] dark:shadow-[0_0_20px_rgba(15,23,42,.44)] dark:ring-1 dark:ring-inset dark:ring-slate-700/80"> 1278 <div class="relative h-[112px] overflow-hidden rounded-[14px] bg-slate-200 dark:bg-slate-900 min-[520px]:h-[136px]"> 1279 1280 <video class="absolute inset-0 h-full w-full object-cover" playsinline preload="none" 1281 poster="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/thumbnails/1.webp?v=1.1" 1282 data-hls-src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/videos/1-encrypted/1.m3u8?v=1.1"></video> 1283 <div data-video-overlay class="absolute inset-0 transition duration-300"> 1284 <button type="button" data-play-video aria-label="Play video" class="absolute inset-0 m-auto grid h-12 w-12 place-items-center rounded-full border-2 border-white bg-black/25 text-white dark:bg-black/40 dark:shadow-[0_0_16px_rgba(255,255,255,.20)]"> 1285 <svg class="ml-1 h-5 w-5" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="m8 5 11 7-11 7V5Z"/></svg> 1286 </button> 1287 </div> 1288 </div> 1289 <div class="min-w-0 py-1"> 1290 <div class="flex items-start justify-between gap-3"> 1291 <div> 1292 <h4 class="m-0 text-[17px] font-extrabold tracking-[-.02em] text-[#071326] dark:text-white min-[520px]:text-[21px]">Nada</h4> 1293 <span class="mt-1 inline-flex rounded-full bg-blue-50 px-2 py-1 text-[12px] font-extrabold text-[#1357e8] dark:bg-[#07152f] dark:text-[#247cff] dark:ring-1 dark:ring-inset dark:ring-blue-500/25 min-[520px]:text-[14px]">9 months+</span> 1294 </div> 1295 <span class="flex shrink-0 items-center gap-1 text-[12px] font-semibold text-slate-600 dark:text-slate-300 min-[520px]:text-[14px]"> 1296 <img class="h-3.5 w-5 rounded-sm object-cover" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/flags/us.png?v=1.1" alt=""> 1297 USA 1298 </span> 1299 </div> 1300 <p class="mt-2 text-[13px] font-semibold leading-[1.32] text-[#071326] dark:text-slate-200 min-[520px]:text-[16px]"> 1301 "I knew English grammar, but I couldn't speak. Now I can <span class="text-[#1357e8] font-extrabold dark:text-[#247cff]">hold real conversations.</span>" 1302 </p> 1303 </div> 1304 </article> 1305 <article data-video-card class="grid grid-cols-[42%_1fr] items-center gap-4 roun
1305ded-[18px] bg-white p-3 shadow-[0_14px_36px_rgba(15,23,42,.07)] dark:bg-[#080d1d] dark:shadow-[0_0_20px_rgba(15,23,42,.44)] dark:ring-1 dark:ring-inset dark:ring-slate-700/80"> 1306 <div class="relative h-[112px] overflow-hidden rounded-[14px] bg-slate-200 dark:bg-slate-900 min-[520px]:h-[136px]"> 1307 1308 <video class="absolute inset-0 h-full w-full object-cover" playsinline preload="none" 1309 poster="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/thumbnails/3.webp?v=1.1" 1310 data-hls-src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/videos/3-encrypted/3.m3u8?v=1.1"></video> 1311 <div data-video-overlay class="absolute inset-0 transition duration-300"> 1312 <button type="button" data-play-video aria-label="Play video" class="absolute inset-0 m-auto grid h-12 w-12 place-items-center rounded-full border-2 border-white bg-black/25 text-white dark:bg-black/40 dark:shadow-[0_0_16px_rgba(255,255,255,.20)]"> 1313 <svg class="ml-1 h-5 w-5" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="m8 5 11 7-11 7V5Z"/></svg> 1314 </button> 1315 </div> 1316 </div> 1317 <div class="min-w-0 py-1"> 1318 <div class="flex items-start justify-between gap-3"> 1319 <div> 1320 <h4 class="m-0 text-[17px] font-extrabold tracking-[-.02em] text-[#071326] dark:text-white min-[520px]:text-[21px]">Mohamed</h4> 1321 <span class="mt-1 inline-flex rounded-full bg-blue-50 px-2 py-1 text-[12px] font-extrabold text-[#1357e8] dark:bg-[#07152f] dark:text-[#247cff] dark:ring-1 dark:ring-inset dark:ring-blue-500/25 min-[520px]:text-[14px]">6 months+</span> 1322 </div> 1323 <span class="flex shrink-0 items-center gap-1 text-[12px] font-semibold text-slate-600 dark:text-slate-300 min-[520px]:text-[14px]"> 1324 <img class="h-3.5 w-5 rounded-sm object-cover" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/flags/tr.png?v=1.1" alt=""> 1325 Turkey 1326 </span> 1327 </div> 1328 <p class="mt-2 text-[13px] font-semibold leading-[1.32] text-[#071326] dark:text-slate-200 min-[520px]:text-[16px]"> 1329 "I always got nervous when speaking English. Now I <span class="text-[#1357e8] font-extrabold dark:text-[#247cff]">enjoy talking.</span>" 1330 </p> 1331 </div> 1332 </article> 1333 <article data-video-card class="grid grid-cols-[42%_1fr] items-center gap-4 roun
1333ded-[18px] bg-white p-3 shadow-[0_14px_36px_rgba(15,23,42,.07)] dark:bg-[#080d1d] dark:shadow-[0_0_20px_rgba(15,23,42,.44)] dark:ring-1 dark:ring-inset dark:ring-slate-700/80"> 1334 <div class="relative h-[112px] overflow-hidden rounded-[14px] bg-slate-200 dark:bg-slate-900 min-[520px]:h-[136px]"> 1335 1336 <video class="absolute inset-0 h-full w-full object-cover" playsinline preload="none" 1337 poster="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/thumbnails/4.webp?v=1.1" 1338 data-hls-src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/videos/4-encrypted/4.m3u8?v=1.1"></video> 1339 <div data-video-overlay class="absolute inset-0 transition duration-300"> 1340 <button type="button" data-play-video aria-label="Play video" class="absolute inset-0 m-auto grid h-12 w-12 place-items-center rounded-full border-2 border-white bg-black/25 text-white dark:bg-black/40 dark:shadow-[0_0_16px_rgba(255,255,255,.20)]"> 1341 <svg class="ml-1 h-5 w-5" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="m8 5 11 7-11 7V5Z"/></svg> 1342 </button> 1343 </div> 1344 </div> 1345 <div class="min-w-0 py-1"> 1346 <div class="flex items-start justify-between gap-3"> 1347 <div> 1348 <h4 class="m-0 text-[17px] font-extrabold tracking-[-.02em] text-[#071326] dark:text-white min-[520px]:text-[21px]">Abir</h4> 1349 <span class="mt-1 inline-flex rounded-full bg-blue-50 px-2 py-1 text-[12px] font-extrabold text-[#1357e8] dark:bg-[#07152f] dark:text-[#247cff] dark:ring-1 dark:ring-inset dark:ring-blue-500/25 min-[520px]:text-[14px]">4 months+</span> 1350 </div> 1351 <span class="flex shrink-0 items-center gap-1 text-[12px] font-semibold text-slate-600 dark:text-slate-300 min-[520px]:text-[14px]"> 1352 <img class="h-3.5 w-5 rounded-sm object-cover" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/flags/qa.png?v=1.1" alt=""> 1353 Qatar 1354 </span> 1355 </div> 1356 <p class="mt-2 text-[13px] font-semibold leading-[1.32] text-[#071326] dark:text-slate-200 min-[520px]:text-[16px]"> 1357 "I had nobody to practice with. Now I <span class="text-[#1357e8] font-extrabold dark:text-[#247cff]">speak English every week.</span>" 1358 </p> 1359 </div> 1360 </article> 1361 <article data-video-card class="grid grid-cols-[42%_1fr] items-center gap-4 roun
1361ded-[18px] bg-white p-3 shadow-[0_14px_36px_rgba(15,23,42,.07)] dark:bg-[#080d1d] dark:shadow-[0_0_20px_rgba(15,23,42,.44)] dark:ring-1 dark:ring-inset dark:ring-slate-700/80"> 1362 <div class="relative h-[112px] overflow-hidden rounded-[14px] bg-slate-200 dark:bg-slate-900 min-[520px]:h-[136px]"> 1363 1364 <video class="absolute inset-0 h-full w-full object-cover" playsinline preload="none" 1365 poster="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/thumbnails/5.webp?v=1.1" 1366 data-hls-src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/videos/5-encrypted/5.m3u8?v=1.1"></video> 1367 <div data-video-overlay class="absolute inset-0 transition duration-300"> 1368 <button type="button" data-play-video aria-label="Play video" class="absolute inset-0 m-auto grid h-12 w-12 place-items-center rounded-full border-2 border-white bg-black/25 text-white dark:bg-black/40 dark:shadow-[0_0_16px_rgba(255,255,255,.20)]"> 1369 <svg class="ml-1 h-5 w-5" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="m8 5 11 7-11 7V5Z"/></svg> 1370 </button> 1371 </div> 1372 </div> 1373 <div class="min-w-0 py-1"> 1374 <div class="flex items-start justify-between gap-3"> 1375 <div> 1376 <h4 class="m-0 text-[17px] font-extrabold tracking-[-.02em] text-[#071326] dark:text-white min-[520px]:text-[21px]">Fatima</h4> 1377 <span class="mt-1 inline-flex rounded-full bg-blue-50 px-2 py-1 text-[12px] font-extrabold text-[#1357e8] dark:bg-[#07152f] dark:text-[#247cff] dark:ring-1 dark:ring-inset dark:ring-blue-500/25 min-[520px]:text-[14px]">5 months+</span> 1378 </div> 1379 <span class="flex shrink-0 items-center gap-1 text-[12px] font-semibold text-slate-600 dark:text-slate-300 min-[520px]:text-[14px]"> 1380 <img class="h-3.5 w-5 rounded-sm object-cover" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/flags/fr.png?v=1.1" alt=""> 1381 France 1382 </span> 1383 </div> 1384 <p class="mt-2 text-[13px] font-semibold leading-[1.32] text-[#071326] dark:text-slate-200 min-[520px]:text-[16px]"> 1385 "I kept forgetting what I learned. The practice groups <span class="text-[#1357e8] font-extrabold dark:text-[#247cff]">helped me remember.</span>" 1386 </p> 1387 </div> 1388 </article> 1389 <article data-video-card class="grid grid-cols-[42%_1fr] items-center gap-4 roun
1389ded-[18px] bg-white p-3 shadow-[0_14px_36px_rgba(15,23,42,.07)] dark:bg-[#080d1d] dark:shadow-[0_0_20px_rgba(15,23,42,.44)] dark:ring-1 dark:ring-inset dark:ring-slate-700/80"> 1390 <div class="relative h-[112px] overflow-hidden rounded-[14px] bg-slate-200 dark:bg-slate-900 min-[520px]:h-[136px]"> 1391 1392 <video class="absolute inset-0 h-full w-full object-cover" playsinline preload="none" 1393 poster="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/thumbnails/6.webp?v=1.1" 1394 data-hls-src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/videos/7-encrypted/7.m3u8?v=1.1"></video> 1395 <div data-video-overlay class="absolute inset-0 transition duration-300"> 1396 <button type="button" data-play-video aria-label="Play video" class="absolute inset-0 m-auto grid h-12 w-12 place-items-center rounded-full border-2 border-white bg-black/25 text-white dark:bg-black/40 dark:shadow-[0_0_16px_rgba(255,255,255,.20)]"> 1397 <svg class="ml-1 h-5 w-5" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="m8 5 11 7-11 7V5Z"/></svg> 1398 </button> 1399 </div> 1400 </div> 1401 <div class="min-w-0 py-1"> 1402 <div class="flex items-start justify-between gap-3"> 1403 <div> 1404 <h4 class="m-0 text-[17px] font-extrabold tracking-[-.02em] text-[#071326] dark:text-white min-[520px]:text-[21px]">Samir</h4> 1405 <span class="mt-1 inline-flex rounded-full bg-blue-50 px-2 py-1 text-[12px] font-extrabold text-[#1357e8] dark:bg-[#07152f] dark:text-[#247cff] dark:ring-1 dark:ring-inset dark:ring-blue-500/25 min-[520px]:text-[14px]">7 months+</span> 1406 </div> 1407 <span class="flex shrink-0 items-center gap-1 text-[12px] font-semibold text-slate-600 dark:text-slate-300 min-[520px]:text-[14px]"> 1408 <img class="h-3.5 w-5 rounded-sm object-cover" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/flags/de.png?v=1.1" alt=""> 1409 Germany 1410 </span> 1411 </div> 1412 <p class="mt-2 text-[13px] font-semibold leading-[1.32] text-[#071326] dark:text-slate-200 min-[520px]:text-[16px]"> 1413 "I wasn't seeing progress. Now I feel <span class="text-[#1357e8] font-extrabold dark:text-[#247cff]">more confident every month.</span>" 1414 </p> 1415 </div> 1416 </article> 1417 <article data-video-card class="grid grid-cols-[42%_1fr] items-center gap-4 roun
1417ded-[18px] bg-white p-3 shadow-[0_14px_36px_rgba(15,23,42,.07)] dark:bg-[#080d1d] dark:shadow-[0_0_20px_rgba(15,23,42,.44)] dark:ring-1 dark:ring-inset dark:ring-slate-700/80"> 1418 <div class="relative h-[112px] overflow-hidden rounded-[14px] bg-slate-200 dark:bg-slate-900 min-[520px]:h-[136px]"> 1419 1420 <video class="absolute inset-0 h-full w-full object-cover" playsinline preload="none" 1421 poster="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/thumbnails/8.webp?v=1.1" 1422 data-hls-src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/videos/8-encrypted/8.m3u8?v=1.1"></video> 1423 <div data-video-overlay class="absolute inset-0 transition duration-300"> 1424 <button type="button" data-play-video aria-label="Play video" class="absolute inset-0 m-auto grid h-12 w-12 place-items-center rounded-full border-2 border-white bg-black/25 text-white dark:bg-black/40 dark:shadow-[0_0_16px_rgba(255,255,255,.20)]"> 1425 <svg class="ml-1 h-5 w-5" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="m8 5 11 7-11 7V5Z"/></svg> 1426 </button> 1427 </div> 1428 </div> 1429 <div class="min-w-0 py-1"> 1430 <div class="flex items-start justify-between gap-3"> 1431 <div> 1432 <h4 class="m-0 text-[17px] font-extrabold tracking-[-.02em] text-[#071326] dark:text-white min-[520px]:text-[21px]">Youssef</h4> 1433 <span class="mt-1 inline-flex rounded-full bg-blue-50 px-2 py-1 text-[12px] font-extrabold text-[#1357e8] dark:bg-[#07152f] dark:text-[#247cff] dark:ring-1 dark:ring-inset dark:ring-blue-500/25 min-[520px]:text-[14px]">8 months+</span> 1434 </div> 1435 <span class="flex shrink-0 items-center gap-1 text-[12px] font-semibold text-slate-600 dark:text-slate-300 min-[520px]:text-[14px]"> 1436 <img class="h-3.5 w-5 rounded-sm object-cover" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/flags/es.png?v=1.1" alt=""> 1437 Spain 1438 </span> 1439 </div> 1440 <p class="mt-2 text-[13px] font-semibold leading-[1.32] text-[#071326] dark:text-slate-200 min-[520px]:text-[16px]"> 1441 "I understood English, but I couldn't answer quickly. Now <span class="text-[#1357e8] font-extrabold dark:text-[#247cff]">conversations feel natural.</span>" 1442 </p> 1443 </div> 1444 </article> 1445 <article data-video-card class="grid grid-cols-[42%_1fr] items-center gap-4 roun
1445ded-[18px] bg-white p-3 shadow-[0_14px_36px_rgba(15,23,42,.07)] dark:bg-[#080d1d] dark:shadow-[0_0_20px_rgba(15,23,42,.44)] dark:ring-1 dark:ring-inset dark:ring-slate-700/80"> 1446 <div class="relative h-[112px] overflow-hidden rounded-[14px] bg-slate-200 dark:bg-slate-900 min-[520px]:h-[136px]"> 1447 1448 <video class="absolute inset-0 h-full w-full object-cover" playsinline preload="none" 1449 poster="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/thumbnails/9.webp?v=1.1" 1450 data-hls-src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/videos/9-encrypted/9.m3u8?v=1.1"></video> 1451 <div data-video-overlay class="absolute inset-0 transition duration-300"> 1452 <button type="button" data-play-video aria-label="Play video" class="absolute inset-0 m-auto grid h-12 w-12 place-items-center rounded-full border-2 border-white bg-black/25 text-white dark:bg-black/40 dark:shadow-[0_0_16px_rgba(255,255,255,.20)]"> 1453 <svg class="ml-1 h-5 w-5" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="m8 5 11 7-11 7V5Z"/></svg> 1454 </button> 1455 </div> 1456 </div> 1457 <div class="min-w-0 py-1"> 1458 <div class="flex items-start justify-between gap-3"> 1459 <div> 1460 <h4 class="m-0 text-[17px] font-extrabold tracking-[-.02em] text-[#071326] dark:text-white min-[520px]:text-[21px]">Emma</h4> 1461 <span class="mt-1 inline-flex rounded-full bg-blue-50 px-2 py-1 text-[12px] font-extrabold text-[#1357e8] dark:bg-[#07152f] dark:text-[#247cff] dark:ring-1 dark:ring-inset dark:ring-blue-500/25 min-[520px]:text-[14px]">6 months+</span> 1462 </div> 1463 <span class="flex shrink-0 items-center gap-1 text-[12px] font-semibold text-slate-600 dark:text-slate-300 min-[520px]:text-[14px]"> 1464 <img class="h-3.5 w-5 rounded-sm object-cover" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/flags/ca.png?v=1.1" alt=""> 1465 Canada 1466 </span> 1467 </div> 1468 <p class="mt-2 text-[13px] font-semibold leading-[1.32] text-[#071326] dark:text-slate-200 min-[520px]:text-[16px]"> 1469 "I was embarrassed by my accent. Now I <span class="text-[#1357e8] font-extrabold dark:text-[#247cff]">speak without worrying</span> what others think." 1470 </p> 1471 </div> 1472 </article> 1473 </div> 1474 1475 </section> 1476 1477 <section data-reviews-section class="mt-12 text-center min-[520px]:mt-16" aria-labelledby="reviews-title"> 1478 <div class="mx-auto"> 1479 <div data-review-trust-pill class="mx-auto inline-flex items-center gap-2 rounded-full bg-[#f2fbf7] px-4 py-2 text-[14px] font-extrabold text-[#071326] shadow-[0_10px_24px_rgba(15,23,42,.05)] dark:bg-[#07111f] dark:text-slate-300 dark:shadow-[0_0_18px_rgba(16,185,129,.14)] dark:ring-1 dark:ring-inset dark:ring-slate-700/80 min-[520px]:text-[15px] "> 1480 <span class="grid h-5 w-5 place-items-center rounded-full bg-emerald-500 text-white dark:bg-emerald-400 dark:shadow-[0_0_12px_rgba(52,211,153,.52)]"> 1481 <svg class="h-3.5 w-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="m7 12 3 3 7-7"/></svg> 1482 </span> 1483 1484 Trusted by students, <span class="dark:text-emerald-400">every day</span> 1485 </div> 1486 1487 <h2 id="reviews-title" class="mt-4 scroll-mt-32 text-[34px] font-extrabold leading-[1.04] tracking-[-.05em] text-[#071326] dark:text-white min-[520px]:text-[58px]"> 1488 3,369 reviews.<br>
1489 <span class="text-[#1357e8] dark:text-[#247cff]">4.9 out of 5.</span> 1490 </h2> 1491 <p class="mx-auto mt-3 max-w-[560px] text-[15px] font-semibold leading-[1.45] text-[#4a5870] dark:text-slate-300 min-[520px]:text-[20px]"> 1492 From students in 80+ countries who improved their English with us. 1493 </p> 1494 <div class="min-[900px]:grid min-[900px]:grid-cols-2 min-[900px]:gap-3"> 1495 <div class="mt-6 grid min-[900px]:grid-cols-1 gap-5 rounded-[24px] border border-slate-100 bg-white p-5 text-left shadow-[0_16px_44px_rgba(15,23,42,.06)] dark:border-blue-500/35 dark:bg-[#050b18] dark:shadow-[0_0_24px_rgba(19,87,232,.16)] min-[640px]:grid-cols-[.78fr_1fr] min-[640px]:items-center min-[640px]:gap-6"> 1496 <div class="text-center min-[640px]:border-r min-[640px]:border-slate-200 dark:border-slate-700 min-[640px]:pr-6"> 1497 <p class="m-0 text-[66px] font-extrabold leading-none tracking-[-.06em] text-[#071326] dark:text-white min-[520px]:text-[86px]">4.9</p> 1498 <div class="mt-2 flex justify-center gap-1 text-[24px] leading-none text-amber-400 dark:text-yellow-400 dark:drop-shadow-[0_0_7px_rgba(250,204,21,.72)]" aria-label="5 out of 5 stars"> 1499 <span>â </span><span>â </span><span>â </span><span>â </span><span>â </span> 1500 </div> 1501 <p class="mt-2 text-[13px] font-semibold text-[#4a5870] dark:text-slate-300">out of 5</p> 1502 <p class="mt-2 inline-flex items-center gap-1.5 text-[13px] font-extrabold text-[#1357e8] dark:text-[#247cff]"> 1503 <svg class="h-4 w-4" viewBox="0 0 24 24" fill="currentColor"><path d="M8 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm8.5 1a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7ZM2 21a6 6 0 0 1 12 0v1H2v-1Zm11.5 1H22v-1a5.5 5.5 0 0 0-8.4-4.7A7.9 7.9 0 0 1 15.5 21v1Z"/></svg> 1504 3,369 reviews 1505 </p> 1506 <p class="mt-1 inline-flex items-center gap-1.5 text-[12px] font-bold text-[#4a5870] dark:text-slate-200"> 1507 <span class="grid h-4 w-4 place-items-center rounded-full bg-emerald-500 text-white dark:bg-emerald-400 dark:shadow-[0_0_10px_rgba(52,211,153,.50)]"> 1508 <svg class="h-3 w-3" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><path d="m6 12 4 4 8-8"/></svg> 1509 </span> 1510 100% verified reviews 1511 </p> 1512 </div> 1513 1514 <div class="grid gap-3"> 1515 <div class="grid grid-cols-[34px_1fr_38px] items-center gap-2"> 1516 <span class="whitespace-nowrap text-[13px] font-bold text-[#4a5870] dark:text-slate-200">5 <span class="text-amber-400 dark:text-yellow-400 dark:drop-shadow-[0_0_6px_rgba(250,204,21,.68)]">â </span></span> 1517 <span class="h-2.5 overflow-hidden rounded-full bg-slate-100 dark:bg-slate-800"> 1518 <span class="block h-full rounded-full bg-[#1357e8] dark:bg-[#247cff] dark:shadow-[0_0_10px_rgba(36,124,255,.62)]" style="width: 93%"></span> 1519 </span> 1520 <span class="text-right text-[12px] font-bold text-[#4a5870] dark:text-slate-200">93%</span> 1521 </div> 1522 <div class="grid grid-cols-[34px_1fr_38px] items-center gap-2"> 1523 <span class="whitespace-nowrap text-[13px] font-bold text-[#4a5870] dark:text-slate-200">4 <span class="text-amber-400 dark:text-yellow-400 dark:drop-shadow-[0_0_6px_rgba(250,204,21,.68)]">â </span></span> 1524 <span class="h-2.5 overflow-hidden rounded-full bg-slate-100 dark:bg-slate-800"> 1525 <span class="block h-full rounded-full bg-[#1357e8] dark:bg-[#247cff] dark:shadow-[0_0_10px_rgba(36,124,255,.62)]" style="width: 5%"></span> 1526 </span>
1527 <span class="text-right text-[12px] font-bold text-[#4a5870] dark:text-slate-200">5%</span> 1528 </div> 1529 <div class="grid grid-cols-[34px_1fr_38px] items-center gap-2"> 1530 <span class="whitespace-nowrap text-[13px] font-bold text-[#4a5870] dark:text-slate-200">3 <span class="text-amber-400 dark:text-yellow-400 dark:drop-shadow-[0_0_6px_rgba(250,204,21,.68)]">â </span></span> 1531 <span class="h-2.5 overflow-hidden rounded-full bg-slate-100 dark:bg-slate-800"> 1532 <span class="block h-full rounded-full bg-[#1357e8] dark:bg-[#247cff] dark:shadow-[0_0_10px_rgba(36,124,255,.62)]" style="width: 1%"></span> 1533 </span> 1534 <span class="text-right text-[12px] font-bold text-[#4a5870] dark:text-slate-200">1%</span> 1535 </div> 1536 <div class="grid grid-cols-[34px_1fr_38px] items-center gap-2"> 1537 <span class="whitespace-nowrap text-[13px] font-bold text-[#4a5870] dark:text-slate-200">2 <span class="text-amber-400 dark:text-yellow-400 dark:drop-shadow-[0_0_6px_rgba(250,204,21,.68)]">â </span></span> 1538 <span class="h-2.5 overflow-hidden rounded-full bg-slate-100 dark:bg-slate-800"> 1539 <span class="block h-full rounded-full bg-[#1357e8] dark:bg-[#247cff] dark:shadow-[0_0_10px_rgba(36,124,255,.62)]" style="width: 1%"></span> 1540 </span> 1541 <span class="text-right text-[12px] font-bold text-[#4a5870] dark:text-slate-200"><1%</span> 1542 </div> 1543 <div class="grid grid-cols-[34px_1fr_38px] items-center gap-2"> 1544 <span class="whitespace-nowrap text-[13px] font-bold text-[#4a5870] dark:text-slate-200">1 <span class="text-amber-400 dark:text-yellow-400 dark:drop-shadow-[0_0_6px_rgba(250,204,21,.68)]">â </span></span> 1545 <span class="h-2.5 overflow-hidden rounded-full bg-slate-100 dark:bg-slate-800"> 1546 <span class="block h-full rounded-full bg-[#1357e8] dark:bg-[#247cff] dark:shadow-[0_0_10px_rgba(36,124,255,.62)]" style="width: 1%"></span> 1547 </span> 1548 <span class="text-right text-[12px] font-bold text-[#4a5870] dark:text-slate-200"><1%</span> 1549 </div> 1550 </div> 1551 </div> 1552 <div> 1553 <div class="mt-5 grid gap-3 text-left"> 1554 <article class=" rounded-[20px] border border-slate-100 bg-white p-4 shadow-[0_14px_36px_rgba(15,23,42,.06)] dark:border-slate-700/80 dark:bg-[#050b18] dark:shadow-[0_0_20px_rgba(15,23,42,.46)]"> 1555 <div class="grid grid-cols-[auto_1fr_auto] items-start gap-3"> 1556 <div class="grid h-12 w-12 shrink-0 place-items-center rounded-full bg-[#eaf3ff] text-lg font-bold uppercase text-[#1d4ed8] shadow-[0_10px_22px_rgba(37,99,235,.10)] ring-1 ring-[#bfdbfe] dark:bg-[#07152f] dark:text-blue-100 dark:shadow-[0_0_16px_rgba(36,124,255,.24)] dark:ring-blue-500/65"> 1557 S 1558 </div> 1559 <div class="min-w-0"> 1560 <div class="flex flex-wrap items-center gap-x-2 gap-y-1"> 1561 <h3 class="m-0 text-[15px] font-extrabold text-[#071326] dark:text-white min-[520px]:text-[19px]">Samira</h3> 1562 <img class="h-3.5 w-5 rounded-sm object-cover" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/flags/us.png?v=1.1" alt="">
1563 <span class="text-[12px] font-semibold text-[#4a5870] dark:text-slate-300">USA</span> 1564 </div> 1565 <span class="mt-1 inline-flex rounded-full bg-blue-50 px-2 py-1 text-[11px] font-extrabold text-[#1357e8] dark:bg-[#07152f] dark:text-[#247cff] dark:ring-1 dark:ring-inset dark:ring-blue-500/25">9 months with us</span> 1566 </div> 1567 <div class="text-right"> 1568 <div class="whitespace-nowrap text-[12px] text-amber-400 dark:text-yellow-400 dark:drop-shadow-[0_0_6px_rgba(250,204,21,.62)]">â â â â â </div> 1569 <p class="mt-1 whitespace-nowrap text-[10px] font-semibold text-[#64748b] dark:text-slate-400 min-[520px]:text-xs">2 days ago</p> 1570 </div> 1571 </div> 1572 1573 <h4 class="mt-3 text-[13px] font-extrabold leading-[1.35] text-[#071326] dark:text-white min-[520px]:text-[16px]">âYour passion for teaching English truly shows in every lesson. You create a welcoming classroom environment where everyone feels valued and motivated.â</h4> 1574 <p class="mt-2 text-[11px] font-semibold leading-[1.42] text-[#071326] dark:text-slate-200 min-[520px]:text-[14px]"></p> 1575 1576 <div class="mt-3 grid grid-cols-[1fr_1fr_1fr_auto] gap-2"> 1577 <img class="h-12 w-full rounded-[10px] object-cover min-[520px]:h-16" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/review.webp?v=1.1" alt="" loading="lazy"> 1578 <img class="h-12 w-full rounded-[10px] object-cover min-[520px]:h-16" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/review-2.webp?v=1.1" alt="" loading="lazy"> 1579 <img class="h-12 w-full rounded-[10px] object-cover min-[520px]:h-16" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/review-3.webp?v=1.1" alt="" loading="lazy"> 1580 <span class="grid h-12 rounded-[10px] bg-violet-50 px-2 text-center text-[14px] font-extrabold text-[#071326] dark:bg-[#07152f] dark:text-blue-100 dark:ring-1 dark:ring-inset dark:ring-blue-500/30 min-[520px]:h-16">+3<br><span class="text-[10px]">photos</span></span> 1581 </div> 1582 <div class="mt-3 flex items-center justify-between text-[10px] font-semibold text-[#64748b] dark:text-slate-400 min-[520px]:text-xs"> 1583 <span>Was this review helpful?</span> 1584 <span class="inline-flex items-center gap-3"> 1585 <span>ð 128</span> 1586 <span>ð 4</span> 1587 </span> 1588 <span>Report</span> 1589 </div> 1590 </article> 1591 <article class="min-[900px]:hidden rounded-[20px] border border-slate-100 bg-white p-4 shadow-[0_14px_36px_rgba(15,23,42,.06)] dark:border-slate-700/80 dark:bg-[#050b18] dark:shadow-[0_0_20px_rgba(15,23,42,.46)]"> 1592 <div class="grid grid-cols-[auto_1fr_auto] items-start gap-3"> 1593 <div class="grid h-12 w-12 shrink-0 place-items-center rounded-full bg-[#eaf3ff] text-lg font-bold uppercase text-[#1d4ed8] shadow-[0_10px_22px_rgba(37,99,235,.10)] ring-1 ring-[#bfdbfe] dark:bg-[#07152f] dark:text-blue-100 dar
1593k:shadow-[0_0_16px_rgba(36,124,255,.24)] dark:ring-blue-500/65"> 1594 M 1595 </div> 1596 <div class="min-w-0"> 1597 <div class="flex flex-wrap items-center gap-x-2 gap-y-1"> 1598 <h3 class="m-0 text-[15px] font-extrabold text-[#071326] dark:text-white min-[520px]:text-[19px]">Marwa</h3> 1599 <img class="h-3.5 w-5 rounded-sm object-cover" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/flags/fr.png?v=1.1" alt=""> 1600 <span class="text-[12px] font-semibold text-[#4a5870] dark:text-slate-300">France</span> 1601 </div> 1602 <span class="mt-1 inline-flex rounded-full bg-blue-50 px-2 py-1 text-[11px] font-extrabold text-[#1357e8] dark:bg-[#07152f] dark:text-[#247cff] dark:ring-1 dark:ring-inset dark:ring-blue-500/25">7 months with us</span> 1603 </div> 1604 <div class="text-right"> 1605 <div class="whitespace-nowrap text-[12px] text-amber-400 dark:text-yellow-400 dark:drop-shadow-[0_0_6px_rgba(250,204,21,.62)]">â â â â â </div> 1606 <p class="mt-1 whitespace-nowrap text-[10px] font-semibold text-[#64748b] dark:text-slate-400 min-[520px]:text-xs">1 week ago</p> 1607 </div> 1608 </div> 1609 1610 <h4 class="mt-3 text-[13px] font-extrabold leading-[1.35] text-[#071326] dark:text-white min-[520px]:text-[16px]">âJâavance bien. Miss Loujaine explique de façon facile et bonne. Merci pour vos efforts.â</h4> 1611 <p class="mt-2 text-[11px] font-semibold leading-[1.42] text-[#071326] dark:text-slate-200 min-[520px]:text-[14px]"></p> 1612 1613 </article> 1614 <article class=" rounded-[20px] border border-slate-100 bg-white p-4 shadow-[0_14px_36px_rgba(15,23,42,.06)] dark:border-slate-700/80 dark:bg-[#050b18] dark:shadow-[0_0_20px_rgba(15,23,42,.46)]"> 1615 <div class="grid grid-cols-[auto_1fr_auto] items-start gap-3"> 1616 <div class="grid h-12 w-12 shrink-0 place-items-center rounded-full bg-[#eaf3ff] text-lg font-bold uppercase text-[#1d4ed8] shadow-[0_10px_22px_rgba(37,99,235,.10)] ring-1 ring-[#bfdbfe] dark:bg-[#07152f] dark:text-blue-100 dark:shadow-[0_0_16px_rgba(36,124,255,.24)] dark:ring-blue-500/65"> 1617 A 1618 </div> 1619 <div class="min-w-0"> 1620 <div class="flex flex-wrap items-center gap-x-2 gap-y-1"> 1621 <h3 class="m-0 text-[15px] font-extrabold text-[#071326] dark:text-white min-[520px]:text-[19px]">Adil</h3> 1622 <img class="h-3.5 w-5 rounded-sm object-cover" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/flags/sa.png?v=1.1" alt=""> 1623 <span class="text-[12px] font-semibold text-[#4a5870] dark:text-slate-300">Saudi Arabia</span> 1624 </div> 1625 <span class="mt-1 inline-flex rounded-full bg-blue-50 px-2 py-1 text-[11px] font-extrabold text-[#1357e8] dark:bg-[#07152f] dark:text-[#247cff] dark:ring-1 dark:ring-inset dark:ring-blue-500/25">10 months with us</span> 1626 </div> 1627 <div class="text-right"> 1628 <div class="whitespace-nowrap text-[12px] text-amber-400 dark:text-yellow-400 dark:drop-shadow-[0_0_6px_rgba(250,204,21,.62)]">â â â â â </div> 1629 <p class="mt-1 whitespace-nowrap text-[10px] font-semibold text-[#64748b] dark:text-slate-400 min-[520px]:text-xs">2 weeks ago</p> 1630 </div> 1631 </div> 1632 1633 <h4 class="mt-3 text-[13px] font-extrabold leading-[1.35] text-[#071326] dark:text-white min-[520px]:text-[16
1633px]">âØ£ÙØ¯ أ٠أÙÙÙ Ø¥Ù Ù Ø±ÙØ²ÙÙ Ù Ù ØªØ§Ø²Ø ÙØ§Ùأستاذة ÙØ±Ø¬Ø³ أستاذة رائعة. تبذ٠٠جÙÙØ¯Ùا ÙØ¨ÙØ±ÙØ§ Ù٠ساعدتÙ.â</h4> 1634 <p class="mt-2 text-[11px] font-semibold leading-[1.42] text-[#071326] dark:text-slate-200 min-[520px]:text-[14px]"></p> 1635 1636 </article> 1637 </div> 1638 1639 <a class="mt-4 flex items-center justify-center gap-2 rounded-[12px] border border-blue-200 bg-white px-4 py-3 text-[14px] font-extrabold text-[#1357e8] shadow-[0_8px_22px_rgba(15,23,42,.04)] dark:border-blue-500/70 dark:bg-[#050b18] dark:text-blue-100 dark:shadow-[0_0_18px_rgba(19,87,232,.20)] min-[520px]:text-[17px]" href="https://bostonenglishcenter.com/membership/reviews/en"> 1640 <svg class="h-5 w-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2"><path d="M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4v8Z"/></svg> 1641 Read all 3,369 reviews 1642 <svg class="ml-auto h-5 w-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4"><path d="M5 12h14M13 5l7 7-7 7"/></svg> 1643 </a> 1644 </div> 1645 1646 </div> 1647 1648 1649 <div class="mt-5 rounded-[18px] bg-[#eef5ff] p-4 text-left dark:bg-[#050b18] dark:shadow-[0_0_20px_rgba(15,23,42,.42)] dark:ring-1 dark:ring-inset dark:ring-slate-700/80"> 1650 <div class="flex items-center gap-3"> 1651 <span class="grid h-12 w-12 shrink-0 place-items-center rounded-full bg-emerald-500 text-white dark:bg-emerald-950 dark:shadow-[0_0_16px_rgba(16,185,129,.26)] dark:ring-1 dark:ring-inset dark:ring-emerald-500/65"> 1652 <svg class="h-8 w-8" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2"><path d="M12 2 14.2 5.4 18 4.7l.6 3.9L22 10.6 19.3 13.5 20.2 17.3 16.4 18.3 14.6 21.8 12 19 9.4 21.8 7.6 18.3 3.8 17.3 4.7 13.5 2 10.6 5.4 8.6 6 4.7l3.8.7L12 2Z"/><path d="m8.8 12.2 2.1 2.1 4.4-5"/></svg> 1653 </span> 1654 <div> 1655 <p class="m-0 text-[15px] font-extrabold text-[#071326] dark:text-white min-[520px]:text-[18px]">Thousands of students. <span class="dark:text-emerald-400">Real results.</span> Real stories.</p> 1656 <p class="mt-1 text-[12px] font-semibold text-[#4a5870] dark:text-slate-300 min-[520px]:text-[15px]">Join a community that helps you speak English with confidence.</p> 1657 </div> 1658 </div> 1659 <a class="min-[900px]:hidden mt-4 flex w-full items-center justify-center gap-3 rounded-[14px] bg-[#1357e8] px-5 py-4 text-[17px] font-extrabold text-white shadow-[0_16px_34px_rgba(19,87,232,.25)] dark:bg-gradient-to-r dark:from-[#0875ff] dark:to-[#063ccc] dark:shadow-[0_0_24px_rgba(19,87,232,.52)] dark:ring-1 dark:ring-inset dark:ring-blue-400/70" href="#payment-title"> 1660 Start your journey today 1661 <svg class="h-5 w-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 5l7 7-7 7"/></svg> 1662 </a> 1663 <p class="min-[900px]:hidden mt-3 flex items-center justify-center gap-2 text-center text-[12px] font-semibold text-[#4a5870] dark:text-slate-400"> 1664 <svg class="h-4 w-4 text-[#1357e8] dark:text-[#247cff] dark:drop-shadow-[0_0_7px_rgba(36,124,255,.60)]" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z"/><path d="m9 12 2 2 4-5"/></svg> 1665 Cancel anytime. No hidden fees. 1666 </p> 1667 </div> 1668 </div> 1669 </section> 1670 1671 <section id="payment-title" data-signup-section class="min-[900px]:grid min-[900px]:grid-cols-[1fr_1fr] min-[900px]:gap-3 -mx-5 min-[520px]:mx-0 mt-12 scroll-mt-24 bg-white px-4 pb-5 pt-5 text-center shadow-[0_20px_55px_rgba(15,23,42,.10)] dark:bg-[#020817] dark:shadow-[0_22px_64px_rgba(0,0,0,.34)] min-[420px]:px-5 min-[520px]:mt-16 min-[520px]:rounded-[34px] min-[520px]:px-7 min-[520px]:pb-7 min-[520px]:pt-7" aria-labelledby="signup-title"> 1672 <div> 1673 <div class="relative mx-auto h-[188px] max-w-[360px] overflow-hidden dark:bg-[radial-gradient(circle_at_50%_42%,rgba(109,40,217,.38),rgba(2,8,23,0)_63%)] min-[420px]:h-[205px]"> 1674 <img class="absolute bottom-[-18px] left-1/2 h-[248px] w-[270px] -translate-x-1/2 object-contain object-bottom dark:drop-shadow-[0_0_28px_rgba(124,58,237,.38)] min-[420px]:h-[270px] min-[420px]:w-[300px]" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/signup.webp?v=1.1" alt="English student practicing online" loading="lazy"> 1675 </div> 1676 1677 <h2 id="signup-title" class="mt-5 text-[29px] font-extrabold leading-[1.04] tracking-[-.055em] text-[#071326] dark:text-white min-[420px]:text-[34px]">Start Speaking English<br>With <span class="text-[#1357e8] dark:text-[#8b5cf6]">Confidence</span></h2> 1678 <p class="mx-auto mt-3 max-w-[520px] text-[17px] font-semibold leading-[1.38] text-[#64748b] dark:text-slate-300">Join thousands of students learning English every day.</p> 1679 1680 <form class="mt-6 grid gap-3" data-phone-validation action="https://bostonenglishcenter.com/initiateCheckout" method="post"> 1681 <input type="hidden" name="_token" value="HdXpL4QKCMKGHycN6UlnYkRLXG0wPg1bkxiMvpW3" autocomplete="off"> <input type="text" name="honeypot" style="display:none" value=""/> 1682 <label class="flex min-h-[62px] items-center gap-3 rounded-[15p
1682x] border border-slate-200 bg-white px-4 text-left dark:border-slate-700/80 dark:bg-[#050b18] dark:shadow-[0_0_16px_rgba(15,23,42,.40)]"> 1683 <svg class="h-7 w-7 shrink-0 text-[#64748b] dark:text-[#8b5cf6]" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="7" r="4"/><path d="M4 21a8 8 0 0 1 16 0"/></svg> 1684 <input class="min-w-0 flex-1 bg-transparent text-[17px] font-semibold text-[#071326] outline-none placeholder:text-[#94a3b8] dark:text-white dark:placeholder:text-slate-500" 1685 type="text" name="name" autocomplete="name" placeholder="Your Name" required> 1686 </label> 1687 <div> 1688 <div class="phone-input-row grid w-full min-w-0 grid-cols-[98px_minmax(0,1fr)] gap-2.5 min-[381px]:grid-cols-[104px_minmax(0,1fr)] min-[431px]:grid-cols-[140px_minmax(0,1fr)] min-[431px]:gap-3 min-[768px]:!grid-cols-[116px_minmax(0,1fr)] min-[768px]:!gap-3"> 1689 <div class="country-code-picker min-h-[62px] w-full min-[431px]:px-2 min-[768px]:!px-0 rounded-[12px] border border-[#dfe5ef] bg-white text-[#020b33] shadow-[inset_0_0_0_1px_rgba(2,11,51,.015)] dark:border-[#245184] dark:bg-[#010814] dark:text-white dark:shadow-[0_0_16px_rgba(8,117,255,.10),inset_0_0_0_1px_rgba(104,165,255,.08)] min-[431px]:min-h-[72px] min-[431px]:rounded-[14px] min-[768px]:!min-h-[62px]"> 1690 <input id="checkout-country-code" type="tel" aria-label="Country code selector"> 1691 </div> 1692 <div data-validation-shell="phone" class="validation-shell phone-number-field flex min-h-[62px] w-full min-w-0 items-center gap-2.5 rounded-[12px] border border-[#dfe5ef] bg-white px-3 text-[#5f6d84] shadow-[inset_0_0_0_1px_rgba(2,11,51,.015)] dark:border-[#245184] dark:bg-[#010814] dark:text-[#68a5ff] dark:shadow-[0_0_16px_rgba(8,117,255,.10),inset_0_0_0_1px_rgba(104,165,255,.08)] min-[431px]:min-h-[72px] min-[431px]:gap-4 min-[431px]:rounded-[14px] min-[431px]:px-4 min-[768px]:!min-h-[62px] min-[768px]:!gap-2.5"> 1693 <svg class="h-7 w-7 shrink-0 min-[431px]:h-9 min-[431px]:w-9 min-[768px]:!h-7 min-[768px]:!w-7" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M22 16.9v3a2 2 0 0 1-2.2 2 19.9 19.9 0 0 1-8.7-3.1 19.5 19.5 0 0 1-6-6A19.9 19.9 0 0 1 2 4.1 2 2 0 0 1 4 2h3a2 2 0 0 1 2 1.7c.1 1.1.4 2.2.7 3.2a2 2 0 0 1-.5 2.1L8 10.2a16 16 0 0 0 5.8 5.8l1.2-1.2a2 2 0 0 1 2.1-.5c1 .3 2.1.6 3.2.7A2 2 0 0 1 22 16.9Z"/></svg> 1694 <input id="checkout-phone" class="w-0 min-w-0 flex-1 border-0 bg-transparent text-[16px] font-medium text-[#020b33] outline-none placeholder:text-[#717789] dark:text-white dark:placeholder:text-[#a8adba] min-[431px]:text-[23px] min-[768px]:!text-[16px]" type="tel" name="phone" placeholder="Enter your phone number" autocomplete="tel" aria-describedby="checkout-phone-error" value=""> 1695 </div> 1696 </div> 1697 <p id="checkout-phone-error" data-validation-error="phone" class="field-error">Phone number is required.</p> 1698 </div> 1699 1700 <button class="mt-1 flex min-h-[62px] w-full items-center justify-center gap-3 rounded-[15px] bg-gradient-to-r from-[#3422eb] via-[#3f2dea] to-[#2648e8] px-4 text-[21px] font-extrabold text-white shadow-[0_14px_28px_rgba(52,34,235,.24)] dark:from-[#8b2fff] dark:via-[#6d28d9] dark:to-[#4c1d95] dark:shadow-[0_0_24px_rgba(124,58,237,.58)] dark:ring-1 dark:ring-inset dark:ring-violet-300/70" type="submit">Continue<svg class="h-7 w-7" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4"><path d="M5 12h14M13 5l7 7-7 7"/></svg></button> 1701 </form> 1702 1703 <p class="mt-4 flex items-center justify-center gap-2 text-[13px] font-semibold text-[#64748b] dark:text-slate-300"><svg class="h-5 w-5 text-emerald-500 dark:text-emerald-400 dark:drop-shadow-[0_0_8px_rgba(52,211,153,.65)]" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z"/>
1703<path d="m9 12 2 2 4-5"/></svg>Your information is safe and secure.</p> 1704 </div> 1705 1706 <div class="min-[900px]:h-fit mt-5 overflow-hidden rounded-[18px] bg-[#f7f7ff] px-3 gap-3 min-[900px]:px-6 min-[900px]:py-0 text-left dark:bg-[#050b18] dark:shadow-[0_0_20px_rgba(15,23,42,.42)] dark:ring-1 dark:ring-inset dark:ring-slate-700/80"> 1707 <article class="grid grid-cols-[48px_1fr] min-[900px]:grid-cols-[78px_1fr] items-center gap-3 min-[900px]:gap-6 min-[900px]:py-7 border-b border-slate-200/80 py-3.5 last:border-b-0 dark:border-slate-700/80"> 1708 <span class="grid h-12 w-12 min-[900px]:h-[78px] min-[900px]:w-[78px] place-items-center rounded-[15px] bg-[#f1edff] text-[#6d28d9] dark:bg-[#190d35] dark:text-[#a970ff] dark:shadow-[0_0_18px_rgba(139,77,232,.24)] dark:ring-1 dark:ring-inset dark:ring-violet-500/45"> 1709 <svg class="h-9 w-9 min-[900px]:h-[76px] min-[900px]:w-[76px]" viewBox="0 0 96 96" fill="none"><path d="M48 15c21 0 37 13.2 37 30.4 0 17-16 30.4-37 30.4-4.7 0-9.2-.7-13.3-2.1L17 81l4.7-18.3C15 57.4 11 51.6 11 45.4 11 28.2 27 15 48 15Z" fill="currentColor"/><circle cx="33" cy="45" r="5" fill="white"/><circle cx="48" cy="45" r="5" fill="white"/><circle cx="63" cy="45" r="5" fill="white"/></svg> 1710 </span> 1711 <div><h3 class="m-0 text-[15px] font-extrabold leading-[1.18] text-[#071326] dark:text-white min-[900px]:text-[20px]">Conversation Room 6 Days A Week</h3><p class="mt-1 text-[13px] min-[900px]:text-[16px] font-semibold leading-[1.24] text-[#64748b] dark:text-slate-300">Practice speaking in real conversations.</p></div> 1712 </article> 1713 <article class="grid grid-cols-[48px_1fr] min-[900px]:grid-cols-[78px_1fr] items-center gap-3 min-[900px]:gap-6 min-[900px]:py-7 border-b border-slate-200/80 py-3.5 last:border-b-0 dark:border-slate-700/80"> 1714 <span class="grid h-12 w-12 min-[900px]:h-[78px] min-[900px]:w-[78px] place-items-center rounded-[15px] bg-[#e9fbf4] text-[#10b981] dark:bg-[#05251e] dark:text-[#20e6a2] dark:shadow-[0_0_18px_rgba(16,185,129,.22)] dark:ring-1 dark:ring-inset dark:ring-emerald-500/45"> 1715 <svg class="h-9 w-9 min-[900px]:h-[76px] min-[900px]:w-[76px]" viewBox="0 0 96 96" fill="none" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"><rect x="38" y="17" width="45" height="40" rx="5"/><path d="m53 38 8 8 15-18"/><circle cx="29" cy="42" r="12" fill="currentColor" stroke="none"/><path d="M8 80v-8c0-14 8-23 21-23s21 9 21 23v8H8Z" fill="currentColor" stroke="none"/></svg> 1716 </span> 1717 <div><h3 class="m-0 text-[15px] font-extrabold leading-[1.18] text-[#071326] dark:text-white min-[900px]:text-[20px]">2 Live Sessions Every Week With A Teacher</h3><p class="mt-1 text-[13px] min-[900px]:text-[16px] font-semibold leading-[1.24] text-[#64748b] dark:text-slate-300">Learn, get feedback, and improve faster.</p></div> 1718 </article> 1719 <article class="grid grid-cols-[48px_1fr] min-[900px]:grid-cols-[78px_1fr] items-center gap-3 min-[900px]:gap-6 min-[900px]:py-7 border-b border-slate-200/80 py-3.5 last:border-b-0 dark:border-slate-700/80"> 1720 <span class="grid h-12 w-12 min-[900px]:h-[78px] min-[900px]:w-[78px] place-items-center rounded-[15px] bg-[#edf5ff] text-[#1357e8] dark:bg-[#07152f] dark:text-[#247cff] dark:shadow-[0_0_18px_rgba(19,87,232,.24)] dark:ring-1 dark:ring-inset dark:ring-blue-500/45"> 1721 <svg class="h-9 w-9 min-[900px]:h-[76px] min-[900px]:w-[76px]" viewBox="0 0 96 96" fill="currentColor"><path d="M45 24c-8-7-20-8-31-3v54c11-5 23-4 31 3V24ZM51 24c8-7 20-8 31-3v54c-11-5-23-4-31 3V24Z"/><path d="M48 25v54" stroke="white" stroke-width="4"/></svg> 1722 </span> 1723 <div><h3 class="m-0 text-[15px] font-extrabold leading-[1.18] text-[#071326] dark:text-white min-[900px]:text-[20px]">Access To Lessons & Vocabulary Anytime</h3>
1723<p class="mt-1 text-[13px] min-[900px]:text-[16px] font-semibold leading-[1.24] text-[#64748b] dark:text-slate-300">Review, practice, and learn at your own pace.</p></div> 1724 </article> 1725 <article class="grid grid-cols-[48px_1fr] min-[900px]:grid-cols-[78px_1fr] items-center gap-3 min-[900px]:gap-6 min-[900px]:py-7 border-b border-slate-200/80 py-3.5 last:border-b-0 dark:border-slate-700/80"> 1726 <span class="grid h-12 w-12 min-[900px]:h-[78px] min-[900px]:w-[78px] place-items-center rounded-[15px] bg-[#fff3e7] text-[#f97316] dark:bg-[#2c1808] dark:text-[#ff8a2a] dark:shadow-[0_0_18px_rgba(249,115,22,.20)] dark:ring-1 dark:ring-inset dark:ring-orange-500/45"> 1727 <svg class="h-9 w-9 min-[900px]:h-[76px] min-[900px]:w-[76px]" viewBox="0 0 96 96" fill="currentColor"><circle cx="48" cy="31" r="12"/><circle cx="22" cy="37" r="10"/><circle cx="74" cy="37" r="10"/><path d="M24 76V65c0-14 9-23 24-23s24 9 24 23v11H24Z"/><path d="M4 76V66c0-11 6-19 17-20 4 0 8 1 11 3-6 5-9 12-9 21v6H4ZM92 76V66c0-11-6-19-17-20-4 0-8 1-11 3 6 5 9 12 9 21v6h19Z"/></svg> 1728 </span> 1729 <div><h3 class="m-0 text-[15px] font-extrabold leading-[1.18] text-[#071326] dark:text-white min-[900px]:text-[20px]">Supportive Community Of English Learners</h3><p class="mt-1 text-[13px] min-[900px]:text-[16px] font-semibold leading-[1.24] text-[#64748b] dark:text-slate-300">Connect, share, and grow together.</p></div> 1730 </article> 1731 </div> 1732 </section> 1733 <!-- FAQ --> 1734 <section data-faq-section class="order-8 bec-dot-bg relative px-0 pt-12 sm:px-6 lg:py-24 scroll-mt-12" id="faq"> 1735 <div class="mx-auto grid max-w-[1320px] gap-10 lg:grid-cols-[.62fr_1.18fr] lg:items-start xl:gap-16"> 1736 <div class="lg:sticky lg:top-28"> 1737 <h2 class="font-display mx-0 mt-5 max-w-[980px] text-start text-[clamp(31px,8.4vw,42px)] font-bold leading-[1.04] tracking-[-0.04em] [text-wrap:balance] text-[#001d44] dark:text-white sm:mx-auto sm:text-center sm:text-[44px] lg:mx-0 lg:text-start lg:text-[52px]"><span class="whitespace-nowrap">Questions Before</span> <span class="whitespace-nowrap">Joining?</span></h2> 1738 <div class="pointer-events-none relative mt-12 hidden h-[360px] w-full max-w-[430px] lg:block xl:mt-14 xl:h-[430px]" aria-hidden="true"> 1739 <div class="absolute left-10 top-5 h-[210px] w-[245px] rounded-[48%_52%_50%_50%/46%_48%_52%_54%] bg-gradient-to-br from-[#2563eb] to-[#0754eb] shadow-[0_24px_60px_rgba(37,99,235,.28)] xl:h-[255px] xl:w-[298px]"> 1740 <div class="absolute -bottom-10 left-4 h-24 w-20 bg-[#0754eb] [clip-path:polygon(0_0,100%_32%,22%_100%)]"></div> 1741 <div class="absolute inset-0 grid place-items-center text-[132px] font-extrabold leading-none text-white xl:text-[164px]">?</div> 1742 </div> 1743 <div class="absolute bottom-5 right-0 h-[168px] w-[222px] rounded-[50%] bg-[#dcecff] opacity-95 shadow-[0_18px_46px_rgba(37,99,235,.14)] dark:bg-[#10233f] xl:h-[205px] xl:w-[270px]"> 1744 <div class="absolute -bottom-7 right-5 h-20 w-24 bg-[#dcecff] dark:bg-[#10233f] [clip-path:polygon(10%_0,100%_8%,86%_100%)]"></div> 1745 <div class="absolute inset-0 flex items-center justify-center gap-5 text-[#75a6ef] dark:text-[#4f83d8]"> 1746 <span class="h-8 w-8 rounded-full bg-current xl:h-10 xl:w-10"></span> 1747 <span class="h-8 w-8 rounded-full bg-current xl:h-10 xl:w-10"></span> 1748 <span class="h-8 w-8 rounded-full bg-current xl:h-10 xl:w-10"></span> 1749 </div> 1750 </div> 1751 <svg class="absolute right-16 top-12 h-20 w-24 text-[#2f7df4] drop-shadow-[0_8px_18px_rgba(37,99,235,.22)] xl:right-10 xl:top-16 xl:h-24 xl:w-28" viewBox="0 0 112 96" fill="none" stroke="currentColor" stroke-width="8" stroke-linecap="round" aria-hidden="true"> 1752 <path d="M22 40 10 18"/> 1753 <path d="M50 31 57 7"/> 1754 <path d="M72 52 100 43"/> 1755 </svg> 1756 </div> 1757 </div> 1758 <div class="grid gap-4 xl:gap-5"> 1759 <details data-faq-details class="group relative overflow-hidden rounded-[24px] border border-[#bfdbfe] bg-white/90 px-5 py-4 shadow-[0_12px_34px_rgba(15,23,42,.06)] backdrop-blur-xl transition open:-translate-y-0.5 open:border-[#60a5fa] open:bg-white open:sha
1759dow-[0_26px_64px_rgba(37,99,235,.16)] dark:border-slate-700/80 dark:bg-[#050b18] dark:shadow-[0_0_18px_rgba(15,23,42,.42)] dark:open:border-[#0875ff] dark:open:bg-[#050b18] dark:open:shadow-[0_0_24px_rgba(19,87,232,.22)] sm:px-6 sm:py-5 lg:px-7 lg:py-5" open > 1760 <div class="pointer-events-none absolute inset-x-0 top-0 h-1 bg-gradient-to-r from-[#1d4ed8] via-[#60a5fa] to-[#93c5fd] opacity-0 transition group-open:opacity-100 dark:from-[#0875ff] dark:via-[#247cff] dark:to-[#60a5fa]"></div> 1761 <div class="pointer-events-none absolute -right-10 -top-10 h-28 w-28 rounded-full bg-blue-500/10 opacity-0 blur-2xl transition group-open:opacity-100 dark:bg-blue-500/20"></div> 1762 <summary class="relative z-10 flex cursor-pointer list-none items-start gap-3 text-start text-[17px] font-semibold leading-[1.45] text-[#0f172a] transition dark:text-white sm:text-lg lg:text-xl"> 1763 <span class="mt-0.5 grid h-5 w-5 shrink-0 place-items-center text-[#1d4ed8] transition group-open:rotate-90 dark:text-[#247cff] dark:drop-shadow-[0_0_8px_rgba(36,124,255,.62)]" aria-hidden="true"> 1764 <svg class="h-3.5 w-3.5" viewBox="0 0 12 12" fill="currentColor"><path d="M4 2.25 9 6l-5 3.75z"/></svg> 1765 </span> 1766 <span>Is this a private class?</span> 1767 </summary> 1768 <p class="relative z-10 mt-4 border-t border-[#bfdbfe] pt-4 text-[15px] font-medium leading-[1.8] text-[#475569] dark:border-blue-500/35 dark:text-slate-300 sm:text-base">No. This is an English Practice Membership. It includes conversation rooms, practice groups, materials, and community access. Private classes are separate.</p> 1769 </details> 1770 <details data-faq-details class="group relative overflow-hidden rounded-[24px] border border-[#bfdbfe] bg-white/90 px-5 py-4 shadow-[0_12px_34px_rgba(15,23,42,.06)] backdrop-blur-xl transition open:-translate-y-0.5 open:border-[#60a5fa] open:bg-white open:shadow-[0_26px_64px_rgba(37,99,235,.16)] dark:border-slate-700/80 dark:bg-[#050b18] dark:shadow-[0_0_18px_rgba(15,23,42,.42)] dark:open:border-[#0875ff] dark:open:bg-[#050b18] dark:open:shadow-[0_0_24px_rgba(19,87,232,.22)] sm:px-6 sm:py-5 lg:px-7 lg:py-5" > 1771 <div class="pointer-events-none absolute inset-x-0 top-0 h-1 bg-gradient-to-r from-[#1d4ed8] via-[#60a5fa] to-[#93c5fd] opacity-0 transition group-open:opacity-100 dark:from-[#0875ff] dark:via-[#247cff] dark:to-[#60a5fa]"></div> 1772 <div class="pointer-events-none absolute -right-10 -top-10 h-28 w-28 rounded-full bg-blue-500/10 opacity-0 blur-2xl transition group-open:opacity-100 dark:bg-blue-500/20"></div> 1773 <summary class="relative z-10 flex cursor-pointer list-none items-start gap-3 text-start text-[17px] font-semibold leading-[1.45] text-[#0f172a] transition dark:text-white sm:text-lg lg:text-xl"> 1774 <span class="mt-0.5 grid h-5 w-5 shrink-0 place-items-center text-[#1d4ed8] transition group-open:rotate-90 dark:text-[#247cff] dark:drop-shadow-[0_0_8px_rgba(36,124,255,.62)]" aria-hidden="true"> 1775 <svg class="h-3.5 w-3.5" viewBox="0 0 12 12" fill="currentColor"><path d="M4 2.25 9 6l-5 3.75z"/></svg> 1776 </span> 1777 <span>Is this good for beginners?</span> 1778 </summary> 1779 <p class="relative z-10 mt-4 border-t border-[#bfdbfe] pt-4 text-[15px] font-medium leading-[1.8] text-[#475569] dark:border-blue-500/35 dark:text-slate-300 sm:text-base">Yes. Beginners can use the materials and join appropriate practice groups. Students should not worry about speaking perfectly.</p> 1780 </details> 1781 <details data-faq-details class="group relative overflow-hidden rounded-[24px] border border-[#bfdbfe] bg-white/90 px-5 py-4 shadow-[0_12px_34px_rgba(15,23,42,.06)] backdrop-blur-xl transition open:-translate-y-0.5 open:border-[#60a5fa] open:bg-white open:sha
1781dow-[0_26px_64px_rgba(37,99,235,.16)] dark:border-slate-700/80 dark:bg-[#050b18] dark:shadow-[0_0_18px_rgba(15,23,42,.42)] dark:open:border-[#0875ff] dark:open:bg-[#050b18] dark:open:shadow-[0_0_24px_rgba(19,87,232,.22)] sm:px-6 sm:py-5 lg:px-7 lg:py-5" > 1782 <div class="pointer-events-none absolute inset-x-0 top-0 h-1 bg-gradient-to-r from-[#1d4ed8] via-[#60a5fa] to-[#93c5fd] opacity-0 transition group-open:opacity-100 dark:from-[#0875ff] dark:via-[#247cff] dark:to-[#60a5fa]"></div> 1783 <div class="pointer-events-none absolute -right-10 -top-10 h-28 w-28 rounded-full bg-blue-500/10 opacity-0 blur-2xl transition group-open:opacity-100 dark:bg-blue-500/20"></div> 1784 <summary class="relative z-10 flex cursor-pointer list-none items-start gap-3 text-start text-[17px] font-semibold leading-[1.45] text-[#0f172a] transition dark:text-white sm:text-lg lg:text-xl"> 1785 <span class="mt-0.5 grid h-5 w-5 shrink-0 place-items-center text-[#1d4ed8] transition group-open:rotate-90 dark:text-[#247cff] dark:drop-shadow-[0_0_8px_rgba(36,124,255,.62)]" aria-hidden="true"> 1786 <svg class="h-3.5 w-3.5" viewBox="0 0 12 12" fill="currentColor"><path d="M4 2.25 9 6l-5 3.75z"/></svg> 1787 </span> 1788 <span>Can I upgrade later?</span> 1789 </summary> 1790 <p class="relative z-10 mt-4 border-t border-[#bfdbfe] pt-4 text-[15px] font-medium leading-[1.8] text-[#475569] dark:border-blue-500/35 dark:text-slate-300 sm:text-base">Yes. If you want a fixed teacher, private lessons, small-group classes, homework correction, or a structured plan, you can upgrade later.</p> 1791 </details> 1792 <details data-faq-details class="group relative overflow-hidden rounded-[24px] border border-[#bfdbfe] bg-white/90 px-5 py-4 shadow-[0_12px_34px_rgba(15,23,42,.06)] backdrop-blur-xl transition open:-translate-y-0.5 open:border-[#60a5fa] open:bg-white open:shadow-[0_26px_64px_rgba(37,99,235,.16)] dark:border-slate-700/80 dark:bg-[#050b18] dark:shadow-[0_0_18px_rgba(15,23,42,.42)] dark:open:border-[#0875ff] dark:open:bg-[#050b18] dark:open:shadow-[0_0_24px_rgba(19,87,232,.22)] sm:px-6 sm:py-5 lg:px-7 lg:py-5" > 1793 <div class="pointer-events-none absolute inset-x-0 top-0 h-1 bg-gradient-to-r from-[#1d4ed8] via-[#60a5fa] to-[#93c5fd] opacity-0 transition group-open:opacity-100 dark:from-[#0875ff] dark:via-[#247cff] dark:to-[#60a5fa]"></div> 1794 <div class="pointer-events-none absolute -right-10 -top-10 h-28 w-28 rounded-full bg-blue-500/10 opacity-0 blur-2xl transition group-open:opacity-100 dark:bg-blue-500/20"></div> 1795 <summary class="relative z-10 flex cursor-pointer list-none items-start gap-3 text-start text-[17px] font-semibold leading-[1.45] text-[#0f172a] transition dark:text-white sm:text-lg lg:text-xl"> 1796 <span class="mt-0.5 grid h-5 w-5 shrink-0 place-items-center text-[#1d4ed8] transition group-open:rotate-90 dark:text-[#247cff] dark:drop-shadow-[0_0_8px_rgba(36,124,255,.62)]" aria-hidden="true"> 1797 <svg class="h-3.5 w-3.5" viewBox="0 0 12 12" fill="currentColor"><path d="M4 2.25 9 6l-5 3.75z"/></svg> 1798 </span> 1799 <span>Can I cancel anytime?</span> 1800 </summary> 1801 <p class="relative z-10 mt-4 border-t border-[#bfdbfe] pt-4 text-[15px] font-medium leading-[1.8] text-[#475569] dark:border-blue-500/35 dark:text-slate-300 sm:text-base">Yes. The membership is monthly and flexible.</p> 1802 </details> 1803 <details data-faq-details class="group relative overflow-hidden rounded-[24px] border border-[#bfdbfe] bg-white/90 px-5 py-4 shadow-[0_12px_34px_rgba(15,23,42,.06)] backdrop-blur-xl transition open:-translate-y-0.5 open:border-[#60a5fa] open:bg-white open:shadow-[0_26px_64px_rgba(37,99,235,.16)] dark:border-slate-700/80 dark:bg-[#050b18] dark:shadow-[0_0_18px_rgba(15,23,42,.42)] dark:open:border-[#0875ff] dark:open:bg-[#050b18] dark:open:shadow-[0_0_24px_rgba(19,87,232,.22)] sm:px-6 sm:py-5 lg:px-7 lg:py-5" > 1804 <div class="pointer-events-none absolute inset-x-0 top-0 h-1 bg-gradient-to-r from-[#1d4ed8] via-[#60a5fa] to-[#93c5fd] opacity-0 transition group-open:opacity-100 dark:from-[#0875ff] dark:via-[#247cff] dark:to-[#60a5fa]"></div> 1805 <div class="pointer-events-none absolute -right-10 -top-10 h-28 w-28 rounded-full bg-blue-500/10 o
1805pacity-0 blur-2xl transition group-open:opacity-100 dark:bg-blue-500/20"></div> 1806 <summary class="relative z-10 flex cursor-pointer list-none items-start gap-3 text-start text-[17px] font-semibold leading-[1.45] text-[#0f172a] transition dark:text-white sm:text-lg lg:text-xl"> 1807 <span class="mt-0.5 grid h-5 w-5 shrink-0 place-items-center text-[#1d4ed8] transition group-open:rotate-90 dark:text-[#247cff] dark:drop-shadow-[0_0_8px_rgba(36,124,255,.62)]" aria-hidden="true"> 1808 <svg class="h-3.5 w-3.5" viewBox="0 0 12 12" fill="currentColor"><path d="M4 2.25 9 6l-5 3.75z"/></svg> 1809 </span> 1810 <span>How do I know my English level?</span> 1811 </summary> 1812 <p class="relative z-10 mt-4 border-t border-[#bfdbfe] pt-4 text-[15px] font-medium leading-[1.8] text-[#475569] dark:border-blue-500/35 dark:text-slate-300 sm:text-base">You can take our free online placement test and receive your English level assessment result immediately. Your teacher can also evaluate your speaking during your trial class. Your teacher can also evaluate your speaking during the trial class.</p> 1813 </details> 1814 <details data-faq-details class="group relative overflow-hidden rounded-[24px] border border-[#bfdbfe] bg-white/90 px-5 py-4 shadow-[0_12px_34px_rgba(15,23,42,.06)] backdrop-blur-xl transition open:-translate-y-0.5 open:border-[#60a5fa] open:bg-white open:shadow-[0_26px_64px_rgba(37,99,235,.16)] dark:border-slate-700/80 dark:bg-[#050b18] dark:shadow-[0_0_18px_rgba(15,23,42,.42)] dark:open:border-[#0875ff] dark:open:bg-[#050b18] dark:open:shadow-[0_0_24px_rgba(19,87,232,.22)] sm:px-6 sm:py-5 lg:px-7 lg:py-5" > 1815 <div class="pointer-events-none absolute inset-x-0 top-0 h-1 bg-gradient-to-r from-[#1d4ed8] via-[#60a5fa] to-[#93c5fd] opacity-0 transition group-open:opacity-100 dark:from-[#0875ff] dark:via-[#247cff] dark:to-[#60a5fa]"></div> 1816 <div class="pointer-events-none absolute -right-10 -top-10 h-28 w-28 rounded-full bg-blue-500/10 opacity-0 blur-2xl transition group-open:opacity-100 dark:bg-blue-500/20"></div> 1817 <summary class="relative z-10 flex cursor-pointer list-none items-start gap-3 text-start text-[17px] font-semibold leading-[1.45] text-[#0f172a] transition dark:text-white sm:text-lg lg:text-xl"> 1818 <span class="mt-0.5 grid h-5 w-5 shrink-0 place-items-center text-[#1d4ed8] transition group-open:rotate-90 dark:text-[#247cff] dark:drop-shadow-[0_0_8px_rgba(36,124,255,.62)]" aria-hidden="true"> 1819 <svg class="h-3.5 w-3.5" viewBox="0 0 12 12" fill="currentColor"><path d="M4 2.25 9 6l-5 3.75z"/></svg> 1820 </span> 1821 <span>Can I become fluent?</span> 1822 </summary> 1823 <p class="relative z-10 mt-4 border-t border-[#bfdbfe] pt-4 text-[15px] font-medium leading-[1.8] text-[#475569] dark:border-blue-500/35 dark:text-slate-300 sm:text-base">Your progress depends on your starting level, attendance, practice, and individual learning pace. Regular practice and structured lessons can help you build stronger English communication skills over time.</p> 1824 </details> 1825 <details data-faq-details class="group relative overflow-hidden rounded-[24px] border border-[#bfdbfe] bg-white/90 px-5 py-4 shadow-[0_12px_34px_rgba(15,23,42,.06)] backdrop-blur-xl transition open:-translate-y-0.5 open:border-[#60a5fa] open:bg-white open:shadow-[0_26px_64px_rgba(37,99,235,.16)] dark:border-slate-700/80 dark:bg-[#050b18] dark:shadow-[0_0_18px_rgba(15,23,42,.42)] dark:open:border-[#0875ff] dark:open:bg-[#050b18] dark:open:shadow-[0_0_24px_rgba(19,87,232,.22)] sm:px-6 sm:py-5 lg:px-7 lg:py-5" > 1826 <div class="pointer-events-none absolute inset-x-0 top-0 h-1 bg-gradient-to-r from-[#1d4ed8] via-[#60a5fa] to-[#93c5fd] opacity-0 transition group-open:opacity-100 dark:from-[#0875ff] dark:via-[#247cff] dark:to-[#60a5fa]"></div> 1827 <div class="pointer-events-none absolute -right-10 -top-10 h-28 w-28 rounded-full bg-blue-500/10 o
1827pacity-0 blur-2xl transition group-open:opacity-100 dark:bg-blue-500/20"></div> 1828 <summary class="relative z-10 flex cursor-pointer list-none items-start gap-3 text-start text-[17px] font-semibold leading-[1.45] text-[#0f172a] transition dark:text-white sm:text-lg lg:text-xl"> 1829 <span class="mt-0.5 grid h-5 w-5 shrink-0 place-items-center text-[#1d4ed8] transition group-open:rotate-90 dark:text-[#247cff] dark:drop-shadow-[0_0_8px_rgba(36,124,255,.62)]" aria-hidden="true"> 1830 <svg class="h-3.5 w-3.5" viewBox="0 0 12 12" fill="currentColor"><path d="M4 2.25 9 6l-5 3.75z"/></svg> 1831 </span> 1832 <span>Can I choose my own schedule with the Membership?</span> 1833 </summary> 1834 <p class="relative z-10 mt-4 border-t border-[#bfdbfe] pt-4 text-[15px] font-medium leading-[1.8] text-[#475569] dark:border-blue-500/35 dark:text-slate-300 sm:text-base">Students can join any available group that matches their English level. After taking the placement test, youâll be able to choose from the schedules currently available for your level.<br> If you need complete flexibility or a specific schedule, we recommend our private classes, which allow you to choose the days and times that work best for you.</p> 1835 </details> 1836 <details data-faq-details class="group relative overflow-hidden rounded-[24px] border border-[#bfdbfe] bg-white/90 px-5 py-4 shadow-[0_12px_34px_rgba(15,23,42,.06)] backdrop-blur-xl transition open:-translate-y-0.5 open:border-[#60a5fa] open:bg-white open:shadow-[0_26px_64px_rgba(37,99,235,.16)] dark:border-slate-700/80 dark:bg-[#050b18] dark:shadow-[0_0_18px_rgba(15,23,42,.42)] dark:open:border-[#0875ff] dark:open:bg-[#050b18] dark:open:shadow-[0_0_24px_rgba(19,87,232,.22)] sm:px-6 sm:py-5 lg:px-7 lg:py-5" > 1837 <div class="pointer-events-none absolute inset-x-0 top-0 h-1 bg-gradient-to-r from-[#1d4ed8] via-[#60a5fa] to-[#93c5fd] opacity-0 transition group-open:opacity-100 dark:from-[#0875ff] dark:via-[#247cff] dark:to-[#60a5fa]"></div> 1838 <div class="pointer-events-none absolute -right-10 -top-10 h-28 w-28 rounded-full bg-blue-500/10 opacity-0 blur-2xl transition group-open:opacity-100 dark:bg-blue-500/20"></div> 1839 <summary class="relative z-10 flex cursor-pointer list-none items-start gap-3 text-start text-[17px] font-semibold leading-[1.45] text-[#0f172a] transition dark:text-white sm:text-lg lg:text-xl"> 1840 <span class="mt-0.5 grid h-5 w-5 shrink-0 place-items-center text-[#1d4ed8] transition group-open:rotate-90 dark:text-[#247cff] dark:drop-shadow-[0_0_8px_rgba(36,124,255,.62)]" aria-hidden="true"> 1841 <svg class="h-3.5 w-3.5" viewBox="0 0 12 12" fill="currentColor"><path d="M4 2.25 9 6l-5 3.75z"/></svg> 1842 </span> 1843 <span>Is payment automatic?</span> 1844 </summary> 1845 <p class="relative z-10 mt-4 border-t border-[#bfdbfe] pt-4 text-[15px] font-medium leading-[1.8] text-[#475569] dark:border-blue-500/35 dark:text-slate-300 sm:text-base">Yes. Your membership renews automatically, and you will be charged on the same day each month that you originally joined.<br>You can manage or cancel your subscription at any time before your next billing date.</p> 1846 </details> 1847 </div> 1848 </div> 1849 </section> 1850 1851</main> 1852<footer id="landing-footer" data-dark-footer class="mt-12 scroll-mt-24 border-t border-blue-100 bg-[#f5f7ff] px-4 pb-0 pt-5 text-[#071326] dark:border-slate-800 dark:bg-[#020817] dark:text-white dark:shadow-[0_-20px_60px_rgba(0,0,0,.28)] min-[520px]:px-7 min-[520px]:pt-8"> 1853 <div class="mx-auto max-w-[940px]"> 1854 <section class="rounded-[22px] border border-slate-100 bg-white px-4 pb-4 pt-5 shadow-[0_12px_34px_rgba(15,23,42,.05)] dark:border-slate-700/80 dark:bg-[#050b18] dark:shadow-[0_0_22px_rgba(15,23,42,.44)] min-[520px]:rounded-[28px] min-[520px]:px-8 min-[520px]:pb-7 min-[520px]:pt-8" aria-labelledby="footer-help-title"> 1855 <div class="grid grid-cols-[1fr_94px] items-start gap-2 min-[520px]:grid-cols-[1fr_150px] min-[520px]:gap-5"> 1856 <div> 1857 <h2 id="footer-help-title" class="m-0 text-[27px] font-extrabold leading-none tracking-[-.045em] text-[#071326] dark:text-white min-[520px]:text-[38px]">Need Help?</h2> 1858 <p class="mt-3 max-w-[430px] text-[15px] font-medium leading-[1.42] text-[#64748b] dark:text-slate-300 min-[520px]:text-[21px]">We're here to help you on<br>your English learning journey.</p> 1859 </div> 1860 <svg class="h-auto w-full dark:drop-shadow-[0_0_18px_rgba(124,58,237,.42)]" viewBox="0 0 160 132" fill="none" aria-hidden="true"> 1861 <path d="M42 72V60c0-29 18-48 47-48s47 19 47 48v12" stroke="#7847ed" stroke-width="9" stroke-linecap="round"/> 1862 <path d="M50 34c8-10 19-16 39-16 17 0 28 5 38 16" stroke="#bca8ff" stroke-width="5" stroke-linecap="round"/> 1863 <rect x="31" y="59" width="22" height="48" rx="11" fill="#4b36c9" transform="rotate(-8 31 59)"/> 1864 <rect x="126" y="59" width="22" height="48" rx="11" fill="#4b36c9" transform="rotate(8 126 59)"/> 1865 <rect x="41" y="62" width="12" height="40" rx="6" fill="#7657e8"/> 1866 <rect x="126" y="62" width="12" height="40" rx="6" fill="#7657e8"/> 1867 <path d="M137 101c-1 16-10 21-24 21h-9" stroke="#4b36c9" stroke-width="6" stroke-linecap="round"/> 1868 <rect x="96" y="116" width="20" height="10" rx="5" fill="#3d36a5"/> 1869 <path d="M96 42c21 0 34 14 34 32 0 20-14 34-35 34-5 0-11-1-15-3l-17 6 5-17a33 33 0 0 1-6-20c0-18 13-32 34-32Z" fill="url(#footerChatGradient)"/> 1870 <circle cx="82" cy="75" r="4" fill="white"/><circle cx="96" cy="75" r="4" fill="white"/><circle cx="110" cy="75" r="4" fill="white"/> 1871 <path d="m23 34-11-5M28 23l-4-11M17 48H7" stroke="#ad96ff" stroke-width="5" stroke-linecap="round"/> 1872 <defs><linearGradient id="footerChatGradient" x1="68" y1="47" x2="122" y2="101" gradientUnits="userSpaceOnUse"><stop stop-color="#a8c9ff"/><stop offset="1" stop-color="#5f72dc"/></linearGradient></defs> 1873 </svg> 1874 </div> 1875 1876 <div class="mt-5 grid gap-3 min-[520px]:mt-7 min-[520px]:gap-4"> 1877 <a href="tel:16178482317" class="grid min-h-[72px] grid-cols-[56px_1fr_16px] items-center gap-3 rounded-[16px] border border-slate-100 px-3 py-2 text-left transition hover:border-blue-200 hover:bg-blue-50/40 dark:border-slate-700/80 dark:bg-[#050b18] dark:shadow-[0_0_16px_rgba(15,23,42,.34)] dark:hover:border-blue-500/60 dark:hover:bg-blue-950/20 min-[520px]:min-h-[92px] min-[520px]:grid-cols-[66px_1fr_18px] min-[520px]:gap-5 min-[520px]:rounded-[20px] min-[520px]:px-5">
1878 <span class="grid h-12 w-12 place-items-center rounded-full bg-blue-50 text-[#3385f2] dark:bg-[#07152f] dark:text-[#3385f2] dark:shadow-[0_0_16px_rgba(51,133,242,.28)] dark:ring-1 dark:ring-inset dark:ring-blue-500/45 min-[520px]:h-[66px] min-[520px]:w-[66px]"><svg class="h-6 w-6 min-[520px]:h-8 min-[520px]:w-8" viewBox="0 0 24 24" fill="currentColor"><path d="M6.62 10.79c1.44 2.83 3.76 5.15 6.59 6.59l2.2-2.2a1 1 0 0 1 1.02-.25c1.12.37 2.32.57 3.57.57a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1.02l-2.2 2.2Z"/></svg></span> 1879 <span><strong class="block text-[17px] font-extrabold leading-tight dark:text-white min-[520px]:text-[22px]">Call Us</strong><span class="mt-1 block text-[14px] font-medium text-[#64748b] dark:text-slate-400 min-[520px]:text-[20px]">+1 (617) 848-2317</span></span> 1880 <svg class="h-5 w-5 text-[#4024d6] dark:text-[#8b5cf6] dark:drop-shadow-[0_0_8px_rgba(139,92,246,.65)]" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><path d="m9 5 7 7-7 7"/></svg> 1881 </a> 1882 <a href="whatsapp://send?phone=12019937285" class="grid min-h-[72px] grid-cols-[56px_1fr_16px] items-center gap-3 rounded-[16px] border border-slate-100 px-3 py-2 text-left transition hover:border-emerald-200 hover:bg-emerald-50/40 dark:border-slate-700/80 dark:bg-[#050b18] dark:shadow-[0_0_16px_rgba(15,23,42,.34)] dark:hover:border-emerald-500/60 dark:hover:bg-emerald-950/20 min-[520px]:min-h-[92px] min-[520px]:grid-cols-[66px_1fr_18px] min-[520px]:gap-5 min-[520px]:rounded-[20px] min-[520px]:px-5"> 1883 <span class="grid h-12 w-12 place-items-center rounded-full bg-emerald-50 text-[#22b95d] dark:bg-[#05251e] dark:text-[#22e57d] dark:shadow-[0_0_16px_rgba(34,229,125,.24)] dark:ring-1 dark:ring-inset dark:ring-emerald-500/45 min-[520px]:h-[66px] min-[520px]:w-[66px]"><svg class="h-7 w-7 min-[520px]:h-9 min-[520px]:w-9" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.1"><path d="M20 11.5a8 8 0 0 1-11.8 7L4 20l1.5-4.1A8 8 0 1 1 20 11.5Z"/><path d="M9 8.7c.2-.4.4-.4.7-.4h.5c.2 0 .4.1.5.5l.7 1.6c.1.2 0 .4-.1.6l-.5.6c.7 1.3 1.7 2.1 3 2.6l.7-.8c.2-.2.4-.3.7-.2l1.6.7c.3.1.4.3.4.5 0 .5-.2 1.3-.5 1.6-.4.4-1 .6-1.6.6-1 0-3.2-.8-5.2-2.6-1.6-1.5-2.7-3.6-2.7-4.6 0-.5.3-1.1.8-1.7Z"/></svg></span> 1884 <span><strong class="block text-[17px] font-extrabold leading-tight dark:text-white min-[520px]:text-[22px]">WhatsApp</strong><span class="mt-1 block text-[14px] font-medium text-[#64748b] dark:text-slate-400 min-[520px]:text-[20px]">+1 (201) 993-7285</span></span> 1885 <svg class="h-5 w-5 text-[#4024d6] dark:text-[#8b5cf6] dark:drop-shadow-[0_0_8px_rgba(139,92,246,.65)]" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><path d="m9 5 7 7-7 7"/></svg> 1886 </a> 1887 <a href="mailto:[email protected]" class="grid min-h-[72px] grid-cols-[56px_1fr_16px] items-center gap-3 rounded-[16px] border border-slate-100 px-3 py-2 text-left transition hover:border-violet-200 hover:bg-violet-50/40 dark:border-slate-700/80 dark:bg-[#050b18] dark:shadow-[0_0_16px_rgba(15,23,42,.34)] dark:hover:border-violet-500/60 dark:hover:bg-violet-950/20 min-[520px]:min-h-[92px] min-[520px]:grid-cols-[66px_1fr_18px] min-[520px]:gap-5 min-[520px]:rounded-[20px] min-[520px]:px-5"> 1888 <span class="grid h-12 w-12 place-items-center rounded-full bg-violet-50 text-[#6f2ae8] dark:bg-[#190d35] dark:text-[#9f5cff] dark:shadow-[0_0_16px_rgba(159,92,255,.26)] dark:ring-1 dark:ring-inset dark:ring-violet-500/45 min-[520px]:h-[66px] min-[520px]:w-[66px]"><svg class="h-7 w-7 min-[520px]:h-9 min-[520px]:w-9" viewBox="0 0 24 24" fill="currentColor"><path d="M3 5h18a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2Zm9 8 9-5V7l-9 5-9-5v1l9 5Z"/></svg></span> 1889 <span class="min-w-0"><strong class="block text-[17px] font-extrabold leading-tight dark:text-white min-[520px]:text-[22px]">Email Us</strong><span class="mt-1 block whitespace-nowrap text-[10px] font-medium tracking-[-.025em] text-[#64748b] dark:text-slate-400 min-[420px]:text-[12px] min-[520px]:text-[19px]">[email protected]</span></span> 1890 <svg class="h-5 w-5 text-[#4024d6] dark:text-[#8b5cf6] dark:drop-shadow-[0_0_8px_rgba(139,92,246,.65)]" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><path d="m9 5 7 7-7 7"/></svg> 1891 </a> 1892 </div> 1893 </section> 1894 1895 1896 <section class="mt-4 rounded-[20px] border border-slate-100 bg-white px-3 py-5 text-center shadow-[0_12px_34px_rgba(15,23,42,.05)] dark:border-slate-700/80 dark:bg-[#050b18] dark:shadow-[0_0_22px_rgba(15,23,42,.44)] min-[520px]:mt-6 min-[520px]:rounded-[26px] min-[520px]:px-7 min-[520px]:py-8" aria-labelledby="footer-social-title"> 1897 <h2 id="footer-social-title" class="m-0 text-[18px] font-extrabold dark:text-white min-[520px]:text-[24px]">Follow Us</h2> 1898 <div class="mt-4 grid grid-cols-4 gap-2"> 1899 <a href="https://www.instagram.com/bostonenglish.center/" target="_blank" rel="noopener" class="grid justify-items-center gap-1.5 text-[10px] font-medium text-[#39475c] dark:text-slate-400 min-[520px]:flex min-[520px]:items-center min-[520px]:justify-center min-[520px]:gap-2 min-[520px]:text-[15px]" aria-label="Instagram"><span class="grid h-10 w-10 place-items-center rounded-full bg-gradient-to-br from-[#f7b22b] via-[#e43280] to-[#7835d4] text-white dark:shadow-[0_0_16px_rgba(228,50,128,.34)] min-[520px]:h-12 min-[520px]:w-12"><svg class="h-6 w-6 min-[520px]:h-7 min-[520px]:w-7" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><path d="M17.5 6.5h.01"/></svg></span><span>Instagram</span></a> 1900 <a href="https://www.tiktok.com/@bostonenglishcenter" target="_blank" rel="noopener" class="grid justify-items-center gap-1.5 text-[10px] font-medium text-[#39475c] dark:text-slate-400 min-[520px]:flex min-[520px]:items-center min-[520px]:justify-center min-[520px]:gap-2 min-[520px]:text-[15px]" aria-label="TikTok"><span class="grid h-10 w-10 place-items-center rounded-full bg-[#071326] text-white dark:bg-[#020817] dark:shadow-[0_0_14px_rgba(148,163,184,.16)] dark:ring-1 dark:ring-inset dark:ring-slate-700 min-[520px]:h-12 min-[520px]:w-12"><svg class="h-6 w-6 min-[520px]:h-7 min-[520px]:w-7" viewBox="0 0 24 24" fill="currentColor"><path d="M15.5 3c.2 2.1 1.4 3.4 3.5 3.6v3a8.5 8.5 0 0 1-3.5-1.1v6.2a5.2 5.2 0 1 1-4.4-5.1v3.1a2.2 2.2 0 1 0 1.4 2V3h3Z"/></svg></span><span>TikTok</span></a> 1901 <a href="https://www.facebook.com/profile.php?id=100085670641685" target="_blank" rel="noopener" class="grid justify-items-center gap-1.5 text-[10px] font-medium text-[#39475c] dark:text-slate-400 min-[520px]:flex min-[520px]:items-center min-[520px]:justify-center min-[520px]:gap-2 min-[520px]:text-[15px]" aria-label="Facebook"><span class="grid h-10 w-10 place-items-center rounded-full bg-[#2e65bd] text-white dark:shadow-[0_0_16px_rgba(46,101,189,.34)] min-[520px]:h-12 min-[520px]:w-12"><svg class="h-6 w-6 min-[520px]:h-7 min-[520px]:w-7" viewBox="0 0 24 24" fill="currentColor">
1901<path d="M14 13.5h2.5l1-4H14v-2c0-1 0-2 2-2h1.5V2.1c-.3 0-1.6-.1-2.9-.1C11.9 2 10 3.7 10 6.7v2.8H7v4h3V22h4v-8.5Z"/></svg></span><span>Facebook</span></a> 1902 <a href="https://www.linkedin.com/company/bostonenglishcenter/posts/?feedView=all" target="_blank" rel="noopener" class="grid justify-items-center gap-1.5 text-[10px] font-medium text-[#39475c] dark:text-slate-400 min-[520px]:flex min-[520px]:items-center min-[520px]:justify-center min-[520px]:gap-2 min-[520px]:text-[15px]" aria-label="LinkedIn"><span class="grid h-10 w-10 place-items-center rounded-full bg-[#2879b9] text-white dark:shadow-[0_0_16px_rgba(40,121,185,.34)] min-[520px]:h-12 min-[520px]:w-12"><svg class="h-6 w-6 min-[520px]:h-7 min-[520px]:w-7" viewBox="0 0 24 24" fill="currentColor"><path d="M6.9 5a2 2 0 1 1-4 0 2 2 0 0 1 4 0ZM7 8.5H3V21h4V8.5Zm6.3 0h-4V21h4v-6.6c0-3.7 4.8-4 4.8 0V21H22v-7.9c0-6.2-7.1-5.9-8.7-2.9V8.5Z"/></svg></span><span>LinkedIn</span></a> 1903 </div> 1904 </section> 1905 1906 <div class="-mx-4 mt-5 border-t border-slate-200 bg-white px-4 py-6 dark:border-slate-800 dark:bg-[#020817] min-[520px]:mx-0 min-[520px]:mt-8 min-[520px]:px-7"> 1907 <div class="mx-auto flex max-w-[940px] flex-col items-center justify-between gap-4 text-center min-[520px]:flex-row min-[520px]:text-right"> 1908 <a href="#top" class="flex items-center gap-2 text-left" aria-label="Boston English Center"> 1909 <span class="grid h-12 w-12 shrink-0 place-items-center text-[#1357e8] dark:text-[#0875ff] dark:drop-shadow-[0_0_14px_rgba(8,117,255,.42)]" aria-hidden="true"> 1910 <svg class="h-full w-full" viewBox="0 0 48 48" fill="none"><circle cx="24" cy="22" r="15" stroke="currentColor" stroke-width="6"/><path d="M16 34 10 40l10-2" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/></svg> 1911 </span> 1912 <span class="leading-none"> 1913 <span class="block text-[24px] font-extrabold tracking-[-.035em] text-[#071326] dark:text-white">Boston</span> 1914 <span class="block whitespace-nowrap text-[16px] font-extrabold leading-tight text-[#1357e8] dark:text-[#0875ff]">English Center</span> 1915 </span> 1916 </a> 1917 <p class="m-0 text-[13px] font-medium leading-[1.55] text-[#64748b] dark:text-slate-300 min-[520px]:text-[16px]">© 2024 Boston English Center<br>All Rights Reserved.</p> 1918 </div> 1919 <nav class="mx-auto mt-5 flex max-w-[940px] flex-wrap justify-center gap-x-4 gap-y-2 border-t border-slate-100 pt-4 text-center text-[11px] font-semibold text-[#64748b] dark:border-slate-800 dark:text-slate-300 min-[520px]:gap-x-6 min-[520px]:text-[13px]" aria-label="Legal links"> 1920 <a href="https://bostonenglishcenter.com/privacy-policy" class="transition hover:text-[#1357e8] hover:underline dark:hover:text-[#0875ff]">Privacy & Policy</a> 1921 <a href="https://bostonenglishcenter.com/privacy#ads-privacy" class="transition hover:text-[#1357e8] hover:underline dark:hover:text-[#0875ff]">Ads Privacy</a> 1922 <a href="https://bostonenglishcenter.com/privacy" class="transition hover:text-[#1357e8] hover:underline dark:hover:text-[#0875ff]">Terms & Conditions</a> 1923 <a href="https://bostonenglishcenter.com/privacy#assessment-learning-records-policy" class="transition hover:text-[#1357e8] hover:underline dark:hover:text-[#0875ff]">Assessment Policy</a> 1924 </nav> 1925 </div> 1926 </div> 1927</footer>
1928<script src="https://cdn.jsdelivr.net/npm/[email protected]/build/js/intlTelInput.min.js"></script>
1928 1929<link rel="modulepreload" as="script" href="https://bostonenglishcenter.com/build/assets/landing-47c24fcf.js" /><link rel="modulepreload" as="script" href="https://bostonenglishcenter.com/build/assets/phone-f0855eaa.js" />
1929<script type="module" src="https://bostonenglishcenter.com/build/assets/landing-47c24fcf.js"></script>
1929<script type="module" src="https://bostonenglishcenter.com/build/assets/phone-f0855eaa.js"></script>
1929 1930 1931<!-- Trackdesk tracker begin -->
1932<script async src="//cdn.trackdesk.com/tracking.js"></script>
vendor: 1 bytes, line 1932
1932
1933<script> 1934 (function(t,d,k){(t[k]=t[k]||[]).push(d);t[d]=t[d]||t[k].f||function(){(t[d].q=t[d].q||[]).push(arguments)}})(window,"trackdesk","TrackdeskObject"); 1935 1936 trackdesk("boston-english-cente", "click"); 1937</script>
1937 1938<!-- Trackdesk tracker end --> 1939 1940 1941<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 1941-1942
1941 1942<script async src="https://www.googletagmanager.com/gtag/js?id=
1942AW-17679111657
vendor: 12 bytes, line 1942
1942"></script>
1943<script> 1944
vendor: 156 bytes, lines 1944-1951
1944window.dataLayer = window.dataLayer || []; 1945 1946 function gtag() { 1947 dataLayer.push(arguments); 1948 } 1949 1950 gtag('js', new Date()); 1951 gtag('config', '
1951AW-17679111657
vendor: 8 bytes, lines 1951-1952
1951'); 1952
1952gtag('config', 'G-23FRSJFFW6'); 1953 gtag('config', 'G-XVQMBW6B0S'); 1954</script>
1954 1955</body> 1956</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.