.wd-popup.wd-promo-popup{
	background-color:#111111;
	background-image: url(https://haprojects.shop/alexa/wp-content/uploads/2021/08/retail-2-popup.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}

.page-title-default{
	background-color:#0a0a0a;
	background-size:cover;
	background-position:center center;
}

.footer-container{
	background-color:rgb(25,25,25);
}

:root{
--wd-text-font:"Poppins", Arial, Helvetica, sans-serif;
--wd-text-font-weight:400;
--wd-text-color:rgb(56,56,56);
--wd-text-font-size:14px;
}
:root{
--wd-title-font:"Poppins", Arial, Helvetica, sans-serif;
--wd-title-font-weight:700;
--wd-title-color:#242424;
}
:root{
--wd-entities-title-font:"Poppins", Arial, Helvetica, sans-serif;
--wd-entities-title-font-weight:600;
--wd-entities-title-color:#333333;
--wd-entities-title-color-hover:rgb(51 51 51 / 65%);
}
:root{
--wd-alternative-font:"Poppins", Arial, Helvetica, sans-serif;
}
:root{
--wd-widget-title-font:"Poppins", Arial, Helvetica, sans-serif;
--wd-widget-title-font-weight:600;
--wd-widget-title-transform:uppercase;
--wd-widget-title-color:#333;
--wd-widget-title-font-size:16px;
}
:root{
--wd-header-el-font:"Poppins", Arial, Helvetica, sans-serif;
--wd-header-el-font-weight:600;
--wd-header-el-transform:uppercase;
--wd-header-el-font-size:13px;
}
:root{
--wd-primary-color:rgb(204,5,20);
}
:root{
--wd-alternative-color:rgb(0,0,0);
}
:root{
--wd-link-color:rgb(204,5,20);
--wd-link-color-hover:#242424;
}
:root{
--btn-default-bgcolor:#f7f7f7;
}
:root{
--btn-default-bgcolor-hover:#efefef;
}
:root{
--btn-shop-bgcolor:rgb(204,5,20);
}
:root{
--btn-shop-bgcolor-hover:rgb(204,5,20);
}
:root{
--btn-accent-bgcolor:rgb(204,5,20);
}
:root{
--btn-accent-bgcolor-hover:rgb(204,5,20);
}
:root{
--notices-success-bg:rgb(204,5,20);
}
:root{
--notices-success-color:#fff;
}
:root{
--notices-warning-bg:rgb(204,5,20);
}
:root{
--notices-warning-color:#fff;
}
	:root{
			--wd-form-brd-radius: 35px;
	
	
	
	--wd-form-brd-width: 2px;

	--btn-default-color: #333;
	--btn-default-color-hover: #333;

	--btn-shop-color: #fff;
	--btn-shop-color-hover: #fff;

	--btn-accent-color: #fff;
	--btn-accent-color-hover: #fff;
			--btn-default-brd-radius: 0px;
		--btn-default-box-shadow: none;
		--btn-default-box-shadow-hover: none;
		--btn-default-box-shadow-active: none;
		--btn-default-bottom: 0px;
	
			--btn-shop-brd-radius: 0.001px;
		--btn-shop-box-shadow: none;
		--btn-shop-box-shadow-hover: none;
		--btn-shop-box-shadow-active: none;
		--btn-shop-bottom: 0px;
	
			--btn-accent-brd-radius: 0px;
		--btn-accent-box-shadow: none;
		--btn-accent-box-shadow-hover: none;
		--btn-accent-box-shadow-active: none;
		--btn-accent-bottom: 0px;
	
	
	
	
	
	
	
	
	
	
		}

	
	
	/* Site width */
		/* Header Boxed */
	@media (min-width: 1025px) {
		.whb-boxed:not(.whb-sticked):not(.whb-full-width) .whb-main-header {
			max-width: 1192px;
		}
	}

	.container {
		max-width: 1222px;
	}
	
	
		.elementor-section.wd-section-stretch > .elementor-column-gap-no {
			max-width: 1192px;
		}

		.elementor-section.wd-section-stretch > .elementor-column-gap-narrow {
			max-width: 1202px;
		}

		.elementor-section.wd-section-stretch > .elementor-column-gap-default {
			max-width: 1212px;
		}

		.elementor-section.wd-section-stretch > .elementor-column-gap-extended {
			max-width: 1222px;
		}

		.elementor-section.wd-section-stretch > .elementor-column-gap-wide {
			max-width: 1232px;
		}

		.elementor-section.wd-section-stretch > .elementor-column-gap-wider {
			max-width: 1252px;
		}

		@media (min-width: 1239px) {

			.platform-Windows .wd-section-stretch > .elementor-container {
				margin-left: auto;
				margin-right: auto;
			}
		}

		@media (min-width: 1222px) {

			html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
				margin-left: auto;
				margin-right: auto;
			}
		}

	
	/* Quick view */
	div.wd-popup.popup-quick-view {
		max-width: 920px;
	}




	.woodmart-woocommerce-layered-nav .wd-scroll-content {
		max-height: 223px;
	}

@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//www.alexaent.com/wp-content/themes/woodmart/fonts/woodmart-font.woff2?v=6.4.2") format("woff2");
}

