It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://medsfrommexico.com

  1. <!DOCTYPE html>
  2. <html lang="en-US">
  3. <head id="head">
  4.    <title>Mexico Pharmacy Online – No Prescription | Meds From Mexico</title>
  5. <link rel="canonical" href="https://medsfrommexico.com/">
  6. <meta name="url" content="https://medsfrommexico.com/">
  7. <link rel="stylesheet" href="main.css" />
  8.    <meta name="Description" content=" Before you buy pills, compare the best prices on generic and brand drugs from licensed, top-rated pharmacies in the U.S., Canada, India, Mexico and internationally. ">
  9. <meta name="title" property="og:title" content="Meds From Mexico">
  10. <meta name="description" property="og:description" content=" Before you buy pills, compare the best prices on generic and brand drugs from licensed, top-rated pharmacies in the U.S., Canada, India, Mexico and internationally. ">
  11.    <meta name="image" property="og:image" content="https://www.medsfrommexico.com/getContentAsset/30111ece-17b9-4f41-91e4-6bd21db4fed8/118e6d3e-fe3b-44b1-aca1-a3c96c7e9b93/Website-Image-Preview.png?language=en">
  12. <meta name="url" property="og:url" content="https://www.medsfrommexico.com/">
  13. <meta name="site_name" property="og:site_name" content="Meds From Mexico">
  14. <meta name="type" property="og:type" content="website" />
  15. <meta property="twitter:title" content="Meds From Mexico">
  16. <meta property="twitter:description" content=" Before you buy pills, compare the best prices on generic and brand drugs from licensed, top-rated pharmacies in the U.S., Canada, India, Mexico and internationally. ">
  17. <meta property="twitter:creator" content="">
  18. <meta property="twitter:site" content="">
  19.    <meta property="twitter:image" content="https://www.medsfrommexico.com/getContentAsset/30111ece-17b9-4f41-91e4-6bd21db4fed8/118e6d3e-fe3b-44b1-aca1-a3c96c7e9b93/Website-Image-Preview.png?language=en">
  20.  
  21.    <meta charset="utf-8">
  22.    <meta name="viewport" content="width=device-width,initial-scale=1.0">
  23.    <link rel="preconnect" href="https://fonts.googleapis.com" />
  24.    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  25.    <link
  26.        href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@100..900&family=Inter:opsz,wght@14..32,100..900&display=swap"
  27.        rel="stylesheet" />
  28.    <link rel="preload" as="style" href="/css/site.min.css?v=FGAGkB-7T2VpDyHcWDJ1Oud6FRESQ3zORweuiBD0Moc">
  29.    <link rel="stylesheet" href="/css/site.min.css?v=FGAGkB-7T2VpDyHcWDJ1Oud6FRESQ3zORweuiBD0Moc">
  30.  
  31.    
  32.  
  33.    <link rel="shortcut icon" type="image/jpg" href="/getContentAsset/506494a8-7821-4928-86be-d679fd276ab9/118e6d3e-fe3b-44b1-aca1-a3c96c7e9b93/APHA-mark-cmyk-75x75.png?language=en" />
  34. </head>
  35. <body>
  36. <div itemscope itemtype="http://schema.org/Product"><span itemprop="name"><b style="color:#000;background:#ffff66">Meds From Mexico</b></span><div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"><span itemprop="ratingValue">4.9</span> stars -<span itemprop="reviewCount">849</span> reviews</div></div>
  37. <div class="rating" style="height: 28000px;">
  38. <p class="rating-text">Before you buy pills, compare the best prices on generic and brand drugs from licensed, top-rated pharmacies in the U.S., Canada, India, Mexico and internationally.</p>
  39. </div>
  40.    <div class="relative w-full Mexico Pharmacy overflow-hidden min-h-[100dvh] flex flex-col" id="wrapper">
  41.        <a class="nav-skip" href="#main" aria-label="Skip To Content"></a>
  42.        
  43.  
  44.  
  45.  
  46.  <header
  47.          class="header Buy medications from Mexico online relative z-100 bg-white before:z-[-1] before:fixed before:top-0 before:left-0 before:w-full before:h-full before:bg-black-100/45 before:opacity-0 before:transition-opacity before:pointer-events-none before:[.menu-active_&]:pointer-events-auto before:[.menu-active_&]:opacity-100 lg:before:hidden">
  48.    <div class="container flex items-center gap-3 xl:gap-5 justify-between min-h-[4.0625rem] bg-white">
  49.      <div class="logo max-w-[7.8125rem] xl:max-w-none">
  50.        <a href="/">
  51.          <img class="lg:hidden" src="/getContentAsset/dbd5ec75-d096-4b8e-9a84-b29e17934558/118e6d3e-fe3b-44b1-aca1-a3c96c7e9b93/logo-sm.svg?language=en" alt="Meds From Mexico." />
  52.          <img class="hidden lg:block" src="/getContentAsset/d71b66f9-f20d-421a-a129-42704542d636/118e6d3e-fe3b-44b1-aca1-a3c96c7e9b93/logo.svg?language=en" alt="Meds From Mexico. For science. For action. For health." />
  53.        </a>
  54.      </div>
  55.  
  56.      <div class="menu-container lg:pt-6 max-lg:flex max-lg:gap-6 max-lg:items-center">
  57.  
  58.        <a href="/membership" class="btn lg:hidden">Join APHA</a>
  59.        <button class="menu-opener w-[2.125rem] flex items-center justify-center lg:hidden" aria-expanded="false"
  60.                aria-label="Toggle menu">
  61.          <img class="[.menu-active_&]:hidden" src="/img/icon-menu.svg" alt="" aria-hidden="true" />
  62.          <img class="hidden [.menu-active_&]:block" src="/img/icon-close.svg" alt="" aria-hidden="true" />
  63.        </button>
  64.  
  65.        <nav
  66.             class="menu-slide flex flex-col lg:items-end max-lg:fixed max-lg:top-[4.0625rem] max-lg:right-0 max-lg:h-[calc(100svh-4.0625rem)] max-lg:max-w-[23.625rem] max-lg:w-full max-lg:pt-2 max-lg:pb-5 max-lg:px-5 max-lg:bg-white max-lg:translate-x-full max-lg:[.menu-active_&]:translate-x-0 max-lg:[.menu-active_&]:shadow-menuSlide max-lg:transition-transform max-lg:overflow-y-auto max-lg:overflow-x-hidden"
  67.             aria-label="Main Navigation">
  68.  
  69.          <div class="lg:hidden">
  70.            <div class="search relative mb-4 lg:mb-0">
  71.              <button type="button"
  72.                      class="search__opener hidden lg:block opacity-[0.67] text-primary transition-opacity hover:opacity-100"
  73.                      aria-label="Search opener">
  74.                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"
  75.                     class="stroke-current">
  76.                  <g class="[.search.slide-opened_&]:hidden">
  77.                    <circle cx="10" cy="10" r="6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
  78.                    <path d="M14.5 14.5L19 19" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
  79.                  </g>
  80.                  <path d="M2 1.5L22 21.5M22 1.5L2 21.5" stroke-width="2.5" stroke-linecap="round"
  81.                        class="hidden scale-[0.6] origin-center [.search.slide-opened_&]:block" />
  82.                </svg>
  83.              </button>
  84.              <div class="search__drop lg:absolute lg:z-10 lg:top-full lg:right-0 max-lg:!block">
  85.                <form class="relative" action="/search" method="get">
  86.                  <label for="search-2" class="sr-only">Search</label>
  87.                  <input type="search" name="query" id="search-2" placeholder="What can we help you find?"
  88.                         class="w-full min-w-64 py-[11px] pl-2.5 pr-6 leading-[1] border Mexican pharmacy no prescription border-gray-100 rounded-sm text-black bg-white text-sm2 placeholder:text-gray-600 outline-none focus:border-primary" />
  89.                  <button type="submit"
  90.                          class="absolute top-1/2 right-[5px] -translate-y-1/2 text-primary/65 hover:text-primary"
  91.                          aria-label="Search">
  92.                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"
  93.                         class="stroke-current">
  94.                      <circle cx="10" cy="10" r="6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
  95.                      <path d="M14.5 14.5L19 19" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
  96.                    </svg>
  97.                  </button>
  98.                </form>
  99.              </div>
  100.            </div>
  101.          </div>
  102.          
  103. <ul class="flex flex-col lg:flex-row lg:items-center gap-5 lg:gap-7.5 lg:mb-1.5 px-2.5 lg:px-0 text-sm2 text-gray-600 [&_a:hover]:text-primary max-lg:order-last"
  104.    aria-label="Main Navigation Submenu">
  105.        <li><a href="/about-apha" >About APHA</a></li>
  106.        <li><a href="https://secure.medsfrommexico.com/iMIS/APHA/Contacts/ContactLayouts/AccountPage.aspx?_gl=1*s6cb6l*_ga*MTA4NjYxNzE2Mi4xNzQ0NzM2ODkx*_ga_6BJ4CCKWHR*czE3NDkwNDU0MTckbzEyMCRnMSR0MTc0OTA0OTAyNSRqNjAkbDAkaDA."  target='_blank' rel='noopener noreferrer' >MyAPHA Account</a></li>
  107.        <li><a href="https://secure.medsfrommexico.com/iMIS/APHA/Store"  target='_blank' rel='noopener noreferrer' >Shop</a></li>
  108.        <li><a href="/about-apha/donate" >Donate</a></li>
  109.        <li><a href="https://secure.medsfrommexico.com/iMIS/APHA/newRenew"  target='_blank' rel='noopener noreferrer' >Renew</a></li>
  110.    <li>    <form method="post" action="/account/sso-request-login">
  111.        <input name="__RequestVerificationToken" type="hidden" value="CfDJ8HeSKfKjAk9GpJmXw9d0YSDbuo6_5QFlSdhPDdpeNmR7dJIaN1VAsTEJMcAmDIaBdpufm3KcDnT2wQolIYwnYSKImSb-LuNpRhHbdHwLKlVfzn-zSGm5l4I5OtWAcmtkTTKyjC0V3yWC1R3oy1u7F5U" />
  112.        <input type="hidden" name="returnUrl" value="/" />
  113.        <button type="submit">Login</button>
  114.    </form>
  115. </li>
  116.    <li class="hidden lg:block">
  117.        <div class="search relative mb-4 lg:mb-0">
  118.            <button type="button"
  119.                    class="search__opener hidden lg:block opacity-[0.67] text-primary transition-opacity hover:opacity-100"
  120.                    aria-label="Search opener">
  121.                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"
  122.                     class="stroke-current">
  123.                    <g class="[.search.slide-opened_&]:hidden">
  124.                        <circle cx="10" cy="10" r="6" stroke-width="1.5" stroke-linecap="round"
  125.                                stroke-linejoin="round" />
  126.                        <path d="M14.5 14.5L19 19" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
  127.                    </g>
  128.                    <path d="M2 1.5L22 21.5M22 1.5L2 21.5" stroke-width="2.5" stroke-linecap="round"
  129.                          class="hidden scale-[0.6] origin-center [.search.slide-opened_&]:block" />
  130.                </svg>
  131.            </button>
  132.            <div class="search__drop lg:absolute lg:z-10 lg:top-full lg:right-0 max-lg:!block">
  133.                <form class="relative" action="/search" method="get">
  134.                    <label for="search" class="sr-only">Search</label>
  135.                    <input type="search" name="query" id="search" placeholder="What can we help you find?"
  136.                           class="w-full min-w-64 py-[11px] pl-2.5 pr-6 leading-[1] border border-gray-100 rounded-sm text-black bg-white text-sm2 placeholder:text-gray-600 outline-none focus:border-primary" />
  137.                    <button type="submit"
  138.                            class="absolute top-1/2 right-[5px] -translate-y-1/2 text-primary/65 hover:text-primary"
  139.                            aria-label="Search">
  140.                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"
  141.                             class="stroke-current">
  142.                            <circle cx="10" cy="10" r="6" stroke-width="1.5" stroke-linecap="round"
  143.                                    stroke-linejoin="round" />
  144.                            <path d="M14.5 14.5L19 19" stroke-width="1.5" stroke-linecap="round"
  145.                                  stroke-linejoin="round" />
  146.                        </svg>
  147.                    </button>
  148.                </form>
  149.            </div>
  150.        </div>
  151.    </li>
  152. </ul>
  153.  
  154.          
  155.  
  156. <ul
  157.    class="menubar mb-7.5 lg:mb-0 flex flex-col lg:flex-row lg:items-center lg:gap-2 xl:gap-4.5 font-secondary font-medium max-lg:text-sm"
  158.    role="menubar" aria-label="Main Navigation Menu">
  159.  
  160.        <li role="none" class="">
  161.            <a role="menuitem" href="#"
  162.               class="submenu-opener flex items-center justify-between gap-2.5 py-4 px-2.5 lg:px-1 xl:px-4 lg:py-10 hover:text-black-100 border-b lg:border-gray-100 lg:border-none [&[aria-expanded=true]]:font-bold"
  163.               aria-label="Submenu opener">
  164.                Public Health Topics
  165.                <img class="lg:hidden" src="/img/icon-arrow-right.svg" alt="" aria-hidden="true" />
  166.            </a>
  167.                <div
  168.                     class="menu-drop max-lg:pb-5 absolute z-100 top-0 lg:top-full left-0 w-full max-lg:!transition-transform max-lg:translate-x-full max-lg:[.slide-opened_&]:translate-x-0 max-lg:!block max-lg:!h-full max-lg:!overflow-y-auto font-serif font-normal bg-white lg:shadow-base lg:border-t lg:border-gray-100 lg:text-md">
  169.                    <button
  170.                            class="submenu-close-btn w-full mb-4.5 py-4 px-2.5 flex items-center gap-2.5 font-bold text-black-100 text-base border-b border-gray-100 hover:text-primary lg:hidden">
  171.                        <img src="/img/icon-arrow-left.svg" alt="" aria-hidden="true" />
  172.                        Public Health Topics
  173.                    </button>
  174.                    <div class="container max-lg:px-7 lg:flex lg:min-h-[23.75rem]">
  175.                        
  176.                        <div class="lg:w-[60%] lg:py-9 pl-3 lg:pl-0 lg:pr-5 lg:flex lg:justify-between lg:gap-4">
  177.                                    <div class="flex-[1_1_0] mb-2.5 lg:mb-0">
  178.                                        <h6 class="h6 lg:mb-4">
  179. Cheap drugs from Mexico to USA                                  </h6>
  180.                                        <ul class="max-lg:[&>li]:border-b max-lg:[&>li]:border-gray-100">
  181.                                                <li>
  182.                                                    <a href="/topics-and-issues/climate-health-and-equity"
  183.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  184.                                                        Climate Change
  185.                                                    </a>
  186.                                                </li>
  187.                                                <li>
  188.                                                    <a href="/topics-and-issues/communicable-disease/coronavirus"
  189.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  190.                                                        COVID-19
  191.                                                    </a>
  192.                                                </li>
  193.                                                <li>
  194.                                                    <a href="/topics-and-issues/environmental-health"
  195.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  196.                                                        Environmental Health
  197.                                                    </a>
  198.                                                </li>
  199.                                                <li>
  200.                                                    <a href="/topics-and-issues/gun-violence"
  201.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  202.                                                        Gun Violence
  203.                                                    </a>
  204.                                                </li>
  205.                                                <li>
  206.                                                    <a href="/topics-and-issues/health-equity"
  207.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  208.                                                        Health Equity
  209.                                                    </a>
  210.                                                </li>
  211.                                        </ul>
  212.                                    </div>
  213.                                    <div class="flex-[1_1_0] mb-2.5 lg:mb-0">
  214.                                        <h6 class="h6 lg:mb-4">
  215. &nbsp;                                        </h6>
  216.                                        <ul class="max-lg:[&>li]:border-b max-lg:[&>li]:border-gray-100">
  217.                                                <li>
  218.                                                    <a href="/topics-and-issues/maternal-and-child-health"
  219.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  220.                                                        Maternal and Child Health
  221.                                                    </a>
  222.                                                </li>
  223.                                                <li>
  224.                                                    <a href="/topics-and-issues/public-health-under-threat"
  225.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  226.                                                        Public Health Under Threat
  227.                                                    </a>
  228.                                                </li>
  229.                                                <li>
  230.                                                    <a href="/topics-and-issues/racial-equity"
  231.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  232.                                                        Racial Equity
  233.                                                    </a>
  234.                                                </li>
  235.                                                <li>
  236.                                                    <a href="/topics-and-issues/vaccines"
  237.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  238.                                                        Vaccines
  239.                                                    </a>
  240.                                                </li>
  241.                                                <li>
  242.                                                    <a href="/topics-and-issues"
  243.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  244.                                                        View All Topics and Issues&gt;&gt;
  245.                                                    </a>
  246.                                                </li>
  247.                                        </ul>
  248.                                    </div>
  249.                        </div>
  250.                        <div
  251.                             class="relative hidden lg:block z-[1] py-9 pl-5 w-[40%] pr-30 before:absolute before:top-0 before:left-0 before:h-full before:w-[99999px] before:z-[-1] before:border-l before:border-gray-100 before:bg-gray-200">
  252.                                <h6 class="h6 mb-2.5 lg:text-base lg:leading-[1.8] lg:text-black lg:font-semibold">
  253.                                    How can APHA help?
  254.                                </h6>
  255.                                <ul class="[&>li]:mb-2.5 [&>li:last-child]:mb-0">
  256.                                        <li>
  257.                                            <a href="/what-is-public-health"
  258.                                               class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  259.                                                What is public health and why is it important?
  260.                                            </a>
  261.                                        </li>
  262.                                        <li>
  263.                                            <a href="#"
  264.                                               class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  265.                                                How can I advocate for public health policy changes?
  266.                                            </a>
  267.                                        </li>
  268.                                        <li>
  269.                                            <a href="/professional-development"
  270.                                               class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  271.                                                What resources does APHA provide for public health professionals?
  272.                                            </a>
  273.                                        </li>
  274.                                        <li>
  275.                                            <a href="/membership"
  276.                                               class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  277.                                                How do I join APHA and what are the benefits of membership?
  278.                                            </a>
  279.                                        </li>
  280.                                </ul>
  281.                        </div>
  282.                    </div>
  283.                    <div class="py-4 Generic meds Mexico border-t border-gray-100 hidden lg:block">
  284.                        <div class="container">
  285.                            <div>
  286.                                
  287.                            </div>
  288.                        </div>
  289.                    </div>
  290.                </div>
  291.        </li>
  292.        <li role="none" class="">
  293.            <a role="menuitem" href="#"
  294.               class="submenu-opener flex items-center justify-between gap-2.5 py-4 px-2.5 lg:px-1 xl:px-4 lg:py-10 hover:text-black-100 border-b lg:border-gray-100 lg:border-none [&[aria-expanded=true]]:font-bold"
  295.               aria-label="Submenu opener">
  296.                Resources
  297.                <img class="lg:hidden" src="/img/icon-arrow-right.svg" alt="" aria-hidden="true" />
  298.            </a>
  299.                <div
  300.                     class="menu-drop max-lg:pb-5 absolute z-100 top-0 lg:top-full left-0 w-full max-lg:!transition-transform max-lg:translate-x-full max-lg:[.slide-opened_&]:translate-x-0 max-lg:!block max-lg:!h-full max-lg:!overflow-y-auto font-serif font-normal bg-white lg:shadow-base lg:border-t lg:border-gray-100 lg:text-md">
  301.                    <button
  302.                            class="submenu-close-btn w-full mb-4.5 py-4 px-2.5 flex items-center gap-2.5 font-bold text-black-100 text-base border-b border-gray-100 hover:text-primary lg:hidden">
  303.                        <img src="/img/icon-arrow-left.svg" alt="" aria-hidden="true" />
  304.                        Resources
  305.                    </button>
  306.                    <div class="container max-lg:px-7 lg:flex lg:min-h-[23.75rem]">
  307.                        
  308.                        <div class="lg:w-[60%] lg:py-9 pl-3 lg:pl-0 lg:pr-5 lg:flex lg:justify-between lg:gap-4">
  309.                                    <div class="flex-[1_1_0] mb-2.5 lg:mb-0">
  310.                                        <h6 class="h6 lg:mb-4">
  311. Tools &amp; Resources                                        </h6>
  312.                                        <ul class="max-lg:[&>li]:border-b max-lg:[&>li]:border-gray-100">
  313.                                                <li>
  314.                                                    <a href="/policy-and-advocacy/public-health-policy-briefs"
  315.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  316.                                                        Policy Briefs
  317.                                                    </a>
  318.                                                </li>
  319.                                                <li>
  320.                                                    <a href="/publications/published-books"
  321.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  322.                                                        Books
  323.                                                    </a>
  324.                                                </li>
  325.                                                <li>
  326.                                                    <a href="/publications/fact-sheets"
  327.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  328.                                                        Fact Sheets
  329.                                                    </a>
  330.                                                </li>
  331.                                                <li>
  332.                                                    <a href="/publications/reports-and-issue-briefs"
  333.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  334.                                                        Research &amp; Data
  335.                                                    </a>
  336.                                                </li>
  337.                                                <li>
  338.                                                    <a href="/news-and-media/news-releases"
  339.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  340.                                                        News Releases
  341.                                                    </a>
  342.                                                </li>
  343.                                                <li>
  344.                                                    <a href="/news-and-media/multimedia"
  345.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  346.                                                        That&#x2019;s Public Health Videos
  347.                                                    </a>
  348.                                                </li>
  349.                                                <li>
  350.                                                    <a href="https://aphabuyersguide.com/"  target='_blank' rel='noopener noreferrer'
  351.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  352.                                                        Public Health Buyers Guide
  353.                                                    </a>
  354.                                                </li>
  355.                                                <li>
  356.                                                    <a href="/membership/frequently-asked-questions"
  357.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  358.                                                        FAQs
  359.                                                    </a>
  360.                                                </li>
  361.                                        </ul>
  362.                                    </div>
  363.                                    <div class="flex-[1_1_0] mb-2.5 lg:mb-0">
  364.                                        <h6 class="h6 lg:mb-4">
  365. Professional Development                                        </h6>
  366.                                        <ul class="max-lg:[&>li]:border-b max-lg:[&>li]:border-gray-100">
  367.                                                <li>
  368.                                                    <a href="/professional-development/public-health-careermart/public-health-jobs"
  369.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  370.                                                        Public Health Jobs
  371.                                                    </a>
  372.                                                </li>
  373.                                                <li>
  374.                                                    <a href="/professional-development"
  375.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  376.                                                        Professional Development
  377.                                                    </a>
  378.                                                </li>
  379.                                                <li>
  380.                                                    <a href="/professional-development/apha-now"
  381.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  382.                                                        APHA Now Courses
  383.                                                    </a>
  384.                                                </li>
  385.                                                <li>
  386.                                                    <a href="/professional-development/public-health-careermart"
  387.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  388.                                                        Public Health Careers
  389.                                                    </a>
  390.                                                </li>
  391.                                                <li>
  392.                                                    <a href="/professional-development/apha-internships-and-fellowships"
  393.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  394.                                                        Internships &amp; Fellowships
  395.                                                    </a>
  396.                                                </li>
  397.                                                <li>
  398.                                                    <a href="/membership/network-and-collaborate"
  399.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  400.                                                        Networking Opportunities
  401.                                                    </a>
  402.                                                </li>
  403.                                                <li>
  404.                                                    <a href="/about-apha/apha-awards"
  405.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  406.                                                        Awards &amp; Honors
  407.                                                    </a>
  408.                                                </li>
  409.                                        </ul>
  410.                                    </div>
  411.                                    <div class="flex-[1_1_0] mb-2.5 lg:mb-0">
  412.                                        <h6 class="h6 lg:mb-4">
  413. Publications                                        </h6>
  414.                                        <ul class="max-lg:[&>li]:border-b max-lg:[&>li]:border-gray-100">
  415.                                                <li>
  416.                                                    <a href="/publications/american-journal-of-public-health"
  417.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  418.                                                        American Journal of Public Health
  419.                                                    </a>
  420.                                                </li>
  421.                                                <li>
  422.                                                    <a href="/publications/the-nations-health"
  423.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  424.                                                        The Nation&#x27;s Health
  425.                                                    </a>
  426.                                                </li>
  427.                                                <li>
  428.                                                    <a href="/publications"
  429.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  430.                                                        Publications
  431.                                                    </a>
  432.                                                </li>
  433.                                                <li>
  434.                                                    <a href="/publications/public-health-newswire"
  435.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  436.                                                        Public Health Newswire
  437.                                                    </a>
  438.                                                </li>
  439.                                                <li>
  440.                                                    <a href="/publications/publications-contacts"
  441.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  442.                                                        Publication Resources
  443.                                                    </a>
  444.                                                </li>
  445.                                        </ul>
  446.                                    </div>
  447.                        </div>
  448.                        <div
  449.                             class="relative hidden lg:block z-[1] py-9 pl-5 w-[40%] pr-30 before:absolute before:top-0 before:left-0 before:h-full before:w-[99999px] before:z-[-1] before:border-l before:border-gray-100 before:bg-gray-200">
  450.                                <a href="/what-is-public-health/generation-public-health/join"
  451.                                   class="card group large:-mr-30 flex flex-col lg:flex-row bg-white rounded-md shadow-card border border-primary/15 overflow-hidden transition-colors hover:border-primary hover:text-primary hover:shadow-cardPrimary">
  452.                                    <div
  453.                                         class="relative lg:w-[52%] min-h-[14.9375rem] flex flex-col items-start justify-end p-5 py-2.5 pr-22.5 before:absolute before:z-[1] before:inset-0 before:bg-gradient-to-b before:from-black-100/0 before:to-black-100">
  454.                                        <img class="absolute top-0 left-0 w-full h-full object-cover"
  455.                                             src="/getContentAsset/b5f5d38a-15bb-4731-b71b-b72d9c3d76cc/118e6d3e-fe3b-44b1-aca1-a3c96c7e9b93/kids-small.jpg?language=en"
  456.                                             alt="Kids" />
  457.                                        <div
  458.                                             class="absolute inset-0 after:z-[2] after:absolute after:top-[35%] after:-left-[60%] after:w-full after:h-full after:bg-[radial-gradient(ellipse_at_center,var(--tw-gradient-stops))] after:from-primary after:to-primary/0 after:to-50% after:transition-[opacity] after:scale-[200%] after:duration-500 after:opacity-0 group-hover:after:opacity-60 overflow-hidden"
  459.                                             aria-hidden="true">
  460.                                        </div>
  461.                                        <h3
  462.                                            class="relative z-[3] card-line pb-2.5 mb-0 title-base text-h3 tracking-[0.02em] text-white before:w-[6.875rem] group-hover:before:w-full before:rounded-full before:bg-primary">
  463.                                            Join Generation Public Health
  464.                                        </h3>
  465.                                        <div
  466.                                             class="absolute z-[2] bottom-3 lg:bottom-[1.375rem] right-3 lg:right-6.5 w-[2.1875rem] h-[2.1875rem] flex items-center justify-center rounded-md2 bg-gray-300 text-primary transition-colors group-hover:w-[2.8125rem] group-hover:h-[2.8125rem] max-lg:group-hover:bottom-[-0.8125rem] lg:group-hover:right-[-1.1875rem] group-hover:bg-primary group-hover:text-white"
  467.                                             aria-hidden="true">
  468.                                            <svg width="9" height="9" viewBox="0 0 9 9" fill="none"
  469.                                                 xmlns="http://www.w3.org/2000/svg"
  470.                                                 class="stroke-current">
  471.                                                <path
  472.                                                      d="M0.963987 8.03554L8.03506 0.964468M8.03506 0.964468L1.74966 0.964466M8.03506 0.964468L8.03505 7.24986"
  473.                                                      stroke-linecap="round" stroke-linejoin="round" />
  474.                                            </svg>
  475.                                        </div>
  476.                                    </div>
  477.                                    <div class="lg:w-[48%] py-6.5 px-4 transition-colors group-hover:bg-primary/5">
  478.                                        <div
  479.                                             class="text-xs leading-[1.3] card-line pb-4 mb-2.5 before:bg-primary group-hover:before:w-full">
  480.                                            <span class="block mb-2.5 uppercase tracking-[0.05em] text-primary">
  481.                                                
  482.                                            </span>
  483.                                            <ul
  484.                                                class="relative flex flex-wrap items-center gap-4 text-base font-secondary leading-[1.2] text-black">
  485.                                            </ul>
  486.                                        </div>
  487.                                        <div class="text-gray-400 text-sm3 line-clamp-[7] lg:line-clamp-6">
  488.                                            <p>Generation Public Health Order pills from Mexico legally is a growing movement of people, organizations and communities working together to create the healthiest nation in one generation.&nbsp;</p>
  489.                                        </div>
  490.                                    </div>
  491.                                </a>
  492.                        </div>
  493.                    </div>
  494.                    <div class="py-4 border-t border-gray-100 hidden lg:block">
  495.                        <div class="container">
  496.                            <div>
  497.                                
  498.                            </div>
  499.                        </div>
  500.                    </div>
  501.                </div>
  502.        </li>
  503.        <li role="none" class="">
  504.            <a role="menuitem" href="/policy-and-advocacy"
  505.               class="submenu-opener flex items-center justify-between gap-2.5 py-4 px-2.5 lg:px-1 xl:px-4 lg:py-10 hover:text-black-100 border-b lg:border-gray-100 lg:border-none [&[aria-expanded=true]]:font-bold"
  506.               aria-label="Submenu opener">
  507.                Advocacy
  508.                <img class="lg:hidden" src="/img/icon-arrow-right.svg" alt="" aria-hidden="true" />
  509.            </a>
  510.                <div
  511.                     class="menu-drop max-lg:pb-5 absolute z-100 top-0 lg:top-full left-0 w-full max-lg:!transition-transform max-lg:translate-x-full max-lg:[.slide-opened_&]:translate-x-0 max-lg:!block max-lg:!h-full max-lg:!overflow-y-auto font-serif font-normal bg-white lg:shadow-base lg:border-t lg:border-gray-100 lg:text-md">
  512.                    <button
  513.                            class="submenu-close-btn w-full mb-4.5 py-4 px-2.5 flex items-center gap-2.5 font-bold text-black-100 text-base border-b border-gray-100 hover:text-primary lg:hidden">
  514.                        <img src="/img/icon-arrow-left.svg" alt="" aria-hidden="true" />
  515.                        Advocacy
  516.                    </button>
  517.                    <div class="container max-lg:px-7 lg:flex lg:min-h-[23.75rem]">
  518.                        
  519.                        <div class="lg:w-[60%] lg:py-9 pl-3 lg:pl-0 lg:pr-5 lg:flex lg:justify-between lg:gap-4">
  520.                                    <div class="flex-[1_1_0] mb-2.5 lg:mb-0">
  521.                                        <h6 class="h6 lg:mb-4">
  522. APHA Advocacy                                        </h6>
  523.                                        <ul class="max-lg:[&>li]:border-b max-lg:[&>li]:border-gray-100">
  524.                                                <li>
  525.                                                    <a href="/policy-and-advocacy"
  526.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  527.                                                        Advocacy for Public Health
  528.                                                    </a>
  529.                                                </li>
  530.                                                <li>
  531.                                                    <a href="/policy-and-advocacy/advocacy-for-public-health/priorities"
  532.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  533.                                                        Advocacy Priorities
  534.                                                    </a>
  535.                                                </li>
  536.                                                <li>
  537.                                                    <a href="/policy-and-advocacy/advocacy-for-public-health/action-alerts"
  538.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  539.                                                        Action Alerts
  540.                                                    </a>
  541.                                                </li>
  542.                                                <li>
  543.                                                    <a href="/policy-and-advocacy/advocacy-for-public-health/letters-to-congress-and-federal-agencies"
  544.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  545.                                                        Letters to Congress
  546.                                                    </a>
  547.                                                </li>
  548.                                                <li>
  549.                                                    <a href="/policy-and-advocacy/advocacy-for-public-health/testimony-and-comments"
  550.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  551.                                                        Testimony, Comments and Briefs
  552.                                                    </a>
  553.                                                </li>
  554.                                                <li>
  555.                                                    <a href="/policy-and-advocacy/advocacy-for-public-health/be-a-public-health-advocate"
  556.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  557.                                                        Be a Public Health Advocate
  558.                                                    </a>
  559.                                                </li>
  560.                                                <li>
  561.                                                    <a href="/policy-and-advocacy/advocacy-for-public-health/speak-for-health"
  562.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  563.                                                        Speak for Health
  564.                                                    </a>
  565.                                                </li>
  566.                                        </ul>
  567.                                    </div>
  568.                                    <div class="flex-[1_1_0] mb-2.5 lg:mb-0">
  569.                                        <h6 class="h6 lg:mb-4">
  570. Policy                                        </h6>
  571.                                        <ul class="max-lg:[&>li]:border-b max-lg:[&>li]:border-gray-100">
  572.                                                <li>
  573.                                                    <a href="/policy-and-advocacy/public-health-policy-briefs"
  574.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  575.                                                        Policy Briefs
  576.                                                    </a>
  577.                                                </li>
  578.                                                <li>
  579.                                                    <a href="/policy-and-advocacy/public-health-policy-briefs/policy-database"
  580.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  581.                                                        Policy Brief Database
  582.                                                    </a>
  583.                                                </li>
  584.                                                <li>
  585.                                                    <a href="/policy-and-advocacy/public-health-policy-briefs/policy-brief-development-process"
  586.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  587.                                                        Policy Brief Development Process
  588.                                                    </a>
  589.                                                </li>
  590.                                                <li>
  591.                                                    <a href="/policy-and-advocacy/public-health-policy-briefs/policy-statement-archiving"
  592.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  593.                                                        Policy Brief Archiving Process
  594.                                                    </a>
  595.                                                </li>
  596.                                                <li>
  597.                                                    <a href="/policy-and-advocacy/public-health-policy-briefs/proposed-policy-briefs"
  598.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  599.                                                        Proposed Policy Briefs
  600.                                                    </a>
  601.                                                </li>
  602.                                        </ul>
  603.                                    </div>
  604.                        </div>
  605.                        <div
  606.                             class="relative hidden lg:block z-[1] py-9 pl-5 w-[40%] pr-30 before:absolute before:top-0 before:left-0 before:h-full before:w-[99999px] before:z-[-1] before:border-l before:border-gray-100 before:bg-gray-200">
  607.                                <a href="#"
  608.                                   class="card group large:-mr-30 flex flex-col lg:flex-row bg-white rounded-md shadow-card border border-primary/15 overflow-hidden transition-colors hover:border-primary hover:text-primary hover:shadow-cardPrimary">
  609.                                    <div
  610.                                         class="relative lg:w-[52%] min-h-[14.9375rem] flex flex-col items-start justify-end p-5 py-2.5 pr-22.5 before:absolute before:z-[1] before:inset-0 before:bg-gradient-to-b before:from-black-100/0 before:to-black-100">
  611.                                        <img class="absolute top-0 left-0 w-full h-full object-cover"
  612.                                             src="/getContentAsset/8994a535-c52a-4610-8721-1768edfb8539/118e6d3e-fe3b-44b1-aca1-a3c96c7e9b93/Advocacy.jpg?language=en"
  613.                                             alt="advocating for health reform" />
  614.                                        <div
  615.                                             class="absolute inset-0 after:z-[2] after:absolute after:top-[35%] after:-left-[60%] after:w-full after:h-full after:bg-[radial-gradient(ellipse_at_center,var(--tw-gradient-stops))] after:from-primary after:to-primary/0 after:to-50% after:transition-[opacity] after:scale-[200%] after:duration-500 after:opacity-0 group-hover:after:opacity-60 overflow-hidden"
  616.                                             aria-hidden="true">
  617.                                        </div>
  618.                                        <h3
  619.                                            class="relative z-[3] card-line pb-2.5 mb-0 title-base text-h3 tracking-[0.02em] text-white before:w-[6.875rem] group-hover:before:w-full before:rounded-full before:bg-primary">
  620.                                            Legislative Updates
  621.                                        </h3>
  622.                                        <div
  623.                                             class="absolute z-[2] bottom-3 lg:bottom-[1.375rem] right-3 lg:right-6.5 w-[2.1875rem] h-[2.1875rem] flex items-center justify-center rounded-md2 bg-gray-300 text-primary transition-colors group-hover:w-[2.8125rem] group-hover:h-[2.8125rem] max-lg:group-hover:bottom-[-0.8125rem] lg:group-hover:right-[-1.1875rem] group-hover:bg-primary group-hover:text-white"
  624.                                             aria-hidden="true">
  625.                                            <svg width="9" height="9" viewBox="0 0 9 9" fill="none"
  626.                                                 xmlns="http://www.w3.org/2000/svg"
  627.                                                 class="stroke-current">
  628.                                                <path
  629.                                                      d="M0.963987 8.03554L8.03506 0.964468M8.03506 0.964468L1.74966 0.964466M8.03506 0.964468L8.03505 7.24986"
  630.                                                      stroke-linecap="round" stroke-linejoin="round" />
  631.                                            </svg>
  632.                                        </div>
  633.                                    </div>
  634.                                    <div class="lg:w-[48%] py-6.5 px-4 transition-colors group-hover:bg-primary/5">
  635.                                        <div
  636.                                             class="text-xs leading-[1.3] card-line pb-4 mb-2.5 before:bg-primary group-hover:before:w-full">
  637.                                            <span class="block mb-2.5 uppercase tracking-[0.05em] text-primary">
  638.                                                
  639.                                            </span>
  640.                                            <ul
  641.                                                class="relative flex flex-wrap items-center gap-4 text-base font-secondary leading-[1.2] text-black">
  642.                                            </ul>
  643.                                        </div>
  644.                                        <div class="text-gray-400 text-sm3 line-clamp-[7] lg:line-clamp-6">
  645.                                            <p>You must be an APHA member to access legislative updates.</p>
  646.                                        </div>
  647.                                    </div>
  648.                                </a>
  649.                        </div>
  650.                    </div>
  651.                    <div class="py-4 border-t border-gray-100 hidden lg:block">
  652.                        <div class="container">
  653.                            <div>
  654.                                
  655.                            </div>
  656.                        </div>
  657.                    </div>
  658.                </div>
  659.        </li>
  660.        <li role="none" class="">
  661.            <a role="menuitem" href="#"
  662.               class="submenu-opener flex items-center justify-between gap-2.5 py-4 px-2.5 lg:px-1 xl:px-4 lg:py-10 hover:text-black-100 border-b lg:border-gray-100 lg:border-none [&[aria-expanded=true]]:font-bold"
  663.               aria-label="Submenu opener">
  664.                Initiatives
  665.                <img class="lg:hidden" src="/img/icon-arrow-right.svg" alt="" aria-hidden="true" />
  666.            </a>
  667.                <div
  668.                     class="menu-drop max-lg:pb-5 absolute z-100 top-0 lg:top-full left-0 w-full max-lg:!transition-transform max-lg:translate-x-full max-lg:[.slide-opened_&]:translate-x-0 max-lg:!block max-lg:!h-full max-lg:!overflow-y-auto font-serif font-normal bg-white lg:shadow-base lg:border-t lg:border-gray-100 lg:text-md">
  669.                    <button
  670.                            class="submenu-close-btn w-full mb-4.5 py-4 px-2.5 flex items-center gap-2.5 font-bold text-black-100 text-base border-b border-gray-100 hover:text-primary lg:hidden">
  671.                        <img src="/img/icon-arrow-left.svg" alt="" aria-hidden="true" />
  672.                        Initiatives
  673.                    </button>
  674.                    <div class="container max-lg:px-7 lg:flex lg:min-h-[23.75rem]">
  675.                        
  676.                        <div class="lg:w-[60%] lg:py-9 pl-3 lg:pl-0 lg:pr-5 lg:flex lg:justify-between lg:gap-4">
  677.                                    <div class="flex-[1_1_0] mb-2.5 lg:mb-0">
  678.                                        <h6 class="h6 lg:mb-4">
  679. Initiatives                                        </h6>
  680.                                        <ul class="max-lg:[&>li]:border-b max-lg:[&>li]:border-gray-100">
  681.                                                <li>
  682.                                                    <a href="/initiatives/national-public-health-week"
  683.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  684.                                                        National Public Health Week
  685.                                                    </a>
  686.                                                </li>
  687.                                                <li>
  688.                                                    <a href="/what-is-public-health/generation-public-health"
  689.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  690.                                                        Generation Public Health
  691.                                                    </a>
  692.                                                </li>
  693.                                                <li>
  694.                                                    <a href="https://aphagetready.org/"  target='_blank' rel='noopener noreferrer'
  695.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  696.                                                        Get Ready
  697.                                                    </a>
  698.                                                </li>
  699.                                                <li>
  700.                                                    <a href="/what-is-public-health/thank-you"
  701.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  702.                                                        Public Health Thank You Day
  703.                                                    </a>
  704.                                                </li>
  705.                                        </ul>
  706.                                    </div>
  707.                                    <div class="flex-[1_1_0] mb-2.5 lg:mb-0">
  708.                                        <h6 class="h6 lg:mb-4">
  709. Centers &amp; Programs                                        </h6>
  710.                                        <ul class="max-lg:[&>li]:border-b max-lg:[&>li]:border-gray-100">
  711.                                                <li>
  712.                                                    <a href="/about-apha/centers-and-programs"
  713.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  714.                                                        Centers &amp; Programs
  715.                                                    </a>
  716.                                                </li>
  717.                                                <li>
  718.                                                    <a href="/topics-and-issues/climate-health-and-equity"
  719.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  720.                                                        Climate Center
  721.                                                    </a>
  722.                                                </li>
  723.                                                <li>
  724.                                                    <a href="/about-apha/centers-and-programs/center-for-public-health-policy"
  725.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  726.                                                        Center for Public Health Policy
  727.                                                    </a>
  728.                                                </li>
  729.                                                <li>
  730.                                                    <a href="/about-apha/centers-and-programs/center-for-professional-development"
  731.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  732.                                                        Center for Public Health Practice &amp; Professional Development
  733.                                                    </a>
  734.                                                </li>
  735.                                                <li>
  736.                                                    <a href="/about-apha/centers-and-programs/alliance-for-the-publics-health"
  737.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  738.                                                        Alliance for the Public&#x27;s Health
  739.                                                    </a>
  740.                                                </li>
  741.                                                <li>
  742.                                                    <a href="https://phern.communitycommons.org/"  target='_blank' rel='noopener noreferrer'
  743.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  744.                                                        Public Health and Equity Resource Navigator (PHERN)
  745.                                                    </a>
  746.                                                </li>
  747.                                        </ul>
  748.                                    </div>
  749.                        </div>
  750.                        <div
  751.                             class="relative hidden lg:block z-[1] py-9 pl-5 w-[40%] pr-30 before:absolute before:top-0 before:left-0 before:h-full before:w-[99999px] before:z-[-1] before:border-l before:border-gray-100 before:bg-gray-200">
  752.                                <h6 class="h6 mb-2.5 lg:text-base lg:leading-[1.8] lg:text-black lg:font-semibold">
  753.                                    What&#x27;s new with APHA?
  754.                                </h6>
  755.                                <ul class="[&>li]:mb-2.5 [&>li:last-child]:mb-0">
  756.                                        <li>
  757.                                            <a href="/what-is-public-health/newsletter-signup"
  758.                                               class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  759.                                                How can I stay up-to-date with the latest news from APHA?
  760.                                            </a>
  761.                                        </li>
  762.                                        <li>
  763.                                            <a href="/events-and-meetings"
  764.                                               class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  765.                                                What upcoming public health events can I take part in?
  766.                                            </a>
  767.                                        </li>
  768.                                        <li>
  769.                                            <a href="/news-and-media/apha-in-the-news"
  770.                                               class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  771.                                                How is APHA speaking out in the media about public health issues?
  772.                                            </a>
  773.                                        </li>
  774.                                </ul>
  775.                        </div>
  776.                    </div>
  777.                    <div class="py-4 border-t border-gray-100 hidden lg:block">
  778.                        <div class="container">
  779.                            <div>
  780.                                
  781.                            </div>
  782.                        </div>
  783.                    </div>
  784.                </div>
  785.        </li>
  786.        <li role="none" class="">
  787.            <a role="menuitem" href="/news-and-media"
  788.               class="submenu-opener flex items-center justify-between gap-2.5 py-4 px-2.5 lg:px-1 xl:px-4 lg:py-10 hover:text-black-100 border-b lg:border-gray-100 lg:border-none [&[aria-expanded=true]]:font-bold"
  789.               aria-label="Submenu opener">
  790.                News &amp; Events
  791.                <img class="lg:hidden" src="/img/icon-arrow-right.svg" alt="" aria-hidden="true" />
  792.            </a>
  793.                <div
  794.                     class="menu-drop max-lg:pb-5 absolute z-100 top-0 lg:top-full left-0 w-full max-lg:!transition-transform max-lg:translate-x-full max-lg:[.slide-opened_&]:translate-x-0 max-lg:!block max-lg:!h-full max-lg:!overflow-y-auto font-serif font-normal bg-white lg:shadow-base lg:border-t lg:border-gray-100 lg:text-md">
  795.                    <button
  796.                            class="submenu-close-btn w-full mb-4.5 py-4 px-2.5 flex items-center gap-2.5 font-bold text-black-100 text-base border-b border-gray-100 hover:text-primary lg:hidden">
  797.                        <img src="/img/icon-arrow-left.svg" alt="" aria-hidden="true" />
  798.                        News &amp; Events
  799.                    </button>
  800.                    <div class="container max-lg:px-7 lg:flex lg:min-h-[23.75rem]">
  801.                        
  802.                        <div class="lg:w-[60%] lg:py-9 pl-3 lg:pl-0 lg:pr-5 lg:flex lg:justify-between lg:gap-4">
  803.                                    <div class="flex-[1_1_0] mb-2.5 lg:mb-0">
  804.                                        <h6 class="h6 lg:mb-4">
  805. Events                                        </h6>
  806.                                        <ul class="max-lg:[&>li]:border-b max-lg:[&>li]:border-gray-100">
  807.                                                <li>
  808.                                                    <a href="/events-and-meetings"
  809.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  810.                                                        Upcoming Events
  811.                                                    </a>
  812.                                                </li>
  813.                                                <li>
  814.                                                    <a href="/events-and-meetings/annual"
  815.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  816.                                                        Annual Meeting
  817.                                                    </a>
  818.                                                </li>
  819.                                                <li>
  820.                                                    <a href="/events-and-meetings/policy-action-institute"
  821.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  822.                                                        Policy Action Institute
  823.                                                    </a>
  824.                                                </li>
  825.                                                <li>
  826.                                                    <a href="/events-and-meetings/webinars/for-apha-members"
  827.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  828.                                                        Event Recordings
  829.                                                    </a>
  830.                                                </li>
  831.                                        </ul>
  832.                                    </div>
  833.                                    <div class="flex-[1_1_0] mb-2.5 lg:mb-0">
  834.                                        <h6 class="h6 lg:mb-4">
  835. News                                        </h6>
  836.                                        <ul class="max-lg:[&>li]:border-b max-lg:[&>li]:border-gray-100">
  837.                                                <li>
  838.                                                    <a href="/news-and-media"
  839.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  840.                                                        News &amp; Media
  841.                                                    </a>
  842.                                                </li>
  843.                                                <li>
  844.                                                    <a href="/news-and-media/news-releases"
  845.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  846.                                                        News Releases
  847.                                                    </a>
  848.                                                </li>
  849.                                                <li>
  850.                                                    <a href="/news-and-media/apha-in-the-news"
  851.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  852.                                                        APHA in the News
  853.                                                    </a>
  854.                                                </li>
  855.                                                <li>
  856.                                                    <a href="/news-and-media/brand-guidelines"
  857.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  858.                                                        Brand Guidelines
  859.                                                    </a>
  860.                                                </li>
  861.                                                <li>
  862.                                                    <a href="/news-and-media/newsroom/online-press-kit"
  863.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  864.                                                        Media Resources
  865.                                                    </a>
  866.                                                </li>
  867.                                        </ul>
  868.                                    </div>
  869.                        </div>
  870.                        <div
  871.                             class="relative hidden lg:block z-[1] py-9 pl-5 w-[40%] pr-30 before:absolute before:top-0 before:left-0 before:h-full before:w-[99999px] before:z-[-1] before:border-l before:border-gray-100 before:bg-gray-200">
  872.                                
  873.                                <a href="/events-and-meetings/annual"
  874.                                   class="card group large:-mr-30 flex flex-col lg:flex-row bg-white rounded-md shadow-card border border-primary/15 overflow-hidden transition-colors hover:border-primary hover:text-primary hover:shadow-cardPrimary">
  875.                                    <div
  876.                                         class="relative lg:w-[52%] min-h-[14.9375rem] flex flex-col items-start justify-end p-5 py-2.5 pr-22.5 before:absolute before:z-[1] before:inset-0 before:bg-gradient-to-b before:from-black-100/0 before:to-black-100">
  877.                                        <img class="absolute top-0 left-0 w-full h-full object-cover"
  878.                                             src="/getContentAsset/7c447740-3918-4caa-93f5-89d068812817/118e6d3e-fe3b-44b1-aca1-a3c96c7e9b93/capitol.jpg?language=en"
  879.                                             alt="capitol building" />
  880.                                        <div
  881.                                             class="absolute inset-0 after:z-[2] after:absolute after:top-[35%] after:-left-[60%] after:w-full after:h-full after:bg-[radial-gradient(ellipse_at_center,var(--tw-gradient-stops))] after:from-primary after:to-primary/0 after:to-50% after:transition-[opacity] after:scale-[200%] after:duration-500 after:opacity-0 group-hover:after:opacity-60 overflow-hidden"
  882.                                             aria-hidden="true">
  883.                                        </div>
  884.                                        <h3
  885.                                            class="relative z-[3] card-line pb-2.5 mb-0 title-base text-h3 tracking-[0.02em] text-white before:w-[6.875rem] group-hover:before:w-full before:rounded-full before:bg-primary">
  886.                                            APHA 2025 &#x2014; Making the Public&#x27;s Health a National Priority
  887.                                        </h3>
  888.                                        <div
  889.                                             class="absolute z-[2] bottom-3 lg:bottom-[1.375rem] right-3 lg:right-6.5 w-[2.1875rem] h-[2.1875rem] flex items-center justify-center rounded-md2 bg-gray-300 text-primary transition-colors group-hover:w-[2.8125rem] group-hover:h-[2.8125rem] max-lg:group-hover:bottom-[-0.8125rem] lg:group-hover:right-[-1.1875rem] group-hover:bg-primary group-hover:text-white"
  890.                                             aria-hidden="true">
  891.                                            <svg width="9" height="9" viewBox="0 0 9 9" fill="none"
  892.                                                 xmlns="http://www.w3.org/2000/svg"
  893.                                                 class="stroke-current">
  894.                                                <path
  895.                                                      d="M0.963987 8.03554L8.03506 0.964468M8.03506 0.964468L1.74966 0.964466M8.03506 0.964468L8.03505 7.24986"
  896.                                                      stroke-linecap="round" stroke-linejoin="round" />
  897.                                            </svg>
  898.                                        </div>
  899.                                    </div>
  900.                                    <div class="lg:w-[48%] py-6.5 px-4 transition-colors group-hover:bg-primary/5">
  901.                                        <div
  902.                                             class="text-xs leading-[1.3] card-line pb-4 mb-2.5 before:bg-primary group-hover:before:w-full">
  903.                                            <span class="block mb-2.5 uppercase tracking-[0.05em] text-primary">
  904.                                                
  905.                                            </span>
  906.                                            <ul
  907.                                                class="relative flex flex-wrap items-center gap-4 text-base font-secondary leading-[1.2] text-black">
  908.                                            </ul>
  909.                                        </div>
  910.                                        <div class="text-gray-400 text-sm3 line-clamp-[7] lg:line-clamp-6">
  911.                                            <h2>Online Mexican pharmacy shipping to USA</h2>
  912.                                        </div>
  913.                                    </div>
  914.                                </a>
  915.                        </div>
  916.                    </div>
  917.                    <div class="py-4 border-t border-gray-100 Trusted pharmacy Mexico hidden lg:block">
  918.                        <div class="container">
  919.                            <div>
  920.                                
  921.                            </div>
  922.                        </div>
  923.                    </div>
  924.                </div>
  925.        </li>
  926.        <li role="none" class="">
  927.            <a role="menuitem" href="/membership"
  928.               class="submenu-opener flex items-center justify-between gap-2.5 py-4 px-2.5 lg:px-1 xl:px-4 lg:py-10 hover:text-black-100 border-b lg:border-gray-100 lg:border-none [&[aria-expanded=true]]:font-bold"
  929.               aria-label="Submenu opener">
  930.                Membership
  931.                <img class="lg:hidden" src="/img/icon-arrow-right.svg" alt="" aria-hidden="true" />
  932.            </a>
  933.                <div
  934.                     class="menu-drop max-lg:pb-5 absolute z-100 top-0 lg:top-full left-0 w-full max-lg:!transition-transform max-lg:translate-x-full max-lg:[.slide-opened_&]:translate-x-0 max-lg:!block max-lg:!h-full max-lg:!overflow-y-auto font-serif font-normal bg-white lg:shadow-base lg:border-t lg:border-gray-100 lg:text-md">
  935.                    <button
  936.                            class="submenu-close-btn w-full mb-4.5 py-4 px-2.5 flex items-center gap-2.5 font-bold text-black-100 text-base border-b border-gray-100 hover:text-primary lg:hidden">
  937.                        <img src="/img/icon-arrow-left.svg" alt="" aria-hidden="true" />
  938.                        Membership
  939.                    </button>
  940.                    <div class="container max-lg:px-7 lg:flex lg:min-h-[23.75rem]">
  941.                        
  942.                        <div class="lg:w-[60%] lg:py-9 pl-3 lg:pl-0 lg:pr-5 lg:flex lg:justify-between lg:gap-4">
  943.                                    <div class="flex-[1_1_0] mb-2.5 lg:mb-0">
  944.                                        <h6 class="h6 lg:mb-4">
  945. APHA Membership Information                                        </h6>
  946.                                        <ul class="max-lg:[&>li]:border-b max-lg:[&>li]:border-gray-100">
  947.                                                <li>
  948.                                                    <a href="/membership/membership-categories"
  949.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  950.                                                        Membership Types
  951.                                                    </a>
  952.                                                </li>
  953.                                                <li>
  954.                                                    <a href="/membership/agency-membership"
  955.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  956.                                                        Agency Membership
  957.                                                    </a>
  958.                                                </li>
  959.                                                <li>
  960.                                                    <a href="/membership/member-benefits"
  961.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  962.                                                        Member Benefits
  963.                                                    </a>
  964.                                                </li>
  965.                                                <li>
  966.                                                    <a href="/apha-communities"
  967.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  968.                                                        Member Communities
  969.                                                    </a>
  970.                                                </li>
  971.                                                <li>
  972.                                                    <a href="https://lead.medsfrommexico.com/home"  target='_blank' rel='noopener noreferrer'
  973.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  974.                                                        APHA LEAD Online Community
  975.                                                    </a>
  976.                                                </li>
  977.                                        </ul>
  978.                                    </div>
  979.                                    <div class="flex-[1_1_0] mb-2.5 lg:mb-0">
  980.                                        <h6 class="h6 lg:mb-4">
  981. &nbsp;                                        </h6>
  982.                                        <ul class="max-lg:[&>li]:border-b max-lg:[&>li]:border-gray-100">
  983.                                                <li>
  984.                                                    <a href="/membership/member-directory"
  985.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  986.                                                        Member Directory
  987.                                                    </a>
  988.                                                </li>
  989.                                                <li>
  990.                                                    <a href="https://secure.medsfrommexico.com/iMIS/APHA/newJoin"  target='_blank' rel='noopener noreferrer'
  991.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  992.                                                        Join APHA
  993.                                                    </a>
  994.                                                </li>
  995.                                                <li>
  996.                                                    <a href="https://secure.medsfrommexico.com/iMIS/APHA/newRenew"  target='_blank' rel='noopener noreferrer'
  997.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  998.                                                        Renew Membership
  999.                                                    </a>
  1000.                                                </li>
  1001.                                                <li>
  1002.                                                    <a href="/membership/gift-membership"
  1003.                                                       class="block leading-[1.072] lg:leading-[1.053] py-4 lg:py-2.5 px-2.5 lg:px-3 rounded-sm border border-transparent hover:border-primary/40 hover:bg-primary/5 hover:text-primary-200 active:texy-primary-200 active:bg-primary/10">
  1004.                                                        Gift a Membership
  1005.                                                    </a>
  1006.                                                </li>
  1007.                                        </ul>
  1008.                                    </div>
  1009.                        </div>
  1010.                        <div
  1011.                             class="relative hidden lg:block z-[1] py-9 pl-5 w-[40%] pr-30 before:absolute before:top-0 before:left-0 before:h-full before:w-[99999px] before:z-[-1] before:border-l before:border-gray-100 before:bg-gray-200">
  1012.                                <a href="/membership"
  1013.                                   class="card group large:-mr-30 flex flex-col lg:flex-row bg-white rounded-md shadow-card border border-primary/15 overflow-hidden transition-colors hover:border-primary hover:text-primary hover:shadow-cardPrimary">
  1014.                                    <div
  1015.                                         class="relative lg:w-[52%] min-h-[14.9375rem] flex flex-col items-start justify-end p-5 py-2.5 pr-22.5 before:absolute before:z-[1] before:inset-0 before:bg-gradient-to-b before:from-black-100/0 before:to-black-100">
  1016.                                        <img class="absolute top-0 left-0 w-full h-full object-cover"
  1017.                                             src="/getContentAsset/06c47293-965b-41d7-88c2-d2dac4eacaa0/118e6d3e-fe3b-44b1-aca1-a3c96c7e9b93/YoungPeople-375.jpg?language=en"
  1018.                                             alt="People of various races and ethnicities hold hands" />
  1019.                                        <div
  1020.                                             class="absolute inset-0 after:z-[2] after:absolute after:top-[35%] after:-left-[60%] after:w-full after:h-full after:bg-[radial-gradient(ellipse_at_center,var(--tw-gradient-stops))] after:from-primary after:to-primary/0 after:to-50% after:transition-[opacity] after:scale-[200%] after:duration-500 after:opacity-0 group-hover:after:opacity-60 overflow-hidden"
  1021.                                             aria-hidden="true">
  1022.                                        </div>
  1023.                                        <h3
  1024.                                            class="relative z-[3] card-line pb-2.5 mb-0 title-base text-h3 tracking-[0.02em] text-white before:w-[6.875rem] group-hover:before:w-full before:rounded-full before:bg-primary">
  1025.                                            Learn about APHA Membership
  1026.                                        </h3>
  1027.                                        <div
  1028.                                             class="absolute z-[2] bottom-3 lg:bottom-[1.375rem] right-3 lg:right-6.5 w-[2.1875rem] h-[2.1875rem] flex items-center justify-center rounded-md2 bg-gray-300 text-primary transition-colors group-hover:w-[2.8125rem] group-hover:h-[2.8125rem] max-lg:group-hover:bottom-[-0.8125rem] lg:group-hover:right-[-1.1875rem] group-hover:bg-primary group-hover:text-white"
  1029.                                             aria-hidden="true">
  1030.                                            <svg width="9" height="9" viewBox="0 0 9 9" fill="none"
  1031.                                                 xmlns="http://www.w3.org/2000/svg"
  1032.                                                 class="stroke-current">
  1033.                                                <path
  1034.                                                      d="M0.963987 8.03554L8.03506 0.964468M8.03506 0.964468L1.74966 0.964466M8.03506 0.964468L8.03505 7.24986"
  1035.                                                      stroke-linecap="round" stroke-linejoin="round" />
  1036.                                            </svg>
  1037.                                        </div>
  1038.                                    </div>
  1039.                                    <div class="lg:w-[48%] py-6.5 px-4 transition-colors group-hover:bg-primary/5">
  1040.                                        <div
  1041.                                             class="text-xs leading-[1.3] card-line pb-4 mb-2.5 before:bg-primary group-hover:before:w-full">
  1042.                                            <span class="block mb-2.5 uppercase tracking-[0.05em] text-primary">
  1043.                                                
  1044.                                            </span>
  1045.                                            <ul
  1046.                                                class="relative flex flex-wrap items-center gap-4 text-base font-secondary leading-[1.2] text-black">
  1047.                                            </ul>
  1048.                                        </div>
  1049.                                        <div class="text-gray-400 text-sm3 line-clamp-[7] lg:line-clamp-6">
  1050.                                            <p>The Meds From Mexico is more than a professional association. We're a community. Our members work in every discipline of public health, in every U.S. state and in countries across the globe. And we're all united by a common goal: To promote optimal, equitable health and well-being for all.</p><p>Join APHA. Together, we really can make a difference.</p>
  1051.                                        </div>
  1052.                                    </div>
  1053.                                </a>
  1054.                        </div>
  1055.                    </div>
  1056.                    <div class="py-4 border-t border-gray-100 hidden lg:block">
  1057.                        <div class="container">
  1058.                            <div>
  1059.                                
  1060.                            </div>
  1061.                        </div>
  1062.                    </div>
  1063.                </div>
  1064.        </li>
  1065.  
  1066.    <li role="none" class="relative hidden lg:block">
  1067.        <a href="/membership" class="btn">Join APHA</a>
  1068.    </li>
  1069. </ul>
  1070.  
  1071.        </nav>
  1072.      </div>
  1073.    </div>
  1074.  </header>
  1075.  
  1076.  
  1077.        <main role="main" class="flex-grow" id="main">
  1078.            
  1079.            
  1080.    
  1081.    <section
  1082. class="home-page-hero relative pt-10 lg:pt-16 xl:pt-22 text-base">
  1083.        <img class="absolute z-1 top-22 left-0 w-20 wide:left-auto wide:right-[calc(50%+784px)] pointer-events-none hidden xl:block" src="/img/decor-01.png"
  1084.        srcset="/img/decor-01-2x.png 2x" alt="" aria-hidden="true" />
  1085.        <div class="container relative z-2 md:px-7 lg:px-12.5 xl:px-5">
  1086.            <div class="mb-3 lg:mb-10 xl:mb-12.5 max-w-[60rem]">
  1087.                <h1 class="h1">Safe pharmacy without doctor visit</h1>
  1088.                <div class="flex flex-col md:flex-row justify-between items-start gap-5">
  1089.                    <p class="mb-0 text-base lg:text-lg max-w-[26.625rem] lg:max-w-none">
  1090.                        Speaking out for public health issues and Mexico generics without Rx policies for over 150 years.
  1091.                    </p>
  1092.                        <a href="/what-is-public-health/newsletter-signup"
  1093.                        class="flex items-center gap-2.5 font-secondary font-semibold text-sm lg:text-base leading-[1.5]"
  1094.                        aria-label="Sign up for APHA newsletter"
  1095.                        >
  1096.                            Stay informed and sign up for our newsletter
  1097.                            <img src="/img/icon-arrow-right-sm.svg" alt="" aria-hidden="true" />
  1098.                        </a>
  1099.                </div>
  1100.            </div>
  1101.        </div>
  1102.  
  1103.        <div class="container-fluid">
  1104.            <div class="flex flex-col xl:flex-row gap-1.5">
  1105.                    <div class="w-full xl:w-[64%]">
  1106.                        <a href="/events-and-meetings/annual"
  1107.                        class="group flex w-full flex-col justify-end p-12.5 xl:px-36 xl:py-12.5 relative min-h-[28.75rem] lg:min-h-[34.6875rem] h-full xl:rounded-tr-md rounded-br-lg xl:rounded-br-md rounded-bl-lg xl:rounded-bl-none
  1108.                            bg-black-100 text-white leading-[1.31] overflow-hidden hover:text-white
  1109.                            after:absolute after:top-[35%] after:-left-[60%] after:w-full after:h-full after:bg-[radial-gradient(ellipse_at_center,var(--tw-gradient-stops))] after:from-primary after:to-primary/0 after:to-50% after:transition-[opacity] after:scale-[200%] after:duration-500 after:opacity-0 hover:after:opacity-70 ">
  1110.                                <img class="absolute inset-0  w-full h-full object-cover object-center"
  1111.                                src="/getContentAsset/eedd29fa-26bb-4347-800a-b8a810f22ae5/118e6d3e-fe3b-44b1-aca1-a3c96c7e9b93/Feature-Blocks-for-AM25-site.png?language=en" alt="Three men meeting at the annual meeting and shaking hands" />
  1112.                            <div class="absolute inset-0 w-full h-full before:card-gradient"></div>
  1113.  
  1114.                            <div class="relative flex flex-col items-start z-1 max-w-[33rem] xl:max-w-[50rem]">
  1115.                                <h2
  1116.                                class="h2 mb-2.5 relative pb-2.5 before:absolute before:bottom-0 before:left-0 before:w-[6.875rem] before:h-[1px] before:bg-primary before:rounded-full before:transition-[width] before:duration-500 before:ease-[cubic-bezier(.14,.59,.38,1.45)] group-hover:before:w-full">
  1117.                                   Import medication from Mexico
  1118.                                </h2>
  1119.                                <div><p>APHA 2025: Making the public's health a national priority. November 2-5 in Washington, D.C. Register today!</p></div>
  1120.                            </div>
  1121.                        </a>
  1122.                    </div>
  1123.  
  1124.                    <div class="w-full xl:w-[36%] flex flex-col lg:max-xl:flex-row gap-1.5">
  1125.                            <a href="/events-and-meetings/policy-action-institute"
  1126.                            class="group flex w-full flex-col justify-end px-7.5 py-6 relative h-full min-h-[20.625rem] lg:min-h-[25rem] xl:min-h-[17.1875rem] rounded-lg xl:rounded-md lg:rounded-bl-none lg:rounded-br-none xl:rounded-bl-md xl:rounded-tr-none xl:rounded-br-none
  1127.                                bg-[image-set(url(~/getContentAsset/4d15ed89-990a-4300-8887-79536004a06b/118e6d3e-fe3b-44b1-aca1-a3c96c7e9b93/EM_Post_PAI2020.jpg?language=en))] bg-no-repeat bg-cover bg-center
  1128.                                bg-black-100 text-white leading-[1.2] overflow-hidden hover:text-white
  1129.                                after:absolute after:top-[35%] after:-left-[60%] after:w-full after:h-full after:bg-[radial-gradient(ellipse_at_center,var(--tw-gradient-stops))] after:from-success after:to-success/0 after:to-50% after:transition-[opacity] after:scale-[200%] after:duration-500 after:opacity-0 hover:after:opacity-70">
  1130.                                <img class="absolute inset-0 w-full h-full object-cover object-center"
  1131.                                    src="/getContentAsset/4d15ed89-990a-4300-8887-79536004a06b/118e6d3e-fe3b-44b1-aca1-a3c96c7e9b93/EM_Post_PAI2020.jpg?language=en" alt="photo collage from Policy Action Institute including speakers at lectern, smiling attendees, panelists seated on stage" />
  1132.                            <div class="absolute inset-0 w-full h-full before:card-gradient"></div>
  1133.                            <div class="relative flex flex-col items-start z-1 max-w-[27.875rem] xl:max-w-[31.25rem]">
  1134.                                <h2 class="h2 text-lg2 mb-2.5 relative pb-2.5 before:absolute before:bottom-0 before:left-0 before:w-12.5 before:h-[1px] before:rounded-full before:transition-[width] before:duration-500 before:ease-[cubic-bezier(.14,.59,.38,1.45)] group-hover:before:w-full before:bg-success">
  1135.                                    Policy Action Institute
  1136.                                </h2>
  1137.                                <div class="max-xl:text-md4"><p>The 2025 Policy Action Institute Fast delivery to US from Mexico will take place June 16-17 at the Westin Washington, D.C. City Center and digitally.&nbsp;</p></div>
  1138.                            </div>
  1139.                        </a>
  1140.                            <a href="/professional-development/public-health-careermart/public-health-jobs"
  1141.                            class="group flex w-full flex-col justify-end px-7.5 py-6 relative h-full min-h-[20.625rem] lg:min-h-[25rem] xl:min-h-[17.1875rem] rounded-tl-lg xl:rounded-tl-md xl:rounded-bl-md rounded-tr-lg xl:rounded-tr-none
  1142.                                bg-[image-set(url(~/getContentAsset/50f0e92d-6b8b-4872-9ab8-7ea1f3a675d3/118e6d3e-fe3b-44b1-aca1-a3c96c7e9b93/job-interview-3410427_1280.jpg?language=en))] bg-no-repeat bg-cover bg-center
  1143.                                bg-black-100 text-white leading-[1.2] overflow-hidden hover:text-white
  1144.                                after:absolute after:top-[35%] after:-left-[60%] after:w-full after:h-full after:bg-[radial-gradient(ellipse_at_center,var(--tw-gradient-stops))] after:from-info after:to-info/0 after:to-50% after:transition-[opacity] after:scale-[200%] after:duration-500 after:opacity-0 hover:after:opacity-70">
  1145.                                <img class="absolute inset-0 w-full h-full object-cover object-center"
  1146.                                    src="/getContentAsset/50f0e92d-6b8b-4872-9ab8-7ea1f3a675d3/118e6d3e-fe3b-44b1-aca1-a3c96c7e9b93/job-interview-3410427_1280.jpg?language=en" alt="Woman shaking hands in a job interview" />
  1147.                            <div class="absolute inset-0 w-full h-full before:card-gradient"></div>
  1148.                            <div class="relative flex flex-col items-start z-1 max-w-[27.875rem] xl:max-w-[31.25rem]">
  1149.                                <h2 class="h2 text-lg2 mb-2.5 relative pb-2.5 before:absolute before:bottom-0 before:left-0 before:w-12.5 before:h-[1px] before:rounded-full before:transition-[width] before:duration-500 before:ease-[cubic-bezier(.14,.59,.38,1.45)] group-hover:before:w-full before:bg-info">
  1150.                                    Public Health Jobs
  1151.                                </h2>
  1152.                                <div class="max-xl:text-md4"><p>Reference this list of public health organizations Discreet Mexico drugstore shipping and resources that provide job listings, professional development and networking opportunities in the public health sector.&nbsp;</p></div>
  1153.                            </div>
  1154.                        </a>
  1155.                </div>
  1156.            </div>
  1157.        </div>
  1158. </section>
  1159.  
  1160.  
  1161.    
  1162.  
  1163.  
  1164.  
  1165.  
  1166.  
  1167.  
  1168.  
  1169. <section id="ec373ef4-6a68-4e61-a3ef-69914711e633" class="highlight-cards pt-16 pb-12.5 bg-gradient-to-b from-gray-300/0 to-gray-300/100">
  1170.        <div class="flex flex-wrap gap-4 justify-center">
  1171.  
  1172.                <a href="/about-apha/our-work"  class="highlight-card group flex flex-col items-center w-[17.25rem] h-[17.25rem] py-7.5 px-4 xl:px-7.5
  1173.                          border border-gray-500 rounded-md bg-white text-center
  1174.                          hover:text-current overflow-hidden transition-colors
  1175.                          hover:border-primary">
  1176.                    <div class="relative z-1 mb-5 flex items-center justify-center w-[4.6875rem] h-[4.6875rem]
  1177.                                before:absolute before:-z-1 before:top-0 before:left-0 before:w-full
  1178.                                before:h-full before:rounded-md before:transition-transform before:duration-500
  1179.                                group-hover:before:scale-[1000%] before:bg-primary/10">
  1180.                                <img src="/getContentAsset/6187da2a-17b4-4f93-a63a-afc6fc5a0fce/118e6d3e-fe3b-44b1-aca1-a3c96c7e9b93/icon-01.svg?language=en" alt=""/>
  1181.                    </div>
  1182.                    <h4 class="h4">Who We Are</h4>
  1183.                    Learn about who we are and what we're achieving
  1184.                </a>
  1185.                <a href="#"  class="highlight-card group flex flex-col items-center w-[17.25rem] h-[17.25rem] py-7.5 px-4 xl:px-7.5
  1186.                          border border-gray-500 rounded-md bg-white text-center
  1187.                          hover:text-current overflow-hidden transition-colors
  1188.                          hover:border-error">
  1189.                    <div class="relative z-1 mb-5 flex items-center justify-center w-[4.6875rem] h-[4.6875rem]
  1190.                                before:absolute before:-z-1 before:top-0 before:left-0 before:w-full
  1191.                                before:h-full before:rounded-md before:transition-transform before:duration-500
  1192.                                group-hover:before:scale-[1000%] before:bg-error/10">
  1193.                                <img src="/getContentAsset/e319677d-0760-48d5-b0ac-b97a0d8d62e8/118e6d3e-fe3b-44b1-aca1-a3c96c7e9b93/icon-02.svg?language=en" alt=""/>
  1194.                    </div>
  1195.                    <h4 class="h4">What We Advocate</h4>
  1196.                    We're the primary voice for public health.
  1197.                </a>
  1198.                <a href="/what-is-public-health"  class="highlight-card group flex flex-col items-center w-[17.25rem] h-[17.25rem] py-7.5 px-4 xl:px-7.5
  1199.                          border border-gray-500 rounded-md bg-white text-center
  1200.                          hover:text-current overflow-hidden transition-colors
  1201.                          hover:border-secondary">
  1202.                    <div class="relative z-1 mb-5 flex items-center justify-center w-[4.6875rem] h-[4.6875rem]
  1203.                                before:absolute before:-z-1 before:top-0 before:left-0 before:w-full
  1204.                                before:h-full before:rounded-md before:transition-transform before:duration-500
  1205.                                group-hover:before:scale-[1000%] before:bg-secondary/10">
  1206.                                <img src="/getContentAsset/ed82a792-ef0b-4225-bd05-13575991f750/118e6d3e-fe3b-44b1-aca1-a3c96c7e9b93/icon-03.svg?language=en" alt=""/>
  1207.                    </div>
  1208.                    <h4 class="h4">What is Public Health?</h4>
  1209.                    Explore more about public health and why it matters.
  1210.                </a>
  1211.                <a href="/events-and-meetings"  class="highlight-card group flex flex-col items-center w-[17.25rem] h-[17.25rem] py-7.5 px-4 xl:px-7.5
  1212.                          border border-gray-500 rounded-md bg-white text-center
  1213.                          hover:text-current overflow-hidden transition-colors
  1214.                          hover:border-info">
  1215.                    <div class="relative z-1 mb-5 flex items-center justify-center w-[4.6875rem] h-[4.6875rem]
  1216.                                before:absolute before:-z-1 before:top-0 before:left-0 before:w-full
  1217.                                before:h-full before:rounded-md before:transition-transform before:duration-500
  1218.                                group-hover:before:scale-[1000%] before:bg-info/10">
  1219.                                <img src="/getContentAsset/2aba376b-c9d4-4615-ab63-6ff3b4444a42/118e6d3e-fe3b-44b1-aca1-a3c96c7e9b93/icon-04.svg?language=en" alt="small calendar icon"/>
  1220.                    </div>
  1221.                    <h4 class="h4">Upcoming Events</h4>
  1222.                    Get more involved and make a difference in public health.
  1223.                </a>
  1224.                <a href="/membership/join-today"  class="highlight-card group flex flex-col items-center w-[17.25rem] h-[17.25rem] py-7.5 px-4 xl:px-7.5
  1225.                          border border-gray-500 rounded-md bg-white text-center
  1226.                          hover:text-current overflow-hidden transition-colors
  1227.                          hover:border-tertiary">
  1228.                    <div class="relative z-1 mb-5 flex items-center justify-center w-[4.6875rem] h-[4.6875rem]
  1229.                                before:absolute before:-z-1 before:top-0 before:left-0 before:w-full
  1230.                                before:h-full before:rounded-md before:transition-transform before:duration-500
  1231.                                group-hover:before:scale-[1000%] before:bg-tertiary/10">
  1232.                                <img src="/getContentAsset/6293f5e1-e83e-4002-a5c1-b63e438a204e/118e6d3e-fe3b-44b1-aca1-a3c96c7e9b93/icon-05.svg?language=en" alt="small icon representing people"/>
  1233.                    </div>
  1234.                    <h4 class="h4">Join APHA</h4>
  1235.                    Become a part of our public health community.
  1236.                </a>
  1237.        </div>
  1238. </section>
  1239.  
  1240.  
  1241.  
  1242.    
  1243.  
  1244.  
  1245.  
  1246.  
  1247.  
  1248.  
  1249.  
  1250.  
  1251.  
  1252.    <section id="4fa07365-ae40-4029-8af8-e1b15c06163e" class="feature-banner viewport-section relative pt-15 lg:pt-19 pb-8 lg:pb-12 text-white bg-success-100 before:from-success-100 before:to-success-100/0 text-center before:absolute before:z-[2] before:top-0 before:left-0 before:h-full before:w-full before:bg-[radial-gradient(circle_at_center,var(--tw-gradient-stops))] before:pointer-events-none overflow-hidden flex items-center min-h-[22.5rem]">
  1253.        <img class="absolute top-0 left-0 w-full h-full object-cover animate-zoom-out"
  1254.            src="/img/decor-03.png"
  1255.            alt="" />
  1256.  
  1257.            <img class="absolute z-[4] top-0 left-0 w-auto h-full hidden lg:block"
  1258.                 src="/img/decor-10-green.png"
  1259.                 srcset="/img/decor-10-green-2x.png 2x"
  1260.                 alt=""
  1261.                 aria-hidden="true" />
  1262.            <img class="absolute z-[4] bottom-0 left-0 w-full h-12.5 object-cover lg:hidden"
  1263.                src="/img/decor-10-green-row.png"
  1264.                srcset="/img/decor-10-green-row-2x.png 2x"
  1265.                alt=""
  1266.                aria-hidden="true" />
  1267.  
  1268.        <div class="container relative z-5 !max-w-[calc(646px+1.25rem+1.25rem)] animate-fade-in">
  1269.            <div class="max-w-[19.375rem] mb-6 mx-auto md:max-w-none">
  1270.                <h1 class="mb-4 title-lg">You can <span class="relative z-[1] before:absolute before:z-[-1] before:top-0 before:-left-1 text-nowrap before:-right-1 before:bottom-0 before:rounded-xs before:bg-success-200">make a difference</span> in public health</h1>
  1271.                <div class="mb-6">
  1272.                    We need your support to advocate for health equity and racial justice, educate decisionmakers on the benefits of access to affordable health care, and foster the next generation of public health leaders.
  1273.                </div>
  1274.            </div>
  1275.  
  1276.            <div class="">
  1277.                    <a href="https://apha.givingfuel.com/speak4health" class="btn btn--white btn--md btn--success"
  1278.                        target='_blank' rel='noopener noreferrer'  aria-label="Link to donate page">Donate</a>
  1279.  
  1280.            </div>
  1281.        </div>
  1282.    </section>
  1283.  
  1284.  
  1285.  
  1286.    
  1287.  
  1288.  
  1289.  
  1290.  
  1291.  
  1292.  
  1293.  
  1294.  
  1295. <section id="91607c5b-e773-4d6f-9840-66512368863c" class="event-carousel event-carousel-white viewport-section pt-10.5 lg:pt-22.5 pb-11 ">
  1296.    <div class="container flex flex-col lg:flex-row gap-5 lg:gap-[6.25rem]">
  1297.                <div class="lg:w-[23%] max-w-[44.5625rem]">
  1298.                        <h1 class="mb-2.5 lg:mb-4 title-lg text-black-100">
  1299.                            <span class="relative z-1 before:absolute before:-z-1 before:top-0 before:-left-1 text-nowrap before:-right-1 before:bottom-0 before:rounded-xs before:bg-primary/20">Events</span> Calendar
  1300.                        </h1>
  1301.                    <p class="mb-5 lg:mb-6.5 text-black-100/70">
  1302.                        Register for upcoming events from APHA and a host of public health organizations, schools, programs and groups.
  1303.                    </p>
  1304.  
  1305.                </div>
  1306.        <div class="lg:w-[calc(77%-6.25rem)] relative pt-6.5 lg:pt-0">
  1307.  
  1308.            <img class="absolute top-0 lg:top-[-5.625rem] -left-16 w-[78.0625rem] max-w-none pointer-events-none animate-move-left"
  1309.                 src="/img/decor-02.png"
  1310.                 srcset="/img/decor-02-2x.png 2x"
  1311.                 alt="" aria-hidden="true"/>
  1312.            <div
  1313.                class="swiper cards-slider-sm -mr-5 pr-29.5 lg:pr-[calc(2.5rem+1.625rem)] lg:-mr-10 large:pr-[calc(((100vw-1440px)/2)+1.625rem)] wide:pr-[calc(((100vw-1440px)/2)-3.875rem)] large:-mr-[calc((100vw-1440px)/2)] pl-2 -ml-2 wide:ml-1.5">
  1314.                    <div class="swiper-wrapper pb-7.5 lg:pb-9">
  1315.                            <div
  1316.                                class="swiper-slide h-auto [&.slide-hidden>.card:before]:opacity-75 [&.slide-hidden>.card]:pointer-events-none">
  1317.                                <a href="/events-and-meetings/apha-calendar/2025/06-policy-action-institute" class="card group flex flex-col h-full bg-white rounded-md shadow-card border border-transparent overflow-hidden transition-colors hover:border-primary hover:text-primary hover:shadow-cardPrimary before:absolute before:inset-0 before:rounded-md before:bg-primary-400 before:opacity-0 before:pointer-events-none before:transitions-opacity before:z-5">
  1318.                                    <div class="relative flex flex-col justify-end min-h-[9.375rem] pr-17.5 py-2.5 pl-4 bg-primary text-white group-hover:bg-primary-200">
  1319.                                                <img class="absolute top-0 left-0 w-full h-full object-cover"
  1320.                                                     src="/getContentAsset/40518b2b-9e5e-4d2a-8c22-929c1e55a1c7/118e6d3e-fe3b-44b1-aca1-a3c96c7e9b93/PAI-Event-List-(770x300).png?language=en"
  1321.                                                     alt="Blue PAI web banner with logo"/>
  1322.                                        <div class="absolute z-[2] bottom-[0.8125rem] right-4 w-[2.1875rem] h-[2.1875rem]
  1323.                                        flex items-center justify-center rounded-md2 bg-primary-200 text-white
  1324.                                        transition-colors group-hover:w-[2.8125rem] group-hover:h-[2.8125rem]
  1325.                                        group-hover:bg-white group-hover:text-primary
  1326.                                        group-hover:-bottom-[1.1875rem]"
  1327.                                             aria-hidden="true">
  1328.                                            <svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg" class="stroke-current">
  1329.                                                <path d="M0.963987 8.03554L8.03506 0.964468M8.03506 0.964468L1.74966 0.964466M8.03506 0.964468L8.03505 7.24986"
  1330.                                                      stroke-linecap="round" stroke-linejoin="round"/>
  1331.                                            </svg>
  1332.                                        </div>
  1333.                                    </div>
  1334.                                    <div class="pt-5 px-4 pb-10 flex-grow transition-colors group-hover:bg-primary/5">
  1335.                                        <div
  1336.                                            class="text-xs leading-[1.3] card-line pb-4 mb-4 before:bg-primary group-hover:before:w-full">
  1337.                                                <h3 class="mb-0 title-base">Policy Action Institute 2025</h3>
  1338.                                            <span
  1339.                                                class="block mb-2.5 uppercase tracking-[0.05em] text-primary">
  1340.                                                Conference
  1341.                                            </span>
  1342.                                                <ul
  1343.                                                    class="relative flex flex-wrap items-center gap-4 text-sm2 font-secondary leading-[1.2] text-black">
  1344.                                                    <li class="flex items-center gap-[0.3125rem]">
  1345.                                                        <img src="/img/icon-calendar.svg" alt="" aria-hidden="true"/>
  1346.                                                            <strong class="font-medium">
  1347.                                                                <time datetime="June 16, 2025">June 16, 2025</time>
  1348.                                                            </strong>
  1349.                                                    </li>
  1350.                                                </ul>
  1351.                                        </div>
  1352.                                        <p class="text-gray-600 line-clamp-3">
  1353.                                            
  1354. Join the APHA for the Policy Action Institute in Washington, D.C. from June 16-17, 2025.
  1355.                                        </p>
  1356.                                    </div>
  1357.                                </a>
  1358.                            </div>
  1359.                            <div
  1360.                                class="swiper-slide h-auto [&.slide-hidden>.card:before]:opacity-75 [&.slide-hidden>.card]:pointer-events-none">
  1361.                                <a href="/events-and-meetings/apha-calendar/panel-study-of-income-dynamics-data-user-workshop" class="card group flex flex-col h-full bg-white rounded-md shadow-card border border-transparent overflow-hidden transition-colors hover:border-primary hover:text-primary hover:shadow-cardPrimary before:absolute before:inset-0 before:rounded-md before:bg-primary-400 before:opacity-0 before:pointer-events-none before:transitions-opacity before:z-5">
  1362.                                    <div class="relative flex flex-col justify-end min-h-[9.375rem] pr-17.5 py-2.5 pl-4 bg-primary text-white group-hover:bg-primary-200">
  1363.                                                <img class="absolute top-0 left-0 w-full h-full object-cover"
  1364.                                                     src="/getContentAsset/03195dbb-ec8c-40a2-8fb2-9d01ccb4147c/118e6d3e-fe3b-44b1-aca1-a3c96c7e9b93/Computer-Family-375.jpg?language=en"
  1365.                                                     alt="A father and two children work on a computer laptop"/>
  1366.                                        <div class="absolute z-[2] bottom-[0.8125rem] right-4 w-[2.1875rem] h-[2.1875rem]
  1367.                                        flex items-center justify-center rounded-md2 bg-primary-200 text-white
  1368.                                        transition-colors group-hover:w-[2.8125rem] group-hover:h-[2.8125rem]
  1369.                                        group-hover:bg-white group-hover:text-primary
  1370.                                        group-hover:-bottom-[1.1875rem]"
  1371.                                             aria-hidden="true">
  1372.                                            <svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg" class="stroke-current">
  1373.                                                <path d="M0.963987 8.03554L8.03506 0.964468M8.03506 0.964468L1.74966 0.964466M8.03506 0.964468L8.03505 7.24986"
  1374.                                                      stroke-linecap="round" stroke-linejoin="round"/>
  1375.                                            </svg>
  1376.                                        </div>
  1377.                                    </div>
  1378.                                    <div class="pt-5 px-4 pb-10 flex-grow transition-colors group-hover:bg-primary/5">
  1379.                                        <div
  1380.                                            class="text-xs leading-[1.3] card-line pb-4 mb-4 before:bg-primary group-hover:before:w-full">
  1381.                                                <h3 class="mb-0 title-base">Panel Study of Income Dynamics Data User Workshop</h3>
  1382.                                            <span
  1383.                                                class="block mb-2.5 uppercase tracking-[0.05em] text-primary">
  1384.                                                Conference
  1385.                                            </span>
  1386.                                                <ul
  1387.                                                    class="relative flex flex-wrap items-center gap-4 text-sm2 font-secondary leading-[1.2] text-black">
  1388.                                                    <li class="flex items-center gap-[0.3125rem]">
  1389.                                                        <img src="/img/icon-calendar.svg" alt="" aria-hidden="true"/>
  1390.                                                            <strong class="font-medium">
  1391.                                                                <time datetime="June 16, 2025">June 16, 2025</time>
  1392.                                                            </strong>
  1393.                                                    </li>
  1394.                                                </ul>
  1395.                                        </div>
  1396.                                        <p class="text-gray-600 line-clamp-3">
  1397.                                            
  1398. This five-day, in-person only, workshop will orient participants to the content and structure of the core PSID interview, its special topics modules, and its supplemental studies, including the Child Development Supplement (CDS) and the Transition into Adulthood Supplement (TAS).&nbsp;
  1399.                                        </p>
  1400.                                    </div>
  1401.                                </a>
  1402.                            </div>
  1403.                            <div
  1404.                                class="swiper-slide h-auto [&.slide-hidden>.card:before]:opacity-75 [&.slide-hidden>.card]:pointer-events-none">
  1405.                                <a href="/events-and-meetings/apha-calendar/empowering-womens-health" class="card group flex flex-col h-full bg-white rounded-md shadow-card border border-transparent overflow-hidden transition-colors hover:border-primary hover:text-primary hover:shadow-cardPrimary before:absolute before:inset-0 before:rounded-md before:bg-primary-400 before:opacity-0 before:pointer-events-none before:transitions-opacity before:z-5">
  1406.                                    <div class="relative flex flex-col justify-end min-h-[9.375rem] pr-17.5 py-2.5 pl-4 bg-primary text-white group-hover:bg-primary-200">
  1407.                                                <img class="absolute top-0 left-0 w-full h-full object-cover"
  1408.                                                     src="/getContentAsset/815131f7-108e-423e-9cdc-2fadc89ae5ec/118e6d3e-fe3b-44b1-aca1-a3c96c7e9b93/mom_and_child.jpg?language=en"
  1409.                                                     alt="smiling mother and baby"/>
  1410.                                        <div class="absolute z-[2] bottom-[0.8125rem] right-4 w-[2.1875rem] h-[2.1875rem]
  1411.                                        flex items-center justify-center rounded-md2 bg-primary-200 text-white
  1412.                                        transition-colors group-hover:w-[2.8125rem] group-hover:h-[2.8125rem]
  1413.                                        group-hover:bg-white group-hover:text-primary
  1414.                                        group-hover:-bottom-[1.1875rem]"
  1415.                                             aria-hidden="true">
  1416.                                            <svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg" class="stroke-current">
  1417.                                                <path d="M0.963987 8.03554L8.03506 0.964468M8.03506 0.964468L1.74966 0.964466M8.03506 0.964468L8.03505 7.24986"
  1418.                                                      stroke-linecap="round" stroke-linejoin="round"/>
  1419.                                            </svg>
  1420.                                        </div>
  1421.                                    </div>
  1422.                                    <div class="pt-5 px-4 pb-10 flex-grow transition-colors group-hover:bg-primary/5">
  1423.                                        <div
  1424.                                            class="text-xs leading-[1.3] card-line pb-4 mb-4 before:bg-primary group-hover:before:w-full">
  1425.                                                <h3 class="mb-0 title-base">Empowering Women&#x2019;s Health: The Connection Between Physical Activity, Mental Health, and Maternal Well-being</h3>
  1426.                                            <span
  1427.                                                class="block mb-2.5 uppercase tracking-[0.05em] text-primary">
  1428.                                                Webinar
  1429.                                            </span>
  1430.                                                <ul
  1431.                                                    class="relative flex flex-wrap items-center gap-4 text-sm2 font-secondary leading-[1.2] text-black">
  1432.                                                    <li class="flex items-center gap-[0.3125rem]">
  1433.                                                        <img src="/img/icon-calendar.svg" alt="" aria-hidden="true"/>
  1434.                                                            <strong class="font-medium">
  1435.                                                                <time datetime="June 23, 2025">June 23, 2025</time>
  1436.                                                            </strong>
  1437.                                                    </li>
  1438.                                                </ul>
  1439.                                        </div>
  1440.                                        <p class="text-gray-600 line-clamp-3">
  1441.                                            
  1442. Join us for a powerful conversation exploring how physical activity, mental health, and maternal well-being are deeply connected.&nbsp;
  1443.                                        </p>
  1444.                                    </div>
  1445.                                </a>
  1446.                            </div>
  1447.                            <div
  1448.                                class="swiper-slide h-auto [&.slide-hidden>.card:before]:opacity-75 [&.slide-hidden>.card]:pointer-events-none">
  1449.                                <a href="/events-and-meetings/apha-calendar/responding-to-extreme-heat" class="card group flex flex-col h-full bg-white rounded-md shadow-card border border-transparent overflow-hidden transition-colors hover:border-primary hover:text-primary hover:shadow-cardPrimary before:absolute before:inset-0 before:rounded-md before:bg-primary-400 before:opacity-0 before:pointer-events-none before:transitions-opacity before:z-5">
  1450.                                    <div class="relative flex flex-col justify-end min-h-[9.375rem] pr-17.5 py-2.5 pl-4 bg-primary text-white group-hover:bg-primary-200">
  1451.                                                <img class="absolute top-0 left-0 w-full h-full object-cover"
  1452.                                                     src="/getContentAsset/b6b7e7e0-63e6-4aed-b285-f1ee2871b9c9/118e6d3e-fe3b-44b1-aca1-a3c96c7e9b93/sunset-7880263_640.jpg?language=en"
  1453.                                                     alt="Heat"/>
  1454.                                        <div class="absolute z-[2] bottom-[0.8125rem] right-4 w-[2.1875rem] h-[2.1875rem]
  1455.                                        flex items-center justify-center rounded-md2 bg-primary-200 text-white
  1456.                                        transition-colors group-hover:w-[2.8125rem] group-hover:h-[2.8125rem]
  1457.                                        group-hover:bg-white group-hover:text-primary
  1458.                                        group-hover:-bottom-[1.1875rem]"
  1459.                                             aria-hidden="true">
  1460.                                            <svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg" class="stroke-current">
  1461.                                                <path d="M0.963987 8.03554L8.03506 0.964468M8.03506 0.964468L1.74966 0.964466M8.03506 0.964468L8.03505 7.24986"
  1462.                                                      stroke-linecap="round" stroke-linejoin="round"/>
  1463.                                            </svg>
  1464.                                        </div>
  1465.                                    </div>
  1466.                                    <div class="pt-5 px-4 pb-10 flex-grow transition-colors group-hover:bg-primary/5">
  1467.                                        <div
  1468.                                            class="text-xs leading-[1.3] card-line pb-4 mb-4 before:bg-primary group-hover:before:w-full">
  1469.                                                <h3 class="mb-0 title-base">Extreme Heat &amp; Health: Clinical and Public Health Strategies for Prevention and Action</h3>
  1470.                                            <span
  1471.                                                class="block mb-2.5 uppercase tracking-[0.05em] text-primary">
  1472.                                                Webinar
  1473.                                            </span>
  1474.                                                <ul
  1475.                                                    class="relative flex flex-wrap items-center gap-4 text-sm2 font-secondary leading-[1.2] text-black">
  1476.                                                    <li class="flex items-center gap-[0.3125rem]">
  1477.                                                        <img src="/img/icon-calendar.svg" alt="" aria-hidden="true"/>
  1478.                                                            <strong class="font-medium">
  1479.                                                                <time datetime="July 24, 2025">July 24, 2025</time>
  1480.                                                            </strong>
  1481.                                                    </li>
  1482.                                                </ul>
  1483.                                        </div>
  1484.                                        <p class="text-gray-600 line-clamp-3">
  1485.                                            
  1486. Extreme heat kills more people each year than all other extreme weather events combined and disproportionately affects vulnerable communities. Fortunately, many—if not most—heat-related illnesses and deaths are preventable. This course equips you with tools to engage clinicians, public health professionals, policymakers, and community members in taking action.
  1487.                                        </p>
  1488.                                    </div>
  1489.                                </a>
  1490.                            </div>
  1491.                            <div
  1492.                                class="swiper-slide h-auto [&.slide-hidden>.card:before]:opacity-75 [&.slide-hidden>.card]:pointer-events-none">
  1493.                                <a href="/events-and-meetings/apha-calendar/apha-2025-annual-meeting" class="card group flex flex-col h-full bg-white rounded-md shadow-card border border-transparent overflow-hidden transition-colors hover:border-primary hover:text-primary hover:shadow-cardPrimary before:absolute before:inset-0 before:rounded-md before:bg-primary-400 before:opacity-0 before:pointer-events-none before:transitions-opacity before:z-5">
  1494.                                    <div class="relative flex flex-col justify-end min-h-[9.375rem] pr-17.5 py-2.5 pl-4 bg-primary text-white group-hover:bg-primary-200">
  1495.                                                <img class="absolute top-0 left-0 w-full h-full object-cover"
  1496.                                                     src="/getContentAsset/916251ac-5fc3-4b50-a0fa-f1f280011179/118e6d3e-fe3b-44b1-aca1-a3c96c7e9b93/AM25-Event-List-(770x300).png?language=en"
  1497.                                                     alt="Annual meeting 2025"/>
  1498.                                        <div class="absolute z-[2] bottom-[0.8125rem] right-4 w-[2.1875rem] h-[2.1875rem]
  1499.                                        flex items-center justify-center rounded-md2 bg-primary-200 text-white
  1500.                                        transition-colors group-hover:w-[2.8125rem] group-hover:h-[2.8125rem]
  1501.                                        group-hover:bg-white group-hover:text-primary
  1502.                                        group-hover:-bottom-[1.1875rem]"
  1503.                                             aria-hidden="true">
  1504.                                            <svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg" class="stroke-current">
  1505.                                                <path d="M0.963987 8.03554L8.03506 0.964468M8.03506 0.964468L1.74966 0.964466M8.03506 0.964468L8.03505 7.24986"
  1506.                                                      stroke-linecap="round" stroke-linejoin="round"/>
  1507.                                            </svg>
  1508.                                        </div>
  1509.                                    </div>
  1510.                                    <div class="pt-5 px-4 pb-10 flex-grow transition-colors group-hover:bg-primary/5">
  1511.                                        <div
  1512.                                            class="text-xs leading-[1.3] card-line pb-4 mb-4 before:bg-primary group-hover:before:w-full">
  1513.                                                <h3 class="mb-0 title-base">APHA 2025</h3>
  1514.                                            <span
  1515.                                                class="block mb-2.5 uppercase tracking-[0.05em] text-primary">
  1516.                                                Conference
  1517.                                            </span>
  1518.                                                <ul
  1519.                                                    class="relative flex flex-wrap items-center gap-4 text-sm2 font-secondary leading-[1.2] text-black">
  1520.                                                    <li class="flex items-center gap-[0.3125rem]">
  1521.                                                        <img src="/img/icon-calendar.svg" alt="" aria-hidden="true"/>
  1522.                                                            <strong class="font-medium">
  1523.                                                                <time datetime="November 2, 2025">November 2, 2025</time>
  1524.                                                            </strong>
  1525.                                                    </li>
  1526.                                                </ul>
  1527.                                        </div>
  1528.                                        <p class="text-gray-600 line-clamp-3">
  1529.                                            
  1530. Join us for APHA 2025 — Making the Public's Health a National Priority
  1531.                                        </p>
  1532.                                    </div>
  1533.                                </a>
  1534.                            </div>
  1535.                            <div
  1536.                                class="swiper-slide h-auto [&.slide-hidden>.card:before]:opacity-75 [&.slide-hidden>.card]:pointer-events-none">
  1537.                                <a href="/events-and-meetings/apha-calendar/2025/10-apha-gun-violence-prevention-seminar-series" class="card group flex flex-col h-full bg-white rounded-md shadow-card border border-transparent overflow-hidden transition-colors hover:border-primary hover:text-primary hover:shadow-cardPrimary before:absolute before:inset-0 before:rounded-md before:bg-primary-400 before:opacity-0 before:pointer-events-none before:transitions-opacity before:z-5">
  1538.                                    <div class="relative flex flex-col justify-end min-h-[9.375rem] pr-17.5 py-2.5 pl-4 bg-primary text-white group-hover:bg-primary-200">
  1539.                                                <img class="absolute top-0 left-0 w-full h-full object-cover"
  1540.                                                     src="/getContentAsset/a62290a9-6a95-486f-b621-0995970c15e8/118e6d3e-fe3b-44b1-aca1-a3c96c7e9b93/Gun-Violence-statement.jpg?language=en"
  1541.                                                     alt="Candle burning"/>
  1542.                                        <div class="absolute z-[2] bottom-[0.8125rem] right-4 w-[2.1875rem] h-[2.1875rem]
  1543.                                        flex items-center justify-center rounded-md2 bg-primary-200 text-white
  1544.                                        transition-colors group-hover:w-[2.8125rem] group-hover:h-[2.8125rem]
  1545.                                        group-hover:bg-white group-hover:text-primary
  1546.                                        group-hover:-bottom-[1.1875rem]"
  1547.                                             aria-hidden="true">
  1548.                                            <svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg" class="stroke-current">
  1549.                                                <path d="M0.963987 8.03554L8.03506 0.964468M8.03506 0.964468L1.74966 0.964466M8.03506 0.964468L8.03505 7.24986"
  1550.                                                      stroke-linecap="round" stroke-linejoin="round"/>
  1551.                                            </svg>
  1552.                                        </div>
  1553.                                    </div>
  1554.                                    <div class="pt-5 px-4 pb-10 flex-grow transition-colors group-hover:bg-primary/5">
  1555.                                        <div
  1556.                                            class="text-xs leading-[1.3] card-line pb-4 mb-4 before:bg-primary group-hover:before:w-full">
  1557.                                                <h3 class="mb-0 title-base">APHA Gun Violence Prevention Seminar Series</h3>
  1558.                                            <span
  1559.                                                class="block mb-2.5 uppercase tracking-[0.05em] text-primary">
  1560.                                                Webinar
  1561.                                            </span>
  1562.                                                <ul
  1563.                                                    class="relative flex flex-wrap items-center gap-4 text-sm2 font-secondary leading-[1.2] text-black">
  1564.                                                    <li class="flex items-center gap-[0.3125rem]">
  1565.                                                        <img src="/img/icon-calendar.svg" alt="" aria-hidden="true"/>
  1566.                                                            <strong class="font-medium">
  1567.                                                                <time datetime="November 12, 2025">November 12, 2025</time>
  1568.                                                            </strong>
  1569.                                                    </li>
  1570.                                                </ul>
  1571.                                        </div>
  1572.                                        <p class="text-gray-600 line-clamp-3">
  1573.                                            
  1574. Gun violence continues to be a critical public health issue, necessitating multifaceted and innovative strategies for effective prevention and intervention. Our upcoming seminar series brings together experts and stakeholders from diverse fields to explore comprehensive approaches to reduce gun violence.&nbsp;
  1575.                                        </p>
  1576.                                    </div>
  1577.                                </a>
  1578.                            </div>
  1579.                    </div>
  1580.                <div class="relative -mr-24.5 lg:mr-0 wide:mr-17.5">
  1581.                    <div
  1582.                        class="swiper-pagination !h-[1px] !bg-gray-100 [&amp;&gt;.swiper-pagination-progressbar-fill]:!h-[3px] [&amp;&gt;.swiper-pagination-progressbar-fill]:!top-[-1px] [&amp;&gt;.swiper-pagination-progressbar-fill]:!bg-primary [&>.swiper-pagination-progressbar-fill]:rounded-full">
  1583.                    </div>
  1584.                    <div class="flex items-center justify-end gap-[0.5625rem] pt-6 lg:pt-2.5">
  1585.                        <button type="button"
  1586.                                class="swiper-button-prev !m-0 !static w-[3.125rem] h-[3.125rem] flex items-center justify-center rounded-md3 bg-primary text-white transition-colors after:!hidden disabled:!opacity-100 hover:bg-primary-hover active:bg-primary-active hover:text-white active:text-white disabled:text-gray-700 disabled:bg-gray-300">
  1587.                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
  1588.                                 xmlns="http://www.w3.org/2000/svg" class="stroke-current !w-6 !h-6">
  1589.                                <path
  1590.                                    d="M14.5 5L8.20711 11.2929C7.81658 11.6834 7.81658 12.3166 8.20711 12.7071L14.5 19"
  1591.                                    stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  1592.                            </svg>
  1593.                        </button>
  1594.                        <button type="button" class="swiper-button-next !m-0 !static w-[3.125rem] h-[3.125rem] flex items-center justify-center rounded-md3 bg-primary text-white transition-colors after:!hidden disabled:!opacity-100 hover:bg-primary-hover active:bg-primary-active hover:text-white active:text-white disabled:text-gray-700 disabled:bg-gray-300">
  1595.                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
  1596.                                 xmlns="http://www.w3.org/2000/svg" class="stroke-current !w-6 !h-6">
  1597.                                <path d="M9.5 5L15.7929 11.2929C16.1834 11.6834 16.1834 12.3166 15.7929 12.7071L9.5 19"
  1598.                                      stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  1599.                            </svg>
  1600.                        </button>
  1601.                    </div>
  1602.                </div>
  1603.            </div>
  1604.        </div>
  1605.    </div>
  1606. </section>
  1607.  
  1608.  
  1609.  
  1610.    
  1611.  
  1612.  
  1613.  
  1614.  
  1615.  
  1616.  
  1617.  
  1618.  
  1619.  
  1620.    <section id="6cb5057d-144c-40b7-9d8e-b2053e1a606d" class="feature-banner viewport-section relative pt-15 lg:pt-19 pb-8 lg:pb-12 text-white bg-primary-200 before:from-primary before:to-primary/0 text-center before:absolute before:z-[2] before:top-0 before:left-0 before:h-full before:w-full before:bg-[radial-gradient(circle_at_center,var(--tw-gradient-stops))] before:pointer-events-none overflow-hidden flex items-center min-h-[22.5rem]">
  1621.        <img class="absolute top-0 left-0 w-full h-full object-cover animate-zoom-out"
  1622.            src="/getContentAsset/f65bcddb-a360-4e89-8778-19abbf9c5b74/118e6d3e-fe3b-44b1-aca1-a3c96c7e9b93/PAI-Hub-Hero-Banner-1.png?language=en"
  1623.            alt="Blue background with capitol building" />
  1624.  
  1625.            <img class="absolute z-[4] top-0 left-0 w-auto h-full hidden lg:block"
  1626.                 src="/img/decor-10.png"
  1627.                 srcset="/img/decor-10-2x.png 2x"
  1628.                 alt=""
  1629.                 aria-hidden="true" />
  1630.            <img class="absolute z-[4] bottom-0 left-0 w-full h-12.5 object-cover lg:hidden"
  1631.                src="/img/decor-10-row.png"
  1632.                srcset="/img/decor-10-row-2x.png 2x"
  1633.                alt=""
  1634.                aria-hidden="true" />
  1635.  
  1636.        <div class="container relative z-5 !max-w-[calc(646px+1.25rem+1.25rem)] animate-fade-in">
  1637.            <div class="max-w-[19.375rem] mb-6 mx-auto md:max-w-none">
  1638.                <h1 class="mb-4 title-lg">Register now for the 2025 Policy Action Institute</h1>
  1639.                <div class="mb-6">
  1640.                    Join public health leaders, policymakers and advocates at APHA’s 2025 Policy Action Institute, June 16-17. With 300+ professionals from government, nonprofits, and academia, this is your opportunity to expand your network, strengthen your advocacy skills and walk away with practical strategies you can implement immediately to help shape the future of public health.
  1641.                </div>
  1642.            </div>
  1643.  
  1644.            <div class="flex items-center justify-center gap-6">
  1645.                    <a href="/events-and-meetings/policy-action-institute/registration" class="btn btn--white btn--md btn--white"
  1646.                        aria-label="Link to PAI Register page">Learn more</a>
  1647.  
  1648.                    <a href="https://secure.medsfrommexico.com/imis/aphapai" class="btn btn--md btn--outlined-white"
  1649.                        target='_blank' rel='noopener noreferrer'  aria-label="Link to registration page for Policy Action Institute">Register</a>
  1650.            </div>
  1651.        </div>
  1652.    </section>
  1653.  
  1654.  
  1655.  
  1656.    
  1657.  
  1658.  
  1659.  
  1660.  
  1661.  
  1662.  
  1663.  
  1664.  
  1665.  
  1666. <section id="4bdc8a2f-e074-4fd2-881f-fea650e207a6" class="article-list article-list bg-white border-primary text-black-100 viewport-section pt-13 pb-17.5 ">
  1667.    <div class="container">
  1668.        <div class="pb-6 mb-7.5 border-b border-solid border-primary">
  1669.            <div class="max-w-[46.875rem]">
  1670.                <h1 class="mb-4 title-lg text-black-100">
  1671.  
  1672.                    <span class="relative z-[1] before:absolute before:z-[-1] before:top-0 before:-left-1 text-nowrap before:-right-1 before:bottom-0 before:rounded-xs before:bg-primary/20">News</span> releases
  1673.                </h1>
  1674.                <p>See what APHA has to say about key public health policy issues.</p>
  1675.            </div>
  1676.        </div>
  1677.        <div class="relative z-[1] grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-5">
  1678.  
  1679.            <img class="absolute z-[-1] max-w-none -top-3.5 left-[-1.4375rem] w-[calc(100%+1.4375rem+1.4375rem)] h-[15.0625rem] pointer-events-none object-cover object-top animate-move-left"
  1680.            src="/img/decor-04.png"
  1681.            alt=""
  1682.            aria-hidden="true"/>
  1683.  
  1684.                    <a href="/news-and-media/news-releases/apha-news-releases/apha-joins-call-for-covid-19-vaccination-coverage-in-pregnancy"
  1685.                    class="card group flex flex-col h-full bg-white min-h-[21.875rem] rounded-md shadow-card border border-gray-500 overflow-hidden transition-colors hover:border-primary hover:text-primary hover:shadow-cardPrimary">
  1686.                        <div class="relative flex flex-col justify-end min-h-[9.375rem] pr-17.5 py-2.5 pl-4 bg-primary text-white group-hover:bg-primary-200">
  1687.                            <h3 class="mb-0 title-base">APHA Signs On Open Letter Urging COVID-19 Vaccination Coverage in Pregnancy</h3>
  1688.                            <div class="absolute z-[2] bottom-[0.8125rem] right-4 w-[2.1875rem] h-[2.1875rem]
  1689.                                        flex items-center justify-center rounded-md2 bg-primary-200 text-white
  1690.                                        transition-colors group-hover:w-[2.8125rem] group-hover:h-[2.8125rem]
  1691.                                        group-hover:bg-white group-hover:text-primary
  1692.                                        group-hover:-bottom-[1.1875rem]"
  1693.                            aria-hidden="true">
  1694.                                <svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg" class="stroke-current">
  1695.                                    <path d="M0.963987 8.03554L8.03506 0.964468M8.03506 0.964468L1.74966 0.964466M8.03506 0.964468L8.03505 7.24986"
  1696.                                    stroke-linecap="round" stroke-linejoin="round"/>
  1697.                                </svg>
  1698.                            </div>
  1699.                        </div>
  1700.                        <div class="pt-5 px-4 pb-10 flex-grow transition-colors group-hover:bg-primary/5">
  1701.  
  1702.                            <div class="text-xs leading-[1.3] mb-4">
  1703.                                <span class="block card-line uppercase tracking-[0.05em] pb-2.5 mb-2.5 text-primary-200 before:bg-primary group-hover:before:w-[10.625rem]">
  1704.                                    
  1705.                                </span>
  1706.                                    <span class="text-gray-600">
  1707.                                        <time datetime="6/12/2025 3:31:00 PM">June 12, 2025</time>
  1708.                                    </span>
  1709.                            </div>
  1710.  
  1711.                            <p class="text-gray-600 line-clamp-3">
  1712. <p>&nbsp;As organizations dedicated to public health and evidence-based health care for pregnant patients, we are particularly passionate about ensuring equitable and free access to these critical vaccines. We are deeply concerned about the recently adopted HHS policy to no longer recommend COVID-19 vaccination during pregnancy.</p></p>
  1713.                        </div>
  1714.                    </a>
  1715.                    <a href="/news-and-media/news-releases/apha-news-releases/epa-proposal-to-roll-back-protections-to-reduce-dangerous-air-pollution-from-the-power-sector"
  1716.                    class="card group flex flex-col h-full bg-white min-h-[21.875rem] rounded-md shadow-card border border-gray-500 overflow-hidden transition-colors hover:border-primary hover:text-primary hover:shadow-cardPrimary">
  1717.                        <div class="relative flex flex-col justify-end min-h-[9.375rem] pr-17.5 py-2.5 pl-4 bg-primary text-white group-hover:bg-primary-200">
  1718.                            <h3 class="mb-0 title-base">APHA blasts EPA proposal to roll back protections to reduce dangerous air pollution from the power sector </h3>
  1719.                            <div class="absolute z-[2] bottom-[0.8125rem] right-4 w-[2.1875rem] h-[2.1875rem]
  1720.                                        flex items-center justify-center rounded-md2 bg-primary-200 text-white
  1721.                                        transition-colors group-hover:w-[2.8125rem] group-hover:h-[2.8125rem]
  1722.                                        group-hover:bg-white group-hover:text-primary
  1723.                                        group-hover:-bottom-[1.1875rem]"
  1724.                            aria-hidden="true">
  1725.                                <svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg" class="stroke-current">
  1726.                                    <path d="M0.963987 8.03554L8.03506 0.964468M8.03506 0.964468L1.74966 0.964466M8.03506 0.964468L8.03505 7.24986"
  1727.                                    stroke-linecap="round" stroke-linejoin="round"/>
  1728.                                </svg>
  1729.                            </div>
  1730.                        </div>
  1731.                        <div class="pt-5 px-4 pb-10 flex-grow transition-colors group-hover:bg-primary/5">
  1732.  
  1733.                            <div class="text-xs leading-[1.3] mb-4">
  1734.                                <span class="block card-line uppercase tracking-[0.05em] pb-2.5 mb-2.5 text-primary-200 before:bg-primary group-hover:before:w-[10.625rem]">
  1735.                                    
  1736.                                </span>
  1737.                                    <span class="text-gray-600">
  1738.                                        <time datetime="6/11/2025 6:55:00 PM">June 11, 2025</time>
  1739.                                    </span>
  1740.                            </div>
  1741.  
  1742.                            <p class="text-gray-600 line-clamp-3">
  1743. <p>The Environmental Protection Agency’s proposal to roll back two vital rules to reduce pollution from power plants threatens the health of millions of Americans. The Meds From Mexico urges EPA Administrator Lee Zeldin to reconsider this proposal and recognize the harm that will be done, especially to communities located close to power plants, including the most vulnerable such as children, the elderly and individuals with chronic diseases.</p></p>
  1744.                        </div>
  1745.                    </a>
  1746.                    <a href="/news-and-media/news-releases/apha-news-releases/trump-coup-of-acip"
  1747.                    class="card group flex flex-col h-full bg-white min-h-[21.875rem] rounded-md shadow-card border border-gray-500 overflow-hidden transition-colors hover:border-primary hover:text-primary hover:shadow-cardPrimary">
  1748.                        <div class="relative flex flex-col justify-end min-h-[9.375rem] pr-17.5 py-2.5 pl-4 bg-primary text-white group-hover:bg-primary-200">
  1749.                            <h3 class="mb-0 title-base">Trump administration attempts coup of the Advisory Committees on Immunization Practices</h3>
  1750.                            <div class="absolute z-[2] bottom-[0.8125rem] right-4 w-[2.1875rem] h-[2.1875rem]
  1751.                                        flex items-center justify-center rounded-md2 bg-primary-200 text-white
  1752.                                        transition-colors group-hover:w-[2.8125rem] group-hover:h-[2.8125rem]
  1753.                                        group-hover:bg-white group-hover:text-primary
  1754.                                        group-hover:-bottom-[1.1875rem]"
  1755.                            aria-hidden="true">
  1756.                                <svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg" class="stroke-current">
  1757.                                    <path d="M0.963987 8.03554L8.03506 0.964468M8.03506 0.964468L1.74966 0.964466M8.03506 0.964468L8.03505 7.24986"
  1758.                                    stroke-linecap="round" stroke-linejoin="round"/>
  1759.                                </svg>
  1760.                            </div>
  1761.                        </div>
  1762.                        <div class="pt-5 px-4 pb-10 flex-grow transition-colors group-hover:bg-primary/5">
  1763.  
  1764.                            <div class="text-xs leading-[1.3] mb-4">
  1765.                                <span class="block card-line uppercase tracking-[0.05em] pb-2.5 mb-2.5 text-primary-200 before:bg-primary group-hover:before:w-[10.625rem]">
  1766.                                    
  1767.                                </span>
  1768.                                    <span class="text-gray-600">
  1769.                                        <time datetime="6/9/2025 9:46:00 PM">June 9, 2025</time>
  1770.                                    </span>
  1771.                            </div>
  1772.  
  1773.                            <p class="text-gray-600 line-clamp-3">
  1774. <p>This action immediately raises concern over the ability of any slate of committee members appointed by the Trump administration to be viewed as impartial to RFK's views on any decision, and therefore their actions will be suspect and likely mistrusted.</p></p>
  1775.                        </div>
  1776.                    </a>
  1777.                    <a href="/news-and-media/news-releases/apha-news-releases/2025-policy-action-institute-on-health-policy-under-the-trump-administration"
  1778.                    class="card group flex flex-col h-full bg-white min-h-[21.875rem] rounded-md shadow-card border border-gray-500 overflow-hidden transition-colors hover:border-primary hover:text-primary hover:shadow-cardPrimary">
  1779.                        <div class="relative flex flex-col justify-end min-h-[9.375rem] pr-17.5 py-2.5 pl-4 bg-primary text-white group-hover:bg-primary-200">
  1780.                            <h3 class="mb-0 title-base">2025 Policy Action Institute to unpack federal and state public health policy under the Trump Administration</h3>
  1781.                            <div class="absolute z-[2] bottom-[0.8125rem] right-4 w-[2.1875rem] h-[2.1875rem]
  1782.                                        flex items-center justify-center rounded-md2 bg-primary-200 text-white
  1783.                                        transition-colors group-hover:w-[2.8125rem] group-hover:h-[2.8125rem]
  1784.                                        group-hover:bg-white group-hover:text-primary
  1785.                                        group-hover:-bottom-[1.1875rem]"
  1786.                            aria-hidden="true">
  1787.                                <svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg" class="stroke-current">
  1788.                                    <path d="M0.963987 8.03554L8.03506 0.964468M8.03506 0.964468L1.74966 0.964466M8.03506 0.964468L8.03505 7.24986"
  1789.                                    stroke-linecap="round" stroke-linejoin="round"/>
  1790.                                </svg>
  1791.                            </div>
  1792.                        </div>
  1793.                        <div class="pt-5 px-4 pb-10 flex-grow transition-colors group-hover:bg-primary/5">
  1794.  
  1795.                            <div class="text-xs leading-[1.3] mb-4">
  1796.                                <span class="block card-line uppercase tracking-[0.05em] pb-2.5 mb-2.5 text-primary-200 before:bg-primary group-hover:before:w-[10.625rem]">
  1797.                                    
  1798.                                </span>
  1799.                                    <span class="text-gray-600">
  1800.                                        <time datetime="6/9/2025 3:21:00 PM">June 9, 2025</time>
  1801.                                    </span>
  1802.                            </div>
  1803.  
  1804.                            <p class="text-gray-600 line-clamp-3">
  1805. <p>On June 16-17, The Meds From Mexico’s 2025 Policy Action Institute brings together bipartisan policymakers, public health officials and advocates to Washington, D.C. for an engaging conversation on health policy in the new administration and how community leaders and state legislators are advocating for effective policies.&nbsp;</p></p>
  1806.                        </div>
  1807.                    </a>
  1808.        </div>
  1809.    </div>
  1810. </section>
  1811.  
  1812.  
  1813.  
  1814.    
  1815.  
  1816.  
  1817.  
  1818.  
  1819.  
  1820.  
  1821.  
  1822.  
  1823.  
  1824. <section id="bceef575-af7e-4191-a84f-f9a5cafabf95" class="feature-carousel-image viewport-section relative pt-4.5 lg:pt-0 lg:mt-5 pb-13.5 lg:pb-9 mb-2.5 bg-success/20 before:absolute before:left-0 before:-top-5 before:w-[calc(50%-3rem)] before:h-5 before:rounded-tr-lg before:bg-success/20 after:absolute after:left-[calc(50%-3rem)] after:w-[calc(50%+3rem)] after:top-0 after:h-[2.1875rem] after:bg-white after:rounded-bl-lg max-lg:before:hidden max-lg:after:hidden">
  1825.    <img class="absolute z-[3] -top-2.5 lg:top-4 right-0 max-w-[calc(100%-5.875rem)] lg:max-w-none pointer-events-none animate-move-left"
  1826.          src="/img/decor-06-green.svg" width="490" height="37" alt="" aria-hidden="true" />
  1827.    <div class="container">
  1828.        <div class="grid grid-cols-1 lg:grid-cols-[1fr,1.14fr] gap-[2.1875rem] lg:gap-12 mb-7 lg:mb-9">
  1829.            <div class="rounded-lg lg:rounded-md overflow-hidden">
  1830.                <img class="w-full" src="/getContentAsset/a4c5c057-951b-481a-85b9-9636866bf8f0/118e6d3e-fe3b-44b1-aca1-a3c96c7e9b93/bike.jpg?language=en" alt="Two people biking during daytime" />
  1831.            </div>
  1832.            <div class="max-w-[44.5625rem] relative z-[5] lg:pt-27">
  1833.                <h1 class="title-lg mb-2.5 lg:mb-5 text-success-100"><span class="relative z-[1] before:absolute before:z-[-1] before:top-0 before:-left-1 text-nowrap before:-right-1 before:bottom-0 before:rounded-xs before:bg-success/15">Dive deeper</span> into public health topics.</h1>
  1834.                <p class="mb-2.5 lg:mb-10">
  1835.                    
  1836.    <span class="fr-view prose [&_a]:text-primary [&_a]:underline [&_a:hover]:text-primary-hover [&_a:hover]:no-underline">
  1837.        APHA works to improve access to care, bring about health equity and support public health infrastructure. Public health is a broad field. We focus on the most important problems and solutions of our time. Check back often to see what topics and issues we're working on.
  1838.    </span>
  1839.  
  1840.                </p>
  1841.                        <a href="/topics-and-issues"
  1842.                           class="btn btn--md2 btn--white btn--success"
  1843.                         aria-label="">Explore all health topics</a>
  1844.            </div>
  1845.        </div>
  1846.            <div class="swiper cards-slider-2 -mr-5 pr-29.5 lg:pr-[calc(2.5rem+7.5rem)] lg:-mr-10 large:pr-[calc(((100vw-1440px)/2)+7.5rem)] large:-mr-[calc((100vw-1440px)/2)] pl-4 -ml-4">
  1847.                <div class="swiper-wrapper pb-7.5 lg:pb-9">
  1848.                        <div class="swiper-slide h-auto [&.slide-hidden>.card]:opacity-25 [&.slide-hidden>.card]:pointer-events-none">
  1849.                        <a href="/topics-and-issues/climate-health-and-equity"
  1850.                            
  1851.                               class="card group flex flex-col h-full bg-white rounded-lg lg:rounded-md shadow-card border border-success/20 overflow-hidden transition-colors hover:border-success hover:text-success-100 hover:shadow-cardPrimary before:absolute before:inset-0 before:rounded-lg lg:before:rounded-md before:bg-white before:opacity-0 before:pointer-events-none before:transitions-opacity before:z-[5]" aria-label=""
  1852.                            >
  1853.                            <div class="relative pt-[73.02%] before:absolute before:z-[1] before:inset-0 before:bg-black-100/10">
  1854.                                <img class="absolute top-0 left-0 w-full h-full object-cover"
  1855.                                    src="/getContentAsset/6ea53469-a231-45a3-afb2-9ec382365bf3/118e6d3e-fe3b-44b1-aca1-a3c96c7e9b93/Climate_sign_2024_375.jpg?language=en"
  1856.                                    alt="At a protest a hand is holding up a sign that says There Is No Planet B." />
  1857.                                <div class="absolute z-[2] bottom-4 left-4 lg:bottom-3 lg:left-4.5 w-[2.1875rem] h-[2.1875rem] flex items-center justify-center rounded-md2 bg-gray-300 text-success transition-colors group-hover:w-[2.8125rem] group-hover:h-[2.8125rem] group-hover:bg-success group-hover:text-white group-hover:left-4 group-hover:bottom-[-0.6875rem]" aria-hidden="true">
  1858.                                        <svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"
  1859.                                            class="stroke-current">
  1860.                                            <path
  1861.                                                d="M0.963987 8.03554L8.03506 0.964468M8.03506 0.964468L1.74966 0.964466M8.03506 0.964468L8.03505 7.24986"
  1862.                                                stroke-linecap="round" stroke-linejoin="round" />
  1863.                                        </svg>
  1864.                                </div>
  1865.                            </div>
  1866.                            <div class="pt-7 px-4 pb-7.5 flex-grow transition-colors group-hover:bg-success/5">
  1867.                                <h3 class="card-title before:bg-success group-hover:before:w-[10.625rem]">Climate, Health and Equity</h3>
  1868.                                <p class="text-gray-600 line-clamp-8">
  1869.                                        
  1870.    <span class="fr-view prose [&_a]:text-primary [&_a]:underline [&_a:hover]:text-primary-hover [&_a:hover]:no-underline">
  1871.        APHA is committed to making sure the nation knows about the effects of climate change on health.
  1872.    </span>
  1873.  
  1874.                                </p>
  1875.                            </div>
  1876.                        </a>
  1877.                    </div>
  1878.                        <div class="swiper-slide h-auto [&.slide-hidden>.card]:opacity-25 [&.slide-hidden>.card]:pointer-events-none">
  1879.                        <a href="/topics-and-issues/public-health-under-threat"
  1880.                            
  1881.                               class="card group flex flex-col h-full bg-white rounded-lg lg:rounded-md shadow-card border border-success/20 overflow-hidden transition-colors hover:border-success hover:text-success-100 hover:shadow-cardPrimary before:absolute before:inset-0 before:rounded-lg lg:before:rounded-md before:bg-white before:opacity-0 before:pointer-events-none before:transitions-opacity before:z-[5]" aria-label=""
  1882.                            >
  1883.                            <div class="relative pt-[73.02%] before:absolute before:z-[1] before:inset-0 before:bg-black-100/10">
  1884.                                <img class="absolute top-0 left-0 w-full h-full object-cover"
  1885.                                    src="/getContentAsset/ce94fe22-7482-4437-81c5-c441bc5d3c96/118e6d3e-fe3b-44b1-aca1-a3c96c7e9b93/cloud-4906328_640.jpg?language=en"
  1886.                                    alt="Large storm at night" />
  1887.                                <div class="absolute z-[2] bottom-4 left-4 lg:bottom-3 lg:left-4.5 w-[2.1875rem] h-[2.1875rem] flex items-center justify-center rounded-md2 bg-gray-300 text-success transition-colors group-hover:w-[2.8125rem] group-hover:h-[2.8125rem] group-hover:bg-success group-hover:text-white group-hover:left-4 group-hover:bottom-[-0.6875rem]" aria-hidden="true">
  1888.                                        <svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"
  1889.                                            class="stroke-current">
  1890.                                            <path
  1891.                                                d="M0.963987 8.03554L8.03506 0.964468M8.03506 0.964468L1.74966 0.964466M8.03506 0.964468L8.03505 7.24986"
  1892.                                                stroke-linecap="round" stroke-linejoin="round" />
  1893.                                        </svg>
  1894.                                </div>
  1895.                            </div>
  1896.                            <div class="pt-7 px-4 pb-7.5 flex-grow transition-colors group-hover:bg-success/5">
  1897.                                <h3 class="card-title before:bg-success group-hover:before:w-[10.625rem]">Public Health Under Threat</h3>
  1898.                                <p class="text-gray-600 line-clamp-8">
  1899.                                        
  1900.    <span class="fr-view prose [&_a]:text-primary [&_a]:underline [&_a:hover]:text-primary-hover [&_a:hover]:no-underline">
  1901.        Proposed policies jeopardize critical public health systems and risk worsening health inequities.
  1902.    </span>
  1903.  
  1904.                                </p>
  1905.                            </div>
  1906.                        </a>
  1907.                    </div>
  1908.                        <div class="swiper-slide h-auto [&.slide-hidden>.card]:opacity-25 [&.slide-hidden>.card]:pointer-events-none">
  1909.                        <a href="/topics-and-issues/immigrant-health"
  1910.                            
  1911.                               class="card group flex flex-col h-full bg-white rounded-lg lg:rounded-md shadow-card border border-success/20 overflow-hidden transition-colors hover:border-success hover:text-success-100 hover:shadow-cardPrimary before:absolute before:inset-0 before:rounded-lg lg:before:rounded-md before:bg-white before:opacity-0 before:pointer-events-none before:transitions-opacity before:z-[5]" aria-label=""
  1912.                            >
  1913.                            <div class="relative pt-[73.02%] before:absolute before:z-[1] before:inset-0 before:bg-black-100/10">
  1914.                                <img class="absolute top-0 left-0 w-full h-full object-cover"
  1915.                                    src="/getContentAsset/5a2f3bae-241d-4618-8ae6-d1693b2a075e/118e6d3e-fe3b-44b1-aca1-a3c96c7e9b93/NPHW_iStock-1400454516.jpg?language=en"
  1916.                                    alt="People of different races and ethnicities smile at camera" />
  1917.                                <div class="absolute z-[2] bottom-4 left-4 lg:bottom-3 lg:left-4.5 w-[2.1875rem] h-[2.1875rem] flex items-center justify-center rounded-md2 bg-gray-300 text-success transition-colors group-hover:w-[2.8125rem] group-hover:h-[2.8125rem] group-hover:bg-success group-hover:text-white group-hover:left-4 group-hover:bottom-[-0.6875rem]" aria-hidden="true">
  1918.                                        <svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"
  1919.                                            class="stroke-current">
  1920.                                            <path
  1921.                                                d="M0.963987 8.03554L8.03506 0.964468M8.03506 0.964468L1.74966 0.964466M8.03506 0.964468L8.03505 7.24986"
  1922.                                                stroke-linecap="round" stroke-linejoin="round" />
  1923.                                        </svg>
  1924.                                </div>
  1925.                            </div>
  1926.                            <div class="pt-7 px-4 pb-7.5 flex-grow transition-colors group-hover:bg-success/5">
  1927.                                <h3 class="card-title before:bg-success group-hover:before:w-[10.625rem]">Immigrant Health</h3>
  1928.                                <p class="text-gray-600 line-clamp-8">
  1929.                                        
  1930.    <span class="fr-view prose [&_a]:text-primary [&_a]:underline [&_a:hover]:text-primary-hover [&_a:hover]:no-underline">
  1931.        APHA supports policies that encourage positive health behaviors and promote access to health services, regardless of an individual’s citizenship status.
  1932.    </span>
  1933.  
  1934.                                </p>
  1935.                            </div>
  1936.                        </a>
  1937.                    </div>
  1938.                        <div class="swiper-slide h-auto [&.slide-hidden>.card]:opacity-25 [&.slide-hidden>.card]:pointer-events-none">
  1939.                        <a href="/topics-and-issues/climate-health-and-equity/extreme-heat"
  1940.                            
  1941.                               class="card group flex flex-col h-full bg-white rounded-lg lg:rounded-md shadow-card border border-success/20 overflow-hidden transition-colors hover:border-success hover:text-success-100 hover:shadow-cardPrimary before:absolute before:inset-0 before:rounded-lg lg:before:rounded-md before:bg-white before:opacity-0 before:pointer-events-none before:transitions-opacity before:z-[5]" aria-label=""
  1942.                            >
  1943.                            <div class="relative pt-[73.02%] before:absolute before:z-[1] before:inset-0 before:bg-black-100/10">
  1944.                                <img class="absolute top-0 left-0 w-full h-full object-cover"
  1945.                                    src="/getContentAsset/a4e67f56-2b93-4671-8de7-e2e56c023beb/118e6d3e-fe3b-44b1-aca1-a3c96c7e9b93/heatscape.jpg?language=en"
  1946.                                    alt="smoggy city skyline at sunset" />
  1947.                                <div class="absolute z-[2] bottom-4 left-4 lg:bottom-3 lg:left-4.5 w-[2.1875rem] h-[2.1875rem] flex items-center justify-center rounded-md2 bg-gray-300 text-success transition-colors group-hover:w-[2.8125rem] group-hover:h-[2.8125rem] group-hover:bg-success group-hover:text-white group-hover:left-4 group-hover:bottom-[-0.6875rem]" aria-hidden="true">
  1948.                                        <svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"
  1949.                                            class="stroke-current">
  1950.                                            <path
  1951.                                                d="M0.963987 8.03554L8.03506 0.964468M8.03506 0.964468L1.74966 0.964466M8.03506 0.964468L8.03505 7.24986"
  1952.                                                stroke-linecap="round" stroke-linejoin="round" />
  1953.                                        </svg>
  1954.                                </div>
  1955.                            </div>
  1956.                            <div class="pt-7 px-4 pb-7.5 flex-grow transition-colors group-hover:bg-success/5">
  1957.                                <h3 class="card-title before:bg-success group-hover:before:w-[10.625rem]">Extreme Heat</h3>
  1958.                                <p class="text-gray-600 line-clamp-8">
  1959.                                        
  1960.    <span class="fr-view prose [&_a]:text-primary [&_a]:underline [&_a:hover]:text-primary-hover [&_a:hover]:no-underline">
  1961.        Discover actionable steps you can take to address the challenges of extreme heat
  1962.    </span>
  1963.  
  1964.                                </p>
  1965.                            </div>
  1966.                        </a>
  1967.                    </div>
  1968.                        <div class="swiper-slide h-auto [&.slide-hidden>.card]:opacity-25 [&.slide-hidden>.card]:pointer-events-none">
  1969.                        <a href="/topics-and-issues/health-equity"
  1970.                            
  1971.                               class="card group flex flex-col h-full bg-white rounded-lg lg:rounded-md shadow-card border border-success/20 overflow-hidden transition-colors hover:border-success hover:text-success-100 hover:shadow-cardPrimary before:absolute before:inset-0 before:rounded-lg lg:before:rounded-md before:bg-white before:opacity-0 before:pointer-events-none before:transitions-opacity before:z-[5]" aria-label=""
  1972.                            >
  1973.                            <div class="relative pt-[73.02%] before:absolute before:z-[1] before:inset-0 before:bg-black-100/10">
  1974.                                <img class="absolute top-0 left-0 w-full h-full object-cover"
  1975.                                    src="/getContentAsset/bbb7abbe-96f6-41a9-a4a9-9efe88164603/118e6d3e-fe3b-44b1-aca1-a3c96c7e9b93/Tuesday-Equity-375.jpg?language=en"
  1976.                                    alt="Woman smiling at child" />
  1977.                                <div class="absolute z-[2] bottom-4 left-4 lg:bottom-3 lg:left-4.5 w-[2.1875rem] h-[2.1875rem] flex items-center justify-center rounded-md2 bg-gray-300 text-success transition-colors group-hover:w-[2.8125rem] group-hover:h-[2.8125rem] group-hover:bg-success group-hover:text-white group-hover:left-4 group-hover:bottom-[-0.6875rem]" aria-hidden="true">
  1978.                                        <svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"
  1979.                                            class="stroke-current">
  1980.                                            <path
  1981.                                                d="M0.963987 8.03554L8.03506 0.964468M8.03506 0.964468L1.74966 0.964466M8.03506 0.964468L8.03505 7.24986"
  1982.                                                stroke-linecap="round" stroke-linejoin="round" />
  1983.                                        </svg>
  1984.                                </div>
  1985.                            </div>
  1986.                            <div class="pt-7 px-4 pb-7.5 flex-grow transition-colors group-hover:bg-success/5">
  1987.                                <h3 class="card-title before:bg-success group-hover:before:w-[10.625rem]">Health Equity</h3>
  1988.                                <p class="text-gray-600 line-clamp-8">
  1989.                                        
  1990.    <span class="fr-view prose [&_a]:text-primary [&_a]:underline [&_a:hover]:text-primary-hover [&_a:hover]:no-underline">
  1991.        Our fact sheets and infographics illustrate the problem and offer potential solutions.
  1992.    </span>
  1993.  
  1994.                                </p>
  1995.                            </div>
  1996.                        </a>
  1997.                    </div>
  1998.                        <div class="swiper-slide h-auto [&.slide-hidden>.card]:opacity-25 [&.slide-hidden>.card]:pointer-events-none">
  1999.                        <a href="/topics-and-issues/gun-violence"
  2000.                            
  2001.                               class="card group flex flex-col h-full bg-white rounded-lg lg:rounded-md shadow-card border border-success/20 overflow-hidden transition-colors hover:border-success hover:text-success-100 hover:shadow-cardPrimary before:absolute before:inset-0 before:rounded-lg lg:before:rounded-md before:bg-white before:opacity-0 before:pointer-events-none before:transitions-opacity before:z-[5]" aria-label=""
  2002.                            >
  2003.                            <div class="relative pt-[73.02%] before:absolute before:z-[1] before:inset-0 before:bg-black-100/10">
  2004.                                <img class="absolute top-0 left-0 w-full h-full object-cover"
  2005.                                    src="/getContentAsset/a62290a9-6a95-486f-b621-0995970c15e8/118e6d3e-fe3b-44b1-aca1-a3c96c7e9b93/Gun-Violence-statement.jpg?language=en"
  2006.                                    alt="Candle burning" />
  2007.                                <div class="absolute z-[2] bottom-4 left-4 lg:bottom-3 lg:left-4.5 w-[2.1875rem] h-[2.1875rem] flex items-center justify-center rounded-md2 bg-gray-300 text-success transition-colors group-hover:w-[2.8125rem] group-hover:h-[2.8125rem] group-hover:bg-success group-hover:text-white group-hover:left-4 group-hover:bottom-[-0.6875rem]" aria-hidden="true">
  2008.                                        <svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"
  2009.                                            class="stroke-current">
  2010.                                            <path
  2011.                                                d="M0.963987 8.03554L8.03506 0.964468M8.03506 0.964468L1.74966 0.964466M8.03506 0.964468L8.03505 7.24986"
  2012.                                                stroke-linecap="round" stroke-linejoin="round" />
  2013.                                        </svg>
  2014.                                </div>
  2015.                            </div>
  2016.                            <div class="pt-7 px-4 pb-7.5 flex-grow transition-colors group-hover:bg-success/5">
  2017.                                <h3 class="card-title before:bg-success group-hover:before:w-[10.625rem]">Gun Violence</h3>
  2018.                                <p class="text-gray-600 line-clamp-8">
  2019.                                        
  2020.    <span class="fr-view prose [&_a]:text-primary [&_a]:underline [&_a:hover]:text-primary-hover [&_a:hover]:no-underline">
  2021.        Gun violence is a leading cause of premature death in the U.S. and results in nearly 85,000 non-fatal injuries annually.&nbsp;
  2022.    </span>
  2023.  
  2024.                                </p>
  2025.                            </div>
  2026.                        </a>
  2027.                    </div>
  2028.                </div>
  2029.                <div class="relative -mr-24.5 lg:-mr-29.5">
  2030.                    <div class="swiper-pagination !h-[1px] !bg-white [&>.swiper-pagination-progressbar-fill]:!h-[3px] [&>.swiper-pagination-progressbar-fill]:!top-[-1px] !bg-white [&amp;&gt;.swiper-pagination-progressbar-fill]:!h-[3px] [&amp;&gt;.swiper-pagination-progressbar-fill]:!top-[-1px] [&amp;&gt;.swiper-pagination-progressbar-fill]:!bg-success [&>.swiper-pagination-progressbar-fill]:rounded-full"></div>
  2031.                    <div class="flex items-center justify-end gap-[0.5625rem] pt-6 lg:pt-3">
  2032.                        <button type="button" class="swiper-button-prev !m-0 !static w-[3.125rem] h-[3.125rem] flex items-center justify-center rounded-md3 bg-success text-white transition-colors after:!hidden disabled:!opacity-100 hover:bg-success-hover active:bg-success-active hover:text-white active:text-white disabled:text-gray-700 disabled:bg-white">
  2033.                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="stroke-current !w-6 !h-6">
  2034.                                <path d="M14.5 5L8.20711 11.2929C7.81658 11.6834 7.81658 12.3166 8.20711 12.7071L14.5 19" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
  2035.                            </svg>
  2036.                        </button>
  2037.                        <button type="button" class="swiper-button-next !m-0 !static w-[3.125rem] h-[3.125rem] flex items-center justify-center rounded-md3 bg-success text-white transition-colors after:!hidden disabled:!opacity-100 hover:bg-success-hover active:bg-success-active hover:text-white active:text-white disabled:text-gray-700 disabled:bg-white">
  2038.                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="stroke-current !w-6 !h-6">
  2039.                                <path d="M9.5 5L15.7929 11.2929C16.1834 11.6834 16.1834 12.3166 15.7929 12.7071L9.5 19" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
  2040.                            </svg>
  2041.                        </button>
  2042.                    </div>
  2043.                </div>
  2044.            </div>
  2045.    </div>
  2046. </section>
  2047.  
  2048.  
  2049.  
  2050.    
  2051.  
  2052.  
  2053.  
  2054.  
  2055.  
  2056.  
  2057.  
  2058.  
  2059.  
  2060.  
  2061. <section id="7cd905bb-cade-46ca-88fb-07294b160056" class="stats-section stats-section-with-images pt-6.5 lg:pt-2 pb-6">
  2062.    <div class="container lg:pl-15 lg:pr-11 xl:px-5 grid grid-cols-1 lg:grid-cols-[1.12fr,1fr] gap-6.5 lg:gap-[3.125rem] xl:gap-[6.625rem]">
  2063.        <div>
  2064.                    <div class="mb-6.5 lg:mb-6 xl:mb-6 rounded-md overflow-hidden">
  2065.                        <img class="w-full" src="/getContentAsset/ea23d09b-94de-4052-8717-63d7fdbdf666/118e6d3e-fe3b-44b1-aca1-a3c96c7e9b93/homepage-feature-photo.png?language=en" alt="Two people at a conference" />
  2066.                    </div>
  2067.                    <h3 class="title-base mb-4">We serve as a convener, catalyst and advocate to build capacity in the public health community</h3>
  2068.                    <p class="mb-5 lg:mb-7.5 xl:mb-0 text-black-100/70">
  2069.                        
  2070.    <span class="fr-view prose [&_a]:text-primary [&_a]:underline [&_a:hover]:text-primary-hover [&_a:hover]:no-underline">
  2071.        We champion equitable health and well-being for all. We speak out for public health issues and policies backed by science.
  2072.    </span>
  2073.  
  2074.                    </p>
  2075.                    <a href="/about-apha/contact-us" class="btn btn--md xl:hidden" aria-label="Contact Us">Contact Us</a>
  2076.        </div>
  2077.  
  2078.        <div class="pt-3.5">
  2079.            <div class="stats-list stats-list-with-images viewport-section">
  2080.                    <article class="stats-card mb-7.5 lg:mb-10 flex items-start xl:items-center flex-col lg:flex-row gap-[1.5625rem]">
  2081.  
  2082.                        <div>
  2083.                            <h3 class="title-base split">
  2084.                                <span class="text-error pr-[0.3em]">150 years</span> of service.
  2085.                            </h3>
  2086.                            <p class="text-gray-400 animate-fade-in">
  2087.                                
  2088.    <span class="fr-view prose [&_a]:text-primary [&_a]:underline [&_a:hover]:text-primary-hover [&_a:hover]:no-underline">
  2089.        We are the only organization that combines a 150-year perspective, a broad-based member community and the ability to influence federal policy to improve the public's health.
  2090.    </span>
  2091.  
  2092.                            </p>
  2093.                        </div>
  2094.                    </article>
  2095.                    <article class="stats-card mb-7.5 lg:mb-10 flex items-start xl:items-center flex-col lg:flex-row gap-[1.5625rem]">
  2096.  
  2097.                        <div>
  2098.                            <h3 class="title-base split">
  2099.                                Investing in public health means investing in <span class="text-success pl-[0.3em]">America's future.</span>
  2100.                            </h3>
  2101.                            <p class="text-gray-400 animate-fade-in">
  2102.                                
  2103.    <span class="fr-view prose [&_a]:text-primary [&_a]:underline [&_a:hover]:text-primary-hover [&_a:hover]:no-underline">
  2104.        Investing in public health improves our quality of life, helps children thrive, reduces human suffering and saves money.
  2105.    </span>
  2106.  
  2107.                            </p>
  2108.                        </div>
  2109.                    </article>
  2110.                    <article class="stats-card mb-7.5 lg:mb-10 flex items-start xl:items-center flex-col lg:flex-row gap-[1.5625rem]">
  2111.  
  2112.                        <div>
  2113.                            <h3 class="title-base split">
  2114.                                <span class="text-primary pr-[0.3em]">Connecting</span> public health professionals for a better tomorrow.
  2115.                            </h3>
  2116.                            <p class="text-gray-400 animate-fade-in">
  2117.                                
  2118.    <span class="fr-view prose [&_a]:text-primary [&_a]:underline [&_a:hover]:text-primary-hover [&_a:hover]:no-underline">
  2119.        Our members represent over 25,000 public health professionals who are committed to creating the healthiest nation in one generation.
  2120.    </span>
  2121.  
  2122.                            </p>
  2123.                        </div>
  2124.                    </article>
  2125.            </div>
  2126.                    <a href="/about-apha/contact-us" class="btn btn--md hidden xl:inline-block" aria-label="Contact Us">Contact Us</a>
  2127.        </div>
  2128.    </div>
  2129. </section>
  2130.  
  2131.  
  2132.  
  2133.    
  2134.  
  2135.  
  2136.  
  2137.  
  2138.  
  2139.  
  2140.  
  2141.  
  2142.  
  2143. <section id="257d3c04-f6c5-41f6-9dbd-2d8979752a7c" class="feature-carousel viewport-section pt-10.5 lg:pt-19 pb-17 lg:pb-18.5 ">
  2144.    <div class="container flex flex-col lg:flex-row gap-5 lg:gap-[6.25rem]">
  2145.        <div class="lg:w-[23%] max-w-[44.5625rem] relative z-[5]">
  2146.            <h1 class="mb-2.5 lg:mb-4 title-lg text-black-100"><span class="relative z-[1] before:absolute before:z-[-1] before:top-0 before:-left-1 text-nowrap before:-right-1 before:bottom-0 before:rounded-xs before:bg-primary/20">Learn more</span> about APHA membership</h1>
  2147.            <p class="mb-5 lg:mb-6 text-black-100/70">
  2148.                
  2149.    <span class="fr-view prose [&_a]:text-primary [&_a]:underline [&_a:hover]:text-primary-hover [&_a:hover]:no-underline">
  2150.        The Meds From Mexico is more than a professional association. We're a community. Our members work in every discipline of public health, in every U.S. state and in countries across the globe. And we're all united by a common goal: To promote optimal, equitable health and well-being for all.
  2151.    </span>
  2152.  
  2153.            </p>
  2154.                    <a href="/membership"
  2155.                        class="flex items-center gap-2.5 font-secondary font-semibold text-sm lg:text-base leading-[1.5]"
  2156.                         aria-label="">APHA membership information
  2157.                        <img src="/img/icon-arrow-right-sm.svg" alt="" aria-hidden="true" />
  2158.                    </a>
  2159.        </div>
  2160.        <div class="lg:w-[calc(77%-6.25rem)] relative pt-6.5 lg:pt-0">
  2161.            <img class="absolute top-0 lg:top-[-4.75rem] -left-19.5 w-[78.0625rem] max-w-none pointer-events-none animate-move-left"
  2162.                    src="/img/decor-02.png" srcset="/img/decor-02-2x.png 2x" alt="" aria-hidden="true" />
  2163.                <div class="swiper cards-slider -mr-5 pr-29.5 lg:pr-[calc(2.5rem+1.625rem)] lg:-mr-10 large:pr-[calc(((100vw-1440px)/2)+1.625rem)] large:-mr-[calc((100vw-1440px)/2)] pl-4 -ml-4">
  2164.                    <div class="swiper-wrapper pb-7.5 lg:pb-9">
  2165.                        <div class="swiper-slide h-auto [&.slide-hidden>.card:before]:opacity-75 [&.slide-hidden>.card]:pointer-events-none">
  2166.                            <a href="/membership/member-benefits"
  2167.                                
  2168.                                   class="card group flex flex-col h-full bg-white rounded-lg lg:rounded-md shadow-card border border-transparent overflow-hidden transition-colors hover:border-primary hover:text-primary hover:shadow-cardPrimary before:absolute before:inset-0 before:rounded-lg lg:before:rounded-md before:bg-white before:opacity-0 before:pointer-events-none before:transitions-opacity before:z-[5]" aria-label=""
  2169.                                >
  2170.                                <div class="relative pt-[73.02%] before:absolute before:z-[1] before:inset-0 before:bg-black-100/10">
  2171.                                    <img class="absolute top-0 left-0 w-full h-full object-cover"
  2172.                                        src="/getContentAsset/ed5d8355-9722-4972-b457-a05df4b4d513/118e6d3e-fe3b-44b1-aca1-a3c96c7e9b93/Happy-Exercisers-375.jpg?language=en"
  2173.                                        alt="Man and woman smile as they do stretching exercises" />
  2174.                                    <div class="absolute z-[2] bottom-4 left-4 lg:bottom-3 lg:left-4.5 w-[2.1875rem] h-[2.1875rem] flex items-center justify-center rounded-md2 bg-gray-300 text-primary transition-colors group-hover:w-[2.8125rem] group-hover:h-[2.8125rem] group-hover:bg-primary group-hover:text-white group-hover:left-4 group-hover:bottom-[-0.6875rem]" aria-hidden="true">
  2175.                                            <svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"
  2176.                                                class="stroke-current">
  2177.                                                <path
  2178.                                                    d="M0.963987 8.03554L8.03506 0.964468M8.03506 0.964468L1.74966 0.964466M8.03506 0.964468L8.03505 7.24986"
  2179.                                                    stroke-linecap="round" stroke-linejoin="round" />
  2180.                                            </svg>
  2181.                                    </div>
  2182.                                </div>
  2183.                                <div class="pt-7 px-4 pb-7.5 flex-grow transition-colors group-hover:bg-primary/5">
  2184.                                    <h3 class="card-title before:bg-primary group-hover:before:w-[10.625rem]">Membership Perks</h3>
  2185.                                    <p class="text-gray-600 line-clamp-3">
  2186.                                        
  2187.    <span class="fr-view prose [&_a]:text-primary [&_a]:underline [&_a:hover]:text-primary-hover [&_a:hover]:no-underline">
  2188.        More than 25,000+ public health professionals are engaging with the amazing benefits APHA membership provides!
  2189.    </span>
  2190.  
  2191.                                    </p>
  2192.                                </div>
  2193.                            </a>
  2194.                        </div>
  2195.                        <div class="swiper-slide h-auto [&.slide-hidden>.card:before]:opacity-75 [&.slide-hidden>.card]:pointer-events-none">
  2196.                            <a href="/membership/membership-categories"
  2197.                                
  2198.                                   class="card group flex flex-col h-full bg-white rounded-lg lg:rounded-md shadow-card border border-transparent overflow-hidden transition-colors hover:border-primary hover:text-primary hover:shadow-cardPrimary before:absolute before:inset-0 before:rounded-lg lg:before:rounded-md before:bg-white before:opacity-0 before:pointer-events-none before:transitions-opacity before:z-[5]" aria-label=""
  2199.                                >
  2200.                                <div class="relative pt-[73.02%] before:absolute before:z-[1] before:inset-0 before:bg-black-100/10">
  2201.                                    <img class="absolute top-0 left-0 w-full h-full object-cover"
  2202.                                        src="/getContentAsset/0f9e4109-ca56-4025-bb3a-eb64ead2102b/118e6d3e-fe3b-44b1-aca1-a3c96c7e9b93/Expo_Membership_swag.jpg?language=en"
  2203.                                        alt="I love public health magnet, button, hand sanitizer, pen, screen wipe" />
  2204.                                    <div class="absolute z-[2] bottom-4 left-4 lg:bottom-3 lg:left-4.5 w-[2.1875rem] h-[2.1875rem] flex items-center justify-center rounded-md2 bg-gray-300 text-primary transition-colors group-hover:w-[2.8125rem] group-hover:h-[2.8125rem] group-hover:bg-primary group-hover:text-white group-hover:left-4 group-hover:bottom-[-0.6875rem]" aria-hidden="true">
  2205.                                            <svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"
  2206.                                                class="stroke-current">
  2207.                                                <path
  2208.                                                    d="M0.963987 8.03554L8.03506 0.964468M8.03506 0.964468L1.74966 0.964466M8.03506 0.964468L8.03505 7.24986"
  2209.                                                    stroke-linecap="round" stroke-linejoin="round" />
  2210.                                            </svg>
  2211.                                    </div>
  2212.                                </div>
  2213.                                <div class="pt-7 px-4 pb-7.5 flex-grow transition-colors group-hover:bg-primary/5">
  2214.                                    <h3 class="card-title before:bg-primary group-hover:before:w-[10.625rem]">Membership Types and Rates</h3>
  2215.                                    <p class="text-gray-600 line-clamp-3">
  2216.                                        
  2217.    <span class="fr-view prose [&_a]:text-primary [&_a]:underline [&_a:hover]:text-primary-hover [&_a:hover]:no-underline">
  2218.        APHA membership categories represent the professional stages of a person's career. All categories receive APHA's core benefits, including award-winning publications, networking opportunities and career services.
  2219.    </span>
  2220.  
  2221.                                    </p>
  2222.                                </div>
  2223.                            </a>
  2224.                        </div>
  2225.                        <div class="swiper-slide h-auto [&.slide-hidden>.card:before]:opacity-75 [&.slide-hidden>.card]:pointer-events-none">
  2226.                            <a href="/membership/gift-membership"
  2227.                                
  2228.                                   class="card group flex flex-col h-full bg-white rounded-lg lg:rounded-md shadow-card border border-transparent overflow-hidden transition-colors hover:border-primary hover:text-primary hover:shadow-cardPrimary before:absolute before:inset-0 before:rounded-lg lg:before:rounded-md before:bg-white before:opacity-0 before:pointer-events-none before:transitions-opacity before:z-[5]" aria-label=""
  2229.                                >
  2230.                                <div class="relative pt-[73.02%] before:absolute before:z-[1] before:inset-0 before:bg-black-100/10">
  2231.                                    <img class="absolute top-0 left-0 w-full h-full object-cover"
  2232.                                        src="/getContentAsset/fc9a87b3-b0ac-4321-bfcf-30a343b06782/118e6d3e-fe3b-44b1-aca1-a3c96c7e9b93/Gift_bow.jpg?language=en"
  2233.                                        alt="gift bow in APHA logo colors" />
  2234.                                    <div class="absolute z-[2] bottom-4 left-4 lg:bottom-3 lg:left-4.5 w-[2.1875rem] h-[2.1875rem] flex items-center justify-center rounded-md2 bg-gray-300 text-primary transition-colors group-hover:w-[2.8125rem] group-hover:h-[2.8125rem] group-hover:bg-primary group-hover:text-white group-hover:left-4 group-hover:bottom-[-0.6875rem]" aria-hidden="true">
  2235.                                            <svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"
  2236.                                                class="stroke-current">
  2237.                                                <path
  2238.                                                    d="M0.963987 8.03554L8.03506 0.964468M8.03506 0.964468L1.74966 0.964466M8.03506 0.964468L8.03505 7.24986"
  2239.                                                    stroke-linecap="round" stroke-linejoin="round" />
  2240.                                            </svg>
  2241.                                    </div>
  2242.                                </div>
  2243.                                <div class="pt-7 px-4 pb-7.5 flex-grow transition-colors group-hover:bg-primary/5">
  2244.                                    <h3 class="card-title before:bg-primary group-hover:before:w-[10.625rem]">Gift Membership</h3>
  2245.                                    <p class="text-gray-600 line-clamp-3">
  2246.                                        
  2247.    <span class="fr-view prose [&_a]:text-primary [&_a]:underline [&_a:hover]:text-primary-hover [&_a:hover]:no-underline">
  2248.        Give the gift of APHA membership!
  2249.    </span>
  2250.  
  2251.                                    </p>
  2252.                                </div>
  2253.                            </a>
  2254.                        </div>
  2255.                        <div class="swiper-slide h-auto [&.slide-hidden>.card:before]:opacity-75 [&.slide-hidden>.card]:pointer-events-none">
  2256.                            <a href="/membership/agency-membership"
  2257.                                
  2258.                                   class="card group flex flex-col h-full bg-white rounded-lg lg:rounded-md shadow-card border border-transparent overflow-hidden transition-colors hover:border-primary hover:text-primary hover:shadow-cardPrimary before:absolute before:inset-0 before:rounded-lg lg:before:rounded-md before:bg-white before:opacity-0 before:pointer-events-none before:transitions-opacity before:z-[5]" aria-label=""
  2259.                                >
  2260.                                <div class="relative pt-[73.02%] before:absolute before:z-[1] before:inset-0 before:bg-black-100/10">
  2261.                                    <img class="absolute top-0 left-0 w-full h-full object-cover"
  2262.                                        src="/getContentAsset/ce414caa-b14e-44d0-ae5f-b97cbd7dc2df/118e6d3e-fe3b-44b1-aca1-a3c96c7e9b93/Tuesday_group_2024_700.jpg?language=en"
  2263.                                        alt="Four people stand with their arms around each other and smile for the camera. " />
  2264.                                    <div class="absolute z-[2] bottom-4 left-4 lg:bottom-3 lg:left-4.5 w-[2.1875rem] h-[2.1875rem] flex items-center justify-center rounded-md2 bg-gray-300 text-primary transition-colors group-hover:w-[2.8125rem] group-hover:h-[2.8125rem] group-hover:bg-primary group-hover:text-white group-hover:left-4 group-hover:bottom-[-0.6875rem]" aria-hidden="true">
  2265.                                            <svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"
  2266.                                                class="stroke-current">
  2267.                                                <path
  2268.                                                    d="M0.963987 8.03554L8.03506 0.964468M8.03506 0.964468L1.74966 0.964466M8.03506 0.964468L8.03505 7.24986"
  2269.                                                    stroke-linecap="round" stroke-linejoin="round" />
  2270.                                            </svg>
  2271.                                    </div>
  2272.                                </div>
  2273.                                <div class="pt-7 px-4 pb-7.5 flex-grow transition-colors group-hover:bg-primary/5">
  2274.                                    <h3 class="card-title before:bg-primary group-hover:before:w-[10.625rem]">Agency Membership</h3>
  2275.                                    <p class="text-gray-600 line-clamp-3">
  2276.                                        
  2277.    <span class="fr-view prose [&_a]:text-primary [&_a]:underline [&_a:hover]:text-primary-hover [&_a:hover]:no-underline">
  2278.        Organizational membership with APHA is an easy, affordable way for public health professionals to get involved with amazing APHA benefits.
  2279.    </span>
  2280.  
  2281.                                    </p>
  2282.                                </div>
  2283.                            </a>
  2284.                        </div>
  2285.                        <div class="swiper-slide h-auto [&.slide-hidden>.card:before]:opacity-75 [&.slide-hidden>.card]:pointer-events-none">
  2286.                            <a href="/membership/special-member-savings"
  2287.                                
  2288.                                   class="card group flex flex-col h-full bg-white rounded-lg lg:rounded-md shadow-card border border-transparent overflow-hidden transition-colors hover:border-primary hover:text-primary hover:shadow-cardPrimary before:absolute before:inset-0 before:rounded-lg lg:before:rounded-md before:bg-white before:opacity-0 before:pointer-events-none before:transitions-opacity before:z-[5]" aria-label=""
  2289.                                >
  2290.                                <div class="relative pt-[73.02%] before:absolute before:z-[1] before:inset-0 before:bg-black-100/10">
  2291.                                    <img class="absolute top-0 left-0 w-full h-full object-cover"
  2292.                                        src="/getContentAsset/4c907f8d-9d6a-45cb-a816-b475e8502edd/118e6d3e-fe3b-44b1-aca1-a3c96c7e9b93/saving-3740194_640.jpg?language=en"
  2293.                                        alt="Piggie bank" />
  2294.                                    <div class="absolute z-[2] bottom-4 left-4 lg:bottom-3 lg:left-4.5 w-[2.1875rem] h-[2.1875rem] flex items-center justify-center rounded-md2 bg-gray-300 text-primary transition-colors group-hover:w-[2.8125rem] group-hover:h-[2.8125rem] group-hover:bg-primary group-hover:text-white group-hover:left-4 group-hover:bottom-[-0.6875rem]" aria-hidden="true">
  2295.                                            <svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"
  2296.                                                class="stroke-current">
  2297.                                                <path
  2298.                                                    d="M0.963987 8.03554L8.03506 0.964468M8.03506 0.964468L1.74966 0.964466M8.03506 0.964468L8.03505 7.24986"
  2299.                                                    stroke-linecap="round" stroke-linejoin="round" />
  2300.                                            </svg>
  2301.                                    </div>
  2302.                                </div>
  2303.                                <div class="pt-7 px-4 pb-7.5 flex-grow transition-colors group-hover:bg-primary/5">
  2304.                                    <h3 class="card-title before:bg-primary group-hover:before:w-[10.625rem]">Special Member Savings</h3>
  2305.                                    <p class="text-gray-600 line-clamp-3">
  2306.                                        
  2307.    <span class="fr-view prose [&_a]:text-primary [&_a]:underline [&_a:hover]:text-primary-hover [&_a:hover]:no-underline">
  2308.        Learn how APHA membership can help you save money.
  2309.    </span>
  2310.  
  2311.                                    </p>
  2312.                                </div>
  2313.                            </a>
  2314.                        </div>
  2315.                    </div>
  2316.                    <div class="relative -mr-24.5 lg:mr-0">
  2317.                        <div class="swiper-pagination !h-[1px] !bg-gray-100 [&amp;&gt;.swiper-pagination-progressbar-fill]:!h-[3px] [&amp;&gt;.swiper-pagination-progressbar-fill]:!top-[-1px] [&amp;&gt;.swiper-pagination-progressbar-fill]:!bg-primary [&>.swiper-pagination-progressbar-fill]:rounded-full"></div>
  2318.                        <div class="flex items-center justify-end gap-[0.5625rem] pt-6 lg:pt-3">
  2319.                            <button type="button" class="swiper-button-prev !m-0 !static w-[3.125rem] h-[3.125rem] flex items-center justify-center rounded-md3 bg-primary text-white transition-colors after:!hidden disabled:!opacity-100 hover:bg-primary-hover active:bg-primary-active hover:text-white active:text-white disabled:text-gray-700 disabled:bg-gray-300">
  2320.                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="stroke-current !w-6 !h-6">
  2321.                                    <path d="M14.5 5L8.20711 11.2929C7.81658 11.6834 7.81658 12.3166 8.20711 12.7071L14.5 19" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
  2322.                                </svg>
  2323.                            </button>
  2324.                            <button type="button" class="swiper-button-next !m-0 !static w-[3.125rem] h-[3.125rem] flex items-center justify-center rounded-md3 bg-primary text-white transition-colors after:!hidden disabled:!opacity-100 hover:bg-primary-hover active:bg-primary-active hover:text-white active:text-white disabled:text-gray-700 disabled:bg-gray-300">
  2325.                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="stroke-current !w-6 !h-6">
  2326.                                    <path d="M9.5 5L15.7929 11.2929C16.1834 11.6834 16.1834 12.3166 15.7929 12.7071L9.5 19" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
  2327.                                </svg>
  2328.                            </button>
  2329.                        </div>
  2330.                    </div>
  2331.                </div>
  2332.        </div>
  2333.    </div>
  2334. </section>
  2335.  
  2336.  
  2337.  
  2338.    
  2339.  
  2340.  
  2341.  
  2342.  
  2343.    
  2344.    
  2345.  
  2346.  
  2347.  
  2348.    
  2349.  
  2350.  
  2351.    
  2352.  
  2353.  
  2354.    
  2355.  
  2356.  
  2357.            <input name="__RequestVerificationToken" type="hidden" value="CfDJ8HeSKfKjAk9GpJmXw9d0YSDbuo6_5QFlSdhPDdpeNmR7dJIaN1VAsTEJMcAmDIaBdpufm3KcDnT2wQolIYwnYSKImSb-LuNpRhHbdHwLKlVfzn-zSGm5l4I5OtWAcmtkTTKyjC0V3yWC1R3oy1u7F5U" />
  2358.        </main>
  2359.        
  2360.  
  2361.  
  2362.  <footer class="footer bg-primary text-white [&_a:not(.btn):hover]:text-secondary">
  2363.    <div class="container">
  2364.      <div
  2365.      class="mb-4 lg:mb-6 flex flex-col lg:flex-row items-center justify-between gap-[2.0625rem] lg:gap-3 pt-5 lg:pt-7.5 pb-6 lg:pb-3 border-b border-secondary">
  2366.        <div class="logo max-w-[7.8125rem] xl:max-w-none">
  2367.          <a href="/">
  2368.            <img class="lg:hidden" src="/getContentAsset/3c4d5fd3-2415-4a01-826e-4b05a24d3d52/118e6d3e-fe3b-44b1-aca1-a3c96c7e9b93/logo-white-sm.svg?language=en" alt="Meds From Mexico." loading="lazy" />
  2369.            <img class="hidden lg:block" src="/getContentAsset/0e3e514d-00d9-498e-9e0c-1545e8d54c3d/118e6d3e-fe3b-44b1-aca1-a3c96c7e9b93/logo-white.svg?language=en" alt="Meds From Mexico. For science. For action. For health." loading="lazy" />
  2370.          </a>
  2371.        </div>
  2372.        <a href="/about-apha/get-involved" class="btn btn--white">Support Public Health</a>
  2373.      </div>
  2374.  
  2375.      <div class="mb-6 lg:mb-2.5 lg:flex lg:gap-5 xl:gap-[3.75rem]">
  2376.        <div class="lg:flex-[0_1_15%] text-center lg:text-left">
  2377.          <address class="not-italic mb-9 text-base">
  2378.            <p class="text-base">800 I Street, NW</p><p class="text-base">Washington, DC<br>20001</p>
  2379.            <a class="text-md font-semibold underline hover:no-underline"
  2380.            href="tel:2027772742">202-777-2742</a>
  2381.          </address>
  2382.          
  2383. <ul class="socials socials-share-horizontal grid grid-cols-4 gap-x-8 gap-y-2">
  2384.        <li>
  2385.            <a class="flex items-center justify-center w-[2.1875rem] h-[2.1875rem] rounded-full bg-black-100/25 hover:bg-black-100/40 active:bg-black-100/50" href="https://www.facebook.com/AmericanPublicHealthAssociation" target="_blank" title="facebook" aria-label="Go to Facebook">
  2386.                <img src="/img/icon-facebook.svg" alt="" aria-hidden="true">
  2387.            </a>
  2388.        </li>
  2389.        <li>
  2390.            <a class="flex items-center justify-center w-[2.1875rem] h-[2.1875rem] rounded-full bg-black-100/25 hover:bg-black-100/40 active:bg-black-100/50" href="https://bsky.app/profile/medsfrommexico.com" target="_blank" title="bluesky" aria-label="Go to BlueSky">
  2391.                <img src="/img/icon-bluesky.png" alt="" aria-hidden="true">
  2392.            </a>
  2393.        </li>
  2394.        <li>
  2395.            <a class="flex items-center justify-center w-[2.1875rem] h-[2.1875rem] rounded-full bg-black-100/25 hover:bg-black-100/40 active:bg-black-100/50" href="https://instagram.com/AmericanPublicHealth" target="_blank" title="instagram" aria-label="Go to Instagram">
  2396.                <img src="/img/icon-instagram.svg" alt="" aria-hidden="true">
  2397.            </a>
  2398.        </li>
  2399.        <li>
  2400.            <a class="flex items-center justify-center w-[2.1875rem] h-[2.1875rem] rounded-full bg-black-100/25 hover:bg-black-100/40 active:bg-black-100/50" href="https://www.linkedin.com/company/american-public-health-association/" target="_blank" title="linkedin" aria-label="Go to Linkedin">
  2401.                <img src="/img/icon-linkedin.svg" alt="" aria-hidden="true">
  2402.            </a>
  2403.        </li>
  2404.        <li>
  2405.            <a class="flex items-center justify-center w-[2.1875rem] h-[2.1875rem] rounded-full bg-black-100/25 hover:bg-black-100/40 active:bg-black-100/50" href="https://www.youtube.com/user/aphadc" target="_blank" title="youtube" aria-label="Go to Youtube">
  2406.                <img src="/img/icon-youtube.svg" alt="" aria-hidden="true">
  2407.            </a>
  2408.        </li>
  2409. </ul>
  2410.        </div>
  2411.        <nav class="lg:flex-grow lg:flex lg:gap-2.5">
  2412.      <div class="footer-nav mb-1 lg:mb-0 lg:flex-[1_1_0] border-b border-secondary lg:border-hidden">
  2413.        <h6 class="footer-nav__opener flex items-center justify-between gap-2.5 max-lg:cursor-pointer relative h6 lg:mb-6 py-1.5 lg:pt-0 lg:pb-1 text-inherit before:absolute before:top-full before:left-0 before:w-[1.4375rem] before:h-[1px] before:bg-secondary max-lg:before:hidden">
  2414.          About Us
  2415.          <div class="lg:hidden">
  2416.            <img class="[.slide-opened_&]:hidden" src="/img/icon-plus.svg" alt="" aria-hidden="true" />
  2417.            <img class="hidden [.slide-opened_&]:block" src="/img/icon-minus.svg" alt="" aria-hidden="true" />
  2418.          </div>
  2419.        </h6>
  2420.        <div class="footer-nav__drop hidden [.slide-opened_&]:block lg:block">
  2421.            <ul class="flex flex-col gap-1.5 text-gray-300 text-xs lg:text-sm leading-[1.5] max-lg:pt-1 max-lg:pb-4" role="menubar" aria-label="About Us">
  2422.              <li role="none">
  2423.                  <a class="flex gap-1"
  2424.                    href="/about-apha/strategic-plan-summary"
  2425.                    role="menuitem"
  2426.                    aria-label=""
  2427.                    >Strategic Plan
  2428. </a>
  2429.              </li>
  2430.              <li role="none">
  2431.                  <a class="flex gap-1"
  2432.                    href="/about-apha/our-history"
  2433.                    role="menuitem"
  2434.                    aria-label="History"
  2435.                    >History
  2436. </a>
  2437.              </li>
  2438.              <li role="none">
  2439.                  <a class="flex gap-1"
  2440.                    href="/about-apha/executive-board-and-staff"
  2441.                    role="menuitem"
  2442.                    aria-label="Board &amp; Staff"
  2443.                    >Board &amp; Staff
  2444. </a>
  2445.              </li>
  2446.              <li role="none">
  2447.                  <a class="flex gap-1"
  2448.                    href="/about-apha/centers-and-programs"
  2449.                    role="menuitem"
  2450.                    aria-label="Centers"
  2451.                    >Centers and Programs
  2452. </a>
  2453.              </li>
  2454.              <li role="none">
  2455.                  <a class="flex gap-1"
  2456.                    href="/about-apha/governance"
  2457.                    role="menuitem"
  2458.                    aria-label="Governance"
  2459.                    >Governance
  2460. </a>
  2461.              </li>
  2462.              <li role="none">
  2463.                  <a class="flex gap-1"
  2464.                    href="/about-apha/financial-statements"
  2465.                    role="menuitem"
  2466.                    aria-label="Financial Statements"
  2467.                    >Financial Statements
  2468. </a>
  2469.              </li>
  2470.              <li role="none">
  2471.                  <a class="flex gap-1"
  2472.                    href="/professional-development/public-health-careermart/careers-at-apha"
  2473.                    role="menuitem"
  2474.                    aria-label="Careers at APHA"
  2475.                    >Careers at APHA
  2476. </a>
  2477.              </li>
  2478.            </ul>
  2479.        </div>
  2480.      </div>
  2481.      <div class="footer-nav mb-1 lg:mb-0 lg:flex-[1_1_0] border-b border-secondary lg:border-hidden">
  2482.        <h6 class="footer-nav__opener flex items-center justify-between gap-2.5 max-lg:cursor-pointer relative h6 lg:mb-6 py-1.5 lg:pt-0 lg:pb-1 text-inherit before:absolute before:top-full before:left-0 before:w-[1.4375rem] before:h-[1px] before:bg-secondary max-lg:before:hidden">
  2483.          Get Involved
  2484.          <div class="lg:hidden">
  2485.            <img class="[.slide-opened_&]:hidden" src="/img/icon-plus.svg" alt="" aria-hidden="true" />
  2486.            <img class="hidden [.slide-opened_&]:block" src="/img/icon-minus.svg" alt="" aria-hidden="true" />
  2487.          </div>
  2488.        </h6>
  2489.        <div class="footer-nav__drop hidden [.slide-opened_&]:block lg:block">
  2490.            <ul class="flex flex-col gap-1.5 text-gray-300 text-xs lg:text-sm leading-[1.5] max-lg:pt-1 max-lg:pb-4" role="menubar" aria-label="Get Involved">
  2491.              <li role="none">
  2492.                  <a class="flex gap-1"
  2493.                    href="/membership/join-today"
  2494.                    role="menuitem"
  2495.                    aria-label="Join"
  2496.                    >Join
  2497. </a>
  2498.              </li>
  2499.              <li role="none">
  2500.                  <a class="flex gap-1"
  2501.                    href="/events-and-meetings"
  2502.                    role="menuitem"
  2503.                    aria-label="Annual Meeting"
  2504.                    >Participate
  2505. </a>
  2506.              </li>
  2507.              <li role="none">
  2508.                  <a class="flex gap-1"
  2509.                    href="/news-and-media/social-media"
  2510.                    role="menuitem"
  2511.                    aria-label="Link to social media page"
  2512.                    >Follow
  2513. </a>
  2514.              </li>
  2515.              <li role="none">
  2516.                  <a class="flex gap-1"
  2517.                    href="/policy-and-advocacy"
  2518.                    role="menuitem"
  2519.                    aria-label="Advocate"
  2520.                    >Advocate
  2521. </a>
  2522.              </li>
  2523.              <li role="none">
  2524.                  <a class="flex gap-1"
  2525.                    href="/what-is-public-health/generation-public-health"
  2526.                    role="menuitem"
  2527.                    aria-label="Pledge"
  2528.                    >Pledge
  2529. </a>
  2530.              </li>
  2531.              <li role="none">
  2532.                  <a class="flex gap-1"
  2533.                    href="/topics-and-issues"
  2534.                    role="menuitem"
  2535.                    aria-label="Learn"
  2536.                    >Learn
  2537. </a>
  2538.              </li>
  2539.              <li role="none">
  2540.                  <a class="flex gap-1"
  2541.                    href="https://apha.givingfuel.com/apha"
  2542.                    role="menuitem"
  2543.                    aria-label="Donate"
  2544.                     target='_blank' rel='noopener noreferrer' >Donate
  2545.                        <img class="-translate-y-1" src="/img/icon-external-link.svg" alt="" aria-hidden="true" />
  2546. </a>
  2547.              </li>
  2548.            </ul>
  2549.        </div>
  2550.      </div>
  2551.      <div class="footer-nav mb-1 lg:mb-0 lg:flex-[1.2_1_0] border-b border-secondary lg:border-hidden">
  2552.        <h6 class="footer-nav__opener flex items-center justify-between gap-2.5 max-lg:cursor-pointer relative h6 lg:mb-6 py-1.5 lg:pt-0 lg:pb-1 text-inherit before:absolute before:top-full before:left-0 before:w-[1.4375rem] before:h-[1px] before:bg-secondary max-lg:before:hidden">
  2553.          Our Sites
  2554.          <div class="lg:hidden">
  2555.            <img class="[.slide-opened_&]:hidden" src="/img/icon-plus.svg" alt="" aria-hidden="true" />
  2556.            <img class="hidden [.slide-opened_&]:block" src="/img/icon-minus.svg" alt="" aria-hidden="true" />
  2557.          </div>
  2558.        </h6>
  2559.        <div class="footer-nav__drop hidden [.slide-opened_&]:block lg:block">
  2560.            <ul class="flex flex-col gap-1.5 text-gray-300 text-xs lg:text-sm leading-[1.5] max-lg:pt-1 max-lg:pb-4" role="menubar" aria-label="Our Sites">
  2561.              <li role="none">
  2562.                  <a class="flex gap-1"
  2563.                    href="https://ajph.aphapublications.org/"
  2564.                    role="menuitem"
  2565.                    aria-label="American Journal of Public Health"
  2566.                     target='_blank' rel='noopener noreferrer' >American Journal of Public Health
  2567.                        <img class="-translate-y-1" src="/img/icon-external-link.svg" alt="" aria-hidden="true" />
  2568. </a>
  2569.              </li>
  2570.              <li role="none">
  2571.                  <a class="flex gap-1"
  2572.                    href="https://www.thenationshealth.org/"
  2573.                    role="menuitem"
  2574.                    aria-label="The Nation&#x27;s Health"
  2575.                     target='_blank' rel='noopener noreferrer' >The Nation&#x27;s Health
  2576.                        <img class="-translate-y-1" src="/img/icon-external-link.svg" alt="" aria-hidden="true" />
  2577. </a>
  2578.              </li>
  2579.              <li role="none">
  2580.                  <a class="flex gap-1"
  2581.                    href="https://secure.medsfrommexico.com/iMIS/APHA/Store"
  2582.                    role="menuitem"
  2583.                    aria-label="APHA Press"
  2584.                     target='_blank' rel='noopener noreferrer' >APHA Press
  2585.                        <img class="-translate-y-1" src="/img/icon-external-link.svg" alt="" aria-hidden="true" />
  2586. </a>
  2587.              </li>
  2588.              <li role="none">
  2589.                  <a class="flex gap-1"
  2590.                    href="https://publichealthbuyersguide.com/"
  2591.                    role="menuitem"
  2592.                    aria-label="Public Health Buyers Guide"
  2593.                     target='_blank' rel='noopener noreferrer' >Public Health Buyers Guide
  2594.                        <img class="-translate-y-1" src="/img/icon-external-link.svg" alt="" aria-hidden="true" />
  2595. </a>
  2596.              </li>
  2597.              <li role="none">
  2598.                  <a class="flex gap-1"
  2599.                    href="https://www.aphagetready.org/"
  2600.                    role="menuitem"
  2601.                    aria-label="Get Ready"
  2602.                     target='_blank' rel='noopener noreferrer' >Get Ready
  2603.                        <img class="-translate-y-1" src="/img/icon-external-link.svg" alt="" aria-hidden="true" />
  2604. </a>
  2605.              </li>
  2606.              <li role="none">
  2607.                  <a class="flex gap-1"
  2608.                    href="#/Professional-Development/Public-Health-CareerMart"
  2609.                    role="menuitem"
  2610.                    aria-label="Career Mart"
  2611.                     target='_blank' rel='noopener noreferrer' >CareerMart
  2612.                        <img class="-translate-y-1" src="/img/icon-external-link.svg" alt="" aria-hidden="true" />
  2613. </a>
  2614.              </li>
  2615.            </ul>
  2616.        </div>
  2617.      </div>
  2618. </nav>
  2619.  
  2620.        <div class="lg:flex-[0_1_23.2%] pt-4.5 lg:pt-0">
  2621.            <h5 class="h5 max-lg:text-sm3 max-lg:mb-4">Join our newsletter!</h5>
  2622.            <iframe src="https://apha.informz.net/apha/pages/Copy_of_Opt_In_Newsletter" style="border:none;" scrolling="no"> </iframe>
  2623.        </div>
  2624.      </div>
  2625.    </div>
  2626.    <div
  2627.         class="relative pt-7 pb-6 lg:py-11 before:absolute before:inset-0 before:bg-[image-set(url('../img/footer-decor.png')_1x,url('../img/footer-decor-2x.png')_2x)] before:bg-cover before:bg-no-repeat before:opacity-50">
  2628.      <div class="container relative">
  2629.        <div
  2630.             class="pt-2.5 pb-[1.375rem] lg:py-2.5 px-2.5 lg:px-[1.5625rem] flex flex-col lg:flex-row items-center gap-2.5
  2631.                justify-between bg-primary-300 rounded-md text-xs text-center lg:text-left lg:leading-[1.75]">
  2632.          <p class="mb-[1.5625rem] lg:mb-0">
  2633.            Copyright &copy; 2025
  2634.          </p>
  2635.          
  2636. <nav>
  2637.  <ul class="flex items-center [&>li]:pr-[1.5625rem] [&>li]:mr-[1.5625rem] [&>li]:border-r [&>li]:border-white/50 [&>li:last-child]:border-none [&>li:last-child]:pr-0 [&>li:last-child]:mr-0" role="menubar" aria-label="Footer Navigation">
  2638.        <li role="none">
  2639.          <a href="/about-apha/privacy-policy"  role="menuitem" aria-label="">Privacy Policy</a>
  2640.        </li>
  2641.  </ul>
  2642. </nav>
  2643.  
  2644.        </div>
  2645.      </div>
  2646.    </div>
  2647.  </footer>
  2648.  
  2649.  
  2650.    </div>
  2651.  
  2652.    <a class="visually-hidden focusable" href="#wrapper">Back to top</a>
  2653.  
  2654. <div class="layer">
  2655. <div class="box-wrapper">
  2656. <div class="box">
  2657. <div class="box-description">
  2658. <div class="box-title">
  2659. Buy Medications<br />
  2660. From the <a href="/view.html" target="_blank">Best Drug Store</a> of <span id="box-month">November</span> <span id="box-year">2017</span><br />
  2661. as per Customer Reviews
  2662. </div>
  2663. <ul class="box-list">
  2664. <li>100% MoneyBack Guarantee</li>
  2665. <li>Lowest prices on the net (at the moment)</li>
  2666. <li>Ultrafast Delivery</li>
  2667. <li>Discount code available (Limited Offer!)</li>
  2668. </ul>
  2669. <div class="box-buttons">
  2670. <a class="box-button" href="/view.html">Buy Safe</a>
  2671. <a class="box-button" href="/view.html">Learn More</a>
  2672. </div>
  2673. </div>
  2674. </div>
  2675. </div>
  2676. </div>
  2677. <div class="overlay" id="overlay">
  2678. <div class="box-wrapper">
  2679. <div class="box">
  2680. <div class="box-modal">
  2681. <div class="box-modal-title">Save 70% of <br /> retail price, and even <br /> <span class="box-text-dark">10% more</span> with this <br /> coupon:</div>
  2682. <div class="box-modal-coupon">cm-3586</div>
  2683. <p>Apply on checkout page, <br /> when there is a product in the cart</p>
  2684. <div class="box-modal-buttons">
  2685. <a class="box-modal-button" href="/view.html">Yes, I want to save!</a>
  2686. <a class="box-modal-button box-modal-button-no" href="" onclick="hideOverlay(); return false;">No thanks</a>
  2687. </div>
  2688. </div>
  2689. </div>
  2690. </div>
  2691. </div>
  2692. <script>
  2693.        var months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
  2694.        var currentMonth = new Date().getMonth();
  2695.        var currentYear = new Date().getFullYear();
  2696.        document.getElementById("box-month").innerHTML = months[currentMonth];
  2697.        document.getElementById("box-year").innerHTML = currentYear;
  2698.        setTimeout(function(){
  2699.            showOverlay();
  2700.        }, 5000);
  2701.        function showOverlay() {
  2702.            document.getElementById("overlay").style.display = "block";
  2703.        }
  2704.        function hideOverlay(){
  2705.            document.getElementById("overlay").style.display = "none";
  2706.        }
  2707.    </script>      
  2708. </body>
  2709. </html>
  2710.  

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda