PageSourceSearch

https://aama-ntl.org/

html aama-ntl.org collected 2026-10-02 05:51:28 UTC 128,052 bytes, 3,474 lines download raw bytes

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&#xD;</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.&#xA; &#xA;</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&amp;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&#x2019;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&#x2019;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='{&#xD;&#xA;  &quot;maxLength&quot;: null,&#xD;&#xA;  &quot;minLength&quot;: null&#xD;&#xA;}' />
2755    <input data-sf-role="violation-messages" type="hidden" value='{&#xD;&#xA;  &quot;invalidLength&quot;: &quot;Email Address field input is too long&quot;,&#xD;&#xA;  &quot;required&quot;: &quot;Email Address field is required&quot;,&#xD;&#xA;  &quot;invalid&quot;: &quot;Email Address field is invalid&quot;,&#xD;&#xA;  &quot;regularExpression&quot;: &quot;Please match the requested format&quot;&#xD;&#xA;}' />
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=&quot;required&quot;  />
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='{&#xD;&#xA;  &quot;maxLength&quot;: null,&#xD;&#xA;  &quot;minLength&quot;: null&#xD;&#xA;}' />
2799    <input data-sf-role="violation-messages" type="hidden" value='{&#xD;&#xA;  &quot;invalidLength&quot;: &quot;Full Name field input is too long&quot;,&#xD;&#xA;  &quot;required&quot;: &quot;Full Name field is required&quot;,&#xD;&#xA;  &quot;invalid&quot;: &quot;Full Name field is invalid&quot;,&#xD;&#xA;  &quot;regularExpression&quot;: &quot;Please match the requested format&quot;&#xD;&#xA;}' />
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&#xD;</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;">&copy; 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&amp;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&amp;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.