<!DOCTYPE html><html><head><meta charset="utf-8"><title>Footer</title></head><body>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&family=Bebas+Neue&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">

<footer class="axf-footer">

  <div class="axf-footer-bg"></div>
  <div class="axf-footer-pattern"></div>
  <div class="axf-footer-glow"></div>

  <div class="axf-cta-band">
    <div class="axf-cta-pattern"></div>
    <div class="axf-container axf-cta-row">
      <div class="axf-cta-copy">
        <span class="axf-cta-eyebrow"><span class="axf-cta-line"></span> WHOLESALE & CUSTOM ORDERS</span>
        <h3>Gear up with Alexa Enterprises</h3>
        <p>Fight gear, fight wear & training equipment made in Sialkot — request a quote today.</p>
      </div>
      <a href="#" class="axf-cta-btn">
        <span>GET A QUOTE</span>
        <i class="fa-solid fa-arrow-right"></i>
      </a>
    </div>
  </div>

  <div class="axf-main">
    <div class="axf-container axf-grid">

      <div class="axf-col axf-brand-col">
        <a href="/" class="axf-logo"><img src="https://www.alexaent.com/wp-content/uploads/2026/07/SVG-logo-1.png" alt="Alexa Enterprises" class="axf-logo-img"></a>
        <p class="axf-about">
          A Sialkot-based manufacturer of premium fight gear, fight wear, strength & training equipment, and sports wear — built for athletes who push limits.
        </p>
        <div class="axf-social-row">
          <a href="#" class="axf-social-ico fb" aria-label="Facebook"><i class="fa-brands fa-facebook-f"></i></a>
          <a href="#" class="axf-social-ico ig" aria-label="Instagram"><i class="fa-brands fa-instagram"></i></a>
          <a href="https://wa.me/923289080094" class="axf-social-ico wa" aria-label="WhatsApp"><i class="fa-brands fa-whatsapp"></i></a>
        </div>
      </div>

      <div class="axf-col">
        <h4 class="axf-heading">Customer Service</h4>
        <ul class="axf-links">
          <li><a href="/">Home</a></li>
          <li><a href="/about-us">About Us</a></li>
          <li><a href="/contact-us">Contact Us</a></li>
          <li><a href="/why-choose-us">Why Choose Us</a></li>
        </ul>
      </div>

      <div class="axf-col">
        <h4 class="axf-heading">Main Categories</h4>
        <ul class="axf-links">
          <li><a href="/fight-gear">Fight Gear</a></li>
          <li><a href="/fight-wear">Fight Wear</a></li>
          <li><a href="/strength-training">Strength & Training</a></li>
          <li><a href="/sports-wears">Sports Wears</a></li>
        </ul>
      </div>

      <div class="axf-col">
        <h4 class="axf-heading">Company</h4>
        <ul class="axf-links">
          <li><a href="/about-us">Our Story</a></li>
          <li><a href="#">Bulk / Wholesale</a></li>
          <li><a href="#">Custom Branding</a></li>
          <li><a href="/contact-us">Support</a></li>
        </ul>
      </div>

      <div class="axf-col">
        <h4 class="axf-heading">Get In Touch</h4>
        <ul class="axf-contact-list">
          <li>
            <a href="mailto:info@alexaent.com" class="axf-contact-link">
              <span class="axf-contact-badge"><i class="fa-solid fa-envelope"></i></span>
              <span class="axf-contact-text">
                <span class="axf-contact-label">Email us</span>
                <span class="axf-contact-value">info@alexaent.com</span>
              </span>
            </a>
          </li>
          <li>
            <a href="tel:+923289080094" class="axf-contact-link">
              <span class="axf-contact-badge"><i class="fa-solid fa-phone"></i></span>
              <span class="axf-contact-text">
                <span class="axf-contact-label">Call us</span>
                <span class="axf-contact-value">+92 328 9080094</span>
              </span>
            </a>
          </li>
          <li>
            <a href="https://maps.google.com/?q=Sialkot,Pakistan" class="axf-contact-link">
              <span class="axf-contact-badge"><i class="fa-solid fa-location-dot"></i></span>
              <span class="axf-contact-text">
                <span class="axf-contact-label">Location</span>
                <span class="axf-contact-value">Sialkot 51310, Pakistan</span>
              </span>
            </a>
          </li>
        </ul>
      </div>

    </div>
  </div>

  <div class="axf-bottom">
    <div class="axf-container axf-bottom-row">
      <p class="axf-copy">© <span id="axfYear"></span> Alexa Enterprises. All rights reserved.</p>
      <div class="axf-ship-icons" aria-label="Shipping partners">
        <span class="axf-ship-badge axf-ship-dhl">DHL</span>
        <span class="axf-ship-badge axf-ship-fedex">Fed<em>Ex</em></span>
        <span class="axf-ship-badge axf-ship-ups">UPS</span>
        <span class="axf-ship-badge axf-ship-express"><i class="fa-solid fa-bolt"></i> Express</span>
        <span class="axf-ship-badge axf-ship-skynet">SkyNet</span>
        <span class="axf-ship-badge axf-ship-sea"><i class="fa-solid fa-ship"></i> By Sea</span>
        <span class="axf-ship-badge axf-ship-dpex">DPEX</span>
      </div>
      <a href="https://wa.me/923204582609?text=Hi%20Webrise%20Studio,%20I%20want%20to%20discuss%20a%20web%20project." target="_blank" rel="noopener" class="axf-credit">Design & Development By <span>Webrise Studio</span></a>
    </div>
  </div>

