1<!DOCTYPE html> 2 <html lang="en"> 3 4 5<head> 6 <meta charset="UTF-8"> 7 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 8 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 9 <link rel="canonical" href="https://aimathsolver.co" /> 10 <title>Free AI Math Solver â Solve Math Problems with Steps</title> 11 <meta name="description" content="The AI Math Solver offers a wide range of accurate math solutions free for every level and topic, including algebra, calculus, geometry, statistics, etc."> 12 <meta name="csrf-token" content=""> 13 <link rel="preload" as="style" href="https://aimathsolver.co/build/assets/app-DP7Fj7c2.css" /><link rel="modulepreload" as="script" href="https://aimathsolver.co/build/assets/app-y-OgUyTF.js" /><link rel="stylesheet" href="https://aimathsolver.co/build/assets/app-DP7Fj7c2.css" />
13<script type="module" src="https://aimathsolver.co/build/assets/app-y-OgUyTF.js"></script>
13 <link rel="icon" type="image/x-icon" href="https://aimathsolver.co/favicon.png?v=1.0.3"> 14 15 <link rel="stylesheet" href="https://aimathsolver.co/assets/css/style.css?v=1787554041"> 16 <meta property="og:site_name" content="Ai Math Solver"/> 17 <meta property="og:type" content="website" /> 18 <meta property="og:title" content="Free AI Math Solver â Solve Math Problems with Steps" /> 19 <meta property="og:image" content="https://aimathsolver.co/assets/images/og_image.jpg" /> 20 <meta property="og:url" content="https://aimathsolver.co" /> 21 <link rel="alternate" hreflang="x-default" href="https://aimathsolver.co"/><link rel="alternate" hreflang="en" href="https://aimathsolver.co"/><link rel="alternate" hreflang="es" href="https://aimathsolver.co/es"/><link rel="alternate" hreflang="it" href="https://aimathsolver.co/it"/><link rel="alternate" hreflang="ko" href="https://aimathsolver.co/ko"/><link rel="alternate" hreflang="vi" href="https://aimathsolver.co/vi"/><link rel="alternate" hreflang="zh" href="https://aimathsolver.co/zh"/><link rel="alternate" hreflang="pt" href="https://aimathsolver.co/pt"/><link rel="alternate" hreflang="ja" href="https://aimathsolver.co/ja"/><link rel="alternate" hreflang="ca" href="https://aimathsolver.co/ca"/><link rel="alternate" hreflang="id" href="https://aimathsolver.co/id"/><link rel="alternate" hreflang="fr" href="https://aimathsolver.co/fr"/><link rel="alternate" hreflang="ar" href="https://aimathsolver.co/ar"/><link rel="alternate" hreflang="th" href="https://aimathsolver.co/th"/><link rel="alternate" hreflang="tr" href="https://aimathsolver.co/tr"/><link rel="alternate" hreflang="pl" href="https://aimathsolver.co/pl"/><link rel="alternate" hreflang="fi" href="https://aimathsolver.co/fi"/><link rel="alternate" hreflang="cs" href="https://aimathsolver.co/cs"/><link rel="alternate" hreflang="da" href="https://aimathsolver.co/da"/><link rel="alternate" hreflang="hu" href="https://aimathsolver.co/hu"/><link rel="alternate" hreflang="el" href="https://aimathsolver.co/el"/><link rel="alternate" hreflang="ro" href="https://aimathsolver.co/ro"/><link rel="alternate" hreflang="nl" href="https://aimathsolver.co/nl"/><link rel="alternate" hreflang="no" href="https://aimathsolver.co/no"/><link rel="alternate" hreflang="de" href="https://aimathsolver.co/de"/><link rel="alternate" hreflang="ru" href="https://aimathsolver.co/ru"/> 22
22<script src="https://accounts.google.com/gsi/client" async defer></script>
22 23 24 25</head> 26 27 28<body class="MainBackground"> 29 <div class="toast-container"></div> 30 31 <div id="g_id_onload" 32 data-client_id="72251864248-bkhmgblr5mo3fgsoaf5lfgb9n7os5pcg.apps.googleusercontent.com" 33 data-context="signin" 34 data-ux_mode="popup" 35 data-login_uri="https://aimathsolver.co/google-one-tap-login" 36 data-auto_prompt="true"> 37 </div> 38
38<script src="https://aimathsolver.co/assets/lib/ajax.min.js?v=1786957108"></script>
38 39 40 41 42 43 44 <div class="d-flex row"> 45 <div class="sidebar-column "> 46 <div id="sidebar" class="bg-sidebar collapsed d-flex flex-column justify-content-between"> 47 <div class="d-flex justify-content-between align-items-center gap-2 mb-2 pt-lg-0 pt-2"> 48 <div class="d-flex justify-content-between align-items-center gap-2 mt-md-3"> 49 <div class="sidebar-header d-none gap-2 headerShow"> 50 <img src="https://aimathsolver.co/assets/images/icons/newLogo.png" alt="siteLogo" width="32px" height="32px"> 51 <h3 class="m-0 fw-600 font-s-18 sidebar-title"> 52 <a href="https://aimathsolver.co" class="text-decoration-none text-white"> 53 54 AI Math Solver 55 </a> 56 </h3> 57 </div> 58 <div class="sidebar-toggle cursor-pointer ms-2" style="transform: rotate(180deg);"> 59 <img src="https://aimathsolver.co/assets/images/icons/Union.svg" alt="Frame" width="24" height="24"> 60 </div> 61 </div> 62 </div> 63 64 <div class="flex-grow-1 mt-1 overflow-auto"> 65 66 <a href="https://aimathsolver.co" 67 class="sidebar-item home my-1 active"> 68 <img src="https://aimathsolver.co/assets/images/icons/home.png" alt="Frame" width="20px" height="20px"> 69 <span class="sidebar-item-text">Home</span> 70 </a> 71 72 73 <a href="https://aimathsolver.co/question-ai" 74 class="sidebar-item home my-1 "> 75 <img src="https://aimathsolver.co/assets/images/icons/question_ai.png" alt="Frame" width="20px" height="20px"> 76 <span class="sidebar-item-text">Question AI</span> 77 </a> 78 79 80 <a href="https://aimathsolver.co/ai-answer-generator" 81 class="sidebar-item home my-1 "> 82 <img src="https://aimathsolver.co/assets/images/icons/answer_ai.png" alt="Frame" width="19" height="auto"> 83 <span class="sidebar-item-text">AI Answer Generator</span> 84 </a> 85 86 87 <a href="https://aimathsolver.co/physics-ai" 88 class="sidebar-item home my-1 "> 89 <img src="https://aimathsolver.co/assets/images/icons/physics.png" alt="Frame" width="20px" height="20px"> 90 <span class="sidebar-item-text">Physics AI Solver</span> 91 </a> 92 93 94 <a href="https://aimathsolver.co/chemistry-ai" 95 class="sidebar-item home my-1 "> 96 <img src="https://aimathsolver.co/assets/images/icons/chemistry.png" alt="Frame" width="20px" height="20px"> 97 <span class="sidebar-item-text">Chemistry AI Solver</span> 98 </a> 99 100 101 <a href="https://aimathsolver.co/geometry-ai" 102 class="sidebar-item home my-1 "> 103 <img src="https://aimathsolver.co/assets/images/icons/geometry.png" alt="Frame" width="20px" height="20px"> 104 <span class="sidebar-item-text">Geometry AI Solver</span> 105 </a> 106 107 108 <a href="https://aimathsolver.co/accounting-ai" 109 class="sidebar-item home my-1 "> 110 <img src="https://aimathsolver.co/assets/images/icons/accounting.png" alt="Frame" width="20px" height="20px"> 111 <span class="sidebar-item-text">Accounting AI Solver</span> 112 </a> 113 114 115 <a href="https://aimathsolver.co/economics-ai" 116 class="sidebar-item home my-1 "> 117 <img src="https://aimathsolver.co/assets/images/icons/economics.png" alt="Frame" width="20px" height="20px"> 118 <span class="sidebar-item-text">Economics AI Solver</span> 119 </a> 120 121 <hr class="mb-2 mt-3" style="border: 0.5px solid #f3f3f319;"> 122 <p class="sidebar-item require-login cursor-pointer" role="button" data-bs-target="#historyCollapse" aria-expanded="true"> 123 <img src="https://aimathsolver.co/assets/images/icons/history.png" alt="Frame" width="18px" height="18px">
124 <span class="sidebar-item-text">History</span> 125 </p> 126 </div> 127 <div class="sidebar-footer MainBackgroun px-lg-3 px-2 mb-5 mb-md-4" style="width: 100%;"> 128 <div class="d-flex align-items-center mt-4"> 129 <p class="font-s-20 me-2 text-white"><strong>Follow Us</strong></p> 130 <div class="d-flex gap-2"> 131 <a href="https://www.linkedin.com/in/ai-math-solver-069460376/" target="_blank"> 132 <img src="https://aimathsolver.co/assets/images/icons/linkedIn_new.png" alt="linkedIn" width="24px" height="24px"> 133 </a> 134 <a href="https://x.com/aimathsolverco" target="_blank"> 135 <img src="https://aimathsolver.co/assets/images/icons/x_new.png" alt="linkedIn" width="24px" height="24px"> 136 </a> 137 <a href="https://www.instagram.com/aimathsolver.co/" target="_blank"> 138 <img src="https://aimathsolver.co/assets/images/icons/instagram_new.png" alt="linkedIn" width="24px" height="24px"> 139 </a> 140 </div> 141 </div> 142 </div> 143</div> 144
145<script type="application/json" id="sidebar-data"> 146{"isDesktopDevice":true} 147</script>
147 148<link rel="modulepreload" as="script" href="https://aimathsolver.co/build/assets/sidebar-BpKxZyWz.js" /><link rel="modulepreload" as="script" href="https://aimathsolver.co/build/assets/pageData-B3nQg5j2.js" />
148<script type="module" src="https://aimathsolver.co/build/assets/sidebar-BpKxZyWz.js"></script>
148 </div> 149 <div class="col-12 main-content-column"> 150 <style> 151 .modeswitch-wrap { 152 display: -webkit-inline-box; 153 display: -ms-inline-flexbox; 154 display: inline-flex; 155 -webkit-box-align: center; 156 -ms-flex-align: center; 157 align-items: center; 158 cursor: pointer 159 } 160 161 .navbar-dark .modeswitch-item { 162 background: #9a9ea4 163 } 164 165 .modeswitch-wrap .modeswitch-item { 166 width: 38px; 167 height: 12px; 168 background: #747579; 169 border-radius: 60px; 170 display: -webkit-box; 171 display: -ms-flexbox; 172 display: flex; 173 -webkit-box-align: center; 174 -ms-flex-align: center; 175 align-items: center; 176 margin: 0 10px; 177 -webkit-transition: all 1s; 178 transition: all 1s 179 } 180 181 .modeswitch-wrap .modeswitch-item .modeswitch-icon { 182 display: -webkit-box; 183 display: -ms-flexbox; 184 display: flex; 185 -webkit-box-align: center; 186 -ms-flex-align: center; 187 align-items: center; 188 -webkit-box-pack: center; 189 -ms-flex-pack: center; 190 justify-content: center; 191 -webkit-transform: translateX(-14%); 192 transform: translateX(-14%); 193 height: 22px; 194 width: 22px; 195 background: #0052D4; 196 border: 2px solid #fff; 197 border-radius: 50%; 198 -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.4); 199 box-shadow: 0 0 10px 0 rgba(0,0,0,.4); 200 font-size: 14px; 201 color: #fff; 202 -webkit-transition: all 1s; 203 transition: all 0.5s 204 } 205 206 .modeswitch-wrap .modeswitch-item .modeswitch-icon:before { 207 display: none !important; 208 } 209 210 .toggle-sun { 211 display: block; 212 position: relative; 213 bottom: 0.3px 214 } 215 216 .toggle-moon { 217 display: none 218 } 219 220 html[data-theme=dark] .toggle-moon { 221 display: block 222 } 223 224 html[data-theme=dark] .toggle-sun { 225 display: none 226 } 227 228 html[data-theme=dark] .modeswitch-item .modeswitch-icon { 229 -webkit-transform: translateX(18px) rotate(1turn); 230 transform: translateX(18px) rotate(1turn); 231 background: #0f0f10 232 } 233 .dropdown-menu { 234 /* display: none; */ 235 position: absolute; 236 transform: translateY(-5px); 237 z-index: 999; 238 list-style: none; 239 right: 15px; 240 } 241 .topNavbar { 242 display: flex; 243 align-items: center; 244 gap: 20px; 245 /* justify-content: flex-end; */ 246 /* padding: 10px 25px 10px 0px; */ 247 position: sticky; 248 top: 0; 249 z-index: 999; 250 transition: all 0.3s ease; 251 /* background-color: transparent; */ 252 background-color: white; 253 border-bottom: 1px solid #d1d1d4; 254 } 255 256 .topNavbar.scrolled { 257 background-color: #fafafa; 258 /* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); */ 259 } 260 261 .scroll-indicator { 262 position: fixed; 263 bottom: 20px; 264 right: 20px; 265 background-color: #0052D4; 266 color: white; 267 padding: 10px 15px; 268 border-radius: 5px; 269 font-size: 14px; 270 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); 271 } 272 /* @media screen and (max-width: 767px) { 273 .topNavbar { 274 top: 88px; 275 } 276 } */ 277</style> 278<div class="topNavbar px-3 py-2 bg-white justify-content-between" id="topNavbar"> 279 <div class="d-flex justify-content align-items-center gap-2 notShow"> 280 <div class="sidebar-toggle cursor-pointer p-2"> 281 <img src="https://aimathsolver.co/assets/images/icons/Union.svg" alt="Frame" class="toggle-icon" width="24" height="24"> 282 </div> 283 284 <div class="navbar-content flex-grow-1 d-lg-none"> 285 <div class="navbar-title d-flex justify-content-between"> 286 <a href="https://aimathsolver.co" class="home d-flex align-items-center justify-content-center gap-1 navbar-item text-decoration-none"> 287 <img src="https://aimathsolver.co/assets/images/icons/newLogo.png" alt="siteLogo" width="32px" height="32px"> 288 <h3 class="m-0 fw-600 font-s-20 sidebar-title d-none d-md-block">AI Math Solver</h3> 289 </a> 290 </div> 291 </div> 292 </div> 293 <div class="d-flex justify-content align-items-center gap-2"> 294 295 <div class="nav-item dropup pe-0 localizedMenu"> 296 <a class="nav-link dropdown-toggle cursor-pointer d-flex justify-content-between align-items-center gap-1 border radius-10 font-s-14" style="padding: 7px 1rem;" id="localizedMenu"> 297 <p class="d-flex align-items-center gap-2"> 298 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" class="bi bi-globe-americas" viewB
298ox="0 0 16 16"> 299 <path d="M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0M2.04 4.326c.325 1.329 2.532 2.54 3.717 3.19.48.263.793.434.743.484q-.121.12-.242.234c-.416.396-.787.749-.758 1.266.035.634.618.824 1.214 1.017.577.188 1.168.38 1.286.983.082.417-.075.988-.22 1.52-.215.782-.406 1.48.22 1.48 1.5-.5 3.798-3.186 4-5 .138-1.243-2-2-3.5-2.5-.478-.16-.755.081-.99.284-.172.15-.322.279-.51.216-.445-.148-2.5-2-1.5-2.5.78-.39.952-.171 1.227.182.078.099.163.208.273.318.609.304.662-.132.723-.633.039-.322.081-.671.277-.867.434-.434 1.265-.791 2.028-1.12.712-.306 1.365-.587 1.579-.88A7 7 0 1 1 2.04 4.327Z"/> 300 </svg> 301 </p> 302 <p class="Langname"> 303 EN 304 </p> 305 </a> 306 <ul class="dropdown-menus p-0 bg-sidebar py-2" aria-labelledby="localizedMenu"> 307 <table class="table table-bordered m-0 me-2" width="100%"><tr class="border-bottom"><td class="text-center border-0"><li><a href="https://aimathsolver.co">EN</a></td><td class="text-center border-0"><li><a href="https://aimathsolver.co/es">ES</a></td><td class="text-center border-0"><li><a href="https://aimathsolver.co/it">IT</a></td> 308 </tr><tr class="border-bottom"><td class="text-center border-0"><li><a href="https://aimathsolver.co/ko">KO</a></td><td class="text-center border-0"><li><a href="https://aimathsolver.co/vi">VI</a></td><td class="text-center border-0"><li><a href="https://aimathsolver.co/zh">ZH</a></td> 309 </tr><tr class="border-bottom"><td class="text-center border-0"><li><a href="https://aimathsolver.co/pt">PT</a></td><td class="text-center border-0"><li><a href="https://aimathsolver.co/ja">JA</a></td><td class="text-center border-0"><li><a href="https://aimathsolver.co/ca">CA</a></td> 310 </tr><tr class="border-bottom"><td class="text-center border-0"><li><a href="https://aimathsolver.co/id">ID</a></td><td class="text-center border-0"><li><a href="https://aimathsolver.co/fr">FR</a></td><td class="text-center border-0"><li><a href="https://aimathsolver.co/ar">AR</a></td> 311 </tr><tr class="border-bottom"><td class="text-center border-0"><li><a href="https://aimathsolver.co/th">TH</a></td><td class="text-center border-0"><li><a href="https://aimathsolver.co/tr">TR</a></td><td class="text-center border-0"><li><a href="https://aimathsolver.co/pl">PL</a></td> 312 </tr><tr class="border-bottom"><td class="text-center border-0"><li><a href="https://aimathsolver.co/fi">FI</a></td><td class="text-center border-0"><li><a href="https://aimathsolver.co/cs">CS</a></td><td class="text-center border-0"><li><a href="https://aimathsolver.co/da">DA</a></td> 313 </tr><tr class="border-bottom"><td class="text-center border-0"><li><a href="https://aimathsolver.co/hu">HU</a></td><td class="text-center border-0"><li><a href="https://aimathsolver.co/el">EL</a></td><td class="text-center border-0"><li><a href="https://aimathsolver.co/ro">RO</a></td> 314 </tr><tr class="border-bottom"><td class="text-center border-0"><li><a href="https://aimathsolver.co/nl">NL</a></td><td class="text-center border-0"><li><a href="https://aimathsolver.co/no">NO</a></td><td class="text-center border-0"><li><a href="https://aimathsolver.co/de">DE</a></td> 315 </tr><tr class="border-bottom"><td class="text-center border-0"><li><a href="https://aimathsolver.co/ru">RU</a></td></table> </ul> 316 </div> 317 <div> 318 <a href="https://aimathsolver.co/pricing" 319 class="bg-active-gradient login-button text-white text-decoration-none radius-10 d-block text-center login-button font-s-14 fw-bold" style="padding: 10px 1rem;"> 320 Upgrade 321 </a> 322 </div> 323 324 <div> 325 <a href="https://aimathsolver.co/sign-in" onclick="setRedirectCookie()" class="bg-active-gradient login-button text-white text-decoration-none radius-10 d-block text-center login-button font-s-14 fw-bold" style="padding: 10px 1rem;"> Sign In</a> 326 </div> 327 </div> 328</div> 329 330<link rel="modulepreload" as="script" href="https://aimathsolver.co/build/assets/top-header-p1O363Pf.js" />
330<script type="module" src="https://aimathsolver.co/build/assets/top-header-p1O363Pf.js"></script>
330 331 <div class="history-overlay"></div> 332 333<div class="history bg-white shadow"> 334 <div class="d-flex justify-content-between align-items-center bg-white p-2" 335 style="position: sticky; top: 0px;"> 336 <h2 class="fw-bold">Chat history</h2> 337 <div class="hidehistory"> 338 <img src="https://aimathsolver.co/assets/images/icons/cancel.png" 339 height="14" width="14" 340 class="removeShare cursor-pointer"> 341 </div> 342 </div> 343 344 <ul id="historyCollapse" class="collapse show showHistoryDrop mt-2"> 345 346 </ul> 347</div> 348
349<script> 350 document.addEventListener('DOMContentLoaded', function() { 351 const historyButtons = document.querySelectorAll('.sidebar-item.cursor-pointer'); 352 const historyOverlay = document.querySelector('.history-overlay'); 353 const historySidebar = document.querySelector('.history'); 354 const hidehistory = document.querySelector('.hidehistory'); 355 historyButtons.forEach(historyButton => { 356 historyButton.addEventListener('click', function() { 357 if (this.classList.contains('require-login')) { 358 if (typeof window.openLoginRequiredModal === "function") { 359 window.openLoginRequiredModal(); 360 } else { 361 window.location.href = "/sign-in"; 362 } 363 } else { 364 this.classList.toggle('openhistory'); 365 if (typeof historySidebar !== 'undefined' && historySidebar !== null) { 366 historySidebar.classList.toggle('openhistory'); 367 } 368 if (typeof historyOverlay !== 'undefined' && historyOverlay !== null) { 369 historyOverlay.classList.toggle('active'); 370 } 371 document.body.classList.toggle('history-open'); 372 } 373 }); 374 }); 375 376 // Close when clicking overlay 377 hidehistory.addEventListener('click', function() { 378 historyButtons.forEach(historyButton => { 379 historyButton.addEventListener('click', function() { 380 this.classList.remove('openhistory'); 381 }); 382 }) 383 historySidebar.classList.remove('openhistory'); 384 historyOverlay.classList.remove('active'); 385 document.body.classList.remove('history-open'); 386 }); 387 }); 388</script>
388 <style> 389 .login-modal-overlay { 390 position: fixed; 391 inset: 0; 392 background: rgba(0, 0, 0, 0.55); 393 z-index: 10050; 394 display: none; 395 align-items: center; 396 justify-content: center; 397 padding: 20px; 398 } 399 .login-modal-overlay.show { display: flex; } 400 .login-modal { 401 background: #ffffff; 402 border-radius: 14px; 403 width: 100%; 404 max-width: 520px; 405 padding: 28px 32px 22px; 406 position: relative; 407 box-shadow: 0 18px 60px rgba(0, 0, 0, 0.2); 408 } 409 .login-modal form { width: 100%; } 410 .login-modal .form-group { width: 100%; margin-bottom: 12px; } 411 .login-modal .close-login-modal { 412 position: absolute; 413 top: 12px; 414 right: 14px; 415 background: transparent; 416 border: none; 417 font-size: 22px; 418 line-height: 1; 419 color: #6b7280; 420 cursor: pointer; 421 } 422 .login-modal .brand { 423 display: flex; 424 align-items: center; 425 justify-content: center; 426 gap: 10px; 427 margin-bottom: 12px; 428 } 429 .login-modal .brand img { width: 36px; height: 36px; } 430 .login-modal .brand h3 { margin: 0; font-weight: 700; font-size: 20px; } 431 .login-modal .modal-heading { 432 text-align: center; 433 font-weight: 700; 434 font-size: 17px; 435 margin-bottom: 18px; 436 } 437 .login-modal .form-control { 438 width: 100%; 439 display: block; 440 border-radius: 10px; 441 padding: 12px 14px 12px 38px; 442 background: #fff; 443 border: 1px solid #e5e7eb; 444 box-sizing: border-box; 445 } 446 .login-modal .field-icon { 447 position: absolute; 448 left: 12px; 449 top: 50%; 450 transform: translateY(-50%); 451 color: #9ca3af; 452 pointer-events: none; 453 } 454 .login-modal .login-row { 455 display: flex; 456 justify-content: space-between; 457 align-items: center; 458 margin: 10px 0 18px; 459 font-size: 14px; 460 } 461 .login-modal .login-row a { 462 color: #4f46e5; 463 font-weight: 600; 464 text-decoration: none; 465 } 466 .login-modal .btn-login { 467 background: #4f46e5; 468 color: #fff; 469 font-weight: 700; 470 width: 100%; 471 border: none; 472 border-radius: 10px; 473 padding: 12px 0; 474 } 475 .login-modal .btn-login:hover { background: #3730a3; } 476 .login-modal .or-divider { 477 display: flex; 478 align-items: center; 479 text-align: center; 480 color: #9ca3af; 481 font-size: 13px; 482 margin: 18px 0; 483 } 484 .login-modal .or-divider::before, 485 .login-modal .or-divider::after { 486 content: ''; 487 flex: 1; 488 border-bottom: 1px solid #e5e7eb; 489 } 490 .login-modal .or-divider span { padding: 0 12px; } 491 .login-modal .btn-google { 492 background: #fff; 493 border: 1px solid #e5e7eb; 494 border-radius: 10px; 495 padding: 10px 14px; 496 width: 100%; 497 display: flex; 498 align-items: center; 499 justify-content: center; 500 gap: 8px; 501 font-weight: 600; 502 color: #111827; 503 cursor: pointer; 504 } 505 .login-modal .signup-row { 506 text-align: center; 507 font-size: 14px; 508 margin-top: 14px; 509 color: #4b5563; 510 } 511 .login-modal .signup-row a { 512 color: #4f46e5; 513 font-weight: 700; 514 text-decoration: underline; 515 } 516 .login-modal .error-text { color: #dc2626; font-size: 13px; margin-top: 4px; display: none; } 517</style> 518 519<div class="login-modal-overlay" id="loginRequiredModal" role="dialog" aria-modal="true"> 520 <div class="login-modal"> 521 <button type="button" class="close-login-modal" aria-label="Close" id="closeLoginRequiredModal">×</button> 522 523 <div class="brand"> 524 <img src="https://aimathsolver.co/assets/images/icons/newLogo.png" alt="logo"> 525 <h3>AI Math Solver</h3> 526 </div> 527 528 <div class="modal-heading">Please Login or Signup to View History</div> 529 530 <form id="loginModalForm" action="https://aimathsolver.co/sign-in" method="POST" autocomplete="on"> 531 <input type="hidden" name="_token" data-csrf-token value=""> 532 <div class="form-group mb-2 position-relative">
533 <span class="field-icon"> 534 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 535 <path d="M4 5h16a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1zm16 2.4-8 5.1L4 7.4V18h16V7.4z" fill="currentColor"/> 536 </svg> 537 </span> 538 <input type="email" name="email" class="form-control" placeholder="Enter your email" required> 539 </div> 540 <div class="form-group mb-2 position-relative"> 541 <span class="field-icon"> 542 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 543 <path d="M12 2a5 5 0 0 0-5 5v3H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2h-1V7a5 5 0 0 0-5-5zm-3 8V7a3 3 0 1 1 6 0v3H9z" fill="currentColor"/> 544 </svg> 545 </span> 546 <input type="password" name="password" class="form-control" placeholder="Enter your Password" required> 547 </div> 548 549 <div class="login-row"> 550 <label class="d-flex align-items-center gap-1" style="color:#6b7280;"> 551 <input type="checkbox" name="remember"> 552 <span>Remember</span> 553 </label> 554 <a href="https://aimathsolver.co/forget-password">Forgot Password</a> 555 </div> 556 557 <button type="submit" class="btn-login">Login</button> 558 </form> 559 560 <div class="or-divider"><span>or</span></div> 561 562 <button type="button" class="btn-google" onclick="window.location.href='https://aimathsolver.co/auth/google'"> 563 <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 564 <path d="M23.0938 9.91355L13.3044 9.91308C12.8721 9.91308 12.5217 10.2634 12.5217 10.6957V13.823C12.5217 14.2552 12.8721 14.6056 13.3044 14.6056H18.8171C18.2135 16.1722 17.0868 17.4842 15.6493 18.3178L18 22.387C21.7707 20.2062 24 16.3799 24 12.0965C24 11.4866 23.955 11.0506 23.8651 10.5597C23.7968 10.1867 23.4729 9.91355 23.0938 9.91355Z" fill="#167EE6"/>
565 <path d="M12 19.3043C9.30218 19.3043 6.94699 17.8303 5.68207 15.6491L1.61304 17.9944C3.68374 21.5833 7.56283 24 12 24C14.1768 24 16.2307 23.4139 18 22.3926V22.387L15.6494 18.3178C14.5742 18.9414 13.3299 19.3043 12 19.3043Z" fill="#12B347"/> 566 <path d="M18 22.3926V22.387L15.6494 18.3178C14.5741 18.9413 13.33 19.3043 12 19.3043V24C14.1767 24 16.2308 23.4139 18 22.3926Z" fill="#0F993E"/> 567 <path d="M4.69566 12C4.69566 10.6702 5.05856 9.42609 5.68205 8.35092L1.61302 6.00558C0.586031 7.76934 0 9.81769 0 12C0 14.1823 0.586031 16.2307 1.61302 17.9944L5.68205 15.6491C5.05856 14.5739 4.69566 13.3298 4.69566 12Z" fill="#FFD500"/> 568 <path d="M12 4.69566C13.7593 4.69566 15.3753 5.32078 16.6375 6.36061C16.9488 6.61711 17.4014 6.59859 17.6867 6.31336L19.9024 4.09758C20.2261 3.77395 20.203 3.24422 19.8573 2.94431C17.7425 1.10967 14.991 0 12 0C7.56283 0 3.68374 2.41673 1.61304 6.00558L5.68207 8.35092C6.94699 6.16969 9.30218 4.69566 12 4.69566Z" fill="#FF4B26"/> 569 </svg> 570 <span>Continue with google</span> 571 </button> 572 573 <div class="signup-row"> 574 <span>If you don't have account the</span> 575 <a href="https://aimathsolver.co/sign-up">Sign Up</a> 576 </div> 577 </div> 578</div> 579
580<script> 581 (function () { 582 const overlay = document.getElementById('loginRequiredModal'); 583 const closeBtn = document.getElementById('closeLoginRequiredModal'); 584 if (!overlay || !closeBtn) return; 585 586 window.openLoginRequiredModal = function () { 587 const sidebar = document.getElementById('sidebar'); 588 if (sidebar) sidebar.classList.remove('open'); 589 document.querySelectorAll('.history.openhistory').forEach(function (el) { el.classList.remove('openhistory'); }); 590 document.querySelectorAll('.history-overlay.active').forEach(function (el) { el.classList.remove('active'); }); 591 document.body.classList.remove('history-open'); 592 overlay.classList.add('show'); 593 document.body.style.overflow = 'hidden'; 594 }; 595 window.closeLoginRequiredModal = function () { 596 overlay.classList.remove('show'); 597 document.body.style.overflow = ''; 598 }; 599 closeBtn.addEventListener('click', window.closeLoginRequiredModal); 600 overlay.addEventListener('click', function (e) { 601 if (e.target === overlay) window.closeLoginRequiredModal(); 602 }); 603 document.addEventListener('keydown', function (e) { 604 if (e.key === 'Escape' && overlay.classList.contains('show')) { 605 window.closeLoginRequiredModal(); 606 } 607 }); 608 })(); 609</script>
609 610 <main> 611 <link rel="stylesheet" href="https://aimathsolver.co/assets/tools/shared/css/common.css?v=1786957108"> 612<div class="radius-15 mx-md-3 MainWhtiearea dropArea"> 613 <div class="dropErrorMessage d-none"></div> 614 <div class="container"> 615 <div class="row "> 616 <div class="section-main justify-content-center col-lg-9 col-md-10 h-100 mx-auto p-md-0 p-2 d-flex flex-column"> 617 <input type="hidden" name="route" id="route" value="home"> 618 <div id="output" class="mb-md-2 mb-5 mx-1 overflow-auto"> 619 </div> 620 621 <div id="section-search" class="mt-md-0 pd-md-0 pt-2 pb-3 before MainBackground"> 622 <div class="text-center mb-md-2"> 623 <div class="heading"> 624 <h1 class="mb-2"> 625 AI Math Solver 626 </h1> 627 <p class="tool_dis mb-2 " style="font-weight: 500;">Solve Math Problems Instantly with AI - Step-by-Step Explanations from Text or Images.</p> 628 </div> 629 630 <div class="drag_drop p-3 mx-3 border-style bg-white shadow-box " id="dropArea" onclick="document.getElementById('fileInput').click();" style="padding:35px; cursor: pointer"> 631 <div class="d-none previewImage radius-5 conatentesdfsd"> 632 <div class="d-flex justify-content-between align-items-center mb-1"> 633 <div class="d-none"> 634 <p class="cursor-pointer text-white bg-black radius-15 px-1 font-s-12 cropBtn d-none" id="cropBtn">Crop</p> 635 </div> 636 <span class="cursor-pointer text-white bg-danger radius-15 px-1 font-s-12 pdfIndicator d-none" id="pdfIndicator">PDF</span> 637 </div> 638 <div> 639 <div class="close-preview MainBackground radius-circle"> 640 Ã 641 </div> 642 <button type="button" class="edit-image-btn" aria-label="Edit image" title="Edit image"> 643 <svg width="14" height="14" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 644 <path d="M11.013 1.427a1.751 1.751 0 0 1 2.474 0l1.086 1.086a1.751 1.751 0 0 1 0 2.474L4.95 14.61l-3.793.844a.5.5 0 0 1-.596-.596l.844-3.793 9.609-9.638zM13.36 2.488 12.275 1.4l-1.06 1.06 1.085 1.087 1.06-1.06z" fill="currentColor"/> 645 </svg> 646 </button> 647 <img id="imagePreview" src="" alt="uploaded-image" loading="lazy" width="150px" height="150px"> 648 </div> 649 </div> 650 651 <div class="controlImage text-center"> 652 <div class="d-flex flex-wrap justify-content-center align-items-center"> 653 <img src="https://aimathsolver.co/assets/images/icons/drop_image.svg" alt="image" width="29" height="29"> 654 <span class="ms-2 me-1 font-s-14">Drag an image here or</span> 655 <p style="color: #4f46e5 !important;" class="font-s-14">upload file</p> 656 </div> 657 <div class="mt-3 file-text d-flex flex-wrap justify-content-center align-items-center font-s-12 light-gray">
658 <span class="">or press</span> 659 <div class="ctrl ms-1 border radius-5 font-s-10 p-1">Ctrl</div> 660 <span class="mx-1">+</span> 661 <div class="v me-1 border radius-5 font-s-10 p-1">V</div> 662 <span>to paste</span> 663 </div> 664 </div> 665 </div> 666 <input type="file" id="fileInput" name="fileInput" value="" accept=".jpg,.jpeg,.png, .JPG, .JPEG, .PNG, .pdf" multiple class="d-none" /> 667 </div> 668 <div class="search-box radius-10 mt-1"> 669 <div class="searchHistory d-none justify-content-end align-items-center mb-1"> 670 <div class="sidebar-item HistoryItem require-login cursor-pointer position-relative"> 671 <span class="tooltip position-absolute shadow p-1 radius-5 fw-bold font-s-12 text-white" style="right: 0px;">Chat history</span> 672 <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><rect width="32" height="32" rx="8"></rect><g transform="translate(6.99 7.01)"><path d="M.433 9.046c0 4.94 3.934 8.944 8.788 8.944s8.789-4.004 8.789-8.944C18.01 4.106 14.075.1 9.22.1" stroke="#222" stroke-width="1.5" stroke-linejoin="round"></path><path stroke="#222" stroke-width="1.5" stroke-linejoin="round" d="M8.903 4.573v4.473l3.205 3.27"></path><ellipse fill="#222" transform="rotate(-60 1.296 4.573)" cx="1.296" cy="4.573" rx="1" ry="1"></ellipse><ellipse fill="#222" transform="rotate(-30 4.513 1.3)" cx="4.513" cy="1.299" rx="1" ry="1"></ellipse></g></g></svg> 673 </div> 674 <div class="NEWcHAT position-relative position-relative"> 675 <a href="https://aimathsolver.co/home" class="sidebar-item home"> 676 <span class="tooltip position-absolute shadow p-1 radius-5 fw-bold font-s-12 text-white" style="right: 0px;">Start a new conversation</span> 677 <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M26 9a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h4.172a2 2 0 0 1 1.414.586l1.707 1.707a1 1 0 0 0 1.414 0l1.707-1.707A2 2 0 0 1 19.828 23H24a2 2 0 0 0 2-2V9z" fill="#4f46e5"></path><path d="M17 11a1 1 0 1 0-2 0v2a1 1 0 0 1-1 1h-2a1 1 0 1 0 0 2h2a1 1 0 0 1 1 1v2a1 1 0 1 0 2 0v-2a1 1 0 0 1 1-1h2a1 1 0 1 0 0-2h-2a1 1 0 0 1-1-1v-2z" fill="#fff"></path></svg> 678 </a> 679 </div> 680 </div> 681 <div class="bg-white border px-2 pt-3 pb-2 radius-10 insideSearch"> 682 <div class="d-none radius-5 afterChat"> 683 <div class="d-flex justify-content-between align-items-center mb-1"> 684 <div class="d-none"> 685 <p class="cursor-pointer text-white bg-black radius-15 px-1 font-s-12 cropBtn d-none" id="cropBtn">Crop</p> 686 </div> 687 <span class="cursor-pointer text-white bg-danger radius-15 px-1 font-s-12 pdfIndicator d-none" id="pdfIndicator">PDF</span> 688 </div> 689 <div> 690 <div class="close-preview MainBackground radius-circle"> 691 Ã 692 </div> 693 <button type="button" class="edit-image-btn" aria-label="Edit image" title="Edit image"> 694 <svg width="14" height="14" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 695 <path d="M11.013 1.427a1.751 1.751 0 0 1 2.474 0l1.086 1.086a1.751 1.751 0 0 1 0 2.474L4.95 14.61l-3.793.844a.5.5 0 0 1-.596-.596l.844-3.793 9.609-9.638zM13.36 2.488 12.275 1.4l-1.06 1.06 1.085 1.087 1.06-1.06z" fill="currentColor"/> 696 </svg> 697 </button> 698 <img id="imagePreview" src="" alt="uploaded-image" loading="lazy" width="150px" height="150px"> 699 </div> 700 </div> 701 <p id="statement" contenteditable="true" class="search mb-3" data-placeholder="Type your problem here" style="padding-bottom:55px;"></p> 702 <div class="group position-relative mt-2"> 703 <div class="qr_code pt-2 d-none d-flex flex-column justify-content-center align-items-center shadow"> 704 <div id="qr-loading" class="d-none p-4" class="loading row w-50 mx-auto justify-content-center p-4"> 705 <div class="loader"> 706 </div> 707 </div> 708 <img draggable="false" src="" alt="qr-code" width="170" height="170" 709 class="d-none">
710 <span class="mt-1 p-2 border-top text-center">Scan Qr code to upload photo</span> 711 </div> 712 <div class="d-flex gap-2"> 713 <button type="button" aria-label="Attach image" class="d-flex align-items-center camera d-none postion-relative" onclick="document.getElementById('fileInput').click();"> 714 <img src="https://aimathsolver.co/assets/images/icons/combine.png" alt="File image" width="15px" height="15px"> 715 <span class="tooltip position-absolute shadow p-1 radius-5 fw-bold font-s-12 text-white">Support Image & PDF</span> 716 </button> 717 <button class="d-flex align-items-center voice_box justify-content-center px-2 mobileBtn border-0 cursor-pointer radius-circle p-1 postion-relative" onclick="voice_to_text()"> 718 <span class="tooltip position-absolute shadow p-1 radius-5 fw-bold font-s-12 text-white" style="left: 0;">Tap to Speak</span> 719 <img decoding="async" loading="lazy" class="voice-image" src="https://aimathsolver.co/assets/images/icons/mic.png?v=0.0.2" alt="blue mic symbol" width="18" height="18"> 720 </button> 721 <div class="d-flex align-items-center fx_box justify-content-center px-2 mobileBtn cursor-pointer keyboard radius-circle p-1 postion-relative"> 722 <span class="tooltip position-absolute shadow p-1 radius-5 fw-bold font-s-12 text-white" style="left: 0;">Open Math Keyboard</span> 723 <img decoding="async" loading="lazy" class="fx-image" src="https://aimathsolver.co/assets/images/icons/blue-cal.png?v=0.0.2" alt="image upload from mobile" width="18" height="18"> 724 </div> 725 <button type="button" 726 class="d-flex align-items-center try-example gap-1 px-2 py-1 cursor-pointer border-0 font-s-12 fw-bold" 727 data-ex1="2x = 20 (Where x is the unknown number.)" 728 data-ex2="The square of a number is 64 x² = 64" 729 data-ex3="The product of a number and 7 is 56 7x = 56" 730 data-ex4="Solve for x in the equation: 3x - 7 = 2x + 5" 731 data-ex5="" 732 style="background:var(--box-color); color:#363636; border-radius:20px;" 733 aria-label="Try Example"> 734 <span>Try Example</span> 735 <svg width="12" height="12" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 736 <path d="M3 13L13 3M13 3H5M13 3V11" stroke="#4f46e5" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/> 737 </svg> 738</button> 739 <div class="captcha-area" ></div> 740 <div class="ms-auto"> 741 <button type="button" class="d-flex align-items-center gap-1 justify-content-center send text-white font-s-" style="margin-bottom: 1px;" aria-label="Send message"> 742 <span class="text-white"> 743 Solve 744 </span> 745 <img src="https://aimathsolver.co/assets/images/icons/send-icon.png" alt="send-btn" width="15px" height="15px"> 746 </button> 747 </div> 748 </div> 749 <input type="hidden" value="" id="fileName" name="fileName" class="fileName-"> 750 </div> 751 </div> 752 <style> 753 .katex .mord.overline::before { 754 content: ""; 755 } 756 #keyboard .input-area.calculator { 757 margin-top: 8px; 758 padding: 10px 20px 14px 20px; 759 border-radius: 12px; 760 background-color: #ffffff; 761 } 762 763 #keyboard .calculator-input-view { 764 display: flex; 765 justify-content: space-between; 766 align-items: center; 767 gap: 10px; 768 margin-bottom: 20px; 769 } 770 771 #keyboard .calculator-input-view input { 772 flex: 1; 773 padding: 10px; 774 font-size: 18px; 775 border: 1px solid #ccc; 776 border-radius: 6px; 777 outline: none; 778 } 779 780 #keyboard .calculator-input-view button { 781 padding: 10px 20px; 782 font-size: 18px; 783 background-color: #8a9ceb3d; 784 color: #ffffff; 785 border: none; 786 border-radius: 6px; 787 cursor: pointer; 788 } 789 790 #keyboard .calculator-buttons { 791 margin-top: 10px; 792 width: 100%; 793 } 794 795 #keyboard .tabs { 796 position: relative; 797 display: flex; 798 border-radius: 8px; 799 overflow: hidden; 800 margin-bottom: 12px; 801 border: 1px solid #998d8d6e; 802 } 803 804 #keyboard .tabs .tab { 805 display: flex; 806 flex: 1; 807 padding: 10px; 808 background-color: var(--bg-white); 809 border: none; 810 cursor: pointer; 811 text-align: center; 812 font-weight: 600; 813 border-right: 1px solid #998d8d6e; 814 justify-content: center; 815 align-items: center; 816 flex-direction: column; 817 gap: 3px; 818 } 819 820 #keyboard .tabs .tab:last-child {
821 border-right: none; 822 } 823 824 #keyboard .tab.active { 825 /* background-color: #0052D4; */ 826 background: linear-gradient(270deg, #4364F7 0%, #0052D4 100%); 827 color: white !important; 828 span{ 829 color: white !important; 830 } 831 } 832 833 #keyboard .hidden { 834 display: none; 835 } 836 837 #keyboard .buttons, .buttons-other { 838 display: grid; 839 grid-template-columns: repeat(6, 1fr); 840 gap: 10px; 841 } 842 843 #keyboard .katex .mrel { 844 font-family: KaTeX_Main, serif; 845 } 846 847 #keyboard .btn { 848 /* padding: 0px; */ 849 background-color: #8a9ceb3d; 850 border: none; 851 border-radius: 6px; 852 font-size: 10px; 853 cursor: pointer; 854 transition: background-color 0.3s; 855 text-align: center; 856 border: 1px solid #998d8d6e; 857 font-family: system-ui; 858 height: 40px; 859 } 860 861 #keyboard .btn:hover { 862 background-color: #8a9ceb; 863 } 864 865 /*.btn::before { 866 content: attr(data-btn); 867 }*/ 868 #keyboard .btn.zero { 869 grid-column: span 2; 870 } 871 #keyboard .btn.equals { 872 grid-column: span 2; 873 } 874 875 @media screen and (max-width: 768px) { 876 #keyboard .input-area.calculator { 877 padding: 3vw; 878 } 879 880 #keyboard .tabs .tab { 881 padding: 2vw 1vw; 882 } 883 884 #keyboard .btn { 885 padding: 1.5vw; 886 font-size: 8px; 887 } 888 889 #keyboard .input-area.calculator { 890 891 max-width: 100%; 892 margin-left: 0px; 893 margin-right: 0px; 894 895 } 896 } 897 @media screen and (max-width: 767px){ 898 #keyboard .tabs .tab { 899 padding: 2vw 2vw; 900 } 901 } 902 903 /* 904 @media screen and (max-width: 767px) and (min-width: 512px) { 905 .buttons, .buttons-other { 906 grid-template-columns: repeat(4, minmax(35px, 1fr)); 907 gap: 1.5vw; 908 } 909 } 910 */ 911 /* @media screen and (max-width: 1023px) and (min-width: 768px){ 912 .buttons, .buttons-other { 913 grid-template-columns: repeat(5, minmax(35px, 1fr)); 914 } 915 } */ 916 917 @media screen and (max-width: 700px){ 918 .tabs::-webkit-scrollbar {
919 display: none; 920 } 921 .tabs { 922 overflow-x: scroll; 923 -ms-overflow-style: none; 924 scrollbar-width: none; 925 } 926 } 927 /* 928 @media screen and (max-width: 511px) and (min-width: 384px){ 929 .buttons, .buttons-other { 930 grid-template-columns: repeat(3, minmax(35px, 1fr)); 931 gap: 1.5vw; 932 } 933 } 934 935 @media screen and (max-width: 383px){ 936 .buttons, .buttons-other { 937 grid-template-columns: repeat(2, minmax(35px, 1fr)); 938 gap: 1.5vw; 939 } 940 } 941 */ 942 @media screen and (max-width: 400px) { 943 /*.tabs .tab { 944 border-right: none; 945 border-bottom: 1px solid #998d8d6e; 946 } 947 948 .tabs .tab:last-child { 949 border-bottom: none; 950 }*/ 951 952 #keyboard .btn.zero, .btn.equals { 953 grid-column: span 1; 954 } 955 #keyboard .input-area.calculator { 956 957 max-width: 100%; 958 margin-left: 0px; 959 margin-right: 0px; 960 961 } 962 } 963 964 #keyboard .tctd { 965 scroll-behavior: smooth; 966 } 967 968 #keyboard .font-s-12{ 969 font-size: 12px; 970 } 971 972 @media screen and (max-width: 480px) { 973 #keyboard .tabs .tab { 974 font-size: 12px; 975 } 976 } 977 978 /* .heighlight{ 979 background-color: #1670a7 !important; 980 color: white !important; 981 } */ 982 983 #keyboard .mb-30{ 984 margin-bottom: 30px !important; 985 } 986 987 #keyboard .tabs > .tctd { 988 display: flex; 989 position: relative; 990 overflow: hidden; 991 } 992 993 #keyboard .btn.btn-sm.tab-navigation { 994 background-color: #ffffff; 995 border: none; 996 position:relative; 997 } 998 999 @media screen and (min-width: 768px){ 1000 #keyboard .tabs > .tctd { 1001 width: 100%; 1002 } 1003 #keyboard .btn.btn-sm.tab-navigation { 1004 display: none; 1005 } 1006 } 1007 1008 @media screen and (max-width: 767px){ 1009 #keyboard .tabs > .tctd { 1010 width: calc(100% - 70px); 1011 } 1012 #keyboard .btn.btn-sm.tab-navigation { 1013 width: 35px; 1014 vertical-align: middle; 1015 } 1016 } 1017 1018 /* @media screen and (min-width: 577px) and (max-width: 767px){ 1019 1020 .tabs > .tctd { 1021 width: 84%; 1022 } 1023 1024 .btn.btn-sm.tab-navigation { 1025 width: 8%; 1026 } 1027 } 1028 @media screen and (max-width: 576px){ 1029 .tabs > .tctd { 1030 width: 80%; 1031 } 1032 .btn.btn-sm.tab-navigation { 1033 width: 10%; 1034 } 1035 } */ 1036 1037 #keyboard .btn.btn-sm.tab-navigation[data-move="left"] { 1038 left: 0; 1039 border-radius: 6px 0 0 6px; 1040 } 1041 1042 #keyboard .btn.btn-sm-tab-navigation[data-move="right"] { 1043 right: 0; 1044 border-radius: 0 6px 6px 0; 1045 } 1046 1047 #keyboard .txtMathField.mq-editable-field { 1048 border: none; 1049 } 1050 1051 /* .tctd .tab::before { 1052 content: attr(data-unicode); 1053 margin-right: 0.2em; 1054 font-size: 16px; 1055 } */ 1056 #keyboard button.btn[data-latex-code="0"], 1057 #keyboard button.btn[data-latex-code="1"], 1058 #keyboard button.btn[data-latex-code="2"], 1059 #keyboard button.btn[data-latex-code="3"], 1060 #keyboard button.btn[data-latex-code="4"], 1061 #keyboard button.btn[data-latex-code="5"], 1062 #keyboard button.btn[data-latex-code="6"], 1063 #keyboard button.btn[data-latex-code="7"], 1064 #keyboard button.btn[data-latex-code="8"], 1065 #keyboard button.btn[data-latex-code="9"], 1066 #keyboard button.btn[data-latex-code="\\cdot"]{ 1067 background-color: #a7c7da36; 1068 } 1069 #keyboard button.btn[data-latex-code="0"]:hover, 1070 #keyboard button.btn[data-latex-code="1"]:hover, 1071 #keyboard button.btn[data-latex-code="2"]:hover, 1072 #keyboard button.btn[data-latex-code="3"]:hover, 1073 #keyboard button.btn[data-latex-code="4"]:hover, 1074 #keyboard button.btn[data-latex-code="5"]:hover, 1075 #keyboard button.btn[data-latex-code="6"]:hover, 1076 #keyboard button.btn[data-latex-code="7"]:hover, 1077 #keyboard button.btn[data-latex-code="8"]:hover, 1078 #keyboard button.btn[data-latex-code="9"]:hover, 1079 #keyboard button.btn[data-latex-code="\\cdot"]:hover { 1080 background-color: #8a9ceb !important; /* Use 'white' or '#ffffff' */ 1081 } 1082 1083 #keyboard div.buttons#btnsForAll button.btn { 1084 background-color: #8a9ceb3d; 1085 } 1086 #keyboard div.buttons#btnsForAll button.btn:hover { 1087 background-color: #8a9ceb; 1088 } 1089 1090 1091 @media screen and (max-width: 650px){ 1092 #keyboard .tctd > button.tab:not(.active) > span.keyboard-help-text { 1093 display: none; 1094 } 1095 #keyboard .tctd > .button.tab.active > span.keyboard-help-text { 1096 display: inline; 1097 } 1098 1099 #functions.buttons-other, 1100 #hyperbolic.buttons-other { 1101 grid-template-columns: repeat(4, minmax(35px, 1fr)); 1102 gap: 1.5vw; 1103 } 1104 .latest-keyboard { 1105 width: 100%; 1106 } 1107 } 1108 .latest-keyboard { 1109 position: absolute; 1110 bottom: 150px; 1111 left: 50%; 1112 transform: translateX(-50%); /* â Centers it horizontally */ 1113 z-index: 9999; 1114 background: white; 1115 box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); 1116 border-radius: 10px; /* optional, just for nice look */ 1117 } 1118</style> 1119<div id="keyboard" class=" calculator input-area bg-white shadow p-2 mt-2 radius-10 d-none"> 1120 <div class="calculator-buttons"> 1121 <div class="tabs "> 1122 <button type="button" class="btn btn-sm tab-navigation" data-move-to="left" data-selector=".tctd" onclick="navigateKeyboardSections(this, 40);"> 1123 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="#1670a7"><path d="M256 504C119 504 8 393 8 256S119 8 256 8s248 111 248 248-111 248-248 248zm28.9-143.6L209.4 288H392c13.3 0 24-10.7 24-24v-16c0-13.3-10.7-24-24-24H209.4l75.5-72.4c9.7-9.3 9.9-24.8 .4-34.3l-11-10.9c-9.4-9.4-24.6-9.4-33.9 0L107.7 239
1123c-9.4 9.4-9.4 24.6 0 33.9l132.7 132.7c9.4 9.4 24.6 9.4 33.9 0l11-10.9c9.5-9.5 9.3-25-.4-34.3z"/></svg> 1124 </button> 1125 <div class="tctd" style="overflow-x: auto;"> 1126 <button type="button" data-unicode="â¦" class="tab active" onclick="showSection('basic')"> 1127 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" class="icon" viewBox="0 0 1024 1024"><path fill="currentColor" d="M378.88 20.48H92.16c-39.526 0-71.68 32.154-71.68 71.68v286.72c0 39.526 32.154 71.68 71.68 71.68h286.72c39.526 0 71.68-32.154 71.68-71.68V92.16c0-39.526-32.154-71.68-71.68-71.68zm10.24 358.4c0 5.734-4.506 10.24-10.24 10.24H92.16c-5.734 0-10.24-4.506-10.24-10.24V92.16c0-5.734 4.506-10.24 10.24-10.24h286.72c5.734 0 10.24 4.506 10.24 10.24v286.72zm542.72-358.4H645.12c-39.526 0-71.68 32.154-71.68 71.68v286.72c0 39.526 32.154 71.68 71.68 71.68h286.72c39.526 0 71.68-32.154 71.68-71.68V92.16c0-39.526-32.154-71.68-71.68-71.68zm10.24 358.4c0 5.734-4.506 10.24-10.24 10.24H645.12c-5.734 0-10.24-4.506-10.24-10.24V92.16c0-5.734 4.506-10.24 10.24-10.24h286.72c5.734 0 10.24 4.506 10.24 10.24v286.72zm-563.2 194.56H92.16c-39.526 0-71.68 32.154-71.68 71.68v286.72c0 39.526 32.154 71.68 71.68 71.68h286.72c39.526 0 71.68-32.154 71.68-71.68V645.12c0-39.526-32.154-71.68-71.68-71.68zm10.24 358.4c0 5.734-4.506 10.24-10.24 10.24H92.16c-5.734 0-10.24-4.506-10.24-10.24V645.12c0-5.734 4.506-10.24 10.24-10.24h286.72c5.734 0 10.24 4.506 10.24 10.24v286.72zm542.72-358.4H645.12c-39.526 0-71.68 32.154-71.68 71.68v286.72c0 39.526 32.154 71.68 71.68 71.68h286.72c39.526 0 71.68-32.154 71.68-71.68V645.12c0-39.526-32.154-71.68-71.68-71.68zm10.24 358.4c0 5.734-4.506 10.24-10.24 10.24H645.12c-5.734 0-10.24-4.506-10.24-10.24V645.12c0-5.734 4.506-10.24 10.24-10.24h286.72c5.734 0 10.24 4.506 10.24 10.24v286.72z"></path></svg> 1128 <span class="keyboard-help-text">Basic</span> 1129 </button> 1130 <button type="button" data-unicode="+/=" class="tab" onclick="showSection('arithmatic')"> 1131 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" class="icon" viewBox="0 0 1024 1024"><path fill="currentColor" d="m740.429 151.629 42.419 28.595-480.614 713.344-42.47-28.62zM325.12 463.36c-15.36 0-25.6-10.24-25.6-25.6v-268.8c0-15.36 10.24-25.6 25.6-25.6s25.6 10.24 25.6 25.6v271.36c0 12.8-12.8 23.04-25.6 23.04z"></path><path fill="currentColor" d="M471.04 327.68h-294.4c-15.36 0-25.6-10.24-25.6-25.6s10.24-25.6 25.6-25.6h294.4c15.36 0 25.6 10.24 25.6 25.6s-10.24 25.6-25.6 25.6zM916.48 729.6h-294.4c-15.36 0-25.6-10.24-25.6-25.6s10.24-25.6 25.6-25.6h294.4c15.36 0 25.6 10.24 25.6 25.6s-10.24 25.6-25.6 25.6zm-2.56-135.68h-294.4c-15.36 0-25.6-10.24-25.6-25.6s10.24-25.6 25.6-25.6h294.4c15.36 0 25.6 10.24 25.6 25.6s-10.24 25.6-25.6 25.6z"></path></svg> 1132 <span class="keyboard-help-text">Arithmatic</span> 1133 </button> 1134 <button type="button" data-unicode="⩾" class="tab" onclick="showSection('relational')"> 1135 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" class="icon" viewBox="0 0 1024 1024"><path fill="currentColor" d="M709.216 417.056 129.888 169.6l.576-66.688 735.104 314.016-735.04 322.56-.704-74.08 579.392-248.32zM129.888 930.048l-1.184-70.944L862.08 531.2l3.52 70.656-735.68 328.16z"></path></svg> 1136 <span class="keyboard-help-text">Relational</span> 1137 </button> 1138 <button type="button" data-unicode="â" class="tab" onclick="showSection('arrows')"> 1139 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" class="icon" viewBox="0 0 1024 1024"><path fill="currentColor" d="M51.204 460.8h921.6a51.2 51.2 0 0 0 0-102.4H162.82l147.456-171.52a51.2 51.2 0 1 0-77.824-66.56l-220.16 256a51.2 51.2 0 0 0 38.912 84.48zm921.6 102.4h-921.6a51.2 51.2 0 0 0 0 102.4h809.984L713.732 837.12a51.2 51.2 0 1 0 77.824 66.56l220.16-256a51.2 51.2 0 0 0-38.912-84.48z"></path></svg> 1140 <span class="keyboard-help-text">Arrow</span> 1141 </button> 1142 <button type="button" data-unicode="α" class="tab" onclick="showSection('greece')"> 1143 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" class="icon" viewB
1143ox="0 0 1024 1024"><path fill="currentColor" d="M277.333 562.432c0-64.427 23.638-120.917 70.955-169.515C395.52 344.277 447.531 320 504.149 320c38.528 0 69.291 11.307 92.416 33.92 23.04 22.613 38.742 50.304 46.976 83.072 3.328 16.384 5.248 35.328 5.803 56.747v24.618c23.552-36.608 42.283-77.056 56.192-121.472l8.021-27.093a18.688 18.688 0 0 1 2.56-5.717c1.11-1.11 5.547-1.963 13.227-2.56 11.52 0 17.323 2.261 17.323 6.826a72.533 72.533 0 0 1-2.432 14.507l-2.987 11.648-2.005 6.87a376.576 376.576 0 0 1-16.512 43.349l-8.406 18.602-4.778 10.112c-14.848 31.104-31.616 59.307-50.347 84.779l-9.045 11.861.853 20.352a714.957 714.957 0 0 0 1.45 28.246l1.366 15.061c1.024 9.045 2.304 16.085 3.755 21.12 3.285 11.307 8.533 17.237 15.658 17.792 7.68-1.152 14.848-4.267 21.462-9.344a41.173 41.173 0 0 0 14.037-19.499c1.067-3.925 2.475-6.186 4.096-6.784l1.28-.298 4.395-.683 6.698-.683c11.008 0 16.512 2.262 16.512 6.784 0 3.414-1.664 8.747-4.949 16.086-6.613 13.568-16.213 24.32-28.885 32.213-12.63 7.936-24.747 12.16-36.267 12.715h-5.803c-36.821 0-61.866-20.352-75.05-61.014l-2.475-5.973-9.045 6.827a135.552 135.552 0 0 1-7.936 5.973L560.768 656l-6.272 3.925a329.216 329.216 0 0 1-37.12 19.499 338.219 338.219 0 0 1-47.872 16.939c-18.133 5.12-35.712 7.637-52.779 7.637-43.434 0-77.525-14.123-102.272-42.368a145.792 145.792 0 0 1-37.12-99.2zM420.864 672.64c26.923 0 53.888-5.973 80.81-17.792 26.966-11.861 47.02-24.021 60.246-36.48l19.797-18.645-1.408-70.614-.853-27.733-1.067-22.613-.768-12.203-.81-9.984-.854-7.723c-7.722-64.981-33.024-97.493-75.946-97.493-37.931 0-71.168 20.65-99.798 61.867-14.805 22.613-26.922 53.12-36.266 91.562-9.387 38.4-14.294 67.84-14.848 88.15 0 27.733 6.869 47.786 20.608 60.16 13.738 12.458 30.805 18.986 51.157 19.541z"></path></svg> 1144 <span class="keyboard-help-text">Greece</span> 1145 </button> 1146 <button type="button" data-unicode="â¡Ì " class="tab" onclick="showSection('subscript')"> 1147 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" class="icon" viewBox="0 0 1024 1024"><path fill="currentColor" d="M861.571 170.662H138.378V87.635h723.193v83.027zm-543.868 61.786v69.19h35.508v-36.892h33.681v-32.298h-69.19zm177.567 0h-71.03v69.19h71.03v-69.19zM317.703 808.974v69.189h69.19v-32.297H353.21v-36.892h-35.494zm356.975 69.189h69.189v-69.19h-35.508v36.893h-33.681v32.297zm69.189-576.526v-69.189h-69.19v32.298h33.682v36.891h35.508zM566.3 232.448v69.19h71.03v-69.19H566.3zm177.567 96.865h-69.19v64.567h69.19v-64.567zm0 129.135h-69.19v64.567h69.19v-64.567zm0 129.148h-69.19v64.567h69.19v-64.567zm0 129.135h-69.19v64.567h69.19v-64.567zM637.315 878.163v-69.19H566.3v69.19h71.03zm-142.045 0v-69.19h-71.03v69.19h71.03zm-177.567-96.865h69.19v-64.567h-69.19v64.567zm0-129.135h69.19v-64.567h-69.19v64.567zm0-129.148h69.19v-64.567h-69.19v64.567zm0-129.135h69.19v-64.567h-69.19v64.567z"></path><path fill="currentColor" d="m794.223 19.373 153.669 114.923-153.67 114.937V19.373z"></path></svg> 1148 <span class="keyboard-help-text">Subscript</span> 1149 </button> 1150 <button type="button" data-unicode="|â|" class="tab" onclick="showSection('bigops')"> 1151 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" class="icon" viewBox="0 0 1024 1024"><path fill="currentColor" d="M128 78.222a28.444 28.444 0 0 1 28.444 28.445v810.666a28.444 28.444 0 0 1-56.888 0V106.667A28.444 28.444 0 0 1 128 78.222zm768 0a28.444 28.444 0 0 1 28.444 28.445v810.666a28.444 28.444 0 0 1-56.888 0V106.667A28.444 28.444 0 0 1 896 78.222zm-666.283 81.579A28.444 28.444 0 0 1 256 142.222h448a28.444 28.444 0 0 1 20.139 8.306l64 64a28.444 28.444 0 0 1-40.278 40.277l-55.637-55.694H324.722l292.75 292.75a28.444 28.444 0 0 1 0 40.278l-292.807 292.75h367.502l55.751-55.694a28.444 28.444 0 0 1 40.22 40.277l-64 64A28.444 28.444 0 0 1 704 881.778H256a28.444 28.444 0 0 1-20.139-48.583L557.113 512 235.86 190.805a28.444 28.444 0 0 1-6.144-31.004z"></path></svg> 1152 <span class="keyboard-help-text">Bigops</span> 1153 </button>
1154 <button type="button" data-unicode="ð(ð¥)" class="tab" onclick="showSection('functions')"> 1155 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" class="icon" viewBox="0 0 1024 1024"><path fill="currentColor" d="M64 127.712C64 92.512 92.8 64 127.712 64H896.32C931.488 64 960 92.8 960 127.712V896.32c0 35.2-28.8 63.712-63.712 63.712H127.68C92.512 960 64 931.2 64 896.288V127.68zm64 32.32v703.936A32 32 0 0 0 160 896h704a32 32 0 0 0 32-32V160a32 32 0 0 0-32-32H160a32 32 0 0 0-32 32zm226.88 640c-57.728 0-88.512-53.12-97.6-84.48a25.952 25.952 0 0 1 49.92-14.432c.096.32 14.496 47.04 47.744 47.04 21.76 0 32.416-28.928 33.824-33.024 3.808-15.68 38.24-158.272 64.896-266.368H375.68a25.952 25.952 0 1 1 0-51.904h90.816c8.544-34.208 15.104-59.744 17.6-68.032l2.08-7.072C498.432 279.84 523.968 192.64 592 192.64c60.096 0 80.576 59.84 83.008 91.456a25.952 25.952 0 0 1-51.776 4.096c-.16-2.016-4.192-43.616-31.232-43.616-29.12 0-48 64.32-56 91.776l-2.208 7.36c-1.952 6.624-6.944 25.984-13.76 53.12h63.328a25.952 25.952 0 1 1 0 51.936h-76.224a60869.312 60869.312 0 0 0-68.48 280.768c-7.744 26.176-34.08 70.496-83.712 70.496zm384.96-66.912c-12.064 0-20.512-5.632-28.576-15.68l-43.456-57.152-43.424 57.12c-7.232 8.864-15.68 15.68-26.56 15.68-16.064 0-28.544-11.232-28.544-26.56 0-8.416 3.2-14.848 8.448-20.896l55.104-65.152-50.272-57.92c-6.848-8.064-10.048-15.296-10.048-23.36 0-17.28 12.864-28.16 28.16-28.16 12.064 0 20.48 5.664 28.544 15.68l39.808 53.12 40.64-53.088c7.264-8.864 15.68-15.68 26.56-15.68 16.096 0 28.544 11.232 28.544 26.56 0 8.416-3.616 14.88-8.416 20.896L704 619.648l53.888 61.984c6.848 8.032 10.08 15.296 10.08 23.328 0 17.28-12.864 28.16-28.16 28.16z"></path></svg> 1156 <span class="keyboard-help-text">Functions</span> 1157 </button> 1158 <button type="button" data-unicode="â" class="tab" onclick="showSection('hyperbolic')"> 1159 <svg t="1747213298946" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="19772" width="20" height="20"><path fill="currentColor" d="M0 0h1024v1024H0z" opacity=".01" p-id="19773"></path><path fill="currentColor" d="M512.16 77.488L965.024 850.56H51.312L512.16 77.488z m-0.32 81.76L124.544 808.944h767.872L511.84 159.248zM512 688a32 32 0 1 1 0 64 32 32 0 0 1 0-64z m-101.52-221.056l96.544 101.68 98.08-93.664 28.736 30.08-98.176 93.76 98.88 104.16-30.16 28.64L505.6 627.52l-109.68 104.8-28.736-30.08 109.776-104.88-96.64-101.776 30.176-28.64zM640 576a32 32 0 1 1 0 64 32 32 0 0 1 0-64z m-256 0a32 32 0 1 1 0 64 32 32 0 0 1 0-64z m128-128a32 32 0 1 1 0 64 32 32 0 0 1 0-64z" p-id="19774"></path></svg> 1160 <span class="keyboard-help-text">Hyperbolic</span> 1161 </button> 1162 </div> 1163 <button type="button" class="btn btn-sm tab-navigation" data-move-to="right" data-selector=".tctd" onclick="navigateKeyboardSections(this, 40);"> 1164 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="#1670a7"><path d="M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm-28.9 143.6l75.5 72.4H120c-13.3 0-24 10.7-24 24v16c0 13.3 10.7 24 24 24h182.6l-75.5 72.4c-9.7 9.3-9.9 24.8-.4 34.3l11 10.9c9.4 9.4 24.6 9.4 33.9 0L404.3 273c9.4-9.4 9.4-24.6 0-33.9L271.6 106.3c-9.4-9.4-24.6-9.4-33.9 0l-11 10.9c-9.5 9.6-9.3 25.1 .4 34.4z"/></svg> 1165 </button> 1166 </div> 1167 1168 <!-- Basic Section --> 1169 <div class="buttons-other mb-10" style="max-height:340px; overflow: auto; display: none; margin-top: 10px;" id="basic"> 1170 <!-- Row 1 --> 1171 <button type="button" class="btn" data-latex-code="\frac{x}{y}" data-katex-code='\LARGE \frac{\char"2610}{\char"2610}' onclick="loadKatexInInputBox(this);"></button> 1172 <button type="button" class="btn" data-latex-code="{x}/{y}" data-katex-code='\Large {\char"2610}/{\char"2610}' onclick="loadKatexInInputBox(this);"></button> 1173 <button type="button" class="btn" data-latex-code="\sqrt{x}" data-katex-code='\Large \sqrt{\char"2610}' onclick="loadKatexInInputBox(this);"></button> 1174 <button type="button" class="btn" data-latex-code="\sqrt[x]{y}" data-katex-code='\Large \sqrt[\char"2610]{\char"2610}' onclick="loadKatexInInputBox(this);"></button> 1175 <button type="button" class="btn" data-latex-code="%" data-katex-code='\Large \%' onclick="loadKatexInInputBox(this);"></button> 1176 <button type="button" class="btn" data-latex-code="\times" data-katex-code='\Large \char"00D7' onclick="loadKatexInInputBox(this);"></button> 1177 1178 <!-- Row 2 --> 1179 <button type="button" class="btn" data-latex-code="x^y" data-katex-code='\Large \char"2610^{\char"2610}' onclick="loadKatexInInputBox(this);"></button> 1180 <button type="button" class="btn" data-latex-code="x_y" data-katex-code='\Large \char"2610_{\char"2610}' onclick="loadKatexInInputBox(this);"></button> 1181 <button type="button" class="btn" data-latex-code="7" data-katex-code='\Large 7' onclick="loadKatexInInputBox(this);"></button> 1182 <button type="button" class="btn" data-latex-code="8" data-katex-code='\Large 8' onclick="loadKatexInInputBox(this);"></button> 1183 <button type="button" class="btn" data-latex-code="9" data-katex-code='\Large 9' onclick="loadKatexInInputBox(this);"></button> 1184 <button type="button" class="btn" data-latex-code="\div" data-katex-code='\Large \div' onclick="loadKatexInInputBox(this);"></button> 1185 1186 <!-- Row 3 --> 1187 <button type="button" class="btn" data-latex-code="\left(x\right)" data-katex-code='\Large \text{(\char"2610)}' onclick="loadKatexInInputBox(this);"></button> 1188 <button type="button" class="btn" data-latex-code="\left|x\right|" data-katex-code='\Large \text{|\char"2610|}' onclick="loadKatexInInputBox(this);"></button> 1189 <button type="button" class="btn" data-latex-code="4" data-katex-code='\Large 4' onclick="loadKatexInInputBox(this);"></button> 1190 <button type="button" class="btn" data-latex-code="5" data-katex-code='\Large 5' onclick="loadKatexInInputBox(this);"></button> 1191 <button type="button" class="btn" data-latex-code="6" data-katex-code='\Large 6' onclick="loadKatexInInputBox(this);"></button> 1192 <button type="button" class="btn" data-latex-code="-" data-katex-code='\Large -' onclick="loadKatexInInputBox(this);"></button> 1193 1194 <!-- Row 4 --> 1195 <button type="button" class="btn" data-latex-code="\left[x\right]" data-katex-code='\Large \text{[\char"2610]}' onclick="loadKatexInInputBox(this);"></button> 1196 <button type="button" class="btn" data-latex-code="\left\{x\right\}" data-katex-code='\Large \text{\{\char"2610\}}' onclick="loadKatexInInputBox(this);"></button> 1197 <button type="button" class="btn" data-latex-code="1" data-katex-code='\Large 1' onclick="loadKatexInInputBox(this);"></button> 1198 <button type="button" class="btn" data-latex-code="2" data-katex-code='\Large 2' onclick="loadKatexInInputBox(this);"></button> 1199 <button type="button" class="btn" data-latex-code="3" data-katex-code='\Large 3' onclick="loadKatexInInputBox(this);"></button> 1200 <button type="button" class="btn" data-latex-code="+" data-katex-code='\Large +' onclick="loadKatexInInputBox(this);"></button> 1201 1202 <!-- Row 5 --> 1203 <button type="button" class="btn" data-latex-code="<x>" data-katex-code='\Large <\char"2610>' onclick="loadKatexInInputBox(this);"></button> 1204 <button type="button" class="btn" data-latex-code="\log()" data-katex-code='\Large log(\char"2610)' onclick="loadKatexInInputBox(this);"></button> 1205 <button type="button" class="btn" data-latex-code="\cdot" data-katex-code='\Large \cdot' onclick="loadKatexInInputBox(this);"></button> 1206 <button type="button" class="btn" data-latex-code="0" data-katex-code='\Large 0' onclick="loadKatexInInputBox(this);"></button> 1207 <button type="button" class="btn" data-latex-code="/" data-katex-code='\Large /' onclick="loadKatexInInputBox(this);"></button> 1208 <button type="button" class="btn dot" data-latex-code="=" data-katex-code='\Large =' onclick="loadKatexInInputBox(this);"></button> 1209 </div> 1210 1211 <!-- Arithmatic Section --> 1212 <div class="buttons-other mb-10" style="max-height:340px; overflow: auto; display: none; margin-top: 10px;" id="arithmatic"> 1213 <!-- Row 1 --> 1214 <button type="button" class="btn" data-latex-code="+" data-katex-code='\Large +' onclick="loadKatexInInputBox(this);"></button> 1215 <button type="button" class="btn" data-latex-code="−" data-katex-code='\Large -' onclick="loadKatexInInputBox(this);"></button> 1216 <button type="button" class="btn" data-latex-code="±" data-katex-code='\Large \pm' onclick="loadKatexInInputBox(this);"></button> 1217 <button type="button" class="btn" data-latex-code="∓" data-katex-code='\Large \mp' onclick="loadKatexInInputBox(this);"></button> 1218 <button type="button" class="btn" data-latex-code="⋅" data-katex-code='\Large \cdot' onclick="loadKatexInInputBox(this);"></button> 1219 <button type="button" class="btn" data-latex-code="*" data-katex-code='\Large *' onclick="loadKatexInInputBox(this);"></button> 1220 1221 <!-- Row 2 --> 1222 <button type="button" class="btn" data-latex-code="\circ" data-katex-code='\Large \circ' onclick="loadKatexInInputBox(this);"></button> 1223 <button type="button" class="btn" data-latex-code="×" data-katex-code='\Large \times' onclick="loadKatexInInputBox(this);"></button> 1224 <button type="button" class="btn" data-latex-code="÷" data-katex-code='\Large \div' onclick="loadKatexInInputBox(this);"></button> 1225 <button type="button" class="btn" data-latex-code="\%" data-katex-code='\Large \%' onclick="loadKatexInInputBox(this);"></button> 1226 <button type="button" class="btn" data-latex-code="⊙" data-katex-code='\Large \odot' onclick="loadKatexInInputBox(this);"></button> 1227 <button type="button" class="btn" data-latex-code="⊕" data-katex-code='\large \oplus' onclick="loadKatexInInputBox(this);"></button> 1228 1229 <!-- Row 3 --> 1230 <button type="button" class="btn" data-latex-code="\cap" data-katex-code='\Large \cap' onclick="loadKatexInInputBox(this);"></button> 1231 <button type="button" class="btn" data-latex-code="\cup" data-katex-code='\Large \cup' onclick="loadKatexInInputBox(this);"></button> 1232 <button type="button" class="btn" data-latex-code="\exists" data-katex-code='\Large \exists' onclick="loadKatexInInputBox(this);"></button> 1233 <button type="button" class="btn" data-latex-code="\forall" data-katex-code='\Large \forall' onclick="loadKatexInInputBox(this);"></button> 1234 <button type="button" class="btn" data-latex-code="\varnothing" data-katex-code='\Large \pmb{\varnothing}' onclick="loadKatexInInputBox(this);"></button> 1235 <button type="button" class="btn" data-latex-code="\vee" data-katex-code='\Large \vee' onclick="loadKatexInInputBox(this);"></button> 1236 1237 <!-- Row 4 --> 1238 <button type="button" class="btn" data-latex-code="\wedge" data-katex-code='\Large \wedge' onclick="loadKatexInInputBox(this);"></button> 1239 <button type="button" class="btn" data-latex-code="\neg" data-katex-code='\Large \neg' onclick="loadKatexInInputBox(this);"></button> 1240 <button type="button" class="btn" data-latex-code="\bot" data-katex-code='\Large \bot' onclick="loadKatexInInputBox(this);"></button> 1241 <button type="button" class="btn" data-latex-code="\top" data-katex-code='\Large \top' onclick="loadKatexInInputBox(this);"></button> 1242 </div> 1243 1244 <!-- Relational Section --> 1245 <div class="buttons-other mb-10" style="max-height:340px; overflow: auto; display:none; margin-top:10px;" id="relational"> 1246 <!-- Row 1 --> 1247 <button type="button" class="btn" data-latex-code="\equiv" data-katex-code='\Large \pmb{\equiv}' onclick="loadKatexInInputBox(this);"></button> 1248 <button type="button" class="btn" data-latex-code="\ne" data-katex-code='\Large \pmb{\char"2260}' onclick="loadKatexInInputBox(this);"></button> 1249 <button type="button" class="btn" data-latex-code="\sim" data-katex-code='\Large \pmb{\sim}' onclick="loadKatexInInputBox(this);"></button> 1250 <button type="button" class="btn" data-latex-code="\simeq" data-katex-code='\Large \pmb{\simeq}' onclick="loadKatexInInputBox(this);"></button> 1251 <button type="button" class="btn" data-latex-code="\approx" data-katex-code='\Large \pmb{\approx}' onclick="loadKatexInInputBox(this);"></button> 1252 <button type="button" class="btn" data-latex-code="\cong" data-katex-code='\Large \pmb{\cong}' onclick="loadKatexInInputBox(this);"></button> 1253 1254 <!-- Row 2 --> 1255 <button type="button" class="btn" data-latex-code="≍" data-katex-code='\Large \pmb{\asymp}' onclick="loadKatexInInputBox(this);"></button> 1256 <button type="button" class="btn" data-latex-code="≇" data-katex-code='\Large \pmb{\char"2247}' onclick="loadKatexInInputBox(this);"></button> 1257 <button type="button" class="btn" data-latex-code="≉" data-katex-code='\Large \pmb{\char"2249}' onclick="loadKatexInInputBox(this);"></button> 1258 <button type="button" class="btn" data-latex-code=">" data-katex-code='\Large \pmb{\gt}' onclick="loadKatexInInputBox(this);"></button> 1259 <button type="button" class="btn" data-latex-code="<" data-katex-code='\Large \pmb{\lt}' onclick="loadKatexInInputBox(this);"></button> 1260 <button type="button" class="btn" data-latex-code="⊀" data-katex-code='\Large \pmb{\char"2280}' onclick="loadKatexInInputBox(this);"></button> 1261 1262 <!-- Row 3 --> 1263 <button type="button" class="btn" data-latex-code="⊁" data-katex-code='\Large \pmb{\char"2281}' onclick="loadKatexInInputBox(this);"></button> 1264 <button type="button" class="btn" data-latex-code="≪" data-katex-code='\Large \pmb{\char"226A}' onclick="loadKatexInInputBox(this);"></button> 1265 <button type="button" class="btn" data-latex-code="≫" data-katex-code='\Large \pmb{\char"226B}' onclick="loadKatexInInputBox(this);"></button> 1266 <button type="button" class="btn" data-latex-code="≥" data-katex-code='\Large \pmb{\ge}' onclick="loadKatexInInputBox(this);"></button> 1267 <button type="button" class="btn" data-latex-code="≤" data-katex-code='\Large \pmb{\le}' onclick="loadKatexInInputBox(this);"></button> 1268 <button type="button" class="btn" data-latex-code="≰" data-katex-code='\Large \pmb{\char"2270}' onclick="loadKatexInInputBox(this);"></button> 1269 1270 <!-- Row 4 --> 1271 <button type="button" class="btn" data-latex-code="≱" data-katex-code='\Large \pmb{\char"2271}' onclick="loadKatexInInputBox(this);"></button> 1272 <button type="button" class="btn" data-latex-code="\propto" data-katex-code='\Large \pmb{\propto}' onclick="loadKatexInInputBox(this);"></button> 1273 <button type="button" class="btn" data-latex-code="\in" data-katex-code='\Large \pmb{\isin}' onclick="loadKatexInInputBox(this);"></button> 1274 <button type="button" class="btn" data-latex-code="\exist" data-katex-code='\Large \pmb{\exist}' onclick="loadKatexInInputBox(this);"></button> 1275 <button type="button" class="btn" data-latex-code="\notin" data-katex-code='\Large \pmb{\notin}' onclick="loadKatexInInputBox(this);"></button> 1276 <button type="button" class="btn" data-latex-code="\subseteq" data-katex-code='\Large \pmb{\sube}' onclick="loadKatexInInputBox(this);"></button> 1277 1278 <!-- Row 5 -->
1279 <button type="button" class="btn" data-latex-code="\nsubseteq" data-katex-code='\Large \pmb{\nsubseteq}' onclick="loadKatexInInputBox(this);"></button> 1280 <button type="button" class="btn" data-latex-code="\nsupseteq" data-katex-code='\Large \pmb{\nsupseteq}' onclick="loadKatexInInputBox(this);"></button> 1281 <button type="button" class="btn" data-latex-code="\subset" data-katex-code='\Large \pmb{\subset}' onclick="loadKatexInInputBox(this);"></button> 1282 <button type="button" class="btn" data-latex-code="\supset" data-katex-code='\Large \pmb{\supset}' onclick="loadKatexInInputBox(this);"></button> 1283 <button type="button" class="btn" data-latex-code="\nsubset" data-katex-code='\Large \pmb{\char"2284}' onclick="loadKatexInInputBox(this);"></button> 1284 <button type="button" class="btn" data-latex-code="⊇" data-katex-code='\Large \pmb{\supe}' onclick="loadKatexInInputBox(this);"></button> 1285 1286 <!-- Row 6 --> 1287 <button type="button" class="btn" data-latex-code="\supseteq" data-katex-code='\Large \pmb{\supe}' onclick="loadKatexInInputBox(this);"></button> 1288 <button type="button" class="btn" data-latex-code="\nsubseteq" data-katex-code='\Large \pmb{\nsubseteq}' onclick="loadKatexInInputBox(this);"></button> 1289 <button type="button" class="btn" data-latex-code="\N" data-katex-code='\Large \pmb{\mathbb{N}}' onclick="loadKatexInInputBox(this);"></button> 1290 <button type="button" class="btn" data-latex-code="\Z" data-katex-code='\Large \pmb{\mathbb{Z}}' onclick="loadKatexInInputBox(this);"></button> 1291 <button type="button" class="btn" data-latex-code="\P" data-katex-code='\Large \pmb{\mathbb{P}}' onclick="loadKatexInInputBox(this);"></button> 1292 <button type="button" class="btn" data-latex-code="\Q" data-katex-code='\Large \pmb{\mathbb{Q}}' onclick="loadKatexInInputBox(this);"></button> 1293 1294 <!-- Row 7 --> 1295 <button type="button" class="btn" data-latex-code="\C" data-katex-code='\Large \pmb{\mathbb{C}}' onclick="loadKatexInInputBox(this);"></button> 1296 <button type="button" class="btn" data-latex-code="\R" data-katex-code='\Large \pmb{\mathbb{R}}' onclick="loadKatexInInputBox(this);"></button> 1297 <button type="button" class="btn" data-latex-code="\varnothing" data-katex-code='\Large \pmb{\varnothing}' onclick="loadKatexInInputBox(this);"></button> 1298 <button type="button" class="btn" data-latex-code="\triangleleft" data-katex-code='\Large \pmb{\triangleleft}' onclick="loadKatexInInputBox(this);"></button> 1299 <button type="button" class="btn" data-latex-code="\triangleright" data-katex-code='\Large \pmb{\triangleright}' onclick="loadKatexInInputBox(this);"></button> 1300 <button type="button" class="btn" data-latex-code="⊴" data-katex-code='\Large \pmb{\trianglelefteq}' onclick="loadKatexInInputBox(this);"></button> 1301 1302 <!-- Row 8 --> 1303 <button type="button" class="btn" data-latex-code="⊵" data-katex-code='\Large \pmb{\trianglerighteq}' onclick="loadKatexInInputBox(this);"></button> 1304 <button type="button" class="btn" data-latex-code="\wedge" data-katex-code='\Large \pmb{\wedge}' onclick="loadKatexInInputBox(this);"></button> 1305 <button type="button" class="btn" data-latex-code="\vee" data-katex-code='\Large \pmb{\vee}' onclick="loadKatexInInputBox(this);"></button> 1306 </div> 1307 1308 <!-- Arrow Section --> 1309 <div class="buttons-other mb-10" style="max-height:340px; overflow: auto; display: none; margin-top:10px;" id="arrows"> 1310 <!-- Row 1 --> 1311 <button type="button" class="btn" data-latex-code="\leftarrow" data-katex-code="\Large \pmb{\leftarrow}" onclick="loadKatexInInputBox(this);"></button> 1312 <button type="button" class="btn" data-latex-code="\rightarrow" data-katex-code="\Large \pmb{\rightarrow}" onclick="loadKatexInInputBox(this);"></button> 1313 <button type="button" class="btn" data-latex-code="\leftrightarrow" data-katex-code="\Large \pmb{\leftrightarrow}" onclick="loadKatexInInputBox(this);"></button> 1314 <button type="button" class="btn" data-latex-code="\uparrow" data-katex-code="\Large \pmb{\uparrow}" onclick="loadKatexInInputBox(this);"></button> 1315 <button type="button" class="btn" data-latex-code="\updownarrow" data-katex-code="\Large \pmb{\updownarrow}" onclick="loadKatexInInputBox(this);"></button> 1316 <button type="button" class="btn" data-latex-code="\nearrow" data-katex-code="\Large \pmb{\nearrow}" onclick="loadKatexInInputBox(this);"></button> 1317 1318 <!-- Row 2 --> 1319 <button type="button" class="btn" data-latex-code="\searrow" data-katex-code="\Large \pmb{\searrow}" onclick="loadKatexInInputBox(this);"></button> 1320 <button type="button" class="btn" data-latex-code="\swarrow" data-katex-code="\Large \pmb{\swarrow}" onclick="loadKatexInInputBox(this);"></button> 1321 <button type="button" class="btn" data-latex-code="\nwarrow" data-katex-code="\Large \pmb{\nwarrow}" onclick="loadKatexInInputBox(this);"></button> 1322 <button type="button" class="btn" data-latex-code="\Leftarrow" data-katex-code="\Large \pmb{\Leftarrow}" onclick="loadKatexInInputBox(this);"></button> 1323 <button type="button" class="btn" data-latex-code="\Rightarrow" data-katex-code="\Large \pmb{\Rightarrow}" onclick="loadKatexInInputBox(this);"></button> 1324 <button type="button" class="btn" data-latex-code="\Leftrightarrow" data-katex-code="\Large \pmb{\Leftrightarrow}" onclick="loadKatexInInputBox(this);"></button> 1325 1326 <!-- Row 3 --> 1327 <button type="button" class="btn" data-latex-code="\Uparrow" data-katex-code="\Large \pmb{\Uparrow}" onclick="loadKatexInInputBox(this);"></button> 1328 <button type="button" class="btn" data-latex-code="\Downarrow" data-katex-code="\Large \pmb{\Downarrow}" onclick="loadKatexInInputBox(this);"></button> 1329 <button type="button" class="btn" data-latex-code="\Updownarrow" data-katex-code="\Large \pmb{\Updownarrow}" onclick="loadKatexInInputBox(this);"></button> 1330 <button type="button" class="btn" data-latex-code="\longleftarrow" data-katex-code="\Large \pmb{\longleftarrow}" onclick="loadKatexInInputBox(this);"></button> 1331 <button type="button" class="btn" data-latex-code="\longrightarrow" data-katex-code="\Large \pmb{\longrightarrow}" onclick="loadKatexInInputBox(this);"></button> 1332 <button type="button" class="btn" data-latex-code="\longleftrightarrow" data-katex-code="\Large \pmb{\longleftrightarrow}" onclick="loadKatexInInputBox(this);"></button> 1333 1334 <!-- Row 4 --> 1335 <button type="button" class="btn" data-latex-code="\Longleftarrow" data-katex-code="\Large \pmb{\Longleftarrow}" onclick="loadKatexInInputBox(this);"></button> 1336 <button type="button" class="btn" data-latex-code="\Longrightarrow" data-katex-code="\Large \pmb{\Longrightarrow}" onclick="loadKatexInInputBox(this);"></button> 1337 <button type="button" class="btn" data-latex-code="\Longleftrightarrow" data-katex-code="\Large \pmb{\Longleftrightarrow}" onclick="loadKatexInInputBox(this);"></button> 1338 <button type="button" class="btn" data-latex-code="\text{â}" data-katex-code="\Large \pmb{\text{â}}" onclick="loadKatexInInputBox(this);"></button> 1339 <button type="button" class="btn" data-latex-code="\text{â}" data-katex-code="\Large \pmb{\text{â}}" onclick="loadKatexInInputBox(this);"></button> 1340 <button type="button" class="btn" data-latex-code="\leftharpoonup" data-katex-code="\Large \pmb{\leftharpoonup}" onclick="loadKatexInInputBox(this);"></button> 1341 1342 <!-- Row 5 --> 1343 <button type="button" class="btn" data-latex-code="\leftharpoondown" data-katex-code="\Large \pmb{\leftharpoondown}" onclick="loadKatexInInputBox(this);"></button> 1344 <button type="button" class="btn" data-latex-code="\rightharpoonup" data-katex-code="\Large \pmb{\rightharpoonup}" onclick="loadKatexInInputBox(this);"></button> 1345 <button type="button" class="btn" data-latex-code="\rightharpoondown" data-katex-code="\Large \pmb{\rightharpoondown}" onclick="loadKatexInInputBox(this);"></button> 1346 <button type="button" class="btn" data-latex-code="\text{â}" data-katex-code="\Large \pmb{\llcorner}" onclick="loadKatexInInputBox(this);"></button> 1347 <button type="button" class="btn" data-latex-code="\text{â}" data-katex-code="\Large \pmb{\lrcorner}" onclick="loadKatexInInputBox(this);"></button> 1348 <button type="button" class="btn" data-latex-code="\text{â}" data-katex-code="\Large \pmb{\ulcorner}" onclick="loadKatexInInputBox(this);"></button> 1349 1350 <!-- Row 6 --> 1351 <button type="button" class="btn" data-latex-code="\text{â}" data-katex-code="\Large \pmb{\urcorner}" onclick="loadKatexInInputBox(this);"></button> 1352 </div> 1353 1354 <!-- Greece Section --> 1355 <div class="buttons-other mb-10" style="max-height:340px; overflow: auto; display: none; margin-top:10px;" id="greece"> 1356 <!-- Row 1 --> 1357 <button type="button" class="btn" data-latex-code="\alpha" data-katex-code="\Large \pmb{\alpha}" onclick="loadKatexInInputBox(this);"></button> 1358 <button type="button" class="btn" data-latex-code="\beta" data-katex-code="\Large \pmb{\beta}" onclick="loadKatexInInputBox(this);"></button> 1359 <button type="button" class="btn" data-latex-code="\gamma" data-katex-code="\Large \pmb{\gamma}" onclick="loadKatexInInputBox(this);"></button> 1360 <button type="button" class="btn" data-latex-code="\delta" data-katex-code="\Large \pmb{\delta}" onclick="loadKatexInInputBox(this);"></button> 1361 <button type="button" class="btn" data-latex-code="\epsilon" data-katex-code="\Large \pmb{\epsilon}" onclick="loadKatexInInputBox(this);"></button> 1362 <button type="button" class="btn" data-latex-code="\zeta" data-katex-code="\Large \pmb{\zeta}" onclick="loadKatexInInputBox(this);"></button> 1363 1364 <!-- Row 2 --> 1365 <button type="button" class="btn" data-latex-code="\eta" data-katex-code="\Large \pmb{\eta}" onclick="loadKatexInInputBox(this);"></button> 1366 <button type="button" class="btn" data-latex-code="\theta" data-katex-code="\Large \pmb{\theta}" onclick="loadKatexInInputBox(this);"></button> 1367 <button type="button" class="btn" data-latex-code="\iota" data-katex-code="\Large \pmb{\iota}" onclick="loadKatexInInputBox(this);"></button> 1368 <button type="button" class="btn" data-latex-code="\kappa" data-katex-code="\Large \pmb{\kappa}" onclick="loadKatexInInputBox(this);"></button> 1369 <button type="button" class="btn" data-latex-code="\lambda" data-katex-code="\Large \pmb{\lambda}" onclick="loadKatexInInputBox(this);"></button> 1370 <button type="button" class="btn" data-latex-code="\mu" data-katex-code="\Large \pmb{\mu}" onclick="loadKatexInInputBox(this);"></button> 1371 1372 <!-- Row 3 --> 1373 <button type="button" class="btn" data-latex-code="\nu" data-katex-code="\Large \pmb{\nu}" onclick="loadKatexInInputBox(this);"></button> 1374 <button type="button" class="btn" data-latex-code="\xi" data-katex-code="\Large \pmb{\xi}" onclick="loadKatexInInputBox(this);"></button> 1375 <button type="button" class="btn" data-latex-code="\pi" data-katex-code="\Large \pmb{\pi}" onclick="loadKatexInInputBox(this);"></button> 1376 <button type="button" class="btn" data-latex-code="\rho" data-katex-code="\Large \pmb{\rho}" onclick="loadKatexInInputBox(this);"></button> 1377 <button type="button" class="btn" data-latex-code="\sigma" data-katex-code="\Large \pmb{\sigma}" onclick="loadKatexInInputBox(this);"></button> 1378 <button type="button" class="btn" data-latex-code="\tau" data-katex-code="\Large \pmb{\tau}" onclick="loadKatexInInputBox(this);"></button> 1379 1380 <!-- Row 4 --> 1381 <button type="button" class="btn" data-latex-code="\varphi" data-katex-code="\Large \pmb{\varphi}" onclick="loadKatexInInputBox(this);"></button> 1382 <button type="button" class="btn" data-latex-code="\chi" data-katex-code="\Large \pmb{\chi}" onclick="loadKatexInInputBox(this);"></button> 1383 <button type="button" class="btn" data-latex-code="\psi" data-katex-code="\Large \pmb{\psi}" onclick="loadKatexInInputBox(this);"></button> 1384 <button type="button" class="btn" data-latex-code="\omega" data-katex-code="\Large \pmb{\omega}" onclick="loadKatexInInputBox(this);"></button> 1385 <button type="button" class="btn" data-latex-code="\varepsilon" data-katex-code="\Large \pmb{\varepsilon}" onclick="loadKatexInInputBox(this);"></button> 1386 <button type="button" class="btn" data-latex-code="\vartheta" data-katex-code="\Large \pmb{\vartheta}" onclick="loadKatexInInputBox(this);"></button> 1387 1388 <!-- Row 5 --> 1389 <button type="button" class="btn" data-latex-code="\varpi" data-katex-code="\Large \pmb{\varpi}" onclick="loadKatexInInputBox(this);"></button> 1390 <button type="button" class="btn" data-latex-code="\varrho" data-katex-code="\Large \pmb{\varrho}" onclick="loadKatexInInputBox(this);"></button> 1391 <button type="button" class="btn" data-latex-code="\varsigma" data-katex-code="\Large \pmb{\varsigma}" onclick="loadKatexInInputBox(this);"></button> 1392 <button type="button" class="btn" data-latex-code="\phi" data-katex-code="\Large \pmb{\phi}
1392" onclick="loadKatexInInputBox(this);"></button> 1393 <button type="button" class="btn" data-latex-code="\Gamma" data-katex-code="\Large \pmb{\Gamma}" onclick="loadKatexInInputBox(this);"></button> 1394 <button type="button" class="btn" data-latex-code="\Delta" data-katex-code="\Large \pmb{\Delta}" onclick="loadKatexInInputBox(this);"></button> 1395 1396 <!-- Row 6 --> 1397 <button type="button" class="btn" data-latex-code="\Theta" data-katex-code="\Large \pmb{\Theta}" onclick="loadKatexInInputBox(this);"></button> 1398 <button type="button" class="btn" data-latex-code="\Lambda" data-katex-code="\Large \pmb{\Lambda}" onclick="loadKatexInInputBox(this);"></button> 1399 <button type="button" class="btn" data-latex-code="\Pi" data-katex-code="\Large \pmb{\Pi}" onclick="loadKatexInInputBox(this);"></button> 1400 <button type="button" class="btn" data-latex-code="\Sigma" data-katex-code="\Large \pmb{\Sigma}" onclick="loadKatexInInputBox(this);"></button> 1401 <button type="button" class="btn" data-latex-code="\Phi" data-katex-code="\Large \pmb{\Phi}" onclick="loadKatexInInputBox(this);"></button> 1402 <button type="button" class="btn" data-latex-code="\Psi" data-katex-code="\Large \pmb{\Psi}" onclick="loadKatexInInputBox(this);"></button> 1403 1404 <!-- Row 7 --> 1405 <button type="button" class="btn" data-latex-code="\Omega" data-katex-code="\Large \pmb{\Omega}" onclick="loadKatexInInputBox(this);"></button> 1406 <button type="button" class="btn" data-latex-code="\Xi" data-katex-code="\Large \pmb{\Xi}" onclick="loadKatexInInputBox(this);"></button> 1407 </div> 1408 1409 <!-- Subscript Section --> 1410 <div class="buttons-other mb-10" style="max-height:340px; overflow: auto; display: none; margin-top:10px;" id="subscript"> 1411 <!-- Row 1 --> 1412 <button type="button" class="btn" data-latex-code="\overrightarrow{x}" data-katex-code='\Large \pmb{_{\char"2610}^{\rightarrow}}' onclick="loadKatexInInputBox(this);"></button> 1413 <button type="button" class="btn" data-latex-code="\overleftarrow{x}" data-katex-code='\Large \pmb{_{\char"2610}^{\leftarrow}}' onclick="loadKatexInInputBox(this);"></button> 1414 <button type="button" class="btn" data-latex-code="\overline{x}" data-katex-code='\Large \pmb{\overline{\atop \char"2610}}' onclick="loadKatexInInputBox(this);"></button> 1415 <button type="button" class="btn" data-latex-code="\overline{\overline{x}}" data-katex-code='\Large \pmb{\overline{\overline{\atop \char"2610}}}' onclick="loadKatexInInputBox(this);"></button> 1416 <button type="button" class="btn" data-latex-code="\underline{x}" data-katex-code='\Large \pmb{\underline{\char"2610}}' onclick="loadKatexInInputBox(this);"></button> 1417 </div> 1418 1419 <!-- BigOps Section --> 1420 <div class="buttons-other mb-10" style="max-height:340px; overflow: auto; display: none; margin-top:10px;" id="bigops"> 1421 <!-- Row 1 --> 1422 <button type="button" class="btn" data-latex-code="\sum_{x}^{y}" data-katex-code='\pmb{\displaystyle\sum_{\char"2610}^{\char"2610}}' onclick="loadKatexInInputBox(this);"></button> 1423 <button type="button" class="btn" data-latex-code="\prod_{x}^{y}" data-katex-code='\pmb{\displaystyle\prod_{\char"2610}^{\char"2610}}' onclick="loadKatexInInputBox(this);"></button> 1424 <button type="button" class="btn" data-latex-code="\coprod_{x}^{y}" data-katex-code='\pmb{\displaystyle\coprod_{\char"2610}^{\char"2610}}' onclick="loadKatexInInputBox(this);"></button> 1425 <button type="button" class="btn" data-latex-code="\bigcup_{x}^{y}" data-katex-code='\pmb{\displaystyle\bigcup_{\char"2610}^{\char"2610}}' onclick="loadKatexInInputBox(this);"></button> 1426 <button type="button" class="btn" data-latex-code="\bigcap_{x}^{y}" data-katex-code='\pmb{\displaystyle\bigcap_{\char"2610}^{\char"2610}}' onclick="loadKatexInInputBox(this);"></button> 1427 <button type="button" class="btn" data-latex-code="\bigvee_{x}^{y}" data-katex-code='\pmb{\displaystyle\bigvee_{\char"2610}^{\char"2610}}' onclick="loadKatexInInputBox(this);"></button> 1428 1429 <!-- Row 2 --> 1430 <button type="button" class="btn" data-latex-code="\bigwedge_{x}^{y}" data-katex-code='\pmb{\displaystyle\bigwedge_{\char"2610}^{\char"2610}}' onclick="loadKatexInInputBox(this);"></button> 1431 <button type="button" class="btn" data-latex-code="\sum_{x}^{y}" data-katex-code='\Large \pmb{\sum}' onclick="loadKatexInInputBox(this);"></button> 1432 <button type="button" class="btn" data-latex-code="\prod_{x}^{y}" data-katex-code='\Large \pmb{\prod}' onclick="loadKatexInInputBox(this);"></button> 1433 <button type="button" class="btn" data-latex-code="\coprod_{x}^{y}" data-katex-code='\Large \pmb{\coprod}' onclick="loadKatexInInputBox(this);"></button> 1434 <button type="button" class="btn" data-latex-code="\bigcup" data-katex-code='\Large \pmb{\bigcup}' onclick="loadKatexInInputBox(this);"></button> 1435 <button type="button" class="btn" data-latex-code="\bigcap" data-katex-code='\Large \pmb{\bigcap}' onclick="loadKatexInInputBox(this);"></button> 1436 1437 <!-- Row 3 --> 1438 <button type="button" class="btn" data-latex-code="\bigvee" data-katex-code='\Large \pmb{\bigvee}' onclick="loadKatexInInputBox(this);"></button> 1439 <button type="button" class="btn" data-latex-code="\bigwedge" data-katex-code='\Large \pmb{\bigwedge}' onclick="loadKatexInInputBox(this);"></button> 1440 <button type="button" class="btn" data-latex-code="\int_{x}^{y}" data-katex-code='\Large \pmb{\int_{\char"2610}^{\char"2610}}' onclick="loadKatexInInputBox(this);"></button> 1441 <button type="button" class="btn" data-latex-code="\oint_{x}^{y}" data-katex-code='\Large \pmb{\oint_{\char"2610}^{\char"2610}}' onclick="loadKatexInInputBox(this);"></button> 1442 <button type="button" class="btn" data-latex-code="\lim_{x\to\infty}" data-katex-code='\Large \pmb{\lim \atop {\char"2610\rightarrow\infty}}' onclick="loadKatexInInputBox(this);"></button> 1443 <button type="button" class="btn" data-latex-code="\lim_{n}" data-katex-code='\Large \pmb{\lim \atop {\char"2610}}' onclick="loadKatexInInputBox(this);"></button> 1444 1445 <!-- Row 4 --> 1446 <button type="button" class="btn" data-latex-code="\frac{dx}{dy}" data-katex-code='\Large \pmb{\frac{d{\char"2610}}{d{\char"2610}}}' onclick="loadKatexInInputBox(this);"></button> 1447 <button type="button" class="btn" data-latex-code="\frac{\partial x}{\partial y}" data-katex-code='\Large \pmb{\frac{\partial {\char"2610}}{\partial {\char"2610}}}' onclick="loadKatexInInputBox(this);"></button> 1448 <button type="button" class="btn" data-latex-code="d" data-katex-code='\Large \pmb{d}' onclick="loadKatexInInputBox(this);"></button> 1449 <button type="button" class="btn" data-latex-code="\partial" data-katex-code='\Large \pmb{\partial}' onclick="loadKatexInInputBox(this);"></button> 1450 <button type="button" class="btn" data-latex-code="\nabla\times a" data-katex-code='\Large \pmb{\nabla\times {\char"2610}}' onclick="loadKatexInInputBox(this);"></button> 1451 <button type="button" class="btn" data-latex-code="\nabla\cdot a" data-katex-code='\Large \pmb{\nabla\cdot {\char"2610}}' onclick="loadKatexInInputBox(this);"></button> 1452 1453 <!-- Row 5 --> 1454 <button type="button" class="btn" data-latex-code="\nabla a" data-katex-code='\Large \pmb{\nabla {\char"2610}}' onclick="loadKatexInInputBox(this);"></button> 1455 <button type="button" class="btn" data-latex-code="\Delta a" data-katex-code='\Large \pmb{\Delta {\char"2610}}' onclick="loadKatexInInputBox(this);"></button> 1456 </div> 1457 1458 <!-- Functions Section --> 1459 <div class="buttons-other mb-10" style="max-height:340px; overflow: auto; display:none; margin-top:10px;" id="functions"> 1460 <!-- Row 1 --> 1461 <button type="button" class="btn" data-latex-code="\sin()" data-katex-code='\pmb{\sin\left(\char"2610\right)}' onclick="loadKatexInInputBox(this);"></button> 1462 <button type="button" class="btn" data-latex-code="\tan()" data-katex-code='\pmb{\tan\left(\char"2610\right)}' onclick="loadKatexInInputBox(this);"></button> 1463 <button type="button" class="btn" data-latex-code="\sec()" data-katex-code='\pmb{\sec\left(\char"2610\right)}' onclick="loadKatexInInputBox(this);"></button> 1464 <button type="button" class="btn" data-latex-code="\cos()" data-katex-code='\pmb{\cos\left(\char"2610\right)}' onclick="loadKatexInInputBox(this);"></button> 1465 <button type="button" class="btn" data-latex-code="\cot()" data-katex-code='\pmb{\cot\left(\char"2610\right)}' onclick="loadKatexInInputBox(this);"></button> 1466 <button type="button" class="btn" data-latex-code="\csc()" data-katex-code='\pmb{\csc\left(\char"2610\right)}' onclick="loadKatexInInputBox(this);"></button> 1467 1468 <!-- Row 2 --> 1469 <button type="button" class="btn" data-latex-code="\sin^-1()" data-katex-code='\pmb{\sin^-1\left(\char"2610\right)}' onclick="loadKatexInInputBox(this);"></button> 1470 <button type="button" class="btn" data-latex-code="\tan^-1()" data-katex-code='\pmb{\tan^-1\left(\char"2610\right)}' onclick="loadKatexInInputBox(this);"></button> 1471 <button type="button" class="btn" data-latex-code="\sec^-1()" data-katex-code='\pmb{\sec^-1\left(\char"2610\right)}' onclick="loadKatexInInputBox(this);"></button> 1472 <button type="button" class="btn" data-latex-code="\cos^-1()" data-katex-code='\pmb{\cos^-1\left(\char"2610\right)}' onclick="loadKatexInInputBox(this);"></button> 1473 <button type="button" class="btn" data-latex-code="\cot^-1()" data-katex-code='\pmb{\cot^-1\left(\char"2610\right)}' onclick="loadKatexInInputBox(this);"></button> 1474 <button type="button" class="btn" data-latex-code="\csc^-1()" data-katex-code='\pmb{\csc^-1\left(\char"2610\right)}' onclick="loadKatexInInputBox(this);"></button> 1475 1476 <!-- Row 3 --> 1477 <button type="button" class="btn" data-latex-code="\ln()" data-katex-code='\pmb{\ln\left(\char"2610\right)}' onclick="loadKatexInInputBox(this);"></button> 1478 <button type="button" class="btn" data-latex-code="\log(10,)" data-katex-code='\pmb{\log\left(10,\char"2610\right)}' onclick="loadKatexInInputBox(this);"></button> 1479 <button type="button" class="btn" data-latex-code="\exp()" data-katex-code='\pmb{\exp\left(\char"2610\right)}' onclick="loadKatexInInputBox(this);"></button> 1480 <button type="button" class="btn" data-latex-code="\log _{ }()" data-katex-code='\pmb{\log _{\char"2610}\left(\char"2610\right)}' onclick="loadKatexInInputBox(this);"></button> 1481 <button type="button" class="btn" data-latex-code="\arcsin()" data-katex-code='\pmb{\arcsin\left(\char"2610\right)}' onclick="loadKatexInInputBox(this);"></button> 1482 <button type="button" class="btn" data-latex-code="\arctan()" data-katex-code='\pmb{\arctan\left(\char"2610\right)}' onclick="loadKatexInInputBox(this);"></button> 1483 1484 <!-- Row 4 --> 1485 <button type="button" class="btn" data-latex-code="\arcsec()" data-katex-code='\pmb{\operatorname{arcsec}\left(\char"2610\right)}' onclick="loadKatexInInputBox(this);"></button> 1486 <button type="button" class="btn" data-latex-code="\arccos()" data-katex-code='\pmb{\operatorname{arccos}\left(\char"2610\right)}' onclick="loadKatexInInputBox(this);"></button> 1487 <button type="button" class="btn" data-latex-code="\arccot()" data-katex-code='\pmb{\operatorname{arcsot}\left(\char"2610\right)}' onclick="loadKatexInInputBox(this);"></button> 1488 <button type="button" class="btn" data-latex-code="\arccsc()" data-katex-code='\pmb{\operatorname{arccsc}\left(\char"2610\right)}' onclick="loadKatexInInputBox(this);"></button> 1489 </div> 1490 1491 <!-- Hyperbolic Section --> 1492 <div class="buttons-other mb-10" style="max-height:340px; overflow: auto; display: none; margin-top:10px;" id="hyperbolic"> 1493 <!-- Row 1 --> 1494 <button type="button" class="btn" data-latex-code="\sinh()" data-katex-code='\sinh\left(\char"2610\right)'onclick="loadKatexInInputBox(this);"></button> 1495 <button type="button" class="btn" data-latex-code="\tanh()" data-katex-code='\tanh\left(\char"2610\right)'onclick="loadKatexInInputBox(this);"></button>
1496 <button type="button" class="btn" data-latex-code="\operatorname{sech}()" data-katex-code='\operatorname{sech}\left(\char"2610\right)'onclick="loadKatexInInputBox(this);"></button> 1497 <button type="button" class="btn" data-latex-code="\cosh()" data-katex-code='\cosh\left(\char"2610\right)'onclick="loadKatexInInputBox(this);"></button> 1498 <button type="button" class="btn" data-latex-code="\coth()" data-katex-code='\coth\left(\char"2610\right)'onclick="loadKatexInInputBox(this);"></button> 1499 <button type="button" class="btn" data-latex-code="\operatorname{csch}()" data-katex-code='\operatorname{csch}\left(\char"2610\right)'onclick="loadKatexInInputBox(this);"></button> 1500 1501 <!-- Row 2 --> 1502 <button type="button" class="btn" data-latex-code="\sinh^-1()" data-katex-code='\sinh^-1\left(\char"2610\right)'onclick="loadKatexInInputBox(this);"></button> 1503 <button type="button" class="btn" data-latex-code="\tanh^-1()" data-katex-code='\tanh^-1\left(\char"2610\right)'onclick="loadKatexInInputBox(this);"></button> 1504 <button type="button" class="btn" data-latex-code="\operatorname{sech}^-1()" data-katex-code='\operatorname{sech}^-1\left(\char"2610\right)'onclick="loadKatexInInputBox(this);"></button> 1505 <button type="button" class="btn" data-latex-code="\cosh^-1()" data-katex-code='\cosh^-1\left(\char"2610\right)'onclick="loadKatexInInputBox(this);"></button> 1506 <button type="button" class="btn" data-latex-code="\coth^-1()" data-katex-code='\coth^-1\left(\char"2610\right)'onclick="loadKatexInInputBox(this);"></button> 1507 <button type="button" class="btn" data-latex-code="\operatorname{csch}^-1()" data-katex-code='\operatorname{csch}^-1\left(\char"2610\right)'onclick="loadKatexInInputBox(this);"></button> 1508 1509 <!-- Row 3 --> 1510 <button type="button" class="btn" data-latex-code="\operatorname{arcsinh}()" data-katex-code='\operatorname{arcsinh}\left(\char"2610\right)'onclick="loadKatexInInputBox(this);"></button> 1511 <button type="button" class="btn" data-latex-code="\operatorname{arctanh}()" data-katex-code='\operatorname{arctanh}\left(\char"2610\right)'onclick="loadKatexInInputBox(this);"></button> 1512 <button type="button" class="btn" data-latex-code="\operatorname{arcsech}()" data-katex-code='\operatorname{arcsech}\left(\char"2610\right)'onclick="loadKatexInInputBox(this);"></button> 1513 <button type="button" class="btn" data-latex-code="\operatorname{arccosh}()" data-katex-code='\operatorname{arccosh}\left(\char"2610\right)'onclick="loadKatexInInputBox(this);"></button> 1514 <button type="button" class="btn" data-latex-code="\operatorname{arccoth}()" data-katex-code='\operatorname{arccoth}\left(\char"2610\right)'onclick="loadKatexInInputBox(this);"></button> 1515 <button type="button" class="btn" data-latex-code="\operatorname{arccsch}()" data-katex-code='\operatorname{arccsch}\left(\char"2610\right)'onclick="loadKatexInInputBox(this);"></button> 1516 </div> 1517 1518 <!-- All Buttons Section --> 1519 <div class="buttons" style="max-height:340px; overflow: auto; display:none; margin-top: 10px;" id="btnsForAll"> 1520 <!-- Row 1 --> 1521 <button type="button" class="btn" data-latex-code="\text{CLR}" data-katex-code="\Large \pmb{\text{CLR}}" onclick="clearMathField();"></button> 1522 <button type="button" class="btn" data-latex-code="\leftarrow" data-katex-code="\Large \pmb{\leftarrow}" onclick="moveCaret('statement', 'Left')"></button> 1523 <button type="button" class="btn" data-latex-code="\rightarrow" data-katex-code="{\Large \pmb\rightarrow}" onclick="moveCaret('statement', 'Right')"></button> 1524 <button type="button" class="btn" data-latex-code="\pi" data-katex-code="\Large \pmb{\pi}" onclick="loadKatexInInputBox(this);"></button> 1525 <button type="button" class="btn d-flex align-items-center justify-content-center" onclick="imitateBackspace('statement')"> 1526 <img src="https://aimathsolver.co/assets/images/icons/backspace.png?v=0.0.1" alt="Backspace" width="24" height="24" loading="lazy" decoding="async"> 1527 </button> 1528 </div> 1529 </div> 1530</div> 1531 1532 1533
1534<script type="application/json" id="keyboard-data"> 1535{"isDesktopDevice":true,"isChat":false,"katexJsUrl":"https:\/\/aimathsolver.co\/assets\/lib\/katex.min.js?v=1786957108"} 1536</script>
1536 1537<link rel="modulepreload" as="script" href="https://aimathsolver.co/build/assets/keyboard-CPYKkn0O.js" /><link rel="modulepreload" as="script" href="https://aimathsolver.co/build/assets/pageData-B3nQg5j2.js" />
1537<script type="module" src="https://aimathsolver.co/build/assets/keyboard-CPYKkn0O.js"></script>
1537 </div> 1538 </div> 1539 <div class="ownMargin"></div> 1540 </div> 1541 </div> 1542 1543 <div id="cropperModal" class="modalCropper fade"> 1544 <div class="modal-title"> 1545 </div> 1546 <div class="modal-content"> 1547 <div class="text-end pb-2 cursor-pointer"> 1548 <img loading="lazy" decoding="async" src="https://aimathsolver.co/assets/images/icons/cancel.png" alt="cancel image" height="14px" width="14px" class="removeShare cursor-pointer"> 1549 </div> 1550 <div id="loader" class="row w-50 mx-auto justify-content-center p-4 flex-grow-1 align-items-center"> 1551 <div class="spinner"> 1552 <div></div> 1553 <div></div> 1554 <div></div> 1555 <div></div> 1556 <div></div> 1557 <div></div> 1558 <div></div> 1559 <div></div> 1560 <div></div> 1561 <div></div> 1562 </div> 1563 </div> 1564 <div class="cropper-container flex-grow-1 d-none"> 1565 <img id="cropperImage" src="" alt="Image to crop"> 1566 </div> 1567 <div class="d-flex justify-content-between"> 1568 <div class="controls"> 1569 <svg id="rotate-left" width="43" height="40" viewBox="0 0 43 40" fill="none" 1570 xmlns="http://www.w3.org/2000/svg"> 1571 <rect x="0.398438" width="42.2034" height="40" rx="8" fill="#F5F5F5" /> 1572 <path 1573 d="M22.2 28.4949C23.9742 28.4949 25.7029 27.927 27.1383 26.8725C28.5737 25.818 29.6421 24.3312 30.1904 22.625C30.7386 20.9189 30.7386 19.0811 30.1904 17.3749C29.6421 15.6688 28.5737 14.1819 27.1383 13.1275C25.7029 12.073 23.9742 11.5051 22.2 11.5051C20.4257 11.5051 18.697 12.073 17.2616 13.1275C15.8262 14.1819 14.7579 15.6688 14.2096 17.3749C13.6614 19.0811 13.6614 20.9189 14.2096 22.625M15.4321 20.9439L14.2652 22.8316L12.3982 21.4158" 1574 stroke="black" stroke-width="1.57143" stroke-linecap="round" stroke-linejoin="round" /> 1575 </svg> 1576 <svg id="rotate-right" width="43" height="40" viewBox="0 0 43 40" fill="none" 1577 xmlns="http://www.w3.org/2000/svg"> 1578 <rect x="0.398438" width="42.2034" height="40" rx="8" fill="#F5F5F5" /> 1579 <path 1580 d="M20.8 28.4949C19.0258 28.4949 17.2971 27.927 15.8617 26.8725C14.4263 25.818 13.3579 24.3312 12.8096 22.625C12.2614 20.9189 12.2614 19.0811 12.8096 17.3749C13.3579 15.6688 14.4263 14.1819 15.8617 13.1275C17.2971 12.073 19.0258 11.5051 20.8 11.5051C22.5743 11.5051 24.303 12.073 25.7384 13.1275C27.1738 14.1819 28.2421 15.6688 28.7904 17.3749C29.3386 19.0811 29.3386 20.9189 28.7904 22.625M27.5679 20.9439L28.7348 22.8316L30.6018 21.4158" 1581 stroke="black" stroke-width="1.57143" stroke-linecap="round" stroke-linejoin="round" /> 1582 </svg> 1583 <button type="button" id="flip-h" class="crop-tool-btn" aria-label="Flip horizontal" title="Flip horizontal"> 1584 <svg width="22" height="22" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 1585 <path d="M12 3v18M5 7l5 5-5 5V7zM19 7l-5 5 5 5V7z" stroke="black" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 1586 </svg> 1587 </button> 1588 <button type="button" id="flip-v" class="crop-tool-btn" aria-label="Flip vertical" title="Flip vertical"> 1589 <svg width="22" height="22" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 1590 <path d="M3 12h18M7 5l5 5 5-5H7zM7 19l5-5 5 5H7z" stroke="black" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 1591 </svg> 1592 </button> 1593 <button type="button" id="zoom-in" class="crop-tool-btn" aria-label="Zoom in" title="Zoom in"> 1594 <svg width="22" height="22" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 1595 <circle cx="11" cy="11" r="7" stroke="black" stroke-width="1.6"/> 1596 <path d="M11 8v6M8 11h6M20 20l-3-3" stroke="black" stroke-width="1.6" stroke-linecap="round"/> 1597 </svg> 1598 </button> 1599 <button type="button" id="zoom-out" class="crop-tool-btn" aria-label="Zoom out" title="Zoom out"> 1600 <svg width="22" height="22" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 1601 <circle cx="11" cy="11" r="7" stroke="black" stroke-width="1.6"/> 1602 <path d="M8 11h6M20 20l-3-3" stroke="black" stroke-width="1.6" stroke-linecap="round"/> 1603 </svg> 1604 </button> 1605 <button type="button" id="reset-crop" class="crop-tool-btn" aria-label="Reset" title="Reset"> 1606 <svg width="22" height="22" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 1607 <path d="M3 12a9 9 0 1 0 3-6.7M3 4v5h5" stroke="black" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 1608 </svg> 1609 </button> 1610 </div> 1611 <div> 1612 <button type="button" class="bg-primary rounded py-2 px-3 text-white border-0" id="cropImageButton" 1613 aria-label="Crop image">Crop</button> 1614 </div> 1615 </div> 1616 </div> 1617 </div> 1618 </div> 1619 </div> 1620 1621 <div class="content-section-start"> 1622 <style> 1623 #content-section p,#content-section li,#content-section span{ 1624 color: rgb(107 114 128); 1625 font-size: 15px; 1626 } 1627 #content-section li{ 1628 line-height: 1.5; 1629 } 1630 .logo-scroll-container img { 1631 filter: grayscale(var(--sidebar-img-grayscale)); 1632 } 1633 1634 .step-number { 1635 display: inline-flex; 1636 justify-content: center; 1637 align-items: center; 1638 width: 30px; 1639 height: 30px; 1640 border-radius: 50%; 1641 background-color: #4f46e5; 1642 color: white; 1643 font-weight: bold; 1644 font-size: 1em; 1645 margin: 0 auto 10px; 1646 } 1647 1648 .bg-blue-100 { 1649 --tw-bg-opacity: 1; 1650 background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1)); 1651 width: 50px; 1652 height: 50px; 1653 padding: 10px; 1654 border-radius: 50%; 1655 display: inline-flex; 1656 align-items: center; 1657 justify-content: center; 1658 } 1659 1660 /* ===== User Reviews Section ===== */ 1661 .reviews-section { 1662 background: var(--bg-white); 1663 text-align: center; 1664 /* padding: 80px 20px; 1665 border-top: 1px solid #e5e7eb; */ 1666 } 1667 1668 .reviews-section h3 { 1669 font-size: 28px; 1670 font-weight: 700; 1671 color: var(--text); 1672 margin-bottom: 40px; 1673 } 1674 1675 .reviews-grid { 1676 display: grid; 1677 grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); 1678 gap: 30px; 1679 max-width: 1100px; 1680 margin: 0 auto; 1681 } 1682 1683 .review-card { 1684 background: var(--light-bg); 1685 padding: 28px; 1686 border-radius: 10px; 1687 text-align: left; 1688 box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05); 1689 transition: transform 0.3s ease; 1690 } 1691 1692 .review-card:hover { 1693 transform: translateY(-6px); 1694 } 1695 1696 .review-stars { 1697 color: #facc15; 1698 font-size: 18px; 1699 margin-bottom: 10px; 1700 } 1701 1702 .review-text { 1703 font-size: 15px; 1704 color: var(--muted); 1705 /* margin-bottom: 14px; */ 1706 line-height: 1.6; 1707 } 1708 1709 .review-user { 1710 display: flex; 1711 align-items: center; 1712 gap: 12px; 1713 } 1714 1715 .review-user img { 1716 width: 42px; 1717 height: 42px; 1718 border-radius: 50%; 1719 object-fit: cover; 1720 } 1721 1722 .review-user span { 1723 font-weight: 600; 1724 color: var(--text); 1725 } 1726 1727 @media (max-width: 640px) { 1728 .trusted-section h2 { 1729 font-size: 26px; 1730 } 1731 1732 .reviews-section h3 { 1733 font-size: 24px; 1734 } 1735 1736 .logos-grid { 1737 display: flex; 1738 overflow-x: auto; 1739 gap: 24px; 1740 scroll-snap-type: x mandatory; 1741 -webkit-overflow-scrolling: touch; 1742 padding: 30px 10px; 1743 } 1744 1745 .logos-grid img { 1746 flex: 0 0 auto; 1747 scroll-snap-align: center; 1748 min-width: 120px; 1749 } 1750 } 1751</style> 1752 1753<style> 1754 .logo-scroll-wrapper { 1755 position: relative; 1756 width: 100%; 1757 overflow: hidden; 1758 } 1759 1760 .logo-scroll-container { 1761 overflow: hidden; 1762 white-space: nowrap; 1763 width: 100%; 1764 } 1765 1766 .logo-scroll { 1767 display: inline-flex; 1768 align-items: center; 1769 gap: 5rem; 1770 animation: scroll-logos 25s linear infinite; 1771 } 1772 1773 /* Seamless animation */
1774 @keyframes scroll-logos { 1775 0% { 1776 transform: translateX(0); 1777 } 1778 1779 100% { 1780 transform: translateX(-50%); 1781 } 1782 } 1783 1784 /* Blur fade edges */ 1785 .logo-scroll-wrapper::before, 1786 .logo-scroll-wrapper::after { 1787 content: ""; 1788 position: absolute; 1789 top: 0; 1790 width: 80px; 1791 height: 100%; 1792 pointer-events: none; 1793 z-index: 2; 1794 } 1795 1796 .logo-scroll-wrapper::before { 1797 left: 0; 1798 background: linear-gradient(to right, #fafafa, rgba(255, 255, 255, 0)); 1799 } 1800 1801 .logo-scroll-wrapper::after { 1802 right: 0; 1803 background: linear-gradient(to left, #fafafa, rgba(255, 255, 255, 0)); 1804 } 1805 1806 /* Optional: pause on hover */ 1807 .logo-scroll-wrapper:hover .logo-scroll { 1808 animation-play-state: paused; 1809 } 1810 .reviewer-avatar { 1811 width: 50px; 1812 height: 50px; 1813 background: linear-gradient(135deg, #4f46e5 0%, #764ba2 100%); 1814 color: white; 1815 border-radius: 50%; 1816 display: flex; 1817 align-items: center; 1818 justify-content: center; 1819 font-weight: bold; 1820 font-size: 1.1rem; 1821 } 1822</style> 1823 1824<div class="row content-body m-2 col-md-10 mx-auto px-md-0 px-2" id="content-section"> 1825 <h2 class="text-black text-center"><strong>AI Math Problem Solver</strong></h2> 1826 1827<p> </p> 1828 1829<div class="bg-white shadow hover rounded p-4"> 1830<p>This AI Math Solver is your all-in-one personal math tutor that helps to solve math problems, including algebra, calculus, geometry, trigonometry, arithmetic, and more. It is developed by math professionals who know how tough math can be. Just type, copy-paste, or upload a file of your math homework free of cost to get it solved with detailed steps and explanations for a better understanding. </p> 1831 1832<p> </p> 1833 1834<p>Trusted by <strong>500K+ students</strong> across <strong>200+ schools</strong>, our best math AI delivers <strong>99.8% accurate</strong> results backed by <strong>5+ years</strong> of experience in making math easier for everyone.</p> 1835</div> 1836 1837<p> </p> 1838 1839<h2 class="text-black text-center"><strong>What are the Features of AI Math Solver?</strong></h2> 1840 1841<p> </p> 1842 1843<div class="d-lg-flex p-0 gap-3"> 1844<div class="col bg-white shadow hover rounded p-4"> 1845<h3><span class="bg-blue-100">ð</span> <strong>Smart Equation Recognition:</strong></h3> 1846 1847<p> </p> 1848 1849<p>Our AI math assistant doesn’t just give you the final answer, it breaks down every step clearly so you can understand the logic behind it. With smart equation recognition, it accurately identifies variables, symbols, and operations to deliver precise and detailed results.</p> 1850</div> 1851 1852<div class="col bg-white shadow hover rounded p-4 mt-md-0 mt-2"> 1853<h3><span class="bg-blue-100">â¡</span> <strong>Multi-Input Support:</strong></h3> 1854 1855<p> </p> 1856 1857<p>Whether you type a math problem, upload a screenshot, or snap a photo with your camera, this tool instantly reads and understands the content using advanced OCR. This AI Photo Math Solver features a built-in keyboard that allows you to enter equations manually with ease.</p> 1858</div> 1859</div> 1860 1861<p> </p> 1862 1863<div class="d-lg-flex p-0 gap-3"> 1864<div class="col bg-white shadow hover rounded p-4"> 1865<h3><span class="bg-blue-100">ð</span> <strong>Custom Interactive Quizzes:</strong></h3> 1866 1867<p> </p> 1868 1869<p>Use the AI picture math solver and practice custom interactive quizzes to master mathematics. If it's hard to type the equation or query from your homework, then simply take a picture of your problem and get instant step-by-step solutions to easily learn and understand.</p> 1870</div> 1871 1872<div class="col bg-white shadow hover rounded p-4 mt-md-0 mt-2"> 1873<h3><span class="bg-blue-100">ð±</span> <strong>Mobile & Desktop Responsive Design:</strong> </h3> 1874 1875<p> </p> 1876 1877<p>This AI Math solver online is fully optimized for all devices, so you can solve math problems seamlessly on your phone, tablet, or computer. It is developed by a professionals with a clean and responsive interface ensures a smooth learning experience wherever you are.</p> 1878</div> 1879</div> 1880 1881<p> </p> 1882 1883<h2 class="text-black text-center"><strong>How to Use this AI Math Tutor & Helper?</strong></h2> 1884 1885<p> </p> 1886 1887<div class="bg-white shadow hover rounded p-4 "> 1888<div class="mt-3"><span class="step-number" style="color: white;">1</span> <span><strong>Enter or Upload Your Problem</strong></span> 1889 1890<p>Type your math question in the input box, paste it from anywhere, or simply upload a photo of your problem.</p> 1891</div> 1892 1893<div class="mt-3"><span class="step-number" style="color: white;">2</span> <span><strong>Click the Send Button</strong></span> 1894 1895<p>Click the ‘Send button’ to submit your question and receive an instant, step-by-step answer.</p> 1896</div> 1897 1898<div class="mt-3"><span class="step-number" style="color: white;">3</span> <span><strong>Let AI Analyze the Question</strong></span> 1899 1900<p>Once submitted, the math AI solver online automatically identifies the type of problem, algebra, calculus, geometry, or any other topic.</p> 1901</div> 1902</div> 1903 1904<p> </p> 1905 1906<h2 class="text-black text-center mt-4"><strong>Trusted by Students & Educationals Worldwide</strong></h2> 1907 1908<div class="bg-white radius-10 shadow mt-4 py-4 px-3"> 1909<p class="text-center py-1">AI Math Solver&Helper is recognized and featured across top learning and research communities worldwide.</p> 1910 1911<div class="credibility-minimal"> 1912<div class="trust-factors d-flex justify-content-center font-s-14 credibility-line gap-3 my-2"> 1913<div class="trust-item"><svg class="trust-icon" fill="#10b981" viewbox="0 0 20 20" width="15px"> <path d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path> </svg> <span><span class="fw-bold">500K+</span> Students</span></div> 1914 1915<div class="trust-item"><svg class="trust-icon" fill="#10b981" viewbox="0 0 20 20" width="15px"> <path clip-rule="evenodd" d="M11.3 1.046A1 1 0 0112 2v5h4a1 1 0 01.82 1.573l-7 10A1 1 0 018 18v-5H4a1 1 0 01-.82-1.573l7-10a1 1 0 011.12-.38z" fill-rule="evenodd"></path> </svg> <span><span class="fw-bold">99.8%</span> Accuracy</span></div> 1916 1917<div class="trust-item"><svg class="trust-icon" fill="#10b981" viewbox="0 0 20 20" width="15px"> <path clip-rule="evenodd" d="M3 4a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm0 4a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm0 4a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm0 4a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" fill-rule="evenodd"></path> </svg> <span><span class="fw-bold">5+</span> Years Experience</span></div> 1918 1919<div class="trust-item"><svg class="trust-icon" fill="#10b981" viewbox="0 0 20 20" width="15px"> <path d="M13 6a3 3 0 11-6 0 3 3 0 016 0zM18 8a2 2 0 11-4 0 2 2
19190 014 0zM14 15a4 4 0 00-8 0v3h8v-3z"></path> </svg> <span><span class="fw-bold">200+</span> Schools</span></div> 1920</div> 1921 1922<div class="verification-line d-flex justify-content-center font-s-14 credibility-line gap-3 mb-2"> 1923<div class="verified-badge"><svg class="verified-icon" fill="green" viewbox="0 0 20 20" width="15px"> <path clip-rule="evenodd" d="M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" fill-rule="evenodd"></path> </svg> <span>Verified Solutions</span></div> 1924 1925<div class="academic-badge"><svg class="academic-icon" fill="#7c3aed" viewbox="0 0 20 20" width="15px"> <path d="M10.394 2.08a1 1 0 00-.788 0l-7 3a1 1 0 000 1.84L5.25 8.051a.999.999 0 01.356-.257l4-1.714a1 1 0 11.788 1.838L7.667 9.088l1.94.831a1 1 0 00.787 0l7-3a1 1 0 000-1.838l-7-3zM3.31 9.397L5 10.12v4.102a8.969 8.969 0 00-1.05-.174 1 1 0 01-.89-.89 11.115 11.115 0 01.25-3.762zM9.3 16.573A9.026 9.026 0 007 14.935v-3.957l1.818.78a3 3 0 002.364 0l5.508-2.361a11.026 11.026 0 01.25 3.762 1 1 0 01-.89.89 8.968 8.968 0 00-5.35 2.524 1 1 0 01-1.4 0zM6 18a1 1 0 001-1v-2.065a8.935 8.935 0 00-2-.712V17a1 1 0 001 1z"></path> </svg> <span>Academic Standards</span></div> 1926</div> 1927</div> 1928</div> 1929 <div class="py-4 px-0"> 1930 <h2 class="text-black fw-bold mb-3 text-center fs-25"> 1931 Frequently Asked Questions 1932 </h2> 1933 <div class="accordion"> 1934 <div class="accordion-item"> 1935 <button class="accordion-header" 1936 style="border-top-left-radius: 10px; border-top-right-radius: 10px;"> 1937 Is the AI Math Solver Free to Use? 1938 </button> 1939 <div class="accordion-body"> 1940 <p class="p-4"> 1941 Yes, our math solver is free to use. You can get solutions to unlimited mathematics problems without paying any cost. 1942 </p> 1943 </div> 1944 </div> 1945 <div class="accordion-item"> 1946 <button class="accordion-header">Can I use Maths Solver on a Mobile Device?</button> 1947 <div class="accordion-body"> 1948 <p class="p-4"> 1949 Yes, you can use it on mobile. Just open your mobile browser, search for it, and enter a math question to have a step-by-step solution. 1950 </p> 1951 </div> 1952 </div> 1953 <div class="accordion-item"> 1954 <button class="accordion-header"> 1955 How Do I input Complex Equations or Formulas? 1956 </button> 1957 <div class="accordion-body"> 1958 <p class="p-4"> 1959 Our math AI solver supports standard mathematical notations. You can input the complex equations by typing them manually or uploading an image. 1960 </p> 1961 </div> 1962 </div> 1963 <div class="accordion-item"> 1964 <button class="accordion-header"> 1965 Is my Data and Privacy Secure When Using the AI Math Solver? 1966 </button> 1967 <div class="accordion-body"> 1968 <p class="p-4"> 1969 Yes, all user-provided equations and uploaded images are secured as outlined in our Privacy Policy, which details that they are not stored, shared, or used for any purpose. 1970 </p> 1971 </div> 1972 </div> 1973 <div class="accordion-item"> 1974 <button class="accordion-header"> 1975 Can the Math Solver AI Provide Step-By-Step Solutions? 1976 </button> 1977 <div class="accordion-body"> 1978 <p class="p-4"> 1979 Yes, a key feature of our math AI solver is providing step-by-step solutions for any math problem. This allows you to learn and understand the mathematical concepts. 1980 </p> 1981 </div> 1982 </div> 1983 <div class="accordion-item"> 1984 <button class="accordion-header" 1985 style="border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;"> 1986 Can the AI Maths Solver Handle Word Problems? 1987 </button> 1988 <div class="accordion-body"> 1989 <p class="p-4"> 1990 Yes, the best AI math solver like ours can handle many word problems involving algebra, arithmetic, and basic calculus. You will need to input the problem text correctly. The accuracy of word problems depends on how the problem is written. 1991 </p> 1992 </div> 1993 </div> 1994 </div> 1995 </div> 1996</div> 1997 1998 1999
2000<script> 2001 document.querySelectorAll(".accordion-header").forEach((header) => { 2002 header.addEventListener("click", function () { 2003 const panel = this.nextElementSibling; 2004 const isOpen = panel.style.display === "contents"; 2005 2006 // Close all 2007 document.querySelectorAll(".accordion-body").forEach((body) => { 2008 body.style.display = "none"; 2009 }); 2010 document.querySelectorAll(".accordion-header").forEach((h) => { 2011 h.classList.remove("active"); 2012 }); 2013 2014 // Toggle clicked 2015 if (!isOpen) { 2016 panel.style.display = "contents"; 2017 this.classList.add("active"); 2018 } 2019 }); 2020 }); 2021</script>
2021 </div> 2022 </main> 2023 <div class="row footer-section ms-auto bg-white pt-5 pb-2 ps-md-0 px-2"> 2024 <div class="d-lg-flex justify-content-around px-lg-0 px-md-3 px-2"> 2025 <div class="col-lg-3"> 2026 <div class="navbar-title mb-3"> 2027 <a href="https://aimathsolver.co" class="home d-flex align-items-center justify-content-start gap-1 navbar-item text-decoration-none"> 2028 <img src="https://aimathsolver.co/assets/images/icons/newLogo.png" alt="siteLogo" width="35px" height="34px"> 2029 <h3 class="m-0 fw-600 font-s-22 sidebar-title">AI Math Solver</h3> 2030 </a> 2031 </div> 2032 <p class="fs-14" style="text-align:justify;">Get instant, AI-powered solutions to equations and math problems at aimathsolver.co!</p> 2033 </div> 2034 <div class="text-start mb-md-0 my-4"> 2035 <p class="fw-bold font-s-18">Resources</p> 2036 <ul class="list-inline font-s-15 text-start"> 2037 <li class="list-inline-item"><a href="https://aimathsolver.co/about-us" class="text-decoration-none">About Us</a></li> 2038 <li class="list-inline-item"><a href="https://aimathsolver.co/terms-of-services" class="text-decoration-none">Terms of Services</a></li> 2039 <li class="list-inline-item"><a href="https://aimathsolver.co/privacy-policy" class="text-decoration-none">Privacy Policy</a></li> 2040 </ul> 2041 </div> 2042 <div> 2043 <p class="fw-bold font-s-18">Keep in touch</p> 2044 <ul class="list-inline font-s-15 text-start"> 2045 <li class="list-inline-item"><a href="https://aimathsolver.co/contact-us" class="text-decoration-none">Contact us</a></li> 2046 <li class="list-inline-item"><a href="https://aimathsolver.co/blog" class="text-decoration-none">Blog</a></li> 2047 </ul> 2048 2049 </div> 2050 </div> 2051 <div class="col-12 text-center mt-3"> 2052 <p class="">© Copyright 2026 by aimathsolver.co</p> 2053 </div> 2054</div> </div> 2055 </div> 2056 2057 <link rel="modulepreload" as="script" href="https://aimathsolver.co/build/assets/ai-core-MTYXcks9.js" />
2057<script type="module" src="https://aimathsolver.co/build/assets/ai-core-MTYXcks9.js"></script>
2057<script type="application/json" id="ai-math-renderer-data"> 2058{"katexCssUrl":"https:\/\/aimathsolver.co\/assets\/lib\/katex.min.css?v=1786957108","markedJsUrl":"https:\/\/aimathsolver.co\/assets\/lib\/marked.min.js?v=1786957108","katexJsUrl":"https:\/\/aimathsolver.co\/assets\/lib\/katex.min.js?v=1786957108"} 2059</script>
2059 2060<link rel="modulepreload" as="script" href="https://aimathsolver.co/build/assets/ai-math-renderer-D_jPhNkG.js" /><link rel="modulepreload" as="script" href="https://aimathsolver.co/build/assets/pageData-B3nQg5j2.js" />
2060<script type="module" src="https://aimathsolver.co/build/assets/ai-math-renderer-D_jPhNkG.js"></script>
2060<script type="application/json" id="ai-chat-actions-data"> 2061{"copyTextMessage":"Text Copied","pdfGenFailedMessage":"Failed to generate PDF. Please try again."} 2062</script>
2062 2063<link rel="modulepreload" as="script" href="https://aimathsolver.co/build/assets/ai-chat-actions-nDWcGNUB.js" /><link rel="modulepreload" as="script" href="https://aimathsolver.co/build/assets/pageData-B3nQg5j2.js" /><link rel="modulepreload" as="script" href="https://aimathsolver.co/build/assets/ai-core-MTYXcks9.js" />
2063<script type="module" src="https://aimathsolver.co/build/assets/ai-chat-actions-nDWcGNUB.js"></script>
vendor: 1 bytes, line 2063
2063
2064<script type="application/json" id="ai-chat-data"> 2065{"isChat":false,"markedJsUrl":"https:\/\/aimathsolver.co\/assets\/lib\/marked.min.js?v=1786957108","skipTurnstile":false,"isAuthenticated":false,"cloudflareLocale":"en","cloudflareSiteKey":"0x4AAAAAABxJCq-fD79gge2s","solveLabel":"Solve","sendIconUrl":"https:\/\/aimathsolver.co\/assets\/images\/icons\/send-icon.png","removeIconUrl":"https:\/\/aimathsolver.co\/assets\/images\/icons\/remove.png","downloadIconUrl":"https:\/\/aimathsolver.co\/assets\/images\/icons\/download.png","tipRegenerateMessage":"Regenerate Answer","tipCopyMessage":"Copy Answer","tipDownMessage":"Download Answer","tipGoodMessage":"Good","tipBadMessage":"Bad","premiumModalHtml":"<style>\n .custom-modal {\n position: fixed;\n inset: 0;\n background: rgba(0,0,0,0.6);\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 9999;\n }\n .modal-content {\n border-radius: 10px;\n width: 700px;\n \/* text-align: center; *\/\n }\n .p-20{\n padding: 25px 20px;\n }\n .close-modal {\n background: gainsboro;\n border-radius: 50%;\n padding: 0px 5px;\n border: none;\n font-size: 20px;\n cursor: pointer;\n }\n .font-s-36{\n font-size: 36px;\n\n }\n .benefit-icon{\n padding-right: 5px;\n }\n .float-right{\n float: right;\n }\n .text-center{\n text-align: center;\n }\n .text-gray{\n color: #6b7280;\n }\n .mt-2{\n margin-top: 5px;\n }\n .gradient-bg{\n \/* background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); *\/\n \/* background: linear-gradient(135deg, #0047ab 0%, #1ca9c9 100%); *\/\n background-color: #4f46e5;\n padding: 1rem .5rem;\n }\n .p-0{\n padding: 0px !important;\n }\n .radius-10-t{\n border-radius: 10px 10px 0px 0px; \n }\n .right-5{\n right: 8px;\n top: 5px;\n }\n .bg-rgb{\n background-color : rgba(255, 255, 255, 0.209);\n }\n .w-30{\n width: 30px;\n height: 30px;\n }\n .bg-gradient-to-r{\n background-color: #ef7744;\n height: 5px;\n border-radius: 10px;\n }\n .bg-lightBlue{\n background: #f8fafc;\n }\n .Preactive{\n background: white;\n \/* border: 2px solid #4f46e5; *\/\n \/* border: 2px solid black; *\/\n border-radius:8px; \n color: #4f46e5;\n }\n \/* .border-white-2{\n border: 2px solid #f8fafc;\n border-radius:8px; \n } *\/\n .pricingbox{\n scale: 0.9;\n }\n .text-green-500{\n color: rgb(22 163 74);\n }\n @media (min-width: 768px) {\n .Modelgrid-container {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n }\n }\n @media (max-width: 767px) {\n .Modelgrid-container {\n display: flex;\n flex-direction: column;\n gap: 15px;\n max-height: 400px; \/* set desired height for scroll area *\/\n overflow-y: auto; \/* enable vertical scroll *\/\n padding: 10px;\n scroll-behavior: smooth;\n }\n\n \/* Optional: make scrollbar minimal and clean *\/\n .Modelgrid-container::-webkit-scrollbar {\n width: 6px;\n }\n .Modelgrid-container::-webkit-scrollbar-thumb {\n background: #c3c7d1;\n border-radius: 10px;\n }\n\n .Modelgrid-container .pricingbox {\n width: 100%;\n margin: 0 auto;\n flex-shrink: 0;\n }\n\n .Modelgrid-container ul li {\n font-size: 15px;\n }\n\n .font-s-36 {\n font-size: 28px;\n }\n\n .font-s-22 {\n font-size: 18px;\n }\n\n .custom_padding {\n padding: 10px;\n }\n .scroll-item {\n transform: scale(0.9);\n }\n .owl-dots {\n display: block !important;\n text-align: center;\n margin-bottom: 15px;\n position: relative;\n z-index: 10;\n }\n \n .owl-dots .owl-dot {\n display: inline-block;\n margin: 0 5px;\n border: 0px;\n border-radius: 50%;\n }\n \n .owl-dots .owl-dot span {\n width: 10px;\n height: 10px;\n background: #ccc;\n display: block;\n border-radius: 50%;\n transition: all 0.3s;\n }\n \n .owl-dots .owl-dot.active span {\n background: #4f46e5;
2065 \/* Active dot color *\/\n }\n }\n button:disabled{\n cursor: no-drop;\n }\n .text-white{\n color: white;\n }\n .profile-premium{\n width: 55px;\n height: 55px;\n padding: 10px;\n border-radius: 50%;\n }\n .weekly, .monthly, .yearly{\n border: 2px solid #4f46e5;\n }\n .text-gray{\n color: #7e8388;\n }\n .custom_padding{\n padding: 12px;\n }\n .Modelgrid-container ul li{\n font-size: 17px;\n }\n .Modelgrid-container ul{\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n .border-light{\n border: 1px solid #d9dee391;\n }\n .offBadge {\n position: absolute;\n font-size: 10px;\n top: -9px;\n right: 0;\n background: linear-gradient(135deg, #ff6b6b 0%, #ee5a6f 100%);\n color: white;\n \/* font-weight: bold; *\/\n padding: 3px 5px;\n border-radius: 10px;\n animation: pulseShake 3s infinite;\n }\n\n @keyframes pulseShake {\n 0% {\n transform: scale(1) rotate(0deg);\n }\n 25% {\n transform: scale(1.05) rotate(2deg);\n }\n 50% {\n transform: scale(1) rotate(0deg);\n }\n 75% {\n transform: scale(1.05) rotate(-2deg);\n }\n 100% {\n transform: scale(1) rotate(0deg);\n }\n }\n @media screen and (max-width: 524px) {\n .Popupheader {\n font-size: 25px;\n }\n }\n<\/style>\n<div id=\"premiumModal\" class=\"custom-modal\">\n <div class=\"modal-content p-20 bg-white\">\n <button class=\"close-modal float-right\">\u00d7<\/button>\n <div class=\"px-md-4 text-center\">\n <div class=\"d-flex justify-content-center align-items-center mb-2\">\n <img src=\"https:\/\/aimathsolver.co\/assets\/images\/user\/premium.png\" alt=\"Profile\" class=\"profile-premium radius-5\" style=\"filter:drop-shadow(2px 4px 6px #99999983);\" width=\"38px\" height=\"37px\">\n <h1 class=\"fw-bold Popupheader\">Daily Limit Reached!<\/h1>\n <\/div>\n <p class=\"mb-3 font-s-14 text-gray\">You've solved 10 problems today with your free account. Upgrade to continue learning!<\/p>\n <div class=\"mx-auto\" style=\"width: 350px;\">\n <div class=\"bg-lightBlue d-flex justify-content-between radius-10 p-1\">\n <div class=\"border-white-2 fw-bold text-center cursor-pointer py-2 px-4\" id=\"weekly\">Monthly<\/div>\n <div class=\"border-white-2 fw-bold text-center cursor-pointer py-2 px-4 position-relative\" id=\"monthly\">\n \n Semester<\/div>\n\n <div class=\"border-white-2 fw-bold text-center cursor-pointer py-2 px-4 position-relative Preactive\" id=\"yearly\">\n \n <\/span>Yearly<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"Modelgrid-container my-1\">\n <div class=\"bg-lightBlue radius-10 p-4 pricingbox border-light\">\n <p class=\"font-s-22 fw-bold text-primary text-center\">Free<\/p>\n <div class=\"font-s-36 fw-bold text-black mb-4 mt-2 text-center\">$0<span class=\"font-s-16 text-gray-600\">\/day<\/span><\/div>\n <ul class=\"text-start space-y-3 mb-4\">\n <li class=\"d-flex align-items-center\"><span class=\"text-green-500 me-2\">\u2713<\/span>10 Limited Credits\/Day<\/li>\n <li class=\"d-flex align-items-center text-gray mt-2\"><span class=\"me-2\">\n <img src=\"https:\/\/aimathsolver.co\/assets\/images\/icons\/close.png\" alt=\"Not Include\" width=\"15px\" height=\"15px\">\n <\/span>Daily Credit Limit<\/li>\n <li class=\"d-flex align-items-center text-gray\"><span class=\"me-2\">\n <img src=\"https:\/\/aimathsolver.co\/assets\/images\/icons\/close.png\" alt=\"Not Include\" width=\"15px\" height=\"15px\">\n <\/span>Unlimited Files Upload<\/li>\n <li class=\"d-flex align-items-center text-gray\"><span class=\"me-2\">\n <img src=\"https:\/\/aimathsolver.co\/assets\/images\/icons\/close.png\" alt=\"Not Include\" width=\"15px\" height=\"15px\">\n <\/span>Fast Response Time<\/li>\n <li class=\"d-flex align-items-center text-gray\"><span class=\"me-2\">\n <img src=\"https:\/\/aimathsolver.co\/assets\/images\/icons\/close.png\" alt=\"Not Include\" width=\"15px\" height=\"15px\">\n <\/span>Step by Step Solution<\/li>\n <li class=\"d-flex align-items-center text-gray\"><span class=\"me-2\">\n <img src=\"https:\/\/aimathsolver.co\/assets\/images\/icons\/close.png\" alt=\"Not Include\" width=\"15px\" height=\"15px\">\n <\/span>New Features <\/li>\n <\/ul>\n \n <button class=\"font-s-16 d-block border-light fw-bold radius-10 custom_padding text-center bg-white text-decoration-none w-100\" disabled>Current Plan<\/button>
2065\n \n <\/div>\n <div class=\"bg-white radius-10 p-4 pricingbox weekly d-none\">\n <p class=\"font-s-22 fw-bold text-primary text-center\">Monthly<\/p>\n <div class=\"font-s-36 fw-bold text-black mb-3 mt-2 text-center\">$5.99<span class=\"font-s-16 text-gray-600\">\/month<\/span><\/div>\n <ul class=\"text-start space-y-3 mb-4\">\n <li class=\"d-flex align-items-center\"><span class=\"text-green-500 me-2\">\u2713<\/span>Unlimited credits \/ Month<\/li>\n <li class=\"d-flex align-items-center\"><span class=\"text-green-500 me-2\">\u2713<\/span>No Daily Limit<\/li>\n <li class=\"d-flex align-items-center\"><span class=\"text-green-500 me-2\">\u2713<\/span>Unlimited Files Upload<\/li>\n <li class=\"d-flex align-items-center\"><span class=\"text-green-500 me-2\">\u2713<\/span>Fast Response Time<\/li>\n <li class=\"d-flex align-items-center\"><span class=\"text-green-500 me-2\">\u2713<\/span>Step by Step Solution<\/li>\n <li class=\"d-flex align-items-center\"><span class=\"text-green-500 me-2\">\u2713<\/span>New Features <\/li>\n <\/ul>\n <a href=\"https:\/\/store.payproglobal.com\/checkout?products[1][id]=117043\" class=\" bg-active-gradient text-white d-block fw-bold text-primary radius-10 custom_padding text-center text-decoration-none\">Buy Now<\/a>\n <\/div>\n <div class=\"bg-white radius-10 p-4 pricingbox monthly d-none\">\n <p class=\"font-s-22 fw-bold text-primary text-center\">Semester<\/p>\n \n <div class=\"font-s-36 mt-2 mb-1 text-center\">\n <div class=\"text-4xl fw-bold\">$3.99<span class=\"text-lg text-gray-600 font-s-14\">\/ month<\/span><\/div>\n <\/div>\n <div class=\"text-black font-s-16 mb-3 text-center\">\n $23.99<span class=\"font-s-14 opacity-80\"> \/6 month<\/span>\n <\/div>\n <ul class=\"text-start space-y-3 mb-4\">\n <li class=\"d-flex align-items-center\"><span class=\"text-green-500 me-2\">\u2713<\/span>Unlimited credits \/ 6 Month<\/li>\n <li class=\"d-flex align-items-center\"><span class=\"text-green-500 me-2\">\u2713<\/span>No Daily Limit<\/li>\n <li class=\"d-flex align-items-center\"><span class=\"text-green-500 me-2\">\u2713<\/span>Unlimited Files Upload<\/li>\n <li class=\"d-flex align-items-center\"><span class=\"text-green-500 me-2\">\u2713<\/span>Fast Response Time<\/li>\n <li class=\"d-flex align-items-center\"><span class=\"text-green-500 me-2\">\u2713<\/span>Step by Step Solution<\/li>\n <li class=\"d-flex align-items-center\"><span class=\"text-green-500 me-2\">\u2713<\/span>New Features<\/li>\n <\/ul>\n <a href=\"https:\/\/store.payproglobal.com\/checkout?products[1][id]=118576\" class=\" bg-active-gradient text-white d-block fw-bold text-primary radius-10 custom_padding text-center text-decoration-none\" >Buy Now<\/a>\n <\/div>\n <div class=\"bg-white radius-10 p-4 pricingbox yearly\">\n <p class=\"font-s-22 fw-bold text-primary text-center\">Yearly<\/p>\n \n <div class=\"font-s-36 text-center mt-2 mb-1\">\n <div class=\"text-4xl fw-bold\">$2.99<span class=\"text-lg text-gray-600 font-s-14\">\/month<\/span><\/div>\n <\/div>\n <div class=\"text-black font-s-16 mb-3 text-center\">\n $35.99<span class=\"font-s-14 opacity-80\"> \/year<\/span>\n <\/div>\n <ul class=\"text-start space-y-3 mb-4\">\n <li class=\"d-flex align-items-center\"><span class=\"text-green-500 me-2\">\u2713<\/span>Unlimited credits \/ Yearly<\/li>\n <li class=\"d-flex align-items-center\"><span class=\"text-green-500 me-2\">\u2713<\/span>No Daily Limit<\/li>\n <li class=\"d-flex align-items-center\"><span class=\"text-green-500 me-2\">\u2713<\/span>Unlimited Files Upload<\/li>\n <li class=\"d-flex align-items-center\"><span class=\"text-green-500 me-2\">\u2713<\/span>Fast Response Time<\/li>\n <li class=\"d-flex align-items-center\"><span class=\"text-green-500 me-2\">\u2713<\/span>Step by Step Solution<\/li>\n <li class=\"d-flex align-items-center\"><span class=\"text-green-500 me-2\">\u2713<\/span>New Features<\/li>\n <\/ul>\n <a href=\"https:\/\/store.payproglobal.com\/checkout?products[1][id]=117353\" class=\" bg-active-gradient text-white d-block fw-bold text-primary radius-10 custom_padding text-center text-decoration-none\">Buy Now<\/a>\n <\/div>\n <\/div>\n <div class=\"owl-dots\">\n <button role=\"button\" class=\"owl-dot\">
2065\n <span><\/span>\n <\/button>\n <button role=\"button\" class=\"owl-dot active\">\n <span><\/span>\n <\/button>\n <button role=\"button\" class=\"owl-dot\">\n <span><\/span>\n <\/button>\n <\/div>\n <div class=\"d-flex justify-content-center align-items-center font-s-12 gap-2 px-md-0 px-2 text-gray ms-md-0 ms-4\">\n <div class=\"d-flex align-items-center\">\n <span class=\"text-gray me-2\">\ud83d\udd12<\/span>\n <span class=\"text-gray\">PCI Compliant<\/span>\n <\/div>\n <div class=\"d-flex align-items-center\">\n <span class=\"text-gray me-2\">\ud83d\udee1\ufe0f<\/span>\n <span class=\"text-gray\">SSL Encrypted<\/span>\n <\/div>\n <div class=\"d-flex align-items-center\">\n <span class=\"text-gray me-2\">\u2713<\/span>\n <span class=\"text-gray\">Money-back Guarantee<\/span>\n <\/div>\n <\/div>\n <\/div>\n<\/div>","limitReachMessage":"Your daily credit limit has been reached.","pricingUrl":"https:\/\/aimathsolver.co\/pricing","upgradeLabel":"Upgrade","unexpectedErrorMessage":"An unexpected error occurred."} 2066</script>
2066 2067<link rel="modulepreload" as="script" href="https://aimathsolver.co/build/assets/ai-chat-hdqRtwfu.js" /><link rel="modulepreload" as="script" href="https://aimathsolver.co/build/assets/pageData-B3nQg5j2.js" /><link rel="modulepreload" as="script" href="https://aimathsolver.co/build/assets/ai-core-MTYXcks9.js" /><link rel="modulepreload" as="script" href="https://aimathsolver.co/build/assets/ai-math-renderer-D_jPhNkG.js" /><link rel="modulepreload" as="script" href="https://aimathsolver.co/build/assets/ai-chat-history-CoRCWUXM.js" /><link rel="modulepreload" as="script" href="https://aimathsolver.co/build/assets/ai-premium-modal-DHwfLQz5.js" />
2067<script type="module" src="https://aimathsolver.co/build/assets/ai-chat-hdqRtwfu.js"></script>
vendor: 1 bytes, line 2067
2067
2068<script type="application/json" id="ai-chat-history-data"> 2069{"historyNotFoundMessage":"No history found for this tool"} 2070</script>
2070 2071<link rel="modulepreload" as="script" href="https://aimathsolver.co/build/assets/ai-chat-history-CoRCWUXM.js" /><link rel="modulepreload" as="script" href="https://aimathsolver.co/build/assets/pageData-B3nQg5j2.js" />
2071<script type="module" src="https://aimathsolver.co/build/assets/ai-chat-history-CoRCWUXM.js"></script>
vendor: 1 bytes, line 2071
2071
2072<script type="application/json" id="ai-upload-data"> 2073{"isChat":false,"pdfIconUrl":"https:\/\/aimathsolver.co\/assets\/images\/pdf-icon.png","fileLimtMessage":"Please upload only one file at a time.","webpErrorMessage":".webp file is not supported","invalidFileTypeMessage":"Invalid file type. Only JPG, JPEG, PNG, and PDF files are allowed.","pdfExceedMessage":"Your file is too large","noImageUploadedMessage":"Please upload or paste an image first.","unsupportFileMessage":"Unsupported File","imgPdfAllowMessage":"Only Images or PDF files are allowed."} 2074</script>
2074 2075<link rel="modulepreload" as="script" href="https://aimathsolver.co/build/assets/ai-upload--egoajwx.js" /><link rel="modulepreload" as="script" href="https://aimathsolver.co/build/assets/pageData-B3nQg5j2.js" /><link rel="modulepreload" as="script" href="https://aimathsolver.co/build/assets/ai-core-MTYXcks9.js" />
2075<script type="module" src="https://aimathsolver.co/build/assets/ai-upload--egoajwx.js"></script>
2075 2076
2077<script type="application/json" id="ai-voice-data"> 2078{"speechNotSupportedMessage":"Speech recognition not supported in your browser","micAccessRequiredMessage":"Microphone access is required. Please enable it in your browser settings."} 2079</script>
2079 2080<link rel="modulepreload" as="script" href="https://aimathsolver.co/build/assets/ai-voice-DzOyrJnd.js" /><link rel="modulepreload" as="script" href="https://aimathsolver.co/build/assets/pageData-B3nQg5j2.js" /><link rel="modulepreload" as="script" href="https://aimathsolver.co/build/assets/ai-core-MTYXcks9.js" />
2080<script type="module" src="https://aimathsolver.co/build/assets/ai-voice-DzOyrJnd.js"></script>
2080<link rel="modulepreload" as="script" href="https://aimathsolver.co/build/assets/ai-premium-modal-DHwfLQz5.js" />
2080<script type="module" src="https://aimathsolver.co/build/assets/ai-premium-modal-DHwfLQz5.js"></script>
2080 2081 2082 <link rel="modulepreload" as="script" href="https://aimathsolver.co/build/assets/cookie-cleanup-fsm71Y0-.js" />
2082<script type="module" src="https://aimathsolver.co/build/assets/cookie-cleanup-fsm71Y0-.js"></script>
2082 <link rel="modulepreload" as="script" href="https://aimathsolver.co/build/assets/katex-trigger-Bp2ITifK.js" /><link rel="modulepreload" as="script" href="https://aimathsolver.co/build/assets/pageData-B3nQg5j2.js" /><link rel="modulepreload" as="script" href="https://aimathsolver.co/build/assets/ai-math-renderer-D_jPhNkG.js" /><link rel="modulepreload" as="script" href="https://aimathsolver.co/build/assets/ai-core-MTYXcks9.js" />
2082<script type="module" src="https://aimathsolver.co/build/assets/katex-trigger-Bp2ITifK.js"></script>
2082 2083
2083<script type="application/json" id="connectivity-toast-data"> 2084 {"flashType":null,"flashMessage":null} 2085 </script>
2085 2086 <link rel="modulepreload" as="script" href="https://aimathsolver.co/build/assets/connectivity-toast-BFDJoFzt.js" /><link rel="modulepreload" as="script" href="https://aimathsolver.co/build/assets/pageData-B3nQg5j2.js" />
2086<script type="module" src="https://aimathsolver.co/build/assets/connectivity-toast-BFDJoFzt.js"></script>
2086
2086<script src="https://analytics.ahrefs.com/analytics.js" data-key="34jkad1f+3XXfdhG9VGOUw" async></script>
2086 2087
2087<script src="https://analytics.ahrefs.com/analytics.js" data-key="nJFoyXs/IXBWMMQo+WCPPg" async></script>
2087 2088 2089 2090 <!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 2090-2091
2090 2091<script async src="https://www.googletagmanager.com/gtag/js?id=
2091G-BLZYQF4N47
vendor: 12 bytes, line 2091
2091"></script>
2092<script src="https://analytics.ahrefs.com/analytics.js" data-key="XYdGku0JagkfwXj9HbUw9A" async></script>
2092 2093
2094<script> 2095
vendor: 134 bytes, lines 2095-2099
2095window.dataLayer = window.dataLayer || []; 2096 function gtag(){dataLayer.push(arguments);} 2097 gtag('js', new Date()); 2098 2099 gtag('config', '
2099G-BLZYQF4N47
vendor: 4 bytes, line 2099
2099');
2100</script>
2100 2101 2102 2103
2104<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"2618800c208347ad9860e211fb6b8252","r":1,"spa":2}' crossorigin="anonymous"></script>
2104 2105</body> 2106</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.