1 2 3 4<!DOCTYPE html> 5<html id="html" lang="en"> 6<head> 7 <meta charset="utf-8" /> 8 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 9 <link rel="icon" type="image/x-icon" href="/images/icons/favicon.ico">
vendor: 74 bytes, lines 9-11
9 10 11 <script async="" src="https://www.googletagmanager.com/gtag/js?id=
11G-MPGJX00Z8H
vendor: 11 bytes, line 11
11"></script>
11<script> 12
vendor: 134 bytes, lines 12-16
12window.dataLayer = window.dataLayer || []; 13 function gtag(){dataLayer.push(arguments);} 14 gtag('js', new Date()); 15 16 gtag('config', '
16G-MPGJX00Z8H
vendor: 4 bytes, line 16
16');
17</script>
17<title>AAMA Home</title><meta property='og:title' content='AAMA Home'><meta property='og:description' content='The American Association of Medical Assistants provide medical assistants with education, certification, and networking opportunities.'><meta name='description' content='The American Association of Medical Assistants provide medical assistants with education, certification, and networking opportunities.'><link rel='canonical' href='https://aama-ntl.org' /> 18 19 20 21 <link rel="stylesheet" href="/sfrenderer/Styles/bootstrap.min.css" /> 22 23 24 <link rel="stylesheet" href="/sfrenderer/styles/main.css" type="text/css" /> 25 26 <link rel="stylesheet" href="/css/styles.css" /> 27</head> 28 29<body class="body"> 30 <header class="header"> 31 32 33 34 35 36 37 38 39 40 41<style> 42 /* General Header Styling */ 43 .header-wrapper { 44 display: flex; 45 justify-content: space-between; 46 align-items: center; 47 padding: 1rem 2rem; 48 background-color: #f8f9fa; 49 } 50 51 .logo-container { 52 max-width: 640px; 53 min-width: 300px; 54 padding-bottom: 2rem; 55 } 56 57 .site-logo { 58 width: 100%; 59 height: auto; 60 } 61 62 /* Right Column Styling */ 63 .header-right { 64 flex-grow: 1; 65 display: flex; 66 flex-direction: column; 67 max-width: 60%; 68 } 69 70 .header-upper-row { 71 width: 100%; 72 display: flex; 73 justify-content: space-between; 74 gap: 1.5rem; 75 } 76 77 /* Secondary Navigation Styling */ 78 .secondary-nav .nav-list { 79 display: flex; 80 gap: 1rem; 81 } 82 83 .secondary-nav .nav-item { 84 list-style: none; 85 } 86 87 .horizontal-navbar-nav > .horizontal-navbar-nav-item { 88 text-align: center; 89 padding: 0rem 0.5rem; 90 } 91 92 .horizontal-navbar-nav > .horizontal-navbar-nav-item > .horizontal-navbar-nav-link { 93 display: block; 94 } 95 96 .horizontal-navbar-nav > .horizontal-navbar-nav-item:first-child { 97 padding-left: 1.25rem; 98 } 99 100 /* Main Navigation Styling */ 101 .main-nav { 102 position: relative; 103 display: flex; 104 flex-wrap: wrap; 105 align-items: end; 106 justify-content: space-between; 107 padding-top: 0.5rem; 108 padding-bottom: 0.5rem; 109 width: 100%; 110 } 111 112 .custom-navbar { 113 display: flex; 114 justify-content: space-between; 115 width: 100%; 116 padding: 0; 117 } 118 119 .custom-navbar .nav-item { 120 flex: 1; 121 text-align: center; 122 border-right: 1px solid black; 123 } 124 125 .custom-navbar .nav-item:first-child .nav-link { 126 padding-left: 0; 127 } 128 129 .custom-navbar .nav-item:last-child { 130 border-right: none; 131 } 132 133 .custom-navbar .nav-item:last-child .nav-link { 134 padding-right: 0; 135 } 136 137 .custom-navbar .nav-item .nav-link { 138 padding: 1rem 1.4rem; 139 text-decoration: none !important; 140 } 141 142 .custom-hover a.nav-link, 143 .custom-hover a.dropdown-item { 144 transition: background-color 0.3s; 145 text-decoration: none !important; 146 } 147 148 .custom-hover a.nav-link:hover, 149 .custom-hover a.dropdown-item:hover { 150 background-color: #DAEAEC; 151 } 152 153 .custom-hover-submenu a.nav-link, 154 .custom-hover-submenu a.dropdown-item { 155 transition: background-color 0.3s; 156 text-decoration: none !important; 157 text-align: center; 158 border-top: 1px solid #000; 159 } 160 161 .custom-hover-submenu a.nav-link:hover, 162 .custom-hover-submenu a.dropdown-item:hover { 163 background-color: #489AA3; 164 color: white !important; 165 } 166 167 .dropdown-menu { 168 border-radius: 0 0 10px 10px; 169 box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12); 170 padding: 0; 171 margin: 0; 172 overflow: hidden; 173 left: 50%; 174 transform: translateX(-50%); 175 } 176 177 .dropdown-menu .dropdown-item { 178 padding: 1rem; 179 } 180 181 .dropdown-menu .dropdown-item:last-child { 182 border-bottom: none; 183 } 184 185 .dropdown:hover .dropdown-menu { 186 display: block; 187 margin-top: 0;
188 } 189 190 /* Search Box Styling */ 191 .search-box-wrapper { 192 display: flex; 193 align-items: center; 194 background-color: #f1f1f1; 195 border-radius: 50px; 196 padding: 0.2rem 0.5rem; 197 margin: 0.5rem 0; 198 width: auto; 199 } 200 201 .search-input { 202 flex: 1; 203 border: none; 204 background-color: transparent; 205 outline: none; 206 padding: 0.5rem; 207 font-size: 1rem; 208 border-radius: 50px; 209 width: 100%; 210 } 211 212 .search-box-wrapper:hover, 213 .search-box-wrapper:focus-within { 214 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Elevation effect */ 215 } 216 217 218 .search-btn { 219 background-color: transparent; 220 border: none; 221 padding: 0.5rem; 222 cursor: pointer; 223 } 224 225 .search-btn svg { 226 fill: #333; 227 } 228 229 .search-btn:hover svg { 230 fill: #0056b3; 231 } 232 233 .search-autocomplete { 234 position: absolute; 235 top: 100%; 236 left: auto; 237 right: 0; 238 background-color: #fff; 239 border: 1px solid #ddd; 240 border-radius: 4px; 241 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 242 z-index: 10; 243 } 244 245 .search-autocomplete li { 246 padding: 0.5rem; 247 cursor: pointer; 248 } 249 250 .search-autocomplete li:hover { 251 background-color: #f0f0f0; 252 } 253 254 255 /* Login Button Styling */ 256 .login-button-wrapper { 257 margin-left: auto; 258 } 259 260 .button-login { 261 background-color: #C20019; 262 color: #fff; 263 padding: 0.225rem 1rem; 264 border-radius: 50px; 265 text-transform: uppercase; 266 text-decoration: none; 267 font-weight: bold; 268 font-size: 1rem; 269 transition: background-color 0.3s ease; 270 display: inline-block; 271 } 272 273 .button-login:hover { 274 background-color: #a80016; 275 filter: brightness(90%); 276 } 277 278 /* Button wrapper styling */ 279 .custom-button-wrapper { 280 display: flex; 281 justify-content: center; 282 align-items: center; 283 height: 100%; 284 gap: 10px; 285 } 286 287 .custom-button-wrapper a { 288 text-decoration: none; 289 color: inherit; 290 display: inline-block; 291 border-radius: 50px; 292 transition: background-color 0.3s, color 0.3s; 293 } 294 295 .custom-button-wrapper a:hover { 296 filter: brightness(90%); 297 } 298 299 .user-name-link { 300 font-weight: bold; 301 margin-right: 20px; 302 } 303 304 .desktop-username-display { 305 display: flex; 306 } 307 308 .mobile-username-display { 309 display: none; 310 } 311 312 /* Mobile Styles */ 313 .hamburger-icon { 314 background: transparent; 315 border: none; 316 cursor: pointer; 317 padding: 0; /* Remove extra padding */ 318 margin: 0; /* Remove any margin */ 319 display: flex; /* Ensure it wraps the content properly */ 320 justify-content: center; 321 align-items: center; 322 padding-right: 0.4rem; 323 } 324 325 .hamburger-icon svg { 326 pointer-events: none; /* Ensures that clicks go through the SVG to the button */ 327 } 328 329 .mobile-nav { 330 display: flex; 331 flex-direction: column; 332 position: absolute; 333 top: 0; 334 left: -100%; /* Initially hidden off-screen */ 335 height: auto; 336 width: 80%; /* Adjust width as needed */ 337 background-color: #489AA3; /* Updated background color */ 338 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 339 padding: 1rem; 340 transition: left 0.3s ease-in-out; /* Smooth slide in/out */ 341 z-index: 100; /* Keep it above other elements */ 342 } 343 344 .mobile-nav-open { 345 left: 0; /* Slide it into view */ 346 } 347 348 /* Mobile Nav List Styling */ 349 .mobile-nav-list { 350 list-style: none; 351 margin: 0; 352 padding: 0; 353 color: white; /* Make text white */ 354 } 355 356 /* Mobile Nav Item Styling */ 357 .mobile-nav-item { 358 margin-bottom: 1rem; 359 border-bottom: 1px solid white; /* White line after each item */ 360 } 361 362 /* Remove bottom border for the first and last nav items */ 363 .mobile-nav-item:first-child { 364 border-top: none; /* No border on the first item */ 365 } 366 367 .mobile-nav-item:last-child { 368 border-bottom: none; /* No border on the last item */ 369 } 370 371 /* Mobile Nav Link Styling */ 372 .mobile-nav-link { 373 text-decoration: none; 374 color: white; /* Text color set to white */ 375 font-size: 1.2rem; 376 padding: 0.5rem 0; 377 display: block; 378 text-align: center; 379 transition: color 0.3s ease; 380 } 381 382 /* Hover effect for the links */ 383 .mobile-nav-link:hover { 384 color: #fff; /* Keep hover text white */ 385 opacity: 0.8; /* Optional opacity effect */ 386 } 387 388 /* Additional styling for better spacing and clean look */ 389 .mobile-nav-list .mobile-nav-item + .mobile-nav-item { 390 margin-top: 1rem; /* Add some space between items */ 391 } 392 393 394 @media (max-width: 1450px) { 395 .header-wrapper { 396 padding: 2rem 0.4rem; 397 display: flex !important; 398 flex-wrap: wrap !important; 399 align-items: center !important; 400 } 401 402 .header-upper-row { 403 width: 100%; 404 display: flex; 405 gap: 0.4rem; 406 justify-content: flex-end; 407 } 408 409 .header-right { 410 justify-content: flex-end; 411 flex-grow: 0; 412 order: 2 !important; 413 flex-basis: 70% !important; 414 }
415 /* Adjust logo width for mobile */ 416 .logo-container { 417 width: 250px; /* Logo will be 250px wide on mobile */ 418 min-width: 0px; 419 padding-bottom: 0rem; 420 padding-right: 0.1rem; 421 order: 1 !important; 422 flex-basis: 40% !important; 423 } 424 425 .site-logo { 426 width: 90%; /* Ensure the logo scales properly */ 427 height: auto; 428 } 429 /* Reduce padding for the search box */ 430 .search-box-wrapper { 431 padding: 0rem 0.3rem; /* Minimal horizontal padding for mobile */ 432 margin: 0.3rem 0; 433 } 434 435 .search-input { 436 padding: 0.1rem 0.3rem; /* Minimal padding for input */ 437 font-size: 0.9rem; /* Slightly smaller font size for mobile */ 438 width: 75px 439 } 440 441 .search-btn { 442 padding: 0.1rem; /* Reduce padding for the button */ 443 } 444 /* Reduce padding for the login button */ 445 .button-login { 446 padding: 0.1rem 0.5rem; /* Minimal horizontal padding for mobile */ 447 font-size: 0.9rem; /* Slightly smaller font for mobile */ 448 } 449 /* Hide desktop username display on mobile */ 450 .desktop-username-display .user-name-link { 451 display: none; 452 } 453 /* Show mobile username display on mobile */ 454 .mobile-username-display { 455 display: block; /* or flex, based on layout preference */ 456 font-weight: bold; 457 order: 3 !important; 458 flex-basis: 100% !important; 459 text-align:right; 460 } 461 462 .d-md-none { 463 display: block !important; 464 } 465 466 .d-none.d-md-block { 467 display: none !important; 468 } 469 } 470</style> 471 472 473<!-- Header Wrapper --> 474<header class="header-wrapper d-flex align-items-center"> 475 <!-- Left Column (Image / Logo) --> 476 <div class="logo-container"> 477 <a href="/home"> 478 <img src="/images/default-source/default-album/aama-logo_horizontal_rgb80816e0a-f0cd-4bac-95cb-438a5cea77e5.png?sfvrsn=7c05a5e4_1" alt="AAMA-Logo_Horizontal_RGB" class="site-logo" /> 479 </a> 480 </div> 481 482 <!-- Right Column (Navs, Login Button) --> 483 <div class="header-right d-flex flex-column"> 484 <div> 485 <!-- Row 1: Secondary Navigation, Login Button, and Mobile Hamburger Menu--> 486 <div class="d-flex align-items-center header-upper-row"> 487 <!-- Secondary Navigation --> 488 489 <div class="d-none d-md-block"> 490 <nav class="horizontal-navbar navbar navbar-expand-md" > 491 <div class="horizontal-navbar-container container-fluid justify-content-center"> 492 <button class="horizontal-navbar-toggler navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target='#navbarb090' aria-controls='navbarb090' aria-expanded="false" aria-label="Toggle Navigation"> 493 <span class="navbar-toggler-icon"></span> 494 </button> 495 <div class="collapse navbar-collapse" id="navbarb090"> 496 <ul class="horizontal-navbar-nav navbar-nav mb-2 mb-md-0"> 497 <li class="horizontal-navbar-nav-item nav-item"> 498 <a class="horizontal-navbar-nav-link nav-link fw-bold fs-6" href="/about" target="_self" style="color: #5FA6AE;">About</a> 499 </li> 500 <li class="horizontal-navbar-nav-item nav-item"> 501 <a class="horizontal-navbar-nav-link nav-link fw-bold fs-6" href="/volunteer-resources" target="_self" style="color: #5FA6AE;">Volunteer Resources</a> 502 </li> 503 <li class="horizontal-navbar-nav-item nav-item"> 504 <a class="horizontal-navbar-nav-link nav-link fw-bold fs-6" href="/employers" target="_self" style="color: #5FA6AE;">Employers</a> 505 </li> 506 <li class="horizontal-navbar-nav-item nav-item"> 507 <a class="horizontal-navbar-nav-link nav-link fw-bold fs-6" href="/verify-cma-status" target="_self" style="color: #5FA6AE;">Verify CMA (AAMA) Status</a> 508 </li> 509 <li class="horizontal-navbar-nav-item nav-item"> 510 <a class="horizontal-navbar-nav-link nav-link fw-bold fs-6" href="/shop" target="_self" style="color: #5FA6AE;">Shop</a> 511 </li> 512 </ul> 513 </div> 514 </div> 515 </nav> 516 </div> 517 518 <!-- Login Button --> 519 <div id="custom-button-wrapper" class="custom-button-wrapper desktop-username-display" 520 data-primary-action-href="/login" 521 data-primary-action-label="Login" 522 data-font-color="#ffffff" 523 data-background-color="#C20019"> 524 <a href="/login" class="button-login" style="color: #ffffff; background-color: #C20019;"> 525 Login 526 </a> 527 </div> 528 529 <!-- Search Box --> 530 <div class="position-relative" 531 data-sf-search-autocomplete-item-class="dropdown-item text-truncate" 532 data-sf-visibility-hidden="d-none" 533 data-sf-active-class="active"> 534 <!-- Search Box Wrapper --> 535 <div class="search-box-wrapper"> 536 <input value="" 537 id="search-input" 538 class="search-input" 539 data-sf-role="search-box" 540 data-sf-results-url="/search-results" 541 data-sf-search-catalogue="main" 542 data-sf-scoring-setting="" 543 data-sf-suggestions-length="0" 544 data-sf-site-id="469e00d7-9d94
544-474a-ac34-bd6dcf6713e8" 545 data-sf-culture="en" 546 data-sf-sort="" 547 data-sf-suggestions-fields="Title,Content" 548 data-sf-results-all="0" 549 data-sf-service-path="/api/default" 550 type="text" 551 placeholder="Search..." 552 /> 553 <button data-sf-role="search-button" 554 class="search-btn"> 555 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16"> 556 <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0" /> 557 </svg> 558 </button> 559 </div> 560 <!-- Search Suggestions --> 561 </div> 562 563 564 <!-- Mobile Hamburger Menu --> 565 <button class="hamburger-icon d-md-none" id="hamburger-menu-toggle" aria-expanded="false" aria-label="Toggle mobile menu"> 566 <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 13"> 567 <rect y="5" width="15" height="3" rx="1.5" fill="#489AA3" /> 568 <rect y="10" width="15" height="3" rx="1.5" fill="#489AA3" /> 569 <rect width="15" height="3" rx="1.5" fill="#489AA3" /> 570 </svg> 571 </button> 572 573 <!-- Mobile Navigation (hidden by default) --> 574 <nav id="mobile-nav" class="mobile-nav d-md-none" hidden> 575 <ul class="mobile-nav-list"> 576 <li class="mobile-nav-item"> 577 <a class="mobile-nav-link" href="/medical-assisting" target="_self">Medical Assisting</a> 578 </li> 579 <li class="mobile-nav-item"> 580 <a class="mobile-nav-link" href="/join-AAMA" target="_self">Join the AAMA</a> 581 </li> 582 <li class="mobile-nav-item"> 583 <a class="mobile-nav-link" href="/certification" target="_self">Certification</a> 584 </li> 585 <li class="mobile-nav-item"> 586 <a class="mobile-nav-link" href="/education-and-events" target="_self">Education and Events</a> 587 </li> 588 <li class="mobile-nav-item"> 589 <a class="mobile-nav-link" href="/publications" target="_self">Publications</a> 590 </li> 591 <li class="mobile-nav-item"> 592 <a class="mobile-nav-link" href="/about" target="_self">About</a> 593 </li> 594 <li class="mobile-nav-item"> 595 <a class="mobile-nav-link" href="/volunteer-resources" target="_self">Volunteer Resources</a> 596 </li> 597 <li class="mobile-nav-item"> 598 <a class="mobile-nav-link" href="/employers" target="_self">Employers</a> 599 </li> 600 <li class="mobile-nav-item"> 601 <a class="mobile-nav-link" href="/verify-cma-status" target="_self">Verify CMA (AAMA) Status</a> 602 </li> 603 <li class="mobile-nav-item"> 604 <a class="mobile-nav-link" href="/shop" target="_self">Shop</a> 605 </li> 606 </ul> 607 </nav> 608 </div> 609 </div> 610 611 <!-- Row 2: Main Navigation --> 612 613 <div class="d-none d-md-block"> 614 <nav class="main-nav navbar-expand-md" > 615 <div class="container-fluid justify-content-center"> 616 <div class="collapse navbar-collapse" id="navbarb090"> 617 <ul class="navbar-nav mb-2 mb-md-0 custom-navbar"> 618 <li class="nav-item dropdown custom-hover"> 619 <a class="nav-link fw-bold fs-6" href="/medical-assisting" id='navbarDropdownMenuLink-DCC1411A-1B7B-4635-B967-F58AC37B6C30b
619090' aria-haspopup="true" aria-expanded="false" style="color: black;">Medical Assisting</a> 620 <ul class="dropdown-menu" aria-labelledby='navbarDropdownMenuLink-DCC1411A-1B7B-4635-B967-F58AC37B6C30b090'> 621 <li class="custom-hover-submenu"> 622 <a class="dropdown-item fw-bold fs-6" href="/medical-assisting/for-students" target="_self" style="color: black;">For Students</a> 623 </li> 624 <li class="custom-hover-submenu"> 625 <a class="dropdown-item fw-bold fs-6" href="/medical-assisting/educators" target="_self" style="color: black;">For Educators</a> 626 </li> 627 <li class="custom-hover-submenu"> 628 <a class="dropdown-item fw-bold fs-6" href="/medical-assisting/career-center" target="_self" style="color: black;">Career Center</a> 629 </li> 630 <li class="custom-hover-submenu"> 631 <a class="dropdown-item fw-bold fs-6" href="/medical-assisting/medical-assistant-spotlight" target="_self" style="color: black;">Medical Assistant Spotlight</a> 632 </li> 633 <li class="custom-hover-submenu"> 634 <a class="dropdown-item fw-bold fs-6" href="/medical-assisting/compensation-and-benefits" target="_self" style="color: black;">Compensation and Benefits</a> 635 </li> 636 <li class="custom-hover-submenu"> 637 <a class="dropdown-item fw-bold fs-6" href="/medical-assisting/caahep-and-abhes-accredited-programs" target="_self" style="color: black;">CAAHEP and ABHES Accredited Programs
</a> 638 </li> 639 <li class="custom-hover-submenu"> 640 <a class="dropdown-item fw-bold fs-6" href="/medical-assisting/assessment-based-recognition-in-order-entry-(abr-oe)" target="_self" style="color: black;">Assessment-Based Recognition in Order Entry (ABR-OE)</a> 641 </li> 642 </ul> 643 </li> 644 <li class="nav-item dropdown custom-hover"> 645 <a class="nav-link fw-bold fs-6" href="/join-AAMA" id='navbarDropdownMenuLink-44671B05-FDA7-4D68-B827-C86F7FCE52FEb090' aria-haspopup="true" aria-expanded="false" style="color: black;">Join the AAMA</a> 646 <ul class="dropdown-menu" aria-labelledby='navbarDropdownMenuLink-44671B05-FDA7-4D68-B827-C86F7FCE52FEb090'> 647 <li class="custom-hover-submenu"> 648 <a class="dropdown-item fw-bold fs-6" href="/join-AAMA/application-and-dues" target="_self" style="color: black;">Application and Dues</a> 649 </li> 650 <li class="custom-hover-submenu"> 651 <a class="dropdown-item fw-bold fs-6" href="/join-AAMA/partners" target="_self" style="color: black;">Partners</a> 652 </li> 653 <li class="custom-hover-submenu"> 654 <a class="dropdown-item fw-bold fs-6" href="/join-AAMA/volunteer-opportunities" target="_self" style="color: black;">Volunteer Opportunities</a> 655 </li> 656 </ul> 657 </li> 658 <li class="nav-item dropdown custom-hover"> 659 <a class="nav-link fw-bold fs-6" href="/certification" id='navbarDropdownMenuLink-CB6C03DC-0641-47D4-86C8-5F3468175372b090' aria-haspopup="true" aria-expanded="false" style="color: black;">Certification</a> 660 <ul class="dropdown-menu" aria-labelledby='navbarDropdownMenuLink-CB6C03DC-0641-47D4-86C8-5F3468175372b090'> 661 <li class="custom-hover-submenu"> 662 <a class="dropdown-item fw-bold fs-6" href="/certification/eligibility" target="_self" style="color: black;">Eligibility</a> 663 </li> 664 <li class="custom-hover-submenu"> 665 <a class="dropdown-item fw-bold fs-6" href="/certification/prepare" target="_self" style="color: black;">Prepare</a> 666 </li> 667 <li class="custom-hover-submenu"> 668 <a class="dropdown-item fw-bold fs-6" href="/certification/apply" target="_self" style="color: black;">Apply</a> 669 </li> 670 <li class="custom-hover-submenu"> 671 <a class="dropdown-item fw-bold fs-6" href="/certification/after-the-exam" target="_self" style="color: black;">After the Exam</a> 672 </li> 673 <li class="custom-hover-submenu"> 674 <a class="dropdown-item fw-bold fs-6" href="/certification/recertification" target="_self" style="color: black;">Recertification</a> 675 </li> 676 <li class="custom-hover-submenu"> 677 <a class="dropdown-item fw-bold fs-6" href="/certification/testing-options" target="_self" style="color: black;">Test Center vs. Remote Proctoring</a> 678 </li> 679 <li class="custom-hover-submenu"> 680 <a class="dropdown-item fw-bold fs-6" href="/certification/psi-violations" target="_self" style="color: black;">PSI Violations</a> 681 </li> 682 <li class="custom-hover-submenu"> 683 <a class="dropdown-item fw-bold fs-6" href="/certification/iv-microcredential" target="_self" style="color: black;">IV Microcredential</a> 684 </li> 685 </ul> 686 </li> 687 <li class="nav-item dropdown custom-hover"> 688 <a class="nav-link fw-bold fs-6" href="/education-and-events" id='navbarDropdownMenuLink-369280D0-2B1B-4813-881D-04BBDD25F140b090' aria-haspopup="true" aria-expanded="false" style="color: black;">Education and Events</a> 689 <ul class="dropdown-menu" aria-labelledby='navbarDropdownMenuLink-369280D0-2B1B-4813-881D-04BBDD25F140b090'> 690 <li class="custom-hover-submenu"> 691 <a class="dropdown-item fw-bold fs-6" href="/education-and-events/find-CEUs" target="_self" style="color: black;">Find CEUs</a> 692 </li> 693 <li class="custom-hover-submenu"> 694 <a class="dropdown-item fw-bold fs-6" href="/education-and-events/e" target="_blank" style="color: black;">e-Learning Center</a> 695 </li> 696 <li class="custom-hover-submenu"> 697 <a class="dropdown-item fw-bold fs-6" href="/education-and-events/state-society-conferences" target="_self" style="color: black;">State Society Conferences</a> 698 </li> 699 <li class="custom-hover-submenu"> 700 <a class="dropdown-item fw-bold fs-6" href="/education-and-events/annual-conference" target="_self" style="color: black;">Annual Conference</a> 701 </li> 702 <li class="custom-hover-submenu"> 703 <a class="dropdown-item fw-bold fs-6" href="/education-and-events/medical-assistants-recognition-week" target="_self" style="color: black;">Medical Assistants Recognition Week</a> 704 </li> 705 <li class="custom-hover-submenu"> 706 <a class="dropdown-item fw-bold fs-6" href="/education-and-events/house-of-delegates" target="_self" style="color: black;">House of Delegates</a> 707 </li> 708 <li class="custom-hover-submenu"> 709 <a class="dropdown-item fw-bold fs-6" href="/annual-conference/excel-awards" target="_self" style="color: black;">Excel Awards</a> 710 </li> 711 </ul> 712 </li> 713 <li class="nav-item dropdown custom-hover"> 714 <a class="nav-link fw-bold fs-6" href="/publications" id='navbarDropdownMenuLink-1EB1BEB5-F568-4263-87EC-8B3998C9482Cb090' aria-haspopup="true" aria-expanded="false" style="color: black;">Publications</a> 715 <ul class="dropdown-menu" aria-labelledby='navbarDropdownMenuLink-1EB1BEB5-F568-4263-87EC-8B3998C9482Cb090'> 716 <li class="custom-hover-submenu"> 717 <a class="dropdown-item fw-bold fs-6" href="/publications/medical-assisting-today" target="_self" style="color: black;">Medical Assisting Today</a> 718 </li> 719 <li class="custom-hover-submenu"> 720 <a class="dropdown-item fw-bold fs-6" href="/publications/state-scope-of-practice-laws" target="_self" style="color: black;">State Scope of Practice Laws</a> 721 </li> 722 <li class="custom-hover-submenu"> 723 <a class="dropdown-item fw-bold fs-6" href="/publications/public-affairs-articles" target="_self" style="color: black;">Public Affairs Articles</a> 724 </li> 725 <li class="custom-hover-submenu"> 726 <a class="dropdown-item fw-bold fs-6" href="/publications/advertise-and-exhibit" target="_self" style="color: black;">Advertise and Exhibit</a> 727 </li> 728 <li class="custom-hover-submenu"> 729 <a class="dropdown-item fw-bold fs-6" href="/publications/aama-podcast" target="_self" style="color: black;">AAMA Podcast</a> 730 </li> 731 <li class="custom-hover-submenu"> 732 <a class="dropdown-item fw-bold fs-6" href="/publications/aama-blog" target="_self" style="color: black;">AAMA Blog</a> 733 </li> 734 <li class="custom-hover-submenu"> 735 <a class="dropdown-item fw-bold fs-6" href="/publications/press-releases" target="_self" style="color: black;">Press Releases</a> 736 </li> 737 </ul> 738 </li> 739 </ul> 740 </div> 741 </div> 742 </nav> 743 </div> 744 </div> 745 <div id="mobile-username-display" class="mobile-username-display"> 746 <!-- Username will be dynamically updated by JavaScript --> 747 </div> 748</header> 749 750<!-- Helper Method for Rendering Navigation Items and Sub-Level Items --> 751 752 753 754
755<script> 756 document.getElementById('hamburger-menu-toggle').addEventListener('click', function () { 757 const mobileNav = document.getElementById('mobile-nav'); 758 const isExpanded = this.getAttribute('aria-expanded') === 'true'; 759 this.setAttribute('aria-expanded', !isExpanded); 760 mobileNav.hidden = !mobileNav.hidden; 761 }); 762</script>
762 763 764
765<script src="/scripts/login-handler.js?v=DaiuJSvV5xaoxMIBaEnFzi6aci9Km9-Y_vanaPOMM3I"></script>
vendor: 2 bytes, line 765
765
766<script src="/scripts/hamburger-menu.js?v=2SxKEADuuJlDIiu5J-M8-CHemoPIais1FcNyJYFOMv0"></script>
766 767 768 769</header> 770 771 <section class="content"> 772 773<div class="banner-7edff258-6c9b-4a6d-93bd-baced9e52e92" style="background-color:#EEEEEE;"> 774 <div class="banner-content-7edff258-6c9b-4a6d-93bd-baced9e52e92"> 775 <div class="banner-text-7edff258-6c9b-4a6d-93bd-baced9e52e92" style="color:#333F4C; text-align:start;"> 776 <h1 class="banner-title-7edff258-6c9b-4a6d-93bd-baced9e52e92">Get More from Your AAMA Membership!</h1> 777 <p class="banner-description-7edff258-6c9b-4a6d-93bd-baced9e52e92">Current Members: Renew your membership and get access to a FREE CEU course. Not currently a member? Join today and receive additional months of membership FREE, giving you more time to learn, connect, and grow with the AAMA!</p> 778 <div class="banner-buttons-7edff258-6c9b-4a6d-93bd-baced9e52e92"> 779 <a href="/sign-in" class="custom-button-7edff258-6c9b-4a6d-93bd-baced9e52e92" style="background-color:#C20019; color: white;">Renew Today</a> 780 <a href="/join-AAMA" class="custom-button-7edff258-6c9b-4a6d-93bd-baced9e52e92 secondary-button" style="background-color:#C20019; color: white;">Become a Member</a> 781 </div> 782 </div> 783 </div> 784 785 <div class="banner-image-7edff258-6c9b-4a6d-93bd-baced9e52e92" style="background-position: center;"> 786 <img src="/images/default-source/about-aama/laughing-members.jpg?sfvrsn=5e6393f3_1" alt="Laughing members" loading="lazy" style="object-fit: cover; clip-path: url('#MirroredClip-Banner-Left'); width: 100%; height: 100%;" /> 787 <!-- Second SVG Below the Image --> 788 <div class="banner-overlay-svg-7edff258-6c9b-4a6d-93bd-baced9e52e92"></div> 789 <!-- Third SVG Below the Second One --> 790 <div class="banner-overlay-svg-secondary-7edff258-6c9b-4a6d-93bd-baced9e52e92"></div> 791 </div> 792</div> 793 794<div class="hidden-svg"> 795 <!-- Full Resolution SVGs --> 796 <svg width="0" height="0" viewBox="0 0 968 600" fill="none" xmlns="http://www.w3.org/2000/svg"> 797 <defs> 798 <clipPath id="MirroredClip-Banner-Left"> 799 <path d="M230.28 0.00622559C-47.52 0.00622559 188.48 600 -24 600H1024V0.00622559H230.28Z" /> 800 </clipPath> 801 </defs> 802 </svg> 803 804 <!-- Mobile-specific SVGs (only used on mobile screens) --> 805 <svg width="0" height="0" viewBox="0 0 300 256" fill="none" xmlns="http://www.w3.org/2000/svg"> 806 <defs> 807 <clipPath id="PrimaryClip-Banner-Mobile"> 808 <path d="M96.7872 0.459518C-18.4705 0.459518 80.6775 255.949 0.128906 255.949H289.699V0.459518H96.7872Z" /> 809 </clipPath> 810 </defs> 811 </svg> 812 <svg width="0" height="0" viewBox="0 0 203 256" fill="none" xmlns="http://www.w3.org/2000/svg"> 813 <defs> 814 <clipPath id="SecondaryClip-Banner-Mobile"> 815 <path opacity="0.3" d="M96.312 0.459518C-18.4955 0.459518 80.2652 255.949 0.03125 255.949H288.47V0.459518H96.312Z" /> 816 </clipPath> 817 </defs> 818 </svg> 819</div> 820 821<style> 822 .banner-7edff258-6c9b-4a6d-93bd-baced9e52e92 { 823 display: flex; 824 justify-content: space-between; 825 position: relative; 826 overflow: hidden; 827 width: 100%; 828 background-color: #EEEEEE; 829 max-height: 37.4rem; 830 height: auto; 831 } 832 833 .banner-content-7edff258-6c9b-4a6d-93bd-baced9e52e92 { 834 display: flex; 835 align-items: center; 836 justify-content: center; 837 width: 50%; 838 clip-path: none; 839 z-index: 0; 840 padding-left: 5%; 841 } 842 843 .banner-text-7edff258-6c9b-4a6d-93bd-baced9e52e92 { 844 max-width: 80%; 845 padding: 20px; 846 margin: 0; 847 } 848 849 .banner-title-7edff258-6c9b-4a6d-93bd-baced9e52e92 { 850 font-size: 2em; 851 font-weight: bold; 852 margin: 0; 853 } 854 855 .banner-description-7edff258-6c9b-4a6d-93bd-baced9e52e92 { 856 font-size: 1.2em; 857 margin: 10px 0; 858 } 859 860 .banner-buttons-7edff258-6c9b-4a6d-93bd-baced9e52e92 { 861 margin-top: 20px; 862 } 863 864 .custom-button-7edff258-6c9b-4a6d-93bd-baced9e52e92 { 865 border: none; 866 border-radius: 25px; 867 padding: 10px 20px; 868 margin: 5px; 869 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 870 text-decoration: none; 871 transition: background-color 0.3s ease, filter 0.3s ease; 872 } 873 874 .custom-button-7edff258-6c9b-4a6d-93bd-baced9e52e92:hover { 875 filter: brightness(85%); 876 text-decoration: none; 877 } 878 879 .banner-image-7edff258-6c9b-4a6d-93bd-baced9e52e92 { 880 width: 60%; 881 display: flex; 882 justify-content: center; 883 align-items: center; 884 position: relative; 885 height: 37.5rem; 886 max-height: 37.5rem; 887 overflow: hidden; 888 padding-left: 10%; 889 background-position: center; 890 } 891 892 .banner-image-7edff258-6c9b-4a6d-93bd-baced9e52e92 img { 893 width: 100%; 894 height: 100%; 895 object-fit: cover; 896 z-index: 3; 897 clip-path: url('#MirroredClip-Banner-Left'); 898 } 899 900 .banner-overlay-svg-7edff258-6c9b-4a6d-93bd-baced9e52e92 { 901 position: absolute; 902 bottom: 0; 903 width: 100%; 904 height: 100%; 905 background-color: #C20019; 906 clip-path: url('#MirroredClip-Banner-Left'); 907 transform: translateX(3rem); 908 z-index: 2; 909 } 910 911 .banner-overlay-svg-secondary-7edff258-6c9b-4a6d-93bd-baced9e52e92 { 912 position: absolute; 913 bottom: 0; 914 width: 100%; 915 height: 100%; 916 background-color: #333F4C; 917 clip-path: url('#MirroredClip-Banner-Left'); 918 transform: translateX(0rem); 919 z-index: 1; 920 } 921 922 /* Mobile View */ 923 @media (max-width: 600px) { 924 .banner-7edff258-6c9b-4a6d-93bd-baced9e52e92 { 925 height: 16rem; 926 } 927 928 .banner-content-7edff258-6c9b-4a6d-93bd-baced9e52e92 { 929 width: 50%; 930 padding-left:0; 931 text-align: center; 932 justify-content: center; 933 margin-right:0px; 934 } 935 936 .banner-image-7edff258-6c9b-4a6d-93bd-baced9e52e92 { 937 height: 16rem; 938 width: 50%; 939 } 940 .banner-text-7edff258-6c9b-4a6d-93bd-baced9e52e92 { 941 padding:0px; 942 } 943 944 .banner-image-7edff258-6c9b-4a6d-93bd-baced9e52e92 img { 945 clip-path: url('#PrimaryClip-Banner-Mobile') !important; 946 } 947 948 .banner-overlay-svg-7edff258-6c9b-4a6d-93bd-baced9e52e92 { 949 clip-path: url('#PrimaryClip-Banner-Mobile'); 950 transform: translateX(0.4rem); 951 } 952 953 .banner-overlay-svg-secondary-7edff258-6c9b-4a6d-93bd-baced9e52e92 { 954 clip-path: url('#SecondaryClip-Banner-Mobile'); 955 transform: translateX(-0.8rem); 956 } 957 958 /* Adjust the mobile headline and text size */ 959 .banner-title-7edff258-6c9b-4a6d-93bd-baced9e52e92 { 960 font-size: 1.2em; /* Slightly smaller headline */ 961 font-weight: bold; /* Make the headline bold */ 962 } 963 964 .banner-description-7edff258-6c9b-4a6d-93bd-baced9e52e92 { 965 font-size: 0.85rem; /* Slightly smaller description text */ 966 font-weight: bold; 967 } 968 969 /* Adjust buttons for mobile */ 970 .custom-button-7edff258-6c9b-4a6d-93bd-baced9e52e92 { 971 width: 100%; /* Make both buttons take full width */ 972 font-weight: bold; /* Make button text bold */ 973 padding: 0.2rem 0.2rem; /* Adjust padding for consistency */ 974 text-align: center; 975 } 976 977 .banner-buttons-7edff258-6c9b-4a6d-93bd-baced9e52e92 { 978 display: flex; 979 flex-direction: row; 980 gap: 0.5rem; 981 width: 100%; 982 margin-top: 10px; 983 font-size:0.7rem; 984 } 985 } 986</style> 987 988 989<div class="banner-container-24f26911-89fa-4191-8217-3864c41d28c6" style="background-color:#333F4C;"> 990 <div class="banner-image-container-24f26911-89fa-4191-8217-3864c41d28c6"> 991 <!-- New div for the secondary border effect --> 992 <div class="banner-image-border-secondary-24f26911-89fa-4191-8217-3864c41d28c6"></div> 993 <!-- Existing div for the primary border effect --> 994 <div class="banner-image-border-24f26911-89fa-4191-8217-3864c41d28c6"></div> 995 996 <img src="/images/default-source/about-aama/2026-marweek-logo-gif.gif?sfvrsn=4eca7dd0_1" 997 alt="" 998 class="banner-image-24f26911-89fa-4191-8217-3864c41d28c6" 999 loading="lazy" /> 1000 1001 <!-- Define the clipPath within an SVG --> 1002 <svg width="0" height="0"> 1003 <clipPath id="clipPath-24f26911-89fa-4191-8217-3864c41d28c6" clipPathUnits="objectBoundingBox"> 1004 <path d="M0.76,0 C1,0 0.8,1 1,1 H0 V0 H0.76 Z" /> 1005 </clipPath> 1006 </svg> 1007 </div> 1008 <div class="banner-content-24f26911-89fa-4191-8217-3864c41d28c6"> 1009 <div class="banner-text-24f26911-89fa-4191-8217-3864c41d28c6" style="color:#FFFFFF; text-align:start;"> 1010 <h1 class="banner-title-24f26911-89fa-4191-8217-3864c41d28c6">2026 AAMA MARWeek Store Is Open!</h1> 1011 <p class="banner-description-24f26911-89fa-4191-8217-3864c41d28c6">Explore Medical Assistants Recognition Week themed apparel, accessories, gifts, and recognition items designed to help you celebrate MARWeek all October long.</p> 1012 <div class="banner-buttons-24f26911-89fa-4191-8217-3864c41d28c6"> 1013 <a href="https://mar-week.checkoutstores.com/" class="btn primary-button-24f26911-89fa-4191-8217-3864c41d28c6" style="background-color:#489AA3; color: white;">Visit the MARWeek Store</a> 1014 </div> 1015 </div> 1016 </div> 1017</div> 1018 1019<style> 1020 /* Main container styling */ 1021 .banner-container-24f26911-89fa-4191-8217-3864c41d28c6 { 1022 display: flex; 1023 justify-content: space-between; 1024 position: relative; 1025 overflow: hidden; 1026 width: 94%; 1027 max-height: 33.75rem; 1028 height: auto; 1029 border: 8px solid #489AA3; 1030 margin: 3%; 1031 } 1032 1033 /* Layout for the image container and content */ 1034 .banner-image-container-24f26911-89fa-4191-8217-3864c41d28c6 { 1035 position: relative; 1036 width: 50%; 1037 } 1038 1039 .banner-content-24f26911-89fa-4191-8217-3864c41d28c6 { 1040 display: flex; 1041 align-items: center; 1042 justify-content: center; 1043 width: 50%; 1044 padding: 20px; 1045 } 1046 1047 /* Image sizing and clipping */ 1048 .banner-image-24f26911-89fa-4191-8217-3864c41d28c6 { 1049 width: 100%; 1050 height: 100%; 1051 object-fit: cover; 1052 position: relative; 1053 z-index: 3; /* Ensure the image is above both borders */ 1054 /* Apply the clip-path */ 1055 clip-path: url(#clipPath-24f26911-89fa-4191-8217-3864c41d28c6); 1056 } 1057 1058 /* Primary border effect styling */ 1059 .banner-image-border-24f26911-89fa-4191-8217-3864c41d28c6 { 1060 position: absolute; 1061 top: 0; 1062 left: 0; 1063 width: 100%; 1064 height: 100%; 1065 background-color: #489AA3; /* Set the fill to PrimaryColor */ 1066 z-index: 2; /* Place behind the image */ 1067 /* Apply the same clip-path */ 1068 clip-path: url(#clipPath-24f26911-89fa-4191-8217-3864c41d28c6); 1069 /* Offset to the right to create border effect */ 1070 transform: translateX(17px); /* Adjust the value as needed */ 1071 } 1072 1073 /* Secondary border effect styling */ 1074 .banner-image-border-secondary-24f26911-89fa-4191-8217-3864c41d28c6 { 1075 position: absolute; 1076 top: 0; 1077 left: 0; 1078 width: 100%; 1079 height: 100%; 1080 background-color: #D8D8DD; /* Set the fill to SecondaryColor */ 1081 z-index: 1; /* Place behind the primary border */ 1082 /* Apply the same clip-path */ 1083 clip-path: url(#clipPath-24f26911-89fa-4191-8217-3864c41d28c6); 1084 /* Offset further to the right to create secondary border effect */ 1085 transform: translateX(27px); 1086 } 1087 1088 /* Text styling for title and description */ 1089 .banner-title-24f26911-89fa-4191-8217-3864c41d28c6 { 1090 font-size: 2em; 1091 font-weight: bold; 1092 margin: 0; 1093 } 1094 1095 .banner-description-24f26911-89fa-4191-8217-3864c41d28c6 { 1096 font-size: 1.2em; 1097 margin: 10px 0; 1098 } 1099 1100 /* Button styling */ 1101 .banner-buttons-24f26911-89fa-4191-8217-3864c41d28c6 { 1102 margin-top: 20px; 1103 } 1104 1105 .btn { 1106 display: inline-block; 1107 padding: 10px 20px; 1108 border-radius: 25px; 1109 text-decoration: none; 1110 color: white; 1111 font-weight: bold; 1112 text-align: center; 1113 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 1114 transition: background-color 0.3s ease, filter 0.3s ease; 1115 } 1116 1117 .primary-button-24f26911-89fa-4191-8217-3864c41d28c6 { 1118 background-color: #489AA3; 1119 margin-right: 10px; 1120 } 1121 1122 .secondary-button-24f26911-89fa-4191-8217-3864c41d28c6 { 1123 background-color: #489AA3; 1124 opacity: 0.8; 1125 } 1126 1127 .btn:hover { 1128 filter: brightness(85%); 1129 } 1130 1131 /* Mobile styles */ 1132 @media (max-width: 900px) { 1133 .banner-container-24f26911-89fa-4191-8217-3864c41d28c6 { 1134 flex-direction: column; 1135 width: 100%; 1136 max-height: none; 1137 margin: 0; 1138 border-left: none;
1139 border-right: none; 1140 border-top: 8px solid #489AA3; 1141 border-bottom: 8px solid #489AA3; 1142 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 1143 } 1144 1145 .banner-content-24f26911-89fa-4191-8217-3864c41d28c6 { 1146 width: 100%; 1147 padding: 10px; 1148 text-align: center; 1149 } 1150 1151 .banner-text-24f26911-89fa-4191-8217-3864c41d28c6 { 1152 max-width: 100%; 1153 padding: 10px; 1154 font-size: 1rem; 1155 } 1156 1157 .banner-title-24f26911-89fa-4191-8217-3864c41d28c6 { 1158 font-size: 1.5em; 1159 } 1160 1161 .banner-description-24f26911-89fa-4191-8217-3864c41d28c6 { 1162 font-size: 1em; 1163 margin: 10px 0; 1164 } 1165 1166 .banner-image-container-24f26911-89fa-4191-8217-3864c41d28c6 { 1167 width: 100%; 1168 } 1169 1170 .banner-image-24f26911-89fa-4191-8217-3864c41d28c6 { 1171 width: 100%; 1172 max-height: 20rem; 1173 /* Remove the clip mask on mobile view */ 1174 clip-path: none; 1175 } 1176 1177 /* Hide the primary and secondary border effects on mobile */ 1178 .banner-image-border-24f26911-89fa-4191-8217-3864c41d28c6, 1179 .banner-image-border-secondary-24f26911-89fa-4191-8217-3864c41d28c6 { 1180 display: none; 1181 } 1182 1183 /* Hide the SVG definitions on mobile if necessary */ 1184 .banner-svg-overlay-24f26911-89fa-4191-8217-3864c41d28c6 { 1185 display: none; 1186 } 1187 } 1188</style> 1189 1190<section style="" class="row pt-5 pb-5 mt-5 mb-5"> 1191 <div style="" class="col-md-4 "> 1192 1193 1194<a href="/publications" class="custom-card-9be872f5-fa35-436d-9acb-930151a7e347"> 1195 <!-- Conditionally render the image first or second based on the IsSwapped property and screen size --> 1196 <div class="card-header-link-9be872f5-fa35-436d-9acb-930151a7e347"> 1197 <div class="card-header-9be872f5-fa35-436d-9acb-930151a7e347"> 1198 <img src="/images/default-source/icons/book-transparent.png?sfvrsn=a3f64784_1" alt="" class="card-icon-9be872f5-fa35-436d-9acb-930151a7e347" /> 1199 </div> 1200 </div> 1201 <div class="card-body-9be872f5-fa35-436d-9acb-930151a7e347" style="color:#005B6B;"> 1202 <h5 class="card-title-9be872f5-fa35-436d-9acb-930151a7e347">STAY INFORMED</h5> 1203 <p class="card-text-9be872f5-fa35-436d-9acb-930151a7e347">Read AAMA publications, which offer a wealth of resources designed to keep you informed and inspired.</p> 1204 </div> 1205</a> 1206 1207 1208<style> 1209 .custom-card-link-9be872f5-fa35-436d-9acb-930151a7e347 { 1210 text-decoration: none; 1211 color: inherit; 1212 display: block; 1213 } 1214 1215 .custom-card-9be872f5-fa35-436d-9acb-930151a7e347 { 1216 display: flex; 1217 flex-direction: column; 1218 width: 90%; 1219 max-width: 25rem; 1220 margin: auto; 1221 background-color: white; 1222 border-radius: 1.25rem 0 1.25rem 0; 1223 box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1); 1224 overflow: hidden; 1225 text-align: center; 1226 transition: transform 0.2s ease-in-out; 1227 } 1228 1229 .custom-card-9be872f5-fa35-436d-9acb-930151a7e347:active { 1230 transform: scale(0.98); 1231 } 1232 1233 .card-header-link-9be872f5-fa35-436d-9acb-930151a7e347 { 1234 text-decoration: none; 1235 cursor: pointer; 1236 display: block; 1237 background-color: #005B6B; 1238 } 1239 1240 .card-header-9be872f5-fa35-436d-9acb-930151a7e347 { 1241 padding: 1.25rem; 1242 } 1243 1244 .card-icon-9be872f5-fa35-436d-9acb-930151a7e347 { 1245 height: 10.5625rem; 1246 object-fit: cover; 1247 } 1248 1249 .card-body-9be872f5-fa35-436d-9acb-930151a7e347 { 1250 padding: 1.25rem; 1251 } 1252 1253 /* Mobile styles */ 1254 @media (max-width: 600px) { 1255 .custom-card-9be872f5-fa35-436d-9acb-930151a7e347 { 1256 display: flex; 1257 flex-direction: row; /* Conditionally set flex direction */ 1258 max-width: none; 1259 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Add shadow for elevation */ 1260 overflow: hidden; 1261 margin-bottom:1rem; 1262 } 1263 .card-header-link-9be872f5-fa35-436d-9acb-930151a7e347 { 1264 width:33.3%; 1265 padding:1rem; 1266 } 1267 .card-header-9be872f5-fa35-436d-9acb-930151a7e347 { 1268 padding: 0.625rem; 1269 text-align: center; /* Center icon in the card header */ 1270 display: flex; /* Added for centering */ 1271 align-items: center; /* Center image vertically */ 1272 justify-content: center; /* Center image horizontally */ 1273 /* Adjust rounded corners for the header section */ 1274 border-radius: 1.25rem 0 0 0; 1275 } 1276 1277 .card-body-9be872f5-fa35-436d-9acb-930151a7e347 { 1278 padding: 0.625rem; 1279 width: 66.66%; /* Text section occupies the remaining space */ 1280 text-align: left; 1281 /* Adjust rounded corners for the body section */ 1282 border-radius: 0 0 1.25rem 0; 1283 } 1284 1285 .card-icon-9be872f5-fa35-436d-9acb-930151a7e347 { 1286 height: 5rem; /* Larger icon size on mobile */ 1287 width: auto; 1288 object-fit: contain; 1289 margin: 0 auto; /* Center image */ 1290 } 1291 1292 .card-title-9be872f5-fa35-436d-9acb-930151a7e347 { 1293 font-size: 1.25em; /* Smaller font size for mobile */ 1294 } 1295 1296 .card-text-9be872f5-fa35-436d-9acb-930151a7e347 { 1297 font-size: 0.875em; /* Smaller text size for mobile */ 1298 } 1299 1300 .btn { 1301 font-size: 0.875em; /* Smaller button text size */ 1302 padding: 0.5rem 1rem; /* Adjusted padding for buttons on mobile */ 1303 } 1304 } 1305</style> 1306</div> 1307 <div style="" class="col-md-4 "> 1308 1309 1310<a href="/certification" class="custom-card-2a7810c3-0263-49db-83d6-bebfdf837174"> 1311 <!-- Conditionally render the image first or second based on the IsSwapped property and screen size --> 1312 <div class="card-header-link-2a7810c3-0263-49db-83d6-bebfdf837174"> 1313 <div class="card-header-2a7810c3-0263-49db-83d6-bebfdf837174"> 1314 <img src="/images/default-source/icons/award-transparent.png?sfvrsn=c11a3fa_1" alt="" class="card-icon-2a7810c3-0263-49db-83d6-bebfdf837174" /> 1315 </div> 1316 </div> 1317 <div class="card-body-2a7810c3-0263-49db-83d6-bebfdf837174" style="color:#652267;"> 1318 <h5 class="card-title-2a7810c3-0263-49db-83d6-bebfdf837174">EARN CERTIFICATION</h5> 1319 <p class="card-text-2a7810c3-0263-49db-83d6-bebfdf837174">Take your medical assisting career to the next level by earning the CMA (AAMA) credential. </p> 1320 </div> 1321</a> 1322 1323 1324<style> 1325 .custom-card-link-2a7810c3-0263-49db-83d6-bebfdf837174 { 1326 text-decoration: none; 1327 color: inherit; 1328 display: block; 1329 } 1330 1331 .custom-card-2a7810c3-0263-49db-83d6-bebfdf837174 { 1332 display: flex; 1333 flex-direction: column; 1334 width: 90%; 1335 max-width: 25rem; 1336 margin: auto; 1337 background-color: white; 1338 border-radius: 1.25rem 0 1.25rem 0; 1339 box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1); 1340 overflow: hidden; 1341 text-align: center; 1342 transition: transform 0.2s ease-in-out; 1343 } 1344 1345 .custom-card-2a7810c3-0263-49db-83d6-bebfdf837174:active { 1346 transform: scale(0.98); 1347 } 1348 1349 .card-header-link-2a7810c3-0263-49db-83d6-bebfdf837174 { 1350 text-decoration: none; 1351 cursor: pointer; 1352 display: block; 1353 background-color: #652267; 1354 } 1355 1356 .card-header-2a7810c3-0263-49db-83d6-bebfdf837174 { 1357 padding: 1.25rem; 1358 } 1359 1360 .card-icon-2a7810c3-0263-49db-83d6-bebfdf837174 { 1361 height: 10.5625rem; 1362 object-fit: cover; 1363 } 1364 1365 .card-body-2a7810c3-0263-49db-83d6-bebfdf837174 { 1366 padding: 1.25rem; 1367 } 1368 1369 /* Mobile styles */ 1370 @media (max-width: 600px) { 1371 .custom-card-2a7810c3-0263-49db-83d6-bebfdf837174 { 1372 display: flex; 1373 flex-direction: row-reverse; /* Conditionally set flex direction */ 1374 max-width: none; 1375 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Add shadow for elevation */ 1376 overflow: hidden; 1377 margin-bottom:1rem; 1378 } 1379 .card-header-link-2a7810c3-0263-49db-83d6-bebfdf837174 { 1380 width:33.3%; 1381 padding:1rem; 1382 } 1383 .card-header-2a7810c3-0263-49db-83d6-bebfdf837174 { 1384 padding: 0.625rem; 1385 text-align: center; /* Center icon in the card header */ 1386 display: flex; /* Added for centering */ 1387 align-items: center; /* Center image vertically */ 1388 justify-content: center; /* Center image horizontally */ 1389 /* Adjust rounded corners for the header section */ 1390 border-radius: 0 0 0 1.25rem; 1391 } 1392 1393 .card-body-2a7810c3-0263-49db-83d6-bebfdf837174 { 1394 padding: 0.625rem; 1395 width: 66.66%; /* Text section occupies the remaining space */ 1396 text-align: left; 1397 /* Adjust rounded corners for the body section */ 1398 border-radius: 1.25rem 0 0 0; 1399 } 1400 1401 .card-icon-2a7810c3-0263-49db-83d6-bebfdf837174 { 1402 height: 5rem; /* Larger icon size on mobile */ 1403 width: auto; 1404 object-fit: contain; 1405 margin: 0 auto; /* Center image */ 1406 } 1407 1408 .card-title-2a7810c3-0263-49db-83d6-bebfdf837174 { 1409 font-size: 1.25em; /* Smaller font size for mobile */ 1410 } 1411 1412 .card-text-2a7810c3-0263-49db-83d6-bebfdf837174 { 1413 font-size: 0.875em; /* Smaller text size for mobile */ 1414 } 1415 1416 .btn { 1417 font-size: 0.875em; /* Smaller button text size */ 1418 padding: 0.5rem 1rem; /* Adjusted padding for buttons on mobile */ 1419 } 1420 } 1421</style> 1422</div> 1423 <div style="" class="col-md-4 "> 1424 1425 1426<a href="/education-and-events" class="custom-card-020b142e-47a4-4382-ba34-669b7a69808f"> 1427 <!-- Conditionally render the image first or second based on the IsSwapped property and screen size --> 1428 <div class="card-header-link-020b142e-47a4-4382-ba34-669b7a69808f"> 1429 <div class="card-header-020b142e-47a4-4382-ba34-669b7a69808f"> 1430 <img src="/images/default-source/icons/plolicies_icon.png?sfvrsn=87dba55c_1" alt="" class="card-icon-020b142e-47a4-4382-ba34-669b7a69808f" /> 1431 </div> 1432 </div> 1433 <div class="card-body-020b142e-47a4-4382-ba34-669b7a69808f" style="color:#1F2F63;"> 1434 <h5 class="card-title-020b142e-47a4-4382-ba34-669b7a69808f">FIND EDUCATION AND EVENTS</h5> 1435 <p class="card-text-020b142e-47a4-4382-ba34-669b7a69808f">Discover a world of learning and networking opportunities and find CEUs.
 
</p> 1436 </div> 1437</a> 1438 1439 1440<style> 1441 .custom-card-link-020b142e-47a4-4382-ba34-669b7a69808f { 1442 text-decoration: none; 1443 color: inherit; 1444 display: block; 1445 } 1446 1447 .custom-card-020b142e-47a4-4382-ba34-669b7a69808f { 1448 display: flex; 1449 flex-direction: column; 1450 width: 90%; 1451 max-width: 25rem; 1452 margin: auto; 1453 background-color: white; 1454 border-radius: 1.25rem 0 1.25rem 0; 1455 box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1); 1456 overflow: hidden; 1457 text-align: center; 1458 transition: transform 0.2s ease-in-out; 1459 } 1460 1461 .custom-card-020b142e-47a4-4382-ba34-669b7a69808f:active { 1462 transform: scale(0.98); 1463 } 1464 1465 .card-header-link-020b142e-47a4-4382-ba34-669b7a69808f { 1466 text-decoration: none; 1467 cursor: pointer; 1468 display: block; 1469 background-color: #1F2F63; 1470 } 1471 1472 .card-header-020b142e-47a4-4382-ba34-669b7a69808f { 1473 padding: 1.25rem; 1474 } 1475 1476 .card-icon-020b142e-47a4-4382-ba34-669b7a69808f { 1477 height: 10.5625rem; 1478 object-fit: cover; 1479 } 1480 1481 .card-body-020b142e-47a4-4382-ba34-669b7a69808f { 1482 padding: 1.25rem; 1483 } 1484 1485 /* Mobile styles */ 1486 @media (max-width: 600px) { 1487 .custom-card-020b142e-47a4-4382-ba34-669b7a69808f { 1488 display: flex; 1489 flex-direction: row; /* Conditionally set flex direction */ 1490 max-width: none; 1491 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Add shadow for elevation */ 1492 overflow: hidden; 1493 margin-bottom:1rem; 1494 } 1495 .card-header-link-020b142e-47a4-4382-ba34-669b7a69808f { 1496 width:33.3%; 1497 padding:1rem; 1498 } 1499 .card-header-020b142e-47a4-4382-ba34-669b7a69808f { 1500 padding: 0.625rem; 1501 text-align: center; /* Center icon in the card header */ 1502 display: flex; /* Added for centering */ 1503 align-items: center; /* Center image vertically */ 1504 justify-content: center; /* Center image horizontally */ 1505 /* Adjust rounded corners for the header section */ 1506 border-radius: 1.25rem 0 0 0; 1507 } 1508 1509 .card-body-020b142e-47a4-4382-ba34-669b7a69808f { 1510 padding: 0.625rem; 1511 width: 66.66%; /* Text section occupies the remaining space */ 1512 text-align: left; 1513 /* Adjust rounded corners for the body section */ 1514 border-radius: 0 0 1.25rem 0; 1515 } 1516 1517 .card-icon-020b142e-47a4-4382-ba34-669b7a69808f { 1518 height: 5rem; /* Larger icon size on mobile */ 1519 width: auto; 1520 object-fit: contain; 1521 margin: 0 auto; /* Center image */ 1522 } 1523 1524 .card-title-020b142e-47a4-4382-ba34-669b7a69808f { 1525 font-size: 1.25em; /* Smaller font size for mobile */ 1526 } 1527 1528 .card-text-020b142e-47a4-4382-ba34-669b7a69808f { 1529 font-size: 0.875em; /* Smaller text size for mobile */ 1530 } 1531 1532 .btn { 1533 font-size: 0.875em; /* Smaller button text size */ 1534 padding: 0.5rem 1rem; /* Adjusted padding for buttons on mobile */ 1535 } 1536 } 1537</style> 1538</div> 1539</section> 1540 1541 1542<div class="banner-cfa6b46c-b4e2-46e5-9748-f6dbc68a9c38" style="background-color:#EEEEEE;"> 1543 <div class="banner-content-cfa6b46c-b4e2-46e5-9748-f6dbc68a9c38"> 1544 <div class="banner-text-cfa6b46c-b4e2-46e5-9748-f6dbc68a9c38" style="color:#000000; text-align:start;"> 1545 <h1 class="banner-title-cfa6b46c-b4e2-46e5-9748-f6dbc68a9c38">Get Recert Ready!</h1> 1546 <p class="banner-description-cfa6b46c-b4e2-46e5-9748-f6dbc68a9c38">Our Recert Ready Bundle helps CMAs (AAMA) earn ALL 60 CEUs with one convenient package covering topics like medical law and ethics, nutrition, and human trafficking. Save 26% with bundled pricing through 7/31/26 and recertify now!</p> 1547 <div class="banner-buttons-cfa6b46c-b4e2-46e5-9748-f6dbc68a9c38"> 1548 <a href="https://learning.aama-ntl.org/Public/Catalog/Detail
1548s.aspx?id=sQ%2fKbimqLKyu0VMjP9oLqg%3d%3d&returnurl=%2fUsers%2fUserOnlineCourse.aspx%3fLearningActivityID%3dsQ%252fKbimqLKyu0VMjP9oLqg%253d%253d" class="custom-button-cfa6b46c-b4e2-46e5-9748-f6dbc68a9c38" style="background-color:#804388; color: white;">Buy the Bundle</a> 1549 <a href="/education-and-events/e" class="custom-button-cfa6b46c-b4e2-46e5-9748-f6dbc68a9c38 secondary-button" style="background-color:#804388; color: white;">e-Learning Center</a> 1550 </div> 1551 </div> 1552 </div> 1553 1554 <div class="banner-image-cfa6b46c-b4e2-46e5-9748-f6dbc68a9c38" style="background-position: center;"> 1555 <img src="/images/default-source/about-aama/recert-ready-img2c55f8a6c-f268-4ac9-8bf7-2ad88f1f3f3f.png?sfvrsn=5da0f373_1" alt="" loading="lazy" style="object-fit: cover; clip-path: url('#MirroredClip-Banner-Left'); width: 100%; height: 100%;" /> 1556 <!-- Second SVG Below the Image --> 1557 <div class="banner-overlay-svg-cfa6b46c-b4e2-46e5-9748-f6dbc68a9c38"></div> 1558 <!-- Third SVG Below the Second One --> 1559 <div class="banner-overlay-svg-secondary-cfa6b46c-b4e2-46e5-9748-f6dbc68a9c38"></div> 1560 </div> 1561</div> 1562 1563<div class="hidden-svg"> 1564 <!-- Full Resolution SVGs --> 1565 <svg width="0" height="0" viewBox="0 0 968 600" fill="none" xmlns="http://www.w3.org/2000/svg"> 1566 <defs> 1567 <clipPath id="MirroredClip-Banner-Left"> 1568 <path d="M230.28 0.00622559C-47.52 0.00622559 188.48 600 -24 600H1024V0.00622559H230.28Z" /> 1569 </clipPath> 1570 </defs> 1571 </svg> 1572 1573 <!-- Mobile-specific SVGs (only used on mobile screens) --> 1574 <svg width="0" height="0" viewBox="0 0 300 256" fill="none" xmlns="http://www.w3.org/2000/svg"> 1575 <defs> 1576 <clipPath id="PrimaryClip-Banner-Mobile"> 1577 <path d="M96.7872 0.459518C-18.4705 0.459518 80.6775 255.949 0.128906 255.949H289.699V0.459518H96.7872Z" /> 1578 </clipPath> 1579 </defs> 1580 </svg> 1581 <svg width="0" height="0" viewBox="0 0 203 256" fill="none" xmlns="http://www.w3.org/2000/svg"> 1582 <defs> 1583 <clipPath id="SecondaryClip-Banner-Mobile"> 1584 <path opacity="0.3" d="M96.312 0.459518C-18.4955 0.459518 80.2652 255.949 0.03125 255.949H288.47V0.459518H96.312Z" /> 1585 </clipPath> 1586 </defs> 1587 </svg> 1588</div> 1589 1590<style> 1591 .banner-cfa6b46c-b4e2-46e5-9748-f6dbc68a9c38 { 1592 display: flex; 1593 justify-content: space-between; 1594 position: relative; 1595 overflow: hidden; 1596 width: 100%; 1597 background-color: #EEEEEE; 1598 max-height: 37.4rem; 1599 height: auto; 1600 } 1601 1602 .banner-content-cfa6b46c-b4e2-46e5-9748-f6dbc68a9c38 { 1603 display: flex; 1604 align-items: center; 1605 justify-content: center; 1606 width: 50%; 1607 clip-path: none; 1608 z-index: 0; 1609 padding-left: 5%; 1610 } 1611 1612 .banner-text-cfa6b46c-b4e2-46e5-9748-f6dbc68a9c38 { 1613 max-width: 80%; 1614 padding: 20px; 1615 margin: 0; 1616 } 1617 1618 .banner-title-cfa6b46c-b4e2-46e5-9748-f6dbc68a9c38 { 1619 font-size: 2em; 1620 font-weight: bold; 1621 margin: 0; 1622 } 1623 1624 .banner-description-cfa6b46c-b4e2-46e5-9748-f6dbc68a9c38 { 1625 font-size: 1.2em; 1626 margin: 10px 0; 1627 } 1628 1629 .banner-buttons-cfa6b46c-b4e2-46e5-9748-f6dbc68a9c38 { 1630 margin-top: 20px; 1631 } 1632 1633 .custom-button-cfa6b46c-b4e2-46e5-9748-f6dbc68a9c38 { 1634 border: none; 1635 border-radius: 25px; 1636 padding: 10px 20px; 1637 margin: 5px; 1638 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 1639 text-decoration: none; 1640 transition: background-color 0.3s ease, filter 0.3s ease; 1641 } 1642 1643 .custom-button-cfa6b46c-b4e2-46e5-9748-f6dbc68a9c38:hover { 1644 filter: brightness(85%); 1645 text-decoration: none; 1646 } 1647 1648 .banner-image-cfa6b46c-b4e2-46e5-9748-f6dbc68a9c38 { 1649 width: 60%; 1650 display: flex; 1651 justify-content: center; 1652 align-items: center; 1653 position: relative; 1654 height: 37.5rem; 1655 max-height: 37.5rem; 1656 overflow: hidden; 1657 padding-left: 10%; 1658 background-position: center; 1659 } 1660 1661 .banner-image-cfa6b46c-b4e2-46e5-9748-f6dbc68a9c38 img { 1662 width: 100%; 1663 height: 100%; 1664 object-fit: cover; 1665 z-index: 3; 1666 clip-path: url('#MirroredClip-Banner-Left'); 1667 } 1668 1669 .banner-overlay-svg-cfa6b46c-b4e2-46e5-9748-f6dbc68a9c38 { 1670 position: absolute; 1671 bottom: 0; 1672 width: 100%; 1673 height: 100%; 1674 background-color: #804388; 1675 clip-path: url('#MirroredClip-Banner-Left'); 1676 transform: translateX(3rem); 1677 z-index: 2; 1678 } 1679 1680 .banner-overlay-svg-secondary-cfa6b46c-b4e2-46e5-9748-f6dbc68a9c38 { 1681 position: absolute; 1682 bottom: 0; 1683 width: 100%; 1684 height: 100%; 1685 background-color: #652267; 1686 clip-path: url('#MirroredClip-Banner-Left'); 1687 transform: translateX(0rem); 1688 z-index: 1; 1689 } 1690 1691 /* Mobile View */ 1692 @media (max-width: 600px) { 1693 .banner-cfa6b46c-b4e2-46e5-9748-f6dbc68a9c38 { 1694 height: 16rem; 1695 } 1696 1697 .banner-content-cfa6b46c-b4e2-46e5-9748-f6dbc68a9c38 { 1698 width: 50%; 1699 padding-left:0; 1700 text-align: center; 1701 justify-content: center; 1702 margin-right:0px; 1703 } 1704 1705 .banner-image-cfa6b46c-b4e2-46e5-9748-f6dbc68a9c38 { 1706 height: 16rem; 1707 width: 50%; 1708 } 1709 .banner-text-cfa6b46c-b4e2-46e5-9748-f6dbc68a9c38 { 1710 padding:0px; 1711 } 1712 1713 .banner-image-cfa6b46c-b4e2-46e5-9748-f6dbc68a9c38 img { 1714 clip-path: url('#PrimaryClip-Banner-Mobile') !important; 1715 } 1716 1717 .banner-overlay-svg-cfa6b46c-b4e2-46e5-9748-f6dbc68a9c38 { 1718 clip-path: url('#PrimaryClip-Banner-Mobile'); 1719 transform: translateX(0.4rem); 1720 } 1721 1722 .banner-overlay-svg-secondary-cfa6b46c-b4e2-46e5-9748-f6dbc68a9c38 { 1723 clip-path: url('#SecondaryClip-Banner-Mobile'); 1724 transform: translateX(-0.8rem); 1725 } 1726 1727 /* Adjust the mobile headline and text size */ 1728 .banner-title-cfa6b46c-b4e2-46e5-9748-f6dbc68a9c38 { 1729 font-size: 1.2em; /* Slightly smaller headline */ 1730 font-weight: bold; /* Make the headline bold */ 1731 } 1732 1733 .banner-description-cfa6b46c-b4e2-46e5-9748-f6dbc68a9c38 { 1734 font-size: 0.85rem; /* Slightly smaller description text */ 1735 font-weight: bold; 1736 } 1737 1738 /* Adjust buttons for mobile */ 1739 .custom-button-cfa6b46c-b4e2-46e5-9748-f6dbc68a9c38 { 1740 width: 100%; /* Make both buttons take full width */ 1741 font-weight: bold; /* Make button text bold */ 1742 padding: 0.2rem 0.2rem; /* Adjust padding for consistency */ 1743 text-align: center; 1744 } 1745 1746 .banner-buttons-cfa6b46c-b4e2-46e5-9748-f6dbc68a9c38 { 1747 display: flex; 1748 flex-direction: row; 1749 gap: 0.5rem; 1750 width: 100%; 1751 margin-top: 10px; 1752 font-size:0.7rem; 1753 } 1754 } 1755</style> 1756 1757<section style="" class="row pt-3 pb-3"> 1758 <div style="" class="col-md-12 "> 1759 1760 1761<div class=" sf-app"> 1762<h3 style="text-align:center;padding-bottom:0.8rem;">Publications and Resources</h3><p style="text-align:center;">The AAMA's publications and resources provide essential tools and information to help medical assistants stay informed, advance their careers, and excel in their profession.</p></div></div> 1763</section> 1764 1765<section style="" class="row pt-3 pb-5 mt-5 g-0"> 1766 <div style="" class="col-md-3 cards-container"> 1767 1768<a href="/publications/state-scope-of-practice-laws" target="_blank" class="custom-card-b35dde0e-cb8f-492d-977f-18b7763389cf default-aspect-ratio" style="background-color:#EF939E; text-decoration: none;"> 1769 <div class="svg-background-b35dde0e-cb8f-492d-977f-18b7763389cf"></div> 1770 <div class="gradient-background-b35dde0e-cb8f-492d-977f-18b7763389cf"></div> 1771 <div class="card-body-b35dde0e-cb8f-492d-977f-18b7763389cf" style="color:#FFFFFF;"> 1772 <h5 class="card-title-b35dde0e-cb8f-492d-977f-18b7763389cf"> 1773 Scope of Practice Laws 1774 </h5> 1775 <p class="card-text-b35dde0e-cb8f-492d-977f-18b7763389cf">Learn about the laws in your state. </p> 1776 </div> 1777</a> 1778 1779<svg class="hidden" width="0" height="0" viewBox="0 0 395 307" fill="none" xmlns="http://www.w3.org/2000/svg"> 1780 <defs> 1781 <clipPath id="gradientClip-b35dde0e-cb8f-492d-977f-18b7763389cf"> 1782 <path d="M394.588 159.075L383.521 120.869C325.393 -32.9166 51 94.5 12 0.500001L1.66718e-05 21.5L4.5 290.5L19 306.5L383.521 306.5L394.588 159.075Z" /> 1783 </clipPath> 1784 </defs> 1785</svg> 1786 1787<style> 1788.hidden { 1789 position: absolute; 1790 width: 0; 1791 height: 0; 1792 overflow: hidden; 1793} 1794 1795.custom-card-b35dde0e-cb8f-492d-977f-18b7763389cf { 1796 max-width: 77%; 1797 height: auto; 1798 min-height: 15rem; 1799 background-color: #1F2F63; 1800 border-radius: 1rem; 1801 border: 6.5px solid #1F2F63; 1802 position: relative; 1803 display: flex; 1804 justify-content: center;
1805 align-items: center; 1806 text-align: center; 1807 overflow: hidden; 1808 margin: 11.5%; 1809 transition: border-color 0.3s ease; 1810 text-decoration: none; 1811} 1812 1813.default-aspect-ratio { 1814 aspect-ratio: 395 / 307; 1815} 1816 1817.image-aspect-ratio { 1818 aspect-ratio: 395 / 367; 1819} 1820 1821.custom-card-b35dde0e-cb8f-492d-977f-18b7763389cf:hover { 1822 border-color: #3A4A8C; 1823} 1824 1825.gradient-background-b35dde0e-cb8f-492d-977f-18b7763389cf { 1826 width: 110%; 1827 height: 110%; 1828 position: absolute; 1829 top: -5%; 1830 left: -5%; 1831 background: linear-gradient(to right, #EF939E, #7DCCD7); 1832 z-index: 0; 1833 transition: background-color 0.3s ease; 1834} 1835 1836.svg-background-b35dde0e-cb8f-492d-977f-18b7763389cf { 1837 width: 110%; 1838 height: 110%; 1839 position: absolute; 1840 top: -5%; 1841 left: -5%; 1842 background: #1F2F63; 1843 clip-path: url(#gradientClip-b35dde0e-cb8f-492d-977f-18b7763389cf); 1844 z-index: 1; 1845} 1846 1847.custom-card-b35dde0e-cb8f-492d-977f-18b7763389cf:hover .gradient-background-b35dde0e-cb8f-492d-977f-18b7763389cf { 1848 background-color: #3A4A8C; 1849} 1850 1851.card-body-b35dde0e-cb8f-492d-977f-18b7763389cf { 1852 position: relative; 1853 z-index: 2; 1854 color: white; 1855 padding: 0.75rem; /* Reduced padding */ 1856 text-align: center; 1857} 1858 1859.card-image-container-b35dde0e-cb8f-492d-977f-18b7763389cf { 1860 margin-bottom: 0.5rem; /* Reduced margin */ 1861} 1862 1863.card-image-b35dde0e-cb8f-492d-977f-18b7763389cf { 1864 max-height: 7rem; /* Smaller image */ 1865 max-width: 90%; 1866 object-fit: cover; 1867 border-radius: 0.5rem; 1868 padding-top:0.7rem; 1869} 1870 1871.card-body-b35dde0e-cb8f-492d-977f-18b7763389cf h5 { 1872 margin: 0; 1873 font-size: 1.1rem; /* Smaller font size */ 1874 font-weight: bold; 1875} 1876 1877.card-body-b35dde0e-cb8f-492d-977f-18b7763389cf p { 1878 font-size: 0.9rem; /* Smaller font size */ 1879 font-weight: bold; 1880} 1881 1882.btn-pill-b35dde0e-cb8f-492d-977f-18b7763389cf { 1883 display: inline-block; 1884 margin-top: 0.725rem; 1885 padding: 0.625rem 1.25rem; 1886 color: white; 1887 text-decoration: none; 1888 border-radius: 50px; 1889 background-color: #EF939E; 1890} 1891 1892.btn-pill-b35dde0e-cb8f-492d-977f-18b7763389cf:hover { 1893 background-color: #3A4A8C; 1894} 1895 1896@media (max-width: 600px) { 1897 1898 .cards-container { 1899 display: flex; 1900 flex-wrap: wrap; /* Allow cards to wrap to the next row */ 1901 width:50% 1902 } 1903 1904 /* Ensure two cards fit per row */ 1905 .cards-container .custom-card-b35dde0e-cb8f-492d-977f-18b7763389cf { 1906 flex: 1 1 calc(50% - 1rem); /* Two cards per row with spacing */ 1907 } 1908 .custom-card-b35dde0e-cb8f-492d-977f-18b7763389cf { 1909 max-width: 95%; 1910 height: auto; 1911 margin: 2.5%; 1912 } 1913 1914 .card-body-b35dde0e-cb8f-492d-977f-18b7763389cf h5 { 1915 font-size: 0.8rem; 1916 padding-top: 1.5rem; 1917 } 1918 1919 .card-body-b35dde0e-cb8f-492d-977f-18b7763389cf p { 1920 font-size: 0.6rem; 1921 padding-top: 0.5rem; 1922 } 1923 1924 .default-aspect-ratio { 1925 aspect-ratio: 395 / 395; 1926 } 1927 1928 .btn-pill-b35dde0e-cb8f-492d-977f-18b7763389cf { 1929 padding: 0.5rem 1rem; 1930 } 1931} 1932</style> 1933</div> 1934 <div style="" class="col-md-3 cards-container"> 1935 1936<a href="/publications/medical-assisting-today" target="_blank" class="custom-card-57728ce8-fd65-49ab-a932-a074c311e805 default-aspect-ratio" style="background-color:#105F80; text-decoration: none;"> 1937 <div class="svg-background-57728ce8-fd65-49ab-a932-a074c311e805"></div> 1938 <div class="gradient-background-57728ce8-fd65-49ab-a932-a074c311e805"></div> 1939 <div class="card-body-57728ce8-fd65-49ab-a932-a074c311e805" style="color:#FFFFFF;"> 1940 <h5 class="card-title-57728ce8-fd65-49ab-a932-a074c311e805"> 1941 Medical Assisting Today Magazine 1942 </h5> 1943 <p class="card-text-57728ce8-fd65-49ab-a932-a074c311e805">Read the latest issue. </p> 1944 </div> 1945</a> 1946 1947<svg class="hidden" width="0" height="0" viewBox="0 0 395 307" fill="none" xmlns="http://www.w3.org/2000/svg"> 1948 <defs> 1949 <clipPath id="gradientClip-57728ce8-fd65-49ab-a932-a074c311e805"> 1950 <path d="M394.588 159.075L383.521 120.869C325.393 -32.9166 51 94.5 12 0.500001L1.66718e-05 21.5L4.5 290.5L19 306.5L383.521 306.5L394.588 159.075Z" /> 1951 </clipPath> 1952 </defs> 1953</svg> 1954 1955<style> 1956.hidden { 1957 position: absolute; 1958 width: 0; 1959 height: 0; 1960 overflow: hidden; 1961} 1962 1963.custom-card-57728ce8-fd65-49ab-a932-a074c311e805 { 1964 max-width: 77%; 1965 height: auto; 1966 min-height: 15rem; 1967 background-color: #1F2F63; 1968 border-radius: 1rem; 1969 border: 6.5px solid #1F2F63; 1970 position: relative; 1971 display: flex; 1972 justify-content: center;
1973 align-items: center; 1974 text-align: center; 1975 overflow: hidden; 1976 margin: 11.5%; 1977 transition: border-color 0.3s ease; 1978 text-decoration: none; 1979} 1980 1981.default-aspect-ratio { 1982 aspect-ratio: 395 / 307; 1983} 1984 1985.image-aspect-ratio { 1986 aspect-ratio: 395 / 367; 1987} 1988 1989.custom-card-57728ce8-fd65-49ab-a932-a074c311e805:hover { 1990 border-color: #3A4A8C; 1991} 1992 1993.gradient-background-57728ce8-fd65-49ab-a932-a074c311e805 { 1994 width: 110%; 1995 height: 110%; 1996 position: absolute; 1997 top: -5%; 1998 left: -5%; 1999 background: linear-gradient(to right, #105F80, #7DCCD7); 2000 z-index: 0; 2001 transition: background-color 0.3s ease; 2002} 2003 2004.svg-background-57728ce8-fd65-49ab-a932-a074c311e805 { 2005 width: 110%; 2006 height: 110%; 2007 position: absolute; 2008 top: -5%; 2009 left: -5%; 2010 background: #1F2F63; 2011 clip-path: url(#gradientClip-57728ce8-fd65-49ab-a932-a074c311e805); 2012 z-index: 1; 2013} 2014 2015.custom-card-57728ce8-fd65-49ab-a932-a074c311e805:hover .gradient-background-57728ce8-fd65-49ab-a932-a074c311e805 { 2016 background-color: #3A4A8C; 2017} 2018 2019.card-body-57728ce8-fd65-49ab-a932-a074c311e805 { 2020 position: relative; 2021 z-index: 2; 2022 color: white; 2023 padding: 0.75rem; /* Reduced padding */ 2024 text-align: center; 2025} 2026 2027.card-image-container-57728ce8-fd65-49ab-a932-a074c311e805 { 2028 margin-bottom: 0.5rem; /* Reduced margin */ 2029} 2030 2031.card-image-57728ce8-fd65-49ab-a932-a074c311e805 { 2032 max-height: 7rem; /* Smaller image */ 2033 max-width: 90%; 2034 object-fit: cover; 2035 border-radius: 0.5rem; 2036 padding-top:0.7rem; 2037} 2038 2039.card-body-57728ce8-fd65-49ab-a932-a074c311e805 h5 { 2040 margin: 0; 2041 font-size: 1.1rem; /* Smaller font size */ 2042 font-weight: bold; 2043} 2044 2045.card-body-57728ce8-fd65-49ab-a932-a074c311e805 p { 2046 font-size: 0.9rem; /* Smaller font size */ 2047 font-weight: bold; 2048} 2049 2050.btn-pill-57728ce8-fd65-49ab-a932-a074c311e805 { 2051 display: inline-block; 2052 margin-top: 0.725rem; 2053 padding: 0.625rem 1.25rem; 2054 color: white; 2055 text-decoration: none; 2056 border-radius: 50px; 2057 background-color: #105F80; 2058} 2059 2060.btn-pill-57728ce8-fd65-49ab-a932-a074c311e805:hover { 2061 background-color: #3A4A8C; 2062} 2063 2064@media (max-width: 600px) { 2065 2066 .cards-container { 2067 display: flex; 2068 flex-wrap: wrap; /* Allow cards to wrap to the next row */ 2069 width:50% 2070 } 2071 2072 /* Ensure two cards fit per row */ 2073 .cards-container .custom-card-57728ce8-fd65-49ab-a932-a074c311e805 { 2074 flex: 1 1 calc(50% - 1rem); /* Two cards per row with spacing */ 2075 } 2076 .custom-card-57728ce8-fd65-49ab-a932-a074c311e805 { 2077 max-width: 95%; 2078 height: auto; 2079 margin: 2.5%; 2080 } 2081 2082 .card-body-57728ce8-fd65-49ab-a932-a074c311e805 h5 { 2083 font-size: 0.8rem; 2084 padding-top: 1.5rem; 2085 } 2086 2087 .card-body-57728ce8-fd65-49ab-a932-a074c311e805 p { 2088 font-size: 0.6rem; 2089 padding-top: 0.5rem; 2090 } 2091 2092 .default-aspect-ratio { 2093 aspect-ratio: 395 / 395; 2094 } 2095 2096 .btn-pill-57728ce8-fd65-49ab-a932-a074c311e805 { 2097 padding: 0.5rem 1rem; 2098 } 2099} 2100</style> 2101</div> 2102 <div style="" class="col-md-3 cards-container"> 2103 2104<a href="/e-learning-center" target="_blank" class="custom-card-c89646ba-16e8-4785-9b8c-7f091d7a1f44 default-aspect-ratio" style="background-color:#62B3BD; text-decoration: none;"> 2105 <div class="svg-background-c89646ba-16e8-4785-9b8c-7f091d7a1f44"></div> 2106 <div class="gradient-background-c89646ba-16e8-4785-9b8c-7f091d7a1f44"></div> 2107 <div class="card-body-c89646ba-16e8-4785-9b8c-7f091d7a1f44" style="color:#FFFFFF;"> 2108 <h5 class="card-title-c89646ba-16e8-4785-9b8c-7f091d7a1f44"> 2109 AAMA Self-Study Courses 2110 </h5> 2111 <p class="card-text-c89646ba-16e8-4785-9b8c-7f091d7a1f44">Learn more, earn more.</p> 2112 </div> 2113</a> 2114 2115<svg class="hidden" width="0" height="0" viewBox="0 0 395 307" fill="none" xmlns="http://www.w3.org/2000/svg"> 2116 <defs> 2117 <clipPath id="gradientClip-c89646ba-16e8-4785-9b8c-7f091d7a1f44"> 2118 <path d="M394.588 159.075L383.521 120.869C325.393 -32.9166 51 94.5 12 0.500001L1.66718e-05 21.5L4.5 290.5L19 306.5L383.521 306.5L394.588 159.075Z" /> 2119 </clipPath> 2120 </defs> 2121</svg> 2122 2123<style> 2124.hidden { 2125 position: absolute; 2126 width: 0; 2127 height: 0; 2128 overflow: hidden; 2129} 2130 2131.custom-card-c89646ba-16e8-4785-9b8c-7f091d7a1f44 { 2132 max-width: 77%; 2133 height: auto; 2134 min-height: 15rem; 2135 background-color: #1F2F63; 2136 border-radius: 1rem; 2137 border: 6.5px solid #1F2F63; 2138 position: relative; 2139 display: flex; 2140 justify-content: center;
2141 align-items: center; 2142 text-align: center; 2143 overflow: hidden; 2144 margin: 11.5%; 2145 transition: border-color 0.3s ease; 2146 text-decoration: none; 2147} 2148 2149.default-aspect-ratio { 2150 aspect-ratio: 395 / 307; 2151} 2152 2153.image-aspect-ratio { 2154 aspect-ratio: 395 / 367; 2155} 2156 2157.custom-card-c89646ba-16e8-4785-9b8c-7f091d7a1f44:hover { 2158 border-color: #3A4A8C; 2159} 2160 2161.gradient-background-c89646ba-16e8-4785-9b8c-7f091d7a1f44 { 2162 width: 110%; 2163 height: 110%; 2164 position: absolute; 2165 top: -5%; 2166 left: -5%; 2167 background: linear-gradient(to right, #62B3BD, #9B64A9); 2168 z-index: 0; 2169 transition: background-color 0.3s ease; 2170} 2171 2172.svg-background-c89646ba-16e8-4785-9b8c-7f091d7a1f44 { 2173 width: 110%; 2174 height: 110%; 2175 position: absolute; 2176 top: -5%; 2177 left: -5%; 2178 background: #1F2F63; 2179 clip-path: url(#gradientClip-c89646ba-16e8-4785-9b8c-7f091d7a1f44); 2180 z-index: 1; 2181} 2182 2183.custom-card-c89646ba-16e8-4785-9b8c-7f091d7a1f44:hover .gradient-background-c89646ba-16e8-4785-9b8c-7f091d7a1f44 { 2184 background-color: #3A4A8C; 2185} 2186 2187.card-body-c89646ba-16e8-4785-9b8c-7f091d7a1f44 { 2188 position: relative; 2189 z-index: 2; 2190 color: white; 2191 padding: 0.75rem; /* Reduced padding */ 2192 text-align: center; 2193} 2194 2195.card-image-container-c89646ba-16e8-4785-9b8c-7f091d7a1f44 { 2196 margin-bottom: 0.5rem; /* Reduced margin */ 2197} 2198 2199.card-image-c89646ba-16e8-4785-9b8c-7f091d7a1f44 { 2200 max-height: 7rem; /* Smaller image */ 2201 max-width: 90%; 2202 object-fit: cover; 2203 border-radius: 0.5rem; 2204 padding-top:0.7rem; 2205} 2206 2207.card-body-c89646ba-16e8-4785-9b8c-7f091d7a1f44 h5 { 2208 margin: 0; 2209 font-size: 1.1rem; /* Smaller font size */ 2210 font-weight: bold; 2211} 2212 2213.card-body-c89646ba-16e8-4785-9b8c-7f091d7a1f44 p { 2214 font-size: 0.9rem; /* Smaller font size */ 2215 font-weight: bold; 2216} 2217 2218.btn-pill-c89646ba-16e8-4785-9b8c-7f091d7a1f44 { 2219 display: inline-block; 2220 margin-top: 0.725rem; 2221 padding: 0.625rem 1.25rem; 2222 color: white; 2223 text-decoration: none; 2224 border-radius: 50px; 2225 background-color: #62B3BD; 2226} 2227 2228.btn-pill-c89646ba-16e8-4785-9b8c-7f091d7a1f44:hover { 2229 background-color: #3A4A8C; 2230} 2231 2232@media (max-width: 600px) { 2233 2234 .cards-container { 2235 display: flex; 2236 flex-wrap: wrap; /* Allow cards to wrap to the next row */ 2237 width:50% 2238 } 2239 2240 /* Ensure two cards fit per row */ 2241 .cards-container .custom-card-c89646ba-16e8-4785-9b8c-7f091d7a1f44 { 2242 flex: 1 1 calc(50% - 1rem); /* Two cards per row with spacing */ 2243 } 2244 .custom-card-c89646ba-16e8-4785-9b8c-7f091d7a1f44 { 2245 max-width: 95%; 2246 height: auto; 2247 margin: 2.5%; 2248 } 2249 2250 .card-body-c89646ba-16e8-4785-9b8c-7f091d7a1f44 h5 { 2251 font-size: 0.8rem; 2252 padding-top: 1.5rem; 2253 } 2254 2255 .card-body-c89646ba-16e8-4785-9b8c-7f091d7a1f44 p { 2256 font-size: 0.6rem; 2257 padding-top: 0.5rem; 2258 } 2259 2260 .default-aspect-ratio { 2261 aspect-ratio: 395 / 395; 2262 } 2263 2264 .btn-pill-c89646ba-16e8-4785-9b8c-7f091d7a1f44 { 2265 padding: 0.5rem 1rem; 2266 } 2267} 2268</style> 2269</div> 2270 <div style="" class="col-md-3 cards-container"> 2271 2272<a href="/publications/aama-blog" target="_blank" class="custom-card-efe01ee3-9d18-4e4d-bc15-151811f41812 default-aspect-ratio" style="background-color:#804388; text-decoration: none;"> 2273 <div class="svg-background-efe01ee3-9d18-4e4d-bc15-151811f41812"></div> 2274 <div class="gradient-background-efe01ee3-9d18-4e4d-bc15-151811f41812"></div> 2275 <div class="card-body-efe01ee3-9d18-4e4d-bc15-151811f41812" style="color:#FFFFFF;"> 2276 <h5 class="card-title-efe01ee3-9d18-4e4d-bc15-151811f41812"> 2277 AAMA Blog 2278 </h5> 2279 <p class="card-text-efe01ee3-9d18-4e4d-bc15-151811f41812">Navigate the medical assisting and certification landscape.</p> 2280 </div> 2281</a> 2282 2283<svg class="hidden" width="0" height="0" viewBox="0 0 395 307" fill="none" xmlns="http://www.w3.org/2000/svg"> 2284 <defs> 2285 <clipPath id="gradientClip-efe01ee3-9d18-4e4d-bc15-151811f41812"> 2286 <path d="M394.588 159.075L383.521 120.869C325.393 -32.9166 51 94.5 12 0.500001L1.66718e-05 21.5L4.5 290.5L19 306.5L383.521 306.5L394.588 159.075Z" /> 2287 </clipPath> 2288 </defs> 2289</svg> 2290 2291<style> 2292.hidden { 2293 position: absolute; 2294 width: 0; 2295 height: 0; 2296 overflow: hidden; 2297} 2298 2299.custom-card-efe01ee3-9d18-4e4d-bc15-151811f41812 { 2300 max-width: 77%; 2301 height: auto; 2302 min-height: 15rem; 2303 background-color: #1F2F63; 2304 border-radius: 1rem; 2305 border: 6.5px solid #1F2F63; 2306 position: relative; 2307 display: flex; 2308 justify-content: center;
2309 align-items: center; 2310 text-align: center; 2311 overflow: hidden; 2312 margin: 11.5%; 2313 transition: border-color 0.3s ease; 2314 text-decoration: none; 2315} 2316 2317.default-aspect-ratio { 2318 aspect-ratio: 395 / 307; 2319} 2320 2321.image-aspect-ratio { 2322 aspect-ratio: 395 / 367; 2323} 2324 2325.custom-card-efe01ee3-9d18-4e4d-bc15-151811f41812:hover { 2326 border-color: #3A4A8C; 2327} 2328 2329.gradient-background-efe01ee3-9d18-4e4d-bc15-151811f41812 { 2330 width: 110%; 2331 height: 110%; 2332 position: absolute; 2333 top: -5%; 2334 left: -5%; 2335 background: linear-gradient(to right, #804388, #D2182C); 2336 z-index: 0; 2337 transition: background-color 0.3s ease; 2338} 2339 2340.svg-background-efe01ee3-9d18-4e4d-bc15-151811f41812 { 2341 width: 110%; 2342 height: 110%; 2343 position: absolute; 2344 top: -5%; 2345 left: -5%; 2346 background: #1F2F63; 2347 clip-path: url(#gradientClip-efe01ee3-9d18-4e4d-bc15-151811f41812); 2348 z-index: 1; 2349} 2350 2351.custom-card-efe01ee3-9d18-4e4d-bc15-151811f41812:hover .gradient-background-efe01ee3-9d18-4e4d-bc15-151811f41812 { 2352 background-color: #3A4A8C; 2353} 2354 2355.card-body-efe01ee3-9d18-4e4d-bc15-151811f41812 { 2356 position: relative; 2357 z-index: 2; 2358 color: white; 2359 padding: 0.75rem; /* Reduced padding */ 2360 text-align: center; 2361} 2362 2363.card-image-container-efe01ee3-9d18-4e4d-bc15-151811f41812 { 2364 margin-bottom: 0.5rem; /* Reduced margin */ 2365} 2366 2367.card-image-efe01ee3-9d18-4e4d-bc15-151811f41812 { 2368 max-height: 7rem; /* Smaller image */ 2369 max-width: 90%; 2370 object-fit: cover; 2371 border-radius: 0.5rem; 2372 padding-top:0.7rem; 2373} 2374 2375.card-body-efe01ee3-9d18-4e4d-bc15-151811f41812 h5 { 2376 margin: 0; 2377 font-size: 1.1rem; /* Smaller font size */ 2378 font-weight: bold; 2379} 2380 2381.card-body-efe01ee3-9d18-4e4d-bc15-151811f41812 p { 2382 font-size: 0.9rem; /* Smaller font size */ 2383 font-weight: bold; 2384} 2385 2386.btn-pill-efe01ee3-9d18-4e4d-bc15-151811f41812 { 2387 display: inline-block; 2388 margin-top: 0.725rem; 2389 padding: 0.625rem 1.25rem; 2390 color: white; 2391 text-decoration: none; 2392 border-radius: 50px; 2393 background-color: #804388; 2394} 2395 2396.btn-pill-efe01ee3-9d18-4e4d-bc15-151811f41812:hover { 2397 background-color: #3A4A8C; 2398} 2399 2400@media (max-width: 600px) { 2401 2402 .cards-container { 2403 display: flex; 2404 flex-wrap: wrap; /* Allow cards to wrap to the next row */ 2405 width:50% 2406 } 2407 2408 /* Ensure two cards fit per row */ 2409 .cards-container .custom-card-efe01ee3-9d18-4e4d-bc15-151811f41812 { 2410 flex: 1 1 calc(50% - 1rem); /* Two cards per row with spacing */ 2411 } 2412 .custom-card-efe01ee3-9d18-4e4d-bc15-151811f41812 { 2413 max-width: 95%; 2414 height: auto; 2415 margin: 2.5%; 2416 } 2417 2418 .card-body-efe01ee3-9d18-4e4d-bc15-151811f41812 h5 { 2419 font-size: 0.8rem; 2420 padding-top: 1.5rem; 2421 } 2422 2423 .card-body-efe01ee3-9d18-4e4d-bc15-151811f41812 p { 2424 font-size: 0.6rem; 2425 padding-top: 0.5rem; 2426 } 2427 2428 .default-aspect-ratio { 2429 aspect-ratio: 395 / 395; 2430 } 2431 2432 .btn-pill-efe01ee3-9d18-4e4d-bc15-151811f41812 { 2433 padding: 0.5rem 1rem; 2434 } 2435} 2436</style> 2437</div> 2438</section> 2439 2440<section style="" class="row diamond-background-two"> 2441 <div style="" class="col-md-12 "> 2442<div class="testimonials-carousel"> 2443 <!-- Left Arrow for Desktop --> 2444 <button class="carousel-control left-arrow desktop-arrow" aria-label="Previous testimonial"> 2445 <svg width="32" height="116" viewBox="0 0 32 116" fill="none" xmlns="http://www.w3.org/2000/svg"> 2446 <mask id="path-1-inside-1_2124_402" fill="white"> 2447 <path fill-rule="evenodd" clip-rule="evenodd" d="M31.5215 -0.0062305C31.5212 -0.0066959 31.5205 -0.0066959 31.5202 -0.0062305L4.17552 43.2649C-1.39182 52.0749 -1.39183 63.3023 4.1755 72.1123L31.5202 115.383C31.5205 115.384 31.5212 115.384 31.5215 115.383C31.5215 115.383 31.5216 115.383 31.5216 115.383L31.5216 -0.00583377C31.5216 -0.00597873 31.5216 -0.00610843 31.5215 -0.0062305Z" /> 2448 </mask> 2449 <path fill-rule="evenodd" clip-rule="evenodd" d="M31.5215 -0.0062305C31.5212 -0.0066959 31.5205 -0.0066959 31.5202 -0.0062305L4.17552 43.2649C-1.39182 52.0749 -1.39183 63.3023 4.1755 72.1123L31.5202 115.383C31.5205 115.384 31.5212 115.384 31.5215 115.383C31.5215 115.383 31.5216 115.383 31.5216 115.383L31.5216 -0.00583377C31.5216 -0.00597873 31.5216 -0.00610843 31.5215 -0.0062305Z" fill="#C20019" /> 2450 </svg> 2451 </button> 2452 2453 <!-- Left Arrow for Mobile --> 2454 <button class="carousel-control left-arrow mobile-arrow" aria-label="Previous testimonial"> 2455 <svg width="9" height="22" viewBox="0 0 9 22" fill="none" xmlns="http://www.w3.org/2000/svg"> 2456 <mask id="path-1-inside-1_92_908" fill="white"> 2457 <path fill-rule="evenodd" clip-rule="evenodd" d="M8.68816 1.39545C8.68816 0.393359 7.37814 0.0141226 6.8428
24571 0.861243L0.65465 10.6536C0.448452 10.9799 0.448452 11.3957 0.65465 11.722L6.84281 21.5144C7.37813 22.3615 8.68816 21.9822 8.68816 20.9801L8.68816 1.39545Z" /> 2458 </mask> 2459 <path fill-rule="evenodd" clip-rule="evenodd" d="M8.68816 1.39545C8.68816 0.393359 7.37814 0.0141226 6.84281 0.861243L0.65465 10.6536C0.448452 10.9799 0.448452 11.3957 0.65465 11.722L6.84281 21.5144C7.37813 22.3615 8.68816 21.9822 8.68816 20.9801L8.68816 1.39545Z" fill="#C20019" /> 2460 </svg> 2461 </button> 2462 2463 <!-- Testimonials Slider --> 2464 <div class="carousel-inner"> 2465 <div class="carousel-item active"> 2466 <div class="testimonial-content"> 2467 <p class="testimonial-text">I never realized I was such a good teacher until people started telling me. It’s great that my channel allows me to reach so many medical assistants outside my classroom.</p> 2468 <div class="testimonial-author"> 2469 <img src="/images/default-source/about-aama/testimonial-test-image.png?sfvrsn=cc62839b_1" alt="Kendra Fowler, CCMA, University of Washington D.C." class="testimonial-image" /> 2470 <p class="testimonial-title">Kendra Fowler, CCMA, University of Washington D.C.</p> 2471 </div> 2472 </div> 2473 </div> 2474 <div class="carousel-item "> 2475 <div class="testimonial-content"> 2476 <p class="testimonial-text">I would not get through my day without my CMA (AAMA). She wears many hats throughout the day and is able to treat patients with respect and compassion despite how busy she is. A thousand thank-yous would not suffice [to convey] how grateful I am to have her by my side.</p> 2477 <div class="testimonial-author"> 2478 <p class="testimonial-title">Laura Boyd, MD, Primary Care Physician in Chicago</p> 2479 </div> 2480 </div> 2481 </div> 2482 <div class="carousel-item "> 2483 <div class="testimonial-content"> 2484 <p class="testimonial-text">My CMAs (AAMA) are so knowledgeable and experienced that they can discern and get to the crux of the issue with the patient, so we don’t have to do a lot of back-and-forth phone calls. Being a medical assistant can be a difficult job, and I thank mine daily for what they do.</p> 2485 <div class="testimonial-author"> 2486 <img src="/images/default-source/home/lauren-kim-md.jpg?sfvrsn=39ec654d_1" alt="Lauren Kim, MD, Rheumatologist in Portland, Oregon" class="testimonial-image" /> 2487 <p class="testimonial-title">Lauren Kim, MD, Rheumatologist in Portland, Oregon</p> 2488 </div> 2489 </div> 2490 </div> 2491 </div> 2492 2493 <!-- Right Arrow for Desktop --> 2494 <button class="carousel-control right-arrow desktop-arrow" aria-label="Next testimonial"> 2495 <svg width="32" height="117" viewBox="0 0 32 117" fill="none" xmlns="http://www.w3.org/2000/svg"> 2496 <mask id="path-1-inside-1_2124_407" fill="white"> 2497 <path fill-rule="evenodd" clip-rule="evenodd" d="M0.142594 116.098C0.142882 116.099 0.143552 116.099 0.14384 116.098L27.4886 72.8269C33.0559 64.0169 33.0559 52.7895 27.4886 43.9795L0.143858 0.708354C0.143566 0.707892 0.142893 0.707892 0.142601 0.708354C0.142525 0.708473 0.142485 0.708611 0.142485 0.708752L0.14248 116.098C0.14248 116.098 0.14252 116.098 0.142594 116.098Z" /> 2498 </mask> 2499 <path fill-rule="evenodd" clip-rule="evenodd" d="M0.142594 116.098C0.142882 116.099 0.143552 116.099 0.14384 116.098L27.4886 72.8269C33.0559 64.0169 33.0559 52.7895 27.4886 43.9795L0.143858 0.708354C0.143566 0.707892 0.142893 0.707892 0.142601 0.708354C0.142525 0.708473 0.142485 0.708611 0.142485 0.708752L0.14248 116.098C0.14248 116.098 0.14252 116.098 0.142594 116.098Z" fill="#C20019" /> 2500 </svg> 2501 </button> 2502 2503 <!-- Right Arrow for Mobile --> 2504 <button class="carousel-control right-arrow mobile-arrow" aria-label="Next testimonial"> 2505 <svg width="9" height="23" viewBox="0 0 9 23" fill="none" xmlns="http://www.w3.org/2000/svg"> 2506 <mask id="path-1-inside-1_92_912" fill="white"> 2507 <path fill-rule="evenodd" clip-rule="evenodd" d="M0.327469 21.1436C0.327469 22.1457 1.63749 22.5249 2.17282 21.6778L8.36098 11.8855C8.56717 11.5592 8.56717 11.1433 8.36098 10.8171L2.17282 1.02471C1.63749 0.177586 0.32747 0.556824 0.32747 1.55892L0.327469 21.1436Z" /> 2508 </mask> 2509 <path fill-rule="evenodd" clip-rule="evenodd" d="M0.327469 21.1436C0.327469 22.1457 1.63749 22.5249 2.17282 21.6778L8.36098 11.8855C8.56717 11.5592 8.56717 11.1433 8.36098 10.8171L2.17282 1.02471C1.63749 0.177586 0.32747 0.556824 0.32747 1.55892L0.327469 21.1436Z" fill="#C20019" /> 2510 </svg> 2511 </button> 2512 2513 <!-- Carousel Indicators --> 2514 <div class="carousel-indicators">
2515 <span class="indicator active" data-slide="0"></span> 2516 <span class="indicator" data-slide="1"></span> 2517 <span class="indicator" data-slide="2"></span> 2518 </div> 2519</div> 2520 2521<!-- Inline Styles --> 2522<style> 2523 .testimonials-carousel { 2524 display: flex; 2525 align-items: center; 2526 justify-content: center; 2527 position: relative; 2528 max-width: 900px; 2529 margin: 0 auto; 2530 padding: 2rem; 2531 text-align: center; 2532 margin-top: 3rem; 2533 margin-bottom: 4rem; 2534 } 2535 2536 .carousel-inner { 2537 display: flex; 2538 overflow: hidden; 2539 width: 100%; 2540 position: relative; 2541 } 2542 2543 .carousel-item { 2544 flex-shrink: 0; 2545 width: 100%; 2546 display: none; 2547 } 2548 2549 .carousel-item.active { 2550 display: block; 2551 } 2552 2553 .testimonial-content { 2554 color: #333; 2555 position: relative; 2556 z-index: 1; 2557 } 2558 2559 .testimonial-author { 2560 font-size: 0.8rem; 2561 } 2562 2563 .testimonial-text { 2564 font-size: 1.5rem; 2565 font-weight: bold; 2566 padding: 8rem 8rem 0rem 8rem; 2567 position: relative; 2568 } 2569 2570 .testimonial-text::before { 2571 content: "â"; 2572 font-size: 300px; 2573 position: absolute; 2574 top: -70px; 2575 left: 55px; 2576 font-weight: 800; 2577 color: #489AA3; 2578 opacity: 0.23; 2579 z-index: 0; 2580 font-family: Helvetica, sans-serif; 2581 } 2582 2583 .testimonial-text::after { 2584 content: "â"; 2585 font-size: 300px; 2586 position: absolute; 2587 top: 60px; 2588 right: 70px; 2589 font-weight: 800; 2590 color: #489AA3; 2591 opacity: 0.23; 2592 z-index: 0; 2593 font-family: Helvetica, sans-serif; 2594 } 2595 2596 .testimonial-title { 2597 margin-top: 2rem; 2598 } 2599 2600 .testimonial-image { 2601 width: 100px; 2602 height: 100px; 2603 object-fit: cover; 2604 border-radius: 50%; 2605 } 2606 2607 .carousel-control { 2608 background: transparent; 2609 border: none; 2610 cursor: pointer; 2611 } 2612 2613 .left-arrow { 2614 position: absolute; 2615 left: 0; 2616 } 2617 2618 .right-arrow { 2619 position: absolute; 2620 right: 0; 2621 } 2622 2623 .desktop-arrow { 2624 display: block; 2625 } 2626 2627 .mobile-arrow { 2628 display: none; 2629 } 2630 2631 .carousel-indicators { 2632 margin-top: 1rem; 2633 } 2634 2635 .indicator { 2636 width: 20px; 2637 height: 20px; 2638 margin: 0 10px; 2639 display: inline-block; 2640 border-radius: 50%; 2641 background-color: #ccc; 2642 border: 2px solid #fff; 2643 cursor: pointer; 2644 } 2645 2646 .indicator.active { 2647 border-color: #C20019; 2648 } 2649 2650 /* Mobile Styles */ 2651 @media (max-width: 767px) { 2652 .testimonials-carousel { 2653 padding: 1rem; 2654 margin-top: 2rem; 2655 margin-bottom: 2rem; 2656 width: 90%; 2657 } 2658 2659 .testimonial-text { 2660 padding: 2rem 0rem 0rem 0rem; 2661 font-size: 1.2rem; 2662 } 2663 2664 .testimonial-text::before, .testimonial-text::after { 2665 font-size: 150px; 2666 opacity: 0.15; 2667 } 2668 2669 .testimonial-text::before { 2670 top: -50px; 2671 left: 20px; 2672 } 2673 2674 .testimonial-text::after { 2675 top: 40px; 2676 right: 30px; 2677 } 2678 2679 .testimonial-image { 2680 width: 70px; 2681 height: 70px; 2682 } 2683 2684 .desktop-arrow { 2685 display: none; 2686 } 2687 2688 .mobile-arrow { 2689 display: block; 2690 bottom: 105px; 2691 } 2692 2693 .indicator { 2694 width: 15px; 2695 height: 15px; 2696 margin: 0 5px; 2697 } 2698 } 2699</style> 2700 2701<!-- JavaScript to handle the Carousel -->
2702<script src="/scripts/testimonial-navigation.js" asp-append-version="true"></script>
2702 2703</div> 2704</section> 2705</section> 2706 <section class="footer-banner"> 2707<section style="" class="row pt-3 pb-3 footer-banner"> 2708 <div style="" class="col-md-3 "> 2709 </div> 2710 <div style="" class="col-md-6 "> 2711 2712 2713<div class="pt-4 pb-5 sf-app"> 2714<h3 style="text-align:center;">SIGN UP FOR <em>AAMA E-UPDATE</em> </h3></div> 2715 2716 2717<div class="mb-4 pb-4 sf-app"> 2718<h6 style="text-align:center;">Subscribe to our e-newsletter, <em>AAMA e-Update</em>, to stay up to date on the latest information!</h6></div> 2719<section style="" class="row pt-3 pb-3"> 2720 <div style="" class="col-md-12 "> 2721 2722 2723 2724 2725 2726 2727 <div data-sf-role='form-visibility-wrapper' style='display: none'> 2728 <form action="/forms/submit/sf_signup_form/en?sf_site=469e00d7-9d94-474a-ac34-bd6dcf6713e8&sf_site_temp=true" method="post" novalidate> 2729 <div class="me-5 ms-5" 2730 data-sf-role="form-container" 2731 data-sf-invalid="is-invalid" 2732 data-sf-visibility-inline-visible="d-inline-block" 2733 data-sf-visibility-hidden="d-none" 2734 data-sf-visibility-visible="d-block"> 2735 2736 <input type="hidden" data-sf-role="redirect-url" /> 2737 <input type="hidden" data-sf-role="custom-submit-action" value="False" /> 2738 <div data-sf-role="success-message" class="valid-feedback" role="alert" aria-live="assertive"></div> 2739 <div data-sf-role="error-message" class="invalid-feedback" role="alert" aria-live="assertive"></div> 2740 <div data-sf-role="loading" style="display: none;"> 2741 <div class="d-flex justify-content-center"> 2742 <div class="spinner-border" role="status"> 2743 <span class="visually-hidden">Loading...</span> 2744 </div> 2745 </div> 2746 </div> 2747 <div data-sf-role="fields-container"> 2748 <section class="row"> 2749 <div class="col-md-5"> 2750 2751
2752<script data-sf-role='start_field_SitefinityTextFieldFormControl' data-sf-role-field-name='SitefinityTextFieldFormControl'></script>
2752 2753<div class="mb-3 " data-sf-role="text-field-container"> 2754 <input data-sf-role="violation-restrictions" type="hidden" value='{
 "maxLength": null,
 "minLength": null
}' /> 2755 <input data-sf-role="violation-messages" type="hidden" value='{
 "invalidLength": "Email Address field input is too long",
 "required": "Email Address field is required",
 "invalid": "Email Address field is invalid",
 "regularExpression": "Please match the requested format"
}' /> 2756 2757 <input id='SitefinityTextFieldFormControl' 2758 type="email" 2759 class="form-control custom-textbox" 2760 name="SitefinityTextFieldFormControl" 2761 placeholder="Email address" 2762 data-sf-role="text-field-input" 2763 2764 aria-describedby="TextboxErrorMessage35bc" 2765 required="required" /> 2766 2767 2768 <div id='TextboxErrorMessage35bc' data-sf-role="error-message" role="alert" aria-live="assertive" class="invalid-feedback"></div> 2769</div>
2770<script data-sf-role='end_field_SitefinityTextFieldFormControl'></script>
2770 2771 2772<style> 2773 .custom-textbox { 2774 width: 100%; 2775 padding: 10px 20px; 2776 border: none; 2777 border-radius: 25px; /* Makes the input pill-shaped */ 2778 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow effect */ 2779 outline: none; 2780 font-size: 14px; /* Adjust font size as needed */ 2781 font-weight: bold; 2782 } 2783 2784 .custom-textbox::placeholder { 2785 color: #a0a0a0; /* Placeholder text color */ 2786 } 2787 2788 .custom-textbox:focus { 2789 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); /* Enhanced shadow on focus */ 2790 } 2791</style> 2792</div> 2793 <div class="col-md-5"> 2794 2795
2796<script data-sf-role='start_field_SitefinityTextFieldFormControl_0' data-sf-role-field-name='SitefinityTextFieldFormControl_0'></script>
2796 2797<div class="mb-3 " data-sf-role="text-field-container"> 2798 <input data-sf-role="violation-restrictions" type="hidden" value='{
 "maxLength": null,
 "minLength": null
}' /> 2799 <input data-sf-role="violation-messages" type="hidden" value='{
 "invalidLength": "Full Name field input is too long",
 "required": "Full Name field is required",
 "invalid": "Full Name field is invalid",
 "regularExpression": "Please match the requested format"
}' /> 2800 2801 <input id='SitefinityTextFieldFormControl_0' 2802 type="text" 2803 class="form-control custom-textbox" 2804 name="SitefinityTextFieldFormControl_0" 2805 placeholder="Full name" 2806 data-sf-role="text-field-input" 2807 2808 aria-describedby="TextboxErrorMessagec474" 2809 /> 2810 2811 2812 <div id='TextboxErrorMessagec474' data-sf-role="error-message" role="alert" aria-live="assertive" class="invalid-feedback"></div> 2813</div>
2814<script data-sf-role='end_field_SitefinityTextFieldFormControl_0'></script>
2814 2815 2816<style> 2817 .custom-textbox { 2818 width: 100%; 2819 padding: 10px 20px; 2820 border: none; 2821 border-radius: 25px; /* Makes the input pill-shaped */ 2822 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow effect */ 2823 outline: none; 2824 font-size: 14px; /* Adjust font size as needed */ 2825 font-weight: bold; 2826 } 2827 2828 .custom-textbox::placeholder { 2829 color: #a0a0a0; /* Placeholder text color */ 2830 } 2831 2832 .custom-textbox:focus { 2833 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); /* Enhanced shadow on focus */ 2834 } 2835</style> 2836</div> 2837 <div class="col-md-2"> 2838<div class="mb-3" data-sf-role="submit-button-container"> 2839 <button type="submit" class="btn custom-submit-button">Subscribe</button> 2840</div> 2841 2842<style> 2843 .custom-submit-button { 2844 display: inline-block; /* Ensures proper resizing of the button */ 2845 width: 100%; 2846 max-width: 100%; /* Ensure the button doesn't overflow */ 2847 padding: 10px 5%; /* Use percentage-based padding to allow flexibility */ 2848 border: none; 2849 border-radius: 25px; 2850 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 2851 outline: none; 2852 background-color: #f0f0f0; 2853 color: black; /* Greyish text color */ 2854 font-size: 14px; 2855 font-weight: bold; 2856 cursor: pointer; 2857 text-align: center; 2858 word-wrap: break-word; /* Ensures long text wraps inside the button */ 2859 white-space: nowrap; /* Prevent text from wrapping to multiple lines */ 2860 overflow: hidden; 2861 text-overflow: ellipsis; /* Adds '...' if text overflows */ 2862 } 2863 2864 .custom-submit-button:hover { 2865 background-color: white; /* Slightly darker white for hover effect */ 2866 color: #a0a0a0; 2867 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); 2868 } 2869 2870 .custom-submit-button:focus { 2871 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); 2872 } 2873 2874 .custom-submit-button:active { 2875 background-color: #e0e0e0; /* Even darker white for active effect */ 2876 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); 2877 } 2878 2879 @media (max-width: 768px) { 2880 .custom-submit-button { 2881 font-size: 12px; /* Reduce font size on smaller screens */ 2882 padding: 8px 4%; /* Adjust padding for smaller viewports */ 2883 } 2884 } 2885 2886 @media (max-width: 576px) { 2887 .custom-submit-button { 2888 font-size: 10px; /* Further reduce font size on very small screens */ 2889 padding: 6px 3%; /* Adjust padding for the smallest screens */ 2890 } 2891 } 2892</style> 2893</div> 2894 </section> 2895</div> 2896 </div> 2897 </form> 2898 </div> 2899 2900</div> 2901</section> 2902</div> 2903 <div style="" class="col-md-3 "> 2904 </div> 2905</section> 2906</section> 2907 2908 <footer class="footer"> 2909<section style="" class="row pt-3 pb-3 aama-footer-logo" sf:disableImageOptimization="true"> 2910 <div style="" class="col-md-1 "> 2911 </div> 2912 <div style="" class="col-md-10 "> 2913<section style="" class="row pt-3 pb-3"> 2914 <div style="" class="col-md-2 "> 2915 2916 2917<div class="ps-3 sf-app"> 2918<p style="text-align:left;"><strong><a href="/medical-assisting">Medical Assisting</a></strong></p></div> 2919 2920<div class=""> 2921 <nav > 2922 <ul class="nav flex-column"> 2923 <li class="vertical-nav-item"> 2924 <a class=" vertical-nav-link" href="/medical-assisting/for-students" target="_self">For Students</a> 2925 2926 </li> 2927 <li class="vertical-nav-item"> 2928 <a class=" vertical-nav-link" href="/medical-assisting/educators" target="_self">For Educators</a> 2929 2930 </li> 2931 <li class="vertical-nav-item"> 2932 <a class=" vertical-nav-link" href="/medical-assisting/career-center" target="_self">Career Center</a> 2933 2934 </li> 2935 <li class="vertical-nav-item"> 2936 <a class=" vertical-nav-link" href="/medical-assisting/medical-assistant-spotlight" target="_self">Medical Assistant Spotlight</a> 2937 2938 </li> 2939 <li class="vertical-nav-item"> 2940 <a class=" vertical-nav-link" href="/medical-assisting/compensation-and-benefits" target="_self">Compensation and Benefits</a> 2941 2942 </li> 2943 <li class="vertical-nav-item"> 2944 <a class=" vertical-nav-link" href="/medical-assisting/caahep-and-abhes-accredited-programs" target="_self">CAAHEP and ABHES Accredited Programs
</a> 2945 2946 </li> 2947 <li class="vertical-nav-item"> 2948 <a class=" vertical-nav-link" href="/medical-assisting/assessment-based-recognition-in-order-entry-(abr-oe)" target="_self">Assessment-Based Recognition in Order Entry (ABR-OE)</a> 2949 2950 </li> 2951 </ul> 2952 </nav> 2953</div> 2954 2955 2956 2957<style> 2958 .vertical-nav-link { 2959 color: #fff; 2960 text-align: left; 2961 text-decoration: underline; 2962 } 2963 2964 .vertical-nav-item { 2965 margin-bottom: 0.1rem !important; 2966 display: flex; 2967 align-items: center; /* Center vertically */ 2968 padding-left: 1rem; /* Adjust padding as needed */ 2969 } 2970 2971 .nav-link { 2972 flex: 1; 2973 } 2974</style> 2975</div> 2976 <div style="" class="col-md-2 "> 2977 2978 2979<div class="ps-3 sf-app"> 2980<p style="text-align:left;"><strong><a href="/join-AAMA">Join the AAMA</a></strong></p></div> 2981 2982<div class=""> 2983 <nav > 2984 <ul class="nav flex-column"> 2985 <li class="vertical-nav-item"> 2986 <a class=" vertical-nav-link" href="/join-AAMA/application-and-dues" target="_self">Application and Dues</a> 2987 2988 </li> 2989 <li class="vertical-nav-item"> 2990 <a class=" vertical-nav-link" href="/join-AAMA/partners" target="_self">Partners</a> 2991 2992 </li> 2993 <li class="vertical-nav-item"> 2994 <a class=" vertical-nav-link" href="/join-AAMA/volunteer-opportunities" target="_self">Volunteer Opportunities</a> 2995 2996 </li> 2997 </ul> 2998 </nav> 2999</div> 3000 3001 3002 3003<style> 3004 .vertical-nav-link { 3005 color: #fff; 3006 text-align: left; 3007 text-decoration: underline; 3008 } 3009 3010 .vertical-nav-item { 3011 margin-bottom: 0.1rem !important; 3012 display: flex; 3013 align-items: center; /* Center vertically */ 3014 padding-left: 1rem; /* Adjust padding as needed */ 3015 } 3016 3017 .nav-link { 3018 flex: 1; 3019 } 3020</style> 3021</div> 3022 <div style="" class="col-md-2 "> 3023 3024 3025<div class="ps-3 sf-app"> 3026<p style="text-align:left;"><span style="font-family:open_sanssemibold, Arial, Verdana, sans-serif;"><strong><a href="/certification">Certification</a></strong></span></p></div> 3027 3028<div class=""> 3029 <nav > 3030 <ul class="nav flex-column"> 3031 <li class="vertical-nav-item"> 3032 <a class=" vertical-nav-link" href="/certification/eligibility" target="_self">Eligibility</a> 3033 3034 </li> 3035 <li class="vertical-nav-item"> 3036 <a class=" vertical-nav-link" href="/certification/prepare" target="_self">Prepare</a> 3037 3038 </li> 3039 <li class="vertical-nav-item"> 3040 <a class=" vertical-nav-link" href="/certification/apply" target="_self">Apply</a> 3041 3042 </li> 3043 <li class="vertical-nav-item"> 3044 <a class=" vertical-nav-link" href="/certification/after-the-exam" target="_self">After the Exam</a> 3045 3046 </li> 3047 <li class="vertical-nav-item"> 3048 <a class=" vertical-nav-link" href="/certification/recertification" target="_self">Recertification</a> 3049 3050 </li> 3051 <li class="vertical-nav-item"> 3052 <a class=" vertical-nav-link" href="/certification/testing-options" target="_self">Test Center vs. Remote Proctoring</a> 3053 3054 </li> 3055 <li class="vertical-nav-item"> 3056 <a class=" vertical-nav-link" href="/certification/psi-violations" target="_self">PSI Violations</a> 3057 3058 </li> 3059 <li class="vertical-nav-item"> 3060 <a class=" vertical-nav-link" href="/certification/iv-microcredential" target="_self">IV Microcredential</a> 3061 3062 </li> 3063 </ul> 3064 </nav> 3065</div> 3066 3067 3068 3069<style> 3070 .vertical-nav-link { 3071 color: #fff; 3072 text-align: left; 3073 text-decoration: underline; 3074 } 3075 3076 .vertical-nav-item { 3077 margin-bottom: 0.1rem !important; 3078 display: flex; 3079 align-items: center; /* Center vertically */ 3080 padding-left: 1rem; /* Adjust padding as needed */ 3081 } 3082 3083 .nav-link { 3084 flex: 1; 3085 } 3086</style> 3087</div> 3088 <div style="" class="col-md-2 "> 3089 3090 3091<div class="ps-3 sf-app"> 3092<p style="text-align:left;"><strong><a href="/education-and-events">Education and Events</a></strong></p></div> 3093 3094<div class=""> 3095 <nav > 3096 <ul class="nav flex-column"> 3097 <li class="vertical-nav-item"> 3098 <a class=" vertical-nav-link" href="/education-and-events/find-CEUs" target="_self">Find CEUs</a> 3099 3100 </li> 3101 <li class="vertical-nav-item"> 3102 <a class=" vertical-nav-link" href="/education-and-events/e" target="_blank">e-Learning Center</a> 3103 3104 </li> 3105 <li class="vertical-nav-item"> 3106 <a class=" vertical-nav-link" href="/education-and-events/state-society-conferences" target="_self">State Society Conferences</a> 3107 3108 </li> 3109 <li class="vertical-nav-item"> 3110 <a class=" vertical-nav-link" href="/education-and-events/annual-conference" target="_self">Annual Conference</a> 3111 3112 </li> 3113 <li class="vertical-nav-item"> 3114 <a class=" vertical-nav-link" href="/education-and-events/medical-assistants-recognition-week" target="_self">Medical Assistants Recognition Week</a> 3115 3116 </li> 3117 <li class="vertical-nav-item"> 3118 <a class=" vertical-nav-link" href="/education-and-events/house-of-delegates" target="_self">House of Delegates</a> 3119 3120 </li> 3121 <li class="vertical-nav-item"> 3122 <a class=" vertical-nav-link" href="/annual-conference/excel-awards" target="_self">Excel Awards</a> 3123 3124 </li> 3125 </ul> 3126 </nav> 3127</div> 3128 3129 3130 3131<style> 3132 .vertical-nav-link { 3133 color: #fff; 3134 text-align: left; 3135 text-decoration: underline; 3136 } 3137 3138 .vertical-nav-item { 3139 margin-bottom: 0.1rem !important; 3140 display: flex; 3141 align-items: center; /* Center vertically */ 3142 padding-left: 1rem; /* Adjust padding as needed */ 3143 } 3144 3145 .nav-link { 3146 flex: 1; 3147 } 3148</style> 3149</div> 3150 <div style="" class="col-md-2 "> 3151 3152 3153<div class="ps-3 sf-app"> 3154<p style="text-align:left;"><strong><a href="/publications">Publications</a></strong></p></div> 3155 3156<div class=""> 3157 <nav > 3158 <ul class="nav flex-column"> 3159 <li class="vertical-nav-item"> 3160 <a class=" vertical-nav-link" href="/publications/medical-assisting-today" target="_self">Medical Assisting Today</a> 3161 3162 </li> 3163 <li class="vertical-nav-item"> 3164 <a class=" vertical-nav-link" href="/publications/state-scope-of-practice-laws" target="_self">State Scope of Practice Laws</a> 3165 3166 </li> 3167 <li class="vertical-nav-item"> 3168 <a class=" vertical-nav-link" href="/publications/public-affairs-articles" target="_self">Public Affairs Articles</a> 3169 3170 </li> 3171 <li class="vertical-nav-item"> 3172 <a class=" vertical-nav-link" href="/publications/advertise-and-exhibit" target="_self">Advertise and Exhibit</a> 3173 3174 </li> 3175 <li class="vertical-nav-item"> 3176 <a class=" vertical-nav-link" href="/publications/aama-podcast" target="_self">AAMA Podcast</a> 3177 3178 </li> 3179 <li class="vertical-nav-item"> 3180 <a class=" vertical-nav-link" href="/publications/aama-blog" target="_self">AAMA Blog</a> 3181 3182 </li> 3183 <li class="vertical-nav-item"> 3184 <a class=" vertical-nav-link" href="/publications/press-releases" target="_self">Press Releases</a> 3185 3186 </li> 3187 </ul> 3188 </nav> 3189</div> 3190 3191 3192 3193<style> 3194 .vertical-nav-link { 3195 color: #fff; 3196 text-align: left; 3197 text-decoration: underline; 3198 } 3199 3200 .vertical-nav-item { 3201 margin-bottom: 0.1rem !important; 3202 display: flex; 3203 align-items: center; /* Center vertically */ 3204 padding-left: 1rem; /* Adjust padding as needed */ 3205 } 3206 3207 .nav-link { 3208 flex: 1; 3209 } 3210</style> 3211</div> 3212 <div style="" class="col-md-2 "> 3213 3214 3215<div class="ps-3 sf-app"> 3216<p style="text-align:left;"><strong><a href="/about">About</a></strong></p></div> 3217 3218<div class=""> 3219 <nav > 3220 <ul class="nav flex-column"> 3221 <li class="vertical-nav-item"> 3222 <a class=" vertical-nav-link" href="/about/organizational-structure" target="_self">Organizational Structure</a> 3223 3224 </li> 3225 <li class="vertical-nav-item"> 3226 <a class=" vertical-nav-link" href="/about/the-aama-staff" target="_self">The AAMA Staff</a> 3227 3228 </li> 3229 <li class="vertical-nav-item"> 3230 <a class=" vertical-nav-link" href="/about/leadership" target="_self">Leadership</a> 3231 3232 </li> 3233 <li class="vertical-nav-item"> 3234 <a class=" vertical-nav-link" href="/about/state-societies-and-chapters" target="_self">State Societies and Chapters</a> 3235 3236 </li> 3237 <li class="vertical-nav-item"> 3238 <a class=" vertical-nav-link" href="/about/news-and-reports" target="_self">News and Reports</a> 3239 3240 </li> 3241 <li class="vertical-nav-item"> 3242 <a class=" vertical-nav-link" href="/about/contact-us" target="_self">Contact Us</a> 3243 3244 </li> 3245 </ul> 3246 </nav> 3247</div> 3248 3249 3250 3251<style> 3252 .vertical-nav-link { 3253 color: #fff; 3254 text-align: left; 3255 text-decoration: underline; 3256 } 3257 3258 .vertical-nav-item { 3259 margin-bottom: 0.1rem !important; 3260 display: flex; 3261 align-items: center; /* Center vertically */ 3262 padding-left: 1rem; /* Adjust padding as needed */ 3263 } 3264 3265 .nav-link { 3266 flex: 1; 3267 } 3268</style> 3269</div> 3270</section> 3271 3272<section style="" class="row pt-3 pb-3"> 3273 <div style="" class="col-md-3 "> 3274<section style="" class="row pt-3 pb-3"> 3275 <div style="" class="col-md-8 "> 3276 3277<div class="d-flex mt-5 justify-content-center" color: #333F4C; background-color: #FFFFFF; > 3278 <a href="/about/contact-us" target="_blank" class="button-equal button-small" style="color: #333F4C; background-color: #FFFFFF; "> 3279 Contact Us 3280 </a> 3281 3282</div> 3283 3284<style> 3285 .button-equal { 3286 text-align: center; 3287 cursor: pointer; 3288 margin: 1%; 3289 z-index:2; 3290 } 3291 3292 .button-equal:hover { 3293 opacity: 0.9; 3294 } 3295</style> 3296</div> 3297 <div style="" class="col-md-4 "> 3298 </div> 3299</section> 3300</div> 3301 <div style="" class="col-md-4 "> 3302 3303 3304<div class="pt-5 sf-app"> 3305<div><strong>20 N. Wacker Dr., Ste. 3720</strong></div><div><strong>Chicago, IL 60606</strong></div><div><strong>Phone | 312-899-1500 or 800-228-2262</strong></div><div><strong></strong><span style="font-size:11.25px;vertical-align:sub;background-color:transparent;color:inherit;font-family:inherit;text-align:inherit;text-transform:inherit;word-spacing:normal;caret-color:auto;white-space:inherit;">© 2024 American Association of Medical Assistants. All rights reserved.</span></div><div><p><span style="text-decoration:underline;"><a href="/about/site-rules-and-privacy-policy">Site Rules and Privacy Policy</a></span><span style="text-decoration:underline;"></span><span style="text-decoration:underline;"></span></p></div></div></div> 3306 <div style="" class="col-md-2 "> 3307<section style="" class="row pt-3 pb-3"> 3308 <div style="" class="col-md-12 "> 3309<div class="icon-tray-grid"> 3310 <a href="https://www.facebook.com/aamaorg/ " class="icon-tray-item"> 3311 <img src="/images/default-source/icons/facebook187daa6a-99c5-4026-9d9e-58abac772164.png?sfvrsn=54d5fbc2_3" alt="Image 1" /> 3312 </a> 3313 <a href="https://www.tiktok.com/@theaamaofficial/" class="icon-tray-item"> 3314 <img src="/images/default-source/icons/tiktokeda0bc7b-647e-43c
3314a-8f06-d2d4c81a5ec5.png?sfvrsn=d85f3393_3" alt="Image 2" /> 3315 </a> 3316 <a href="https://www.linkedin.com/company/american-association-of-medical-assistants/" class="icon-tray-item"> 3317 <img src="/images/default-source/icons/linkedin2372736e-7aba-48f6-8c3c-631006bf34c5.png?sfvrsn=2c1cbe1c_3" alt="Image 3" /> 3318 </a> 3319 <a href="https://www.youtube.com/user/aamachannel" class="icon-tray-item"> 3320 <img src="/images/default-source/icons/youtube.png?sfvrsn=e6951ae3_3" alt="Image 4" /> 3321 </a> 3322 <a href="https://x.com/aamaofficial" class="icon-tray-item"> 3323 <img src="/images/default-source/icons/twitter.png?sfvrsn=fda946c1_3" alt="Image 5" /> 3324 </a> 3325 <a href="https://www.instagram.com/aamaofficial/" class="icon-tray-item"> 3326 <img src="/images/default-source/icons/instagramcf1e4265-1a39-4306-bcc8-b4519b99945c.png?sfvrsn=22655ab8_3" alt="Image 6" /> 3327 </a> 3328</div> 3329 3330<style> 3331 /* Grid container */ 3332 .icon-tray-grid { 3333 display: grid; 3334 grid-template-columns: repeat(3, 1fr); /* 3 items per row */ 3335 gap: 16px; /* Space between items */ 3336 justify-items: center; /* Center items within the grid cells */ 3337 padding: 16px; 3338 } 3339 3340 /* Item styling */ 3341 .icon-tray-item { 3342 width: 100%; 3343 max-width: 150px; /* Set a max size for each image */ 3344 text-align: center; 3345 } 3346 3347 .icon-tray-item img { 3348 width: 100%; 3349 height: auto; 3350 max-width: 100%; /* Ensures image fits within its container */ 3351 border-radius: 8px; 3352 } 3353 3354 /* Responsive layout */ 3355 @media (max-width: 1200px) { 3356 .icon-tray-grid { 3357 gap: 2rem; 3358 } 3359 } 3360</style> 3361</div> 3362</section> 3363</div> 3364 <div style="" class="col-md-3 "> 3365<section style="" class="row pt-3 pb-3"> 3366 <div style="" class="col-md-12 "> 3367<div class="icon-tray-alt"> 3368 <!-- Top row: First image spanning full width --> 3369 <a href="/certification" class="icon-tray-item-full"> 3370 <img src="/images/default-source/default-album/cma-(aama)-icon.png?sfvrsn=6cf69503_1" alt="Image 1" /> 3371 </a> 3372 3373 <!-- Second row: Image 2 and Image 3 with different widths but max-height of 5rem --> 3374 <div class="icon-tray-row"> 3375 <a href="https://assess.com/ncca-accreditation/" class="icon-tray-item-narrow"> 3376 <img src="/images/default-source/default-album/ncca-icon.png?sfvrsn=ef05615c_1" alt="Image 2" /> 3377 </a> 3378 <a href="https://www.credentialingexcellence.org/" class="icon-tray-item-wide"> 3379 <img src="/images/default-source/default-album/ice-icon.png?sfvrsn=7ad70a93_1" alt="Image 3" /> 3380 </a> 3381 </div> 3382</div> 3383 3384<style> 3385 /* Container styling */ 3386 .icon-tray-alt { 3387 display: flex; 3388 flex-direction: column; 3389 gap: 16px; 3390 padding: 16px; 3391 } 3392 3393 /* Full-width item for the first image */ 3394 .icon-tray-item-full { 3395 width: 100%; 3396 max-width: 600px; /* Optional: limit the max width */ 3397 margin: 0 auto; 3398 } 3399 3400 .icon-tray-item-full img { 3401 width: 100%; 3402 height: auto; 3403 border-radius: 8px; 3404 } 3405 3406 /* Row for images 2 and 3 with flexible width containers */ 3407 .icon-tray-row { 3408 display: flex; 3409 gap: 16px; 3410 justify-content: flex-start; /* Align all items to the left */ 3411 align-items: center; 3412 } 3413 3414 /* Narrow container for Image 2 */ 3415 .icon-tray-item-narrow { 3416 flex: 1; /* Takes a smaller portion of the row */ 3417 text-align: left; 3418 } 3419 3420 /* Wider container for Image 3 */ 3421 .icon-tray-item-wide { 3422 flex: 2; /* Takes a larger portion of the row */ 3423 text-align: left; 3424 } 3425 3426 /* Set max-height and contain for both images */ 3427 .icon-tray-item-narrow img, 3428 .icon-tray-item-wide img { 3429 width: 100%; 3430 max-height: 5rem; /* Set maximum height */ 3431 object-fit: contain; /* Ensures the entire image fits within the container */ 3432 border-radius: 8px; 3433 } 3434 3435 /* Responsive layout for stacking images */ 3436 @media (max-width: 1200px) { 3437 .icon-tray-alt { 3438 flex-direction: column; 3439 } 3440 3441 .icon-tray-row { 3442 flex-direction: column; 3443 align-items: flex-start; 3444 } 3445 /* Adjust height for smaller screens if needed */ 3446 .icon-tray-item-narrow img, 3447 .icon-tray-item-wide img { 3448 max-height: 4rem; 3449 } 3450 } 3451</style> 3452</div> 3453</section> 3454</div> 3455</section> 3456</div> 3457 <div style="" class="col-md-1 "> 3458 </div> 3459</section> 3460</footer> 3461
3461<script> 3462 window.onUsersnapLoad = function (api) { 3463 api.init(); 3464 }; 3465 var script = document.createElement('script'); 3466 script.defer = 1; 3467 script.src = 'https://widget.usersnap.com/global/load/f48c45cc-0c81-4e15-9ada-290dd0999352?onload=onUsersnapLoad'; 3468 document.getElementsByTagName('head')[0].appendChild(script); 3469 </script>
3469 3470 3471 3472
3473<script id="PersonalizationTracker" type="application/json">{"IsPagePersonalizationTarget":false,"IsUrlPersonalizationTarget":false,"PageId":"4183b30c-f53a-4dcc-8c51-94b3e04bb35e"}</script>
3473<script src="/WebResource.axd?d=NjxTqR2bqTw1rewxxlkHPrBdqSYgBV-BJGv-L3cq01RSTD0av5tbNwFY6Lg0V3On-nYxMK-4GqjMUVsQOhrBzo6P_FHLsKfzdB5jw8Atz1fbL9YXIZEi-W6zgrbxZlx9kP4SgUfVDp_-7NMZpQ0WsCykmGETA10lANgLV6nyCCB9jOXKmzYwdfBAB6xS7D-VLVdW3rNVXsEOWyWX-TzcoT9kYulK7OeIN7y76t0K-oU1&t=638525604940000000" type="text/javascript"></script>
3473<script id="sf-insight-settings" type="application/json">{"apiServerUrl":"https://api.insight.sitefinity.com","apiKey":"4ca62536-2ada-664f-0d66-b30064de159d","applicationName":"Website","trackingCookieDomain":"","keepDecTrackingCookieOnTrackingConsentRejection":false,"slidingExpirationForTrackingCookie":false,"maxAgeForTrackingCookieInDays":365,"trackYouTubeVideos":true,"crossDomainTrackingEntries":["localhost"],"strategy":"Persist|False","docsHrefTestExpressions":[".*\\/docs\\/.+\\.{1}.+((\\?|\\\u0026)sfvrsn=.+){1}$",".+((\\?|\\\u0026)sf_dm_key=.+){1}$"],"sessionLengthInMinutes":30,"trackVimeoVideos":true,"useSecureCookies":true}</script>
3473<script id="sf-insight-metadata" type="application/json">{"contentMetadata":"{\"Id\":\"4183b30c-f53a-4dcc-8c51-94b3e04bb35e\",\"ContentType\":\"Page\",\"Title\":\"Home\",\"CanonicalTitle\":\"Home\",\"CanonicalUrl\":\"https://aama-ntl.org\",\"DefaultLanguage\":\"en\",\"CreatedOn\":\"2024-07-02T15:21:24.097Z\",\"ModifiedOn\":\"2026-09-22T20:50:29.673Z\",\"SiteId\":\"469e00d7-9d94-474a-ac34-bd6dcf6713e8\",\"SiteName\":\"Default\",\"PageId\":\"4183b30c-f53a-4dcc-8c51-94b3e04bb35e\"}","videosMetadata":"[]"}</script>
3473<script src="/WebResource.axd?d=HtQyXelCu6mzSPcVcvK_BgeqU6OyR4x1oZx-UxxDlAa5K0WCJxx-Zzu-G41MPXNPWSZD8bSKjGwILGjBZX0smHE4HXRY7CUpoPb74PjTUwta429fW_l7pWq_WVOHnu_hsmKfAOE6iaJDWGR3xGxGA0fO8LvZVXEhxJdXuTQ52aUon1EGHJdQYI_x2kDFkLJZaTPKRpEoS0ExvrCHjta76r4-RQTpobioImCa3Fi3cA01&t=638525604420000000" type="text/javascript"></script>
3473<script async="async" crossorigin="" src="https://cdn.insight.sitefinity.com/sdk/sitefinity-insight-client.min.3.1.35.js" type="text/javascript"></script>
3473<script id="-320519768" src="/sfrenderer/Scripts/call-to-action.min.js?assembly_name=Progress.Sitefinity.AspNetCore.Widgets" type="text/javascript"></script>
3473<script id="-698376022" src="/sfrenderer/Scripts/SearchWidgets/search-box.min.js?assembly_name=Progress.Sitefinity.AspNetCore.Widgets" type="text/javascript"></script>
3473<script defer="" id="124262200" src="/sfrenderer/Scripts/form-all.min.js?assembly_name=Progress.Sitefinity.AspNetCore.FormWidgets" type="text/javascript"></script>
3473</body> 3474</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.