</footer>

<style>
  .axf-footer, .axf-footer *, .axf-footer *::before, .axf-footer *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
  }
  .axf-footer i[class*="fa-"] {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-style: normal;
  }
  .axf-footer i.fa-brands {
    font-family: "Font Awesome 6 Brands" !important;
    font-weight: 400 !important;
  }
  .axf-footer i[class*="fa-"]::before { font-family: inherit !important; }

  .axf-footer {
    background-color: #0b0d0c;
    color: #cfd1cf;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    overflow: hidden;
    isolation: isolate;
  }

  /* Background photo layer — slow ken-burns pan/zoom */
  .axf-footer-bg {
    position: absolute;
    inset: -20px;
    z-index: 0;
    background-image:
      linear-gradient(180deg, rgba(11,13,12,0.90), rgba(11,13,12,0.80) 40%, rgba(11,13,12,0.96) 100%),
      url('https://www.alexaent.com/wp-content/uploads/2025/10/def5dd55-a4e0-4876-9581-0cbe440a4561.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    animation: axfKenBurns 26s ease-in-out infinite alternate;
  }
  @keyframes axfKenBurns {
    0%   { transform: scale(1) translate(0,0); }
    100% { transform: scale(1.09) translate(-1.5%, -1%); }
  }

  /* Diagonal pattern overlay — subtly drifting */
  .axf-footer-pattern {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background-image: repeating-linear-gradient(
      45deg,
      rgba(200,16,46,0.06) 0px,
      rgba(200,16,46,0.06) 2px,
      transparent 2px,
      transparent 26px
    );
    background-size: 120px 120px;
    animation: axfPatternDrift 18s linear infinite;
    opacity: 0.8;
  }
  @keyframes axfPatternDrift {
    0%   { background-position: 0 0; }
    100% { background-position: 240px 240px; }
  }

  /* Roaming red glow */
  .axf-footer-glow {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background-image: radial-gradient(circle, rgba(200,16,46,0.28), transparent 60%);
    background-size: 55% 55%;
    background-repeat: no-repeat;
    animation: axfGlowRoam 14s ease-in-out infinite;
    mix-blend-mode: screen;
    opacity: 0.7;
  }
  @keyframes axfGlowRoam {
    0%   { background-position: 0% 20%; }
    25%  { background-position: 90% 10%; }
    50%  { background-position: 80% 90%; }
    75%  { background-position: 10% 85%; }
    100% { background-position: 0% 20%; }
  }

  .axf-footer > .axf-cta-band,
  .axf-footer > .axf-main,
  .axf-footer > .axf-bottom {
    position: relative;
    z-index: 2;
  }

  .axf-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 40px;
  }

  /* CTA Band — red with animated diagonal pattern */
  .axf-cta-band {
    position: relative;
    background: linear-gradient(90deg, #c8102e 0%, #8c0a1f 100%);
    background-size: 200% 200%;
    animation: axfGradientShift 6s ease infinite;
    overflow: hidden;
  }
  @keyframes axfGradientShift {
    0%   { background-position: 0% 50%; }
    50%  { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
  }
  .axf-cta-pattern {
    position: absolute;
    inset: -50% -10%;
    z-index: 0;
    pointer-events: none;
    background-image: repeating-linear-gradient(
      -45deg,
      rgba(255,255,255,0.07) 0px,
      rgba(255,255,255,0.07) 2px,
      transparent 2px,
      transparent 30px
    );
    background-size: 140px 140px;
    animation: axfCtaPatternDrift 12s linear infinite;
  }
  @keyframes axfCtaPatternDrift {
    0%   { background-position: 0 0; }
    100% { background-position: -280px 280px; }
  }
  .axf-cta-row {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    flex-wrap: wrap;
    padding: 25px 0;
  }
  .axf-cta-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #ffffff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2.5px;
    margin-bottom: 12px;
  }
  .axf-cta-line {
    width: 24px;
    height: 1px;
    background: #ffffff;
    display: inline-block;
  }
  .axf-cta-copy h3 {
    color: #ffffff;
    font-size: 25px;
    font-weight: 800;
    letter-spacing: -0.3px;
    margin-bottom: 8px;
  }
  .axf-cta-copy p {
    color: rgba(255,255,255,0.85);
    font-size: 13.5px;
    font-weight: 500;
  }
  .axf-cta-btn {
    position: relative;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #0b0d0c;
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1px;
    padding: 14px 28px;
    border: 2px solid #ffffff;
    border-radius: 30px;
    overflow: hidden;
    z-index: 1;
    transition: color 0.35s ease, border-color 0.3s ease, transform 0.25s ease;
    animation: axfPulse 2.4s ease-in-out infinite;
  }
  @keyframes axfPulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(255,255,255,0.25); }
    50% { box-shadow: 0 0 0 8px rgba(255,255,255,0); }
  }
  .axf-cta-btn::before {
    content: '';
    position: absolute;
    inset: 0;
    background: #ffffff;
    transform: translateX(-102%);
    transition: transform 0.4s cubic-bezier(0.65,0,0.35,1);
    z-index: -1;
  }
  .axf-cta-btn:hover {
    color: #c8102e;
    transform: translateY(-2px);
  }
  .axf-cta-btn:hover::before { transform: translateX(0); }
  .axf-cta-btn i { font-size: 12px; transition: transform 0.3s cubic-bezier(0.25,1,0.5,1); }
  .axf-cta-btn:hover i { transform: translateX(5px); }
  .axf-cta-btn:active { transform: translateY(0) scale(0.97); }

  /* Main Grid */
  .axf-main {
    padding: 64px 0 46px;
  }
  .axf-grid {
    display: grid;
    grid-template-columns: 1.6fr 1fr 1fr 1fr 1.2fr;
    gap: 40px;
  }

  /* fade-up entrance animation for columns */
  .axf-col {
    opacity: 0;
    transform: translateY(16px);
    animation: axfFadeUp 0.7s ease forwards;
  }
  .axf-col:nth-child(1) { animation-delay: 0.05s; }
  .axf-col:nth-child(2) { animation-delay: 0.15s; }
  .axf-col:nth-child(3) { animation-delay: 0.25s; }
  .axf-col:nth-child(4) { animation-delay: 0.35s; }
  .axf-col:nth-child(5) { animation-delay: 0.45s; }
  @keyframes axfFadeUp {
    to { opacity: 1; transform: translateY(0); }
  }

  .axf-logo {
    display: inline-block;
    text-decoration: none;
    margin-bottom: 18px;
  }
  .axf-logo-img {
    height: 42px;
    width: auto;
    display: block;
    filter: drop-shadow(0 2px 10px rgba(0,0,0,0.35));
    transition: transform 0.3s ease, filter 0.3s ease;
  }
  .axf-logo:hover .axf-logo-img {
    transform: translateY(-2px);
    filter: drop-shadow(0 4px 14px rgba(200,16,46,0.45));
  }
  .axf-about {
    color: #9b9ba3;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.75;
    margin-bottom: 22px;
    max-width: 300px;
  }

  /* Social icons: square, official brand colors */
  .axf-social-row { display: flex; gap: 10px; }
  .axf-social-ico {
    width: 38px;
    height: 38px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    color: #ffffff;
    text-decoration: none;
    border: none;
    transition: transform 0.3s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.3s ease, filter 0.3s ease;
  }
  .axf-social-ico.fb { background: #1877F2; }
  .axf-social-ico.ig {
    background: radial-gradient(circle at 30% 110%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  }
  .axf-social-ico.wa { background: #25D366; }

  .axf-social-ico:hover {
    transform: translateY(-4px) scale(1.08) rotate(-4deg);
    filter: brightness(1.1);
  }
  .axf-social-ico.fb:hover { box-shadow: 0 6px 16px rgba(24,119,242,0.45); }
  .axf-social-ico.ig:hover { box-shadow: 0 6px 16px rgba(214,36,159,0.45); }
  .axf-social-ico.wa:hover { box-shadow: 0 6px 16px rgba(37,211,102,0.45); }

  .axf-heading {
    color: #ffffff;
    font-size: 13.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    margin-bottom: 22px;
    position: relative;
    padding-bottom: 12px;
  }
  .axf-heading::after {
    content: '';
    position: absolute;
    left: 0; bottom: 0;
    width: 26px; height: 2px;
    background: #c8102e;
    transition: width 0.3s ease;
  }
  .axf-col:hover .axf-heading::after { width: 44px; }

  .axf-links { list-style: none; display: flex; flex-direction: column; gap: 13px; }
  .axf-links a {
    color: #9b9ba3;
    font-size: 13px;
    font-weight: 400;
    text-decoration: none;
    transition: color 0.25s ease, padding-left 0.25s ease;
    display: inline-block;
  }
  .axf-links a:hover { color: #ffffff; padding-left: 6px; }

  /* Contact icons: square, red theme */
  .axf-contact-list { list-style: none; display: flex; flex-direction: column; gap: 14px; }
  .axf-contact-link {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    padding: 6px;
    margin: -6px;
    border-radius: 10px;
    transition: background 0.25s ease, transform 0.25s ease;
  }
  .axf-contact-link:hover { background: rgba(200,16,46,0.10); transform: translateX(4px); }
  .axf-contact-badge {
    flex-shrink: 0;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: rgba(200,16,46,0.14);
    border: 1px solid rgba(200,16,46,0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: #ff4d4d;
    transition: all 0.25s ease;
  }
  .axf-contact-link:hover .axf-contact-badge {
    background: #c8102e;
    color: #ffffff;
    transform: scale(1.08) rotate(-4deg);
    box-shadow: 0 6px 16px rgba(200,16,46,0.4);
  }
  .axf-contact-text { display: flex; flex-direction: column; gap: 2px; }
  .axf-contact-label {
    font-size: 10.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: #6f6f78;
  }
  .axf-contact-value {
    font-size: 13px;
    color: #d4d4d9;
    font-weight: 500;
    transition: color 0.25s ease;
  }
  .axf-contact-link:hover .axf-contact-value { color: #ffffff; }

  /* Bottom bar */
  .axf-bottom { border-top: 1px solid rgba(255,255,255,0.08); padding: 22px 0; }
  .axf-bottom-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px 20px;
  }
  .axf-copy { font-size: 12px; color: #77777f; font-weight: 400; }
  .axf-ship-icons { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
  .axf-ship-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.3px;
    color: #ffffff;
    white-space: nowrap;
    transition: transform 0.25s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.25s ease, filter 0.25s ease;
  }
  .axf-ship-badge:hover { transform: translateY(-2px); filter: brightness(1.08); }
  .axf-ship-badge i { font-size: 10px; }
  .axf-ship-dhl { background: #FFCC00; color: #D40511; }
  .axf-ship-dhl:hover { box-shadow: 0 6px 14px rgba(255,204,0,0.35); }
  .axf-ship-fedex { background: #4D148C; }
  .axf-ship-fedex em { font-style: normal; color: #FF6600; }
  .axf-ship-fedex:hover { box-shadow: 0 6px 14px rgba(77,20,140,0.4); }
  .axf-ship-ups { background: #351C15; }
  .axf-ship-ups:hover { box-shadow: 0 6px 14px rgba(53,28,21,0.45); }
  .axf-ship-express { background: #c8102e; }
  .axf-ship-express:hover { box-shadow: 0 6px 14px rgba(200,16,46,0.4); }
  .axf-ship-skynet { background: #0057A8; }
  .axf-ship-skynet:hover { box-shadow: 0 6px 14px rgba(0,87,168,0.4); }
  .axf-ship-sea { background: #0A6E4C; }
  .axf-ship-sea:hover { box-shadow: 0 6px 14px rgba(10,110,76,0.4); }
  .axf-ship-dpex { background: #1a1c1b; border: 1px solid rgba(255,255,255,0.15); }
  .axf-ship-dpex:hover { box-shadow: 0 6px 14px rgba(0,0,0,0.4); }

  .axf-credit {
    font-size: 12px;
    font-weight: 500;
    color: #77777f;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: color 0.25s ease;
  }
  .axf-credit span {
    color: #c8102e;
    font-weight: 700;
    transition: color 0.25s ease, text-shadow 0.25s ease;
  }
  .axf-credit:hover { color: #cfd1cf; }
  .axf-credit:hover span {
    color: #ff4d4d;
    text-shadow: 0 0 10px rgba(255,77,77,0.5);
  }

  @media (max-width: 1080px) {
    .axf-grid { grid-template-columns: 1fr 1fr 1fr; row-gap: 44px; }
    .axf-brand-col { grid-column: 1 / -1; }
    .axf-about { max-width: 460px; }
  }
  @media (max-width: 760px) {
    .axf-container { padding: 0 22px; }
    .axf-cta-row { flex-direction: column; align-items: flex-start; text-align: left; padding: 36px 0; }
    .axf-cta-btn { width: 100%; justify-content: center; }
    .axf-grid { grid-template-columns: 1fr 1fr; row-gap: 36px; }
    .axf-main { padding: 48px 0 32px; }
    .axf-bottom-row { flex-direction: column; text-align: center; }
  }
  @media (max-width: 480px) {
    .axf-grid { grid-template-columns: 1fr; }
    .axf-cta-copy h3 { font-size: 20px; }
  }
</style>

<script>
  var axfYearEl = document.getElementById('axfYear');
  if (axfYearEl) { axfYearEl.textContent = new Date().getFullYear(); }
</script>
</body></html>