{"id":10,"date":"2025-11-25T10:45:33","date_gmt":"2025-11-25T10:45:33","guid":{"rendered":"https:\/\/liberty-guns.com\/?page_id=10"},"modified":"2025-11-27T21:45:36","modified_gmt":"2025-11-27T21:45:36","slug":"home","status":"publish","type":"page","link":"https:\/\/liberty-guns.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10\" class=\"elementor elementor-10\">\n\t\t\t\t<div class=\"elementor-element elementor-element-525a00d e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"525a00d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c99cf9b elementor-widget elementor-widget-html\" data-id=\"c99cf9b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* CSS Styles for the Alert Banner *\/\r\n.fraud-alert-banner {\r\n    background-color: #d32f2f; \/* Deep Red Background *\/\r\n    color: #ffffff; \/* White Text *\/\r\n    padding: 12px 20px;\r\n    text-align: center;\r\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n    font-size: 15px;\r\n    line-height: 1.5;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    border-bottom: 3px solid #b71c1c; \/* Darker red border for contrast *\/\r\n    position: relative;\r\n    z-index: 99999; \/* Ensures it sits on top of other elements *\/\r\n}\r\n\r\n.fraud-alert-banner strong {\r\n    font-weight: 800;\r\n    color: #ffeb3b; \/* Bright Yellow for the Warning word *\/\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n.fraud-alert-banner span.scam-url {\r\n    text-decoration: underline;\r\n    font-weight: bold;\r\n    background: rgba(0,0,0,0.2);\r\n    padding: 2px 6px;\r\n    border-radius: 4px;\r\n}\r\n\r\n\/* Mobile Tweaks *\/\r\n@media (max-width: 768px) {\r\n    .fraud-alert-banner {\r\n        font-size: 13px;\r\n        padding: 10px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"fraud-alert-banner\">\r\n    <strong>\u26a0\ufe0f SCAM WARNING:<\/strong> Please be aware of a fake website operating at <span class=\"scam-url\">libertygunsshop.com<\/span>.\r\n    <br style=\"display:none;\" class=\"mobile-break\"> \r\n    They are a scam. <strong>liberty-guns.com<\/strong> is our ONLY official website.\r\n<\/div>\r\n\r\n<script>\r\n\/\/ Optional: Adds a class to the break tag on mobile to stack lines neatly\r\nif (window.innerWidth < 600) {\r\n    document.querySelector('.mobile-break').style.display = 'inline';\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cecd1e3 elementor-widget elementor-widget-html\" data-id=\"cecd1e3\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n        }\r\n\r\n        \/* ============================================\r\n           SECTION 1: HERO - Dark with Blue Accent\r\n        ============================================ *\/\r\n        .hero-section {\r\n            background-image: url(https:\/\/liberty-guns.com\/wp-content\/uploads\/2025\/11\/lg-bg.jpg);\r\n            background-size: cover;\r\n            background-position: center;\r\n            background-repeat: no-repeat;\r\n        \r\n            min-height: 100vh;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        .hero-section::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        inset: 0;\r\n        background: rgba(0, 0, 0, 0.8); \/* adjust darkness: 0.3 = lighter, 0.7 = deeper *\/\r\n        z-index: 1;\r\n        }\r\n        .grid-bg {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background-image: \r\n                linear-gradient(rgba(59, 130, 246, 0.05) 1px, transparent 1px),\r\n                linear-gradient(90deg, rgba(59, 130, 246, 0.05) 1px, transparent 1px);\r\n            background-size: 50px 50px;\r\n            animation: gridFloat 20s linear infinite;\r\n        }\r\n\r\n        @keyframes gridFloat {\r\n            0% { transform: translateY(0); }\r\n            100% { transform: translateY(50px); }\r\n        }\r\n\r\n        .glow-orb {\r\n            position: absolute;\r\n            border-radius: 50%;\r\n            filter: blur(80px);\r\n            opacity: 0.3;\r\n            animation: orbFloat 15s ease-in-out infinite;\r\n        }\r\n\r\n        .glow-orb.blue {\r\n            background: #3b82f6;\r\n            width: 400px;\r\n            height: 400px;\r\n            top: -100px;\r\n            right: -100px;\r\n        }\r\n\r\n        .glow-orb.cyan {\r\n            background: #06b6d4;\r\n            width: 350px;\r\n            height: 350px;\r\n            bottom: -100px;\r\n            left: -100px;\r\n            animation-delay: -7s;\r\n        }\r\n\r\n        @keyframes orbFloat {\r\n            0%, 100% { transform: translate(0, 0) scale(1); }\r\n            50% { transform: translate(30px, -30px) scale(1.1); }\r\n        }\r\n\r\n        .hero-content {\r\n            position: relative;\r\n            z-index: 10;\r\n            text-align: center;\r\n            padding: 2rem;\r\n            max-width: 1200px;\r\n        }\r\n\r\n        .hero-badge {\r\n            display: inline-block;\r\n            padding: 0.7rem 1.8rem;\r\n            background: rgba(59, 130, 246, 0.15);\r\n            border: 1px solid rgba(59, 130, 246, 0.3);\r\n            border-radius: 50px;\r\n            color: #60a5fa;\r\n            font-size: 0.85rem;\r\n            font-weight: 700;\r\n            letter-spacing: 0.15em;\r\n            text-transform: uppercase;\r\n            margin-bottom: 2rem;\r\n            animation: fadeInDown 1s ease-out;\r\n        }\r\n\r\n        .hero-title {\r\n            font-size: clamp(3.5rem, 10vw, 5rem);\r\n            font-weight: 900;\r\n            color: #ffffff;\r\n            letter-spacing: -0.03em;\r\n            line-height: 0.95;\r\n            margin-bottom: 1.5rem;\r\n            text-transform: uppercase;\r\n            animation: fadeInUp 1s ease-out 0.2s backwards;\r\n        }\r\n\r\n        .hero-title-accent {\r\n            display: block;\r\n            background: linear-gradient(135deg, #3b82f6 0%, #06b6d4 100%);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n            text-shadow: 0 0 60px rgba(59, 130, 246, 0.3);\r\n        }\r\n\r\n        .hero-subtitle {\r\n            font-size: clamp(1.1rem, 2.5vw, 1.6rem);\r\n            color: #cbd5e1;\r\n            font-weight: 300;\r\n            letter-spacing: 0.02em;\r\n            margin-bottom: 1rem;\r\n            animation: fadeInUp 1s ease-out 0.4s backwards;\r\n        }\r\n\r\n        .hero-location {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 0.5rem;\r\n            color: #94a3b8;\r\n            font-size: 1rem;\r\n            font-weight: 600;\r\n            margin-bottom: 3rem;\r\n            animation: fadeInUp 1s ease-out 0.6s backwards;\r\n        }\r\n\r\n        .hero-buttons {\r\n            display: flex;\r\n            gap: 1.5rem;\r\n            justify-content: center;\r\n            flex-wrap: wrap;\r\n            margin-bottom: 4rem;\r\n            animation: fadeInUp 1s ease-out 0.8s backwards;\r\n        }\r\n\r\n        .btn {\r\n            padding: 1.3rem 3.5rem;\r\n            font-size: 1rem;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.08em;\r\n            border: none;\r\n            border-radius: 8px;\r\n            cursor: pointer;\r\n            transition: all 0.4s ease;\r\n            text-decoration: none;\r\n            display: inline-block;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .btn-primary {\r\n            background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\r\n            color: #ffffff;\r\n            box-shadow: 0 10px 40px rgba(59, 130, 246, 0.3);\r\n        }\r\n\r\n        .btn-primary:hover {\r\n            transform: translateY(-4px);\r\n            box-shadow: 0 20px 60px rgba(59, 130, 246, 0.5);\r\n        }\r\n\r\n        .btn-secondary {\r\n            background: transparent;\r\n            color: #ffffff;\r\n            border: 2px solid #ffffff;\r\n        }\r\n\r\n        .btn-secondary:hover {\r\n            background: #ffffff;\r\n            color: #0f172a;\r\n            transform: translateY(-4px);\r\n        }\r\n\r\n        .hero-stats {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 4rem;\r\n            flex-wrap: wrap;\r\n            padding-top: 3rem;\r\n            border-top: 1px solid rgba(59, 130, 246, 0.2);\r\n            animation: fadeIn 1s ease-out 1s backwards;\r\n        }\r\n\r\n        .stat-item {\r\n            text-align: center;\r\n        }\r\n\r\n        .stat-number {\r\n            font-size: 2.8rem;\r\n            font-weight: 900;\r\n            background: linear-gradient(135deg, #3b82f6, #06b6d4);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n            display: block;\r\n            margin-bottom: 0.5rem;\r\n        }\r\n\r\n        .stat-label {\r\n            font-size: 0.85rem;\r\n            color: #94a3b8;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.12em;\r\n            font-weight: 700;\r\n        }\r\n\r\n        \/* ============================================\r\n           SECTION 2: SERVICES - Light\/White\r\n        ============================================ *\/\r\n        .services-section {\r\n            background: #ffffff;\r\n            padding: 6rem 2rem;\r\n            position: relative;\r\n        }\r\n\r\n        .services-container {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .section-header {\r\n            text-align: center;\r\n            margin-bottom: 4rem;\r\n        }\r\n\r\n        .section-tag {\r\n            color: #3b82f6;\r\n            font-size: 0.9rem;\r\n            font-weight: 700;\r\n            letter-spacing: 0.2em;\r\n            text-transform: uppercase;\r\n            margin-bottom: 1rem;\r\n        }\r\n\r\n        .section-title {\r\n            font-size: clamp(2.5rem, 6vw, 4rem);\r\n            color: #0f172a;\r\n            font-weight: 900;\r\n            margin-bottom: 1rem;\r\n        }\r\n\r\n        .section-subtitle {\r\n            font-size: 1.2rem;\r\n            color: #64748b;\r\n            max-width: 700px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .services-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n            gap: 2rem;\r\n        }\r\n\r\n        .service-card {\r\n            background: #f8fafc;\r\n            border: 2px solid #e2e8f0;\r\n            border-radius: 16px;\r\n            padding: 3rem;\r\n            transition: all 0.4s ease;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .service-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 4px;\r\n            background: linear-gradient(90deg, #3b82f6, #06b6d4);\r\n            transform: scaleX(0);\r\n            transition: transform 0.4s ease;\r\n        }\r\n\r\n        .service-card:hover::before {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .service-card:hover {\r\n            border-color: #3b82f6;\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 20px 60px rgba(59, 130, 246, 0.15);\r\n        }\r\n\r\n        .service-icon {\r\n            width: 80px;\r\n            height: 80px;\r\n            background: linear-gradient(135deg, #3b82f6, #06b6d4);\r\n            border-radius: 16px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 2.5rem;\r\n            margin-bottom: 2rem;\r\n            box-shadow: 0 10px 30px rgba(59, 130, 246, 0.2);\r\n        }\r\n\r\n        .service-title {\r\n            font-size: 1.8rem;\r\n            color: #0f172a;\r\n            font-weight: 700;\r\n            margin-bottom: 1rem;\r\n        }\r\n\r\n        .service-description {\r\n            color: #475569;\r\n            line-height: 1.7;\r\n            margin-bottom: 1.5rem;\r\n        }\r\n\r\n        .service-features {\r\n            list-style: none;\r\n            padding: 0;\r\n        }\r\n\r\n        .service-features li {\r\n            color: #64748b;\r\n            padding: 0.6rem 0;\r\n            padding-left: 1.8rem;\r\n            position: relative;\r\n            font-size: 0.95rem;\r\n        }\r\n\r\n        .service-features li::before {\r\n            content: '\u2713';\r\n            position: absolute;\r\n            left: 0;\r\n            color: #3b82f6;\r\n            font-weight: 700;\r\n            font-size: 1.2rem;\r\n        }\r\n\r\n        .coming-soon-badge {\r\n            display: inline-block;\r\n            padding: 0.4rem 1rem;\r\n            background: linear-gradient(135deg, #fbbf24, #f59e0b);\r\n            color: #ffffff;\r\n            font-size: 0.75rem;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            border-radius: 20px;\r\n            margin-left: 0.5rem;\r\n            letter-spacing: 0.05em;\r\n        }\r\n\r\n        \/* ============================================\r\n           SECTION 3: WHY CHOOSE US - Blue Gradient\r\n        ============================================ *\/\r\n        .why-section {\r\n            background: linear-gradient(135deg, #1e40af 0%, #3b82f6 50%, #06b6d4 100%);\r\n            padding: 6rem 2rem;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .why-pattern {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background-image: \r\n                radial-gradient(circle, rgba(255, 255, 255, 0.1) 1px, transparent 1px);\r\n            background-size: 30px 30px;\r\n            opacity: 0.5;\r\n        }\r\n\r\n        .why-container {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n            z-index: 10;\r\n        }\r\n\r\n        .why-header {\r\n            text-align: center;\r\n            margin-bottom: 4rem;\r\n        }\r\n\r\n        .why-header .section-tag {\r\n            color: rgba(255, 255, 255, 0.8);\r\n        }\r\n\r\n        .why-header .section-title {\r\n            color: #ffffff;\r\n        }\r\n\r\n        .why-header .section-subtitle {\r\n            color: rgba(255, 255, 255, 0.9);\r\n        }\r\n\r\n        .why-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n            gap: 2rem;\r\n            margin-bottom: 4rem;\r\n        }\r\n\r\n        .why-card {\r\n            background: rgba(255, 255, 255, 0.1);\r\n            backdrop-filter: blur(10px);\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n            border-radius: 16px;\r\n            padding: 2.5rem;\r\n            text-align: center;\r\n            transition: all 0.4s ease;\r\n        }\r\n\r\n        .why-card:hover {\r\n            background: rgba(255, 255, 255, 0.15);\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        .why-icon {\r\n            font-size: 3.5rem;\r\n            margin-bottom: 1.5rem;\r\n            display: block;\r\n        }\r\n\r\n        .why-title {\r\n            font-size: 1.5rem;\r\n            color: #ffffff;\r\n            font-weight: 700;\r\n            margin-bottom: 1rem;\r\n        }\r\n\r\n        .why-description {\r\n            color: rgba(255, 255, 255, 0.9);\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .why-cta {\r\n            text-align: center;\r\n            padding: 3rem;\r\n            background: rgba(255, 255, 255, 0.1);\r\n            backdrop-filter: blur(10px);\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n            border-radius: 16px;\r\n        }\r\n\r\n        .why-cta-title {\r\n            color: #ffffff;\r\n            font-size: 2.2rem;\r\n            font-weight: 700;\r\n            margin-bottom: 1rem;\r\n        }\r\n\r\n        .why-cta-text {\r\n            color: rgba(255, 255, 255, 0.9);\r\n            font-size: 1.1rem;\r\n            margin-bottom: 2rem;\r\n        }\r\n\r\n        .btn-white {\r\n            background: #ffffff;\r\n            color: #1e40af;\r\n            padding: 1.3rem 3.5rem;\r\n            font-size: 1rem;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.08em;\r\n            border: none;\r\n            border-radius: 8px;\r\n            cursor: pointer;\r\n            transition: all 0.4s ease;\r\n            text-decoration: none;\r\n            display: inline-block;\r\n            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        .btn-white:hover {\r\n            transform: translateY(-4px);\r\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\r\n        }\r\n\r\n        \/* Animations *\/\r\n        @keyframes fadeInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(40px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        @keyframes fadeInDown {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(-20px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        @keyframes fadeIn {\r\n            from { opacity: 0; }\r\n            to { opacity: 1; }\r\n        }\r\n\r\n        \/* Responsive *\/\r\n        @media (max-width: 768px) {\r\n            .hero-buttons,\r\n            .hero-stats,\r\n            .services-grid,\r\n            .why-grid {\r\n                gap: 1.5rem;\r\n            }\r\n\r\n            .services-grid,\r\n            .why-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .btn {\r\n                width: 100%;\r\n                max-width: 320px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <!-- SECTION 1: HERO - Dark Navy -->\r\n    <section class=\"hero-section\">\r\n        <div class=\"grid-bg\"><\/div>\r\n        <div class=\"glow-orb blue\"><\/div>\r\n        <div class=\"glow-orb cyan\"><\/div>\r\n        \r\n        <div class=\"hero-content\">\r\n            <div class=\"hero-badge\">Fox Valley's Premier<\/div>\r\n            \r\n            <h1 class=\"hero-title\">\r\n                Serving the Fox Valley for Over a\r\n                <span class=\"hero-title-accent\">Decade.<\/span>\r\n            <\/h1>\r\n            \r\n            <p class=\"hero-subtitle\">We have a large rotating inventory of new, used and military surplus stock.<\/p>\r\n            \r\n            <div class=\"hero-location\">\r\n                <span>\ud83d\udccd<\/span>\r\n                <span>West Chicago, Illinois<\/span>\r\n            <\/div>\r\n            \r\n            <div class=\"hero-buttons\">\r\n                <!--<a href=\"#inventory\" class=\"btn btn-primary\">Browse Inventory<\/a>-->\r\n                <a href=\"https:\/\/www.google.com\/maps\/dir\/\/33W624+Roosevelt+Rd+Unit+C,+West+Chicago,+IL+60185\" class=\"btn btn-secondary\">Visit Our Store<\/a>\r\n            <\/div>\r\n            \r\n            <div class=\"hero-stats\">\r\n                <div class=\"stat-item\">\r\n                    <span class=\"stat-number\">10+<\/span>\r\n                    <span class=\"stat-label\">Years Serving<\/span>\r\n                <\/div>\r\n                <div class=\"stat-item\">\r\n                    <span class=\"stat-number\">5\u2605<\/span>\r\n                    <span class=\"stat-label\">Rated Service<\/span>\r\n                <\/div>\r\n                <div class=\"stat-item\">\r\n                    <span class=\"stat-number\">100%<\/span>\r\n                    <span class=\"stat-label\">Family Owned<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n\r\n    <!-- SECTION 3: WHY CHOOSE US - Blue Gradient -->\r\n    <!--<section class=\"why-section\">-->\r\n    <!--    <div class=\"why-pattern\"><\/div>-->\r\n    <!--    <div class=\"why-container\">-->\r\n    <!--        <div class=\"why-header\">-->\r\n    <!--            <div class=\"section-tag\">The Liberty Difference<\/div>-->\r\n    <!--            <h2 class=\"section-title\">WHY CHOOSE US<\/h2>-->\r\n    <!--            <p class=\"section-subtitle\">Family-owned values meet professional expertise<\/p>-->\r\n    <!--        <\/div>-->\r\n\r\n    <!--        <div class=\"why-grid\">-->\r\n    <!--            <div class=\"why-card\">-->\r\n    <!--                <span class=\"why-icon\">\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d\udc66<\/span>-->\r\n    <!--                <h3 class=\"why-title\">Family Owned<\/h3>-->\r\n    <!--                <p class=\"why-description\">Over a decade of serving the Fox Valley community with integrity and dedication<\/p>-->\r\n    <!--            <\/div>-->\r\n\r\n    <!--            <div class=\"why-card\">-->\r\n    <!--                <span class=\"why-icon\">\ud83c\udf93<\/span>-->\r\n    <!--                <h3 class=\"why-title\">Expert Knowledge<\/h3>-->\r\n    <!--                <p class=\"why-description\">Our staff brings years of experience and passion for firearms to every interaction<\/p>-->\r\n    <!--            <\/div>-->\r\n\r\n    <!--            <div class=\"why-card\">-->\r\n    <!--                <span class=\"why-icon\">\u26a1<\/span>-->\r\n    <!--                <h3 class=\"why-title\">Fast Service<\/h3>-->\r\n    <!--                <p class=\"why-description\">Quick FFL transfers and efficient service without compromising on quality<\/p>-->\r\n    <!--            <\/div>-->\r\n\r\n    <!--            <div class=\"why-card\">-->\r\n    <!--                <span class=\"why-icon\">\ud83e\udd1d<\/span>-->\r\n    <!--                <h3 class=\"why-title\">Personal Touch<\/h3>-->\r\n    <!--                <p class=\"why-description\">We treat every customer like family, providing personalized recommendations<\/p>-->\r\n    <!--            <\/div>-->\r\n    <!--        <\/div>-->\r\n\r\n    <!--        <div class=\"why-cta\">-->\r\n    <!--            <h3 class=\"why-cta-title\">VISIT OUR WEST CHICAGO SHOWROOM<\/h3>-->\r\n    <!--            <p class=\"why-cta-text\">Experience the Liberty Guns difference in person. Our team is ready to assist you.<\/p>-->\r\n    <!--            <a href=\"#contact\" class=\"btn-white\">Get Directions<\/a>-->\r\n    <!--        <\/div>-->\r\n    <!--    <\/div>-->\r\n    <!--<\/section>-->\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2f26dbf e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"2f26dbf\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ff79324 elementor-widget elementor-widget-html\" data-id=\"ff79324\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .showcase-section {\r\n            background: #ffffff;\r\n            min-height: 100vh;\r\n            position: relative;\r\n            overflow: hidden;\r\n            padding: 5rem 2rem;\r\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n        }\r\n\r\n        \/* Animated background particles *\/\r\n        .particles {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .particle {\r\n            position: absolute;\r\n            width: 2px;\r\n            height: 2px;\r\n            background: rgba(37, 99, 235, 0.3);\r\n            border-radius: 50%;\r\n            animation: float 15s infinite;\r\n        }\r\n\r\n        @keyframes float {\r\n            0%, 100% { transform: translateY(0) translateX(0); opacity: 0; }\r\n            10% { opacity: 1; }\r\n            90% { opacity: 1; }\r\n            100% { transform: translateY(-100vh) translateX(50px); opacity: 0; }\r\n        }\r\n\r\n        \/* Main content container *\/\r\n        .content-container {\r\n            position: relative;\r\n            z-index: 10;\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* Section header *\/\r\n        .section-header {\r\n            text-align: center;\r\n            margin-bottom: 4rem;\r\n        }\r\n\r\n        .section-tag {\r\n            color: #2563eb;\r\n            font-size: 0.9rem;\r\n            font-weight: 700;\r\n            letter-spacing: 0.2em;\r\n            text-transform: uppercase;\r\n            margin-bottom: 1rem;\r\n            display: block;\r\n        }\r\n\r\n        .section-title {\r\n            font-size: clamp(2.5rem, 6vw, 4.5rem);\r\n            color: #0f172a;\r\n            font-weight: 900;\r\n            letter-spacing: -0.02em;\r\n            margin-bottom: 1rem;\r\n        }\r\n\r\n        .section-subtitle {\r\n            font-size: 1.2rem;\r\n            color: #64748b;\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* Interactive showcase container *\/\r\n        .showcase-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n            gap: 2rem;\r\n            margin-top: 4rem;\r\n        }\r\n\r\n        \/* Category cards *\/\r\n        .category-card {\r\n            background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\r\n            border: 2px solid rgba(37, 99, 235, 0.1);\r\n            border-radius: 12px;\r\n            padding: 3rem 2rem;\r\n            position: relative;\r\n            overflow: hidden;\r\n            cursor: pointer;\r\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n            text-align: center;\r\n        }\r\n\r\n        .category-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(90deg, transparent, rgba(37, 99, 235, 0.05), transparent);\r\n            transition: left 0.6s ease;\r\n        }\r\n\r\n        .category-card:hover::before {\r\n            left: 100%;\r\n        }\r\n\r\n        .category-card:hover {\r\n            transform: translateY(-10px);\r\n            border-color: rgba(37, 99, 235, 0.4);\r\n            box-shadow: 0 20px 60px rgba(37, 99, 235, 0.15);\r\n            background: #ffffff;\r\n        }\r\n\r\n        \/* Animated icon container *\/\r\n        .icon-container {\r\n            width: 120px;\r\n            height: 120px;\r\n            margin: 0 auto 2rem;\r\n            position: relative;\r\n        }\r\n\r\n        .icon-circle {\r\n            width: 100%;\r\n            height: 100%;\r\n            border: 2px solid rgba(37, 99, 235, 0.2);\r\n            border-radius: 50%;\r\n            position: absolute;\r\n            animation: pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite;\r\n        }\r\n\r\n        .category-card:hover .icon-circle {\r\n            border-color: rgba(37, 99, 235, 0.6);\r\n            animation: spin 2s linear infinite;\r\n        }\r\n\r\n        @keyframes pulse {\r\n            0%, 100% { transform: scale(1); opacity: 0.5; }\r\n            50% { transform: scale(1.1); opacity: 1; }\r\n        }\r\n\r\n        @keyframes spin {\r\n            from { transform: rotate(0deg); }\r\n            to { transform: rotate(360deg); }\r\n        }\r\n\r\n        .icon-svg {\r\n            position: relative;\r\n            z-index: 2;\r\n            width: 60px;\r\n            height: 60px;\r\n            margin: 30px;\r\n            fill: #2563eb;\r\n            filter: drop-shadow(0 0 10px rgba(37, 99, 235, 0.3));\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .category-card:hover .icon-svg {\r\n            transform: scale(1.1);\r\n            filter: drop-shadow(0 0 20px rgba(37, 99, 235, 0.5));\r\n        }\r\n\r\n        \/* Card content *\/\r\n        .category-title {\r\n            font-size: 1.8rem;\r\n            color: #0f172a;\r\n            font-weight: 700;\r\n            margin-bottom: 1rem;\r\n            letter-spacing: -0.01em;\r\n        }\r\n\r\n        .category-description {\r\n            color: #64748b;\r\n            line-height: 1.6;\r\n            margin-bottom: 2rem;\r\n        }\r\n\r\n        .category-link {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 0.5rem;\r\n            color: #2563eb;\r\n            font-weight: 600;\r\n            text-transform: uppercase;\r\n            font-size: 0.9rem;\r\n            letter-spacing: 0.05em;\r\n            text-decoration: none;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .category-link:hover {\r\n            gap: 1rem;\r\n            color: #1d4ed8;\r\n        }\r\n\r\n        .arrow {\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .category-link:hover .arrow {\r\n            transform: translateX(5px);\r\n        }\r\n\r\n        \/* Interactive 3D gun visualization *\/\r\n        .gun-showcase {\r\n            grid-column: 1 \/ -1;\r\n            background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\r\n            border: 2px solid rgba(37, 99, 235, 0.15);\r\n            border-radius: 12px;\r\n            padding: 4rem 2rem;\r\n            margin-top: 2rem;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .gun-display {\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n            text-align: center;\r\n        }\r\n\r\n        .gun-visual {\r\n            position: relative;\r\n            height: 300px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin-bottom: 2rem;\r\n        }\r\n\r\n        \/* Animated gun silhouette *\/\r\n        .gun-silhouette {\r\n            width: 600px;\r\n            max-width: 90%;\r\n            height: 200px;\r\n            position: relative;\r\n            animation: gunFloat 4s ease-in-out infinite;\r\n        }\r\n\r\n        @keyframes gunFloat {\r\n            0%, 100% { transform: translateY(0) rotateX(0deg); }\r\n            50% { transform: translateY(-20px) rotateX(5deg); }\r\n        }\r\n\r\n        .gun-svg {\r\n            width: 100%;\r\n            height: 100%;\r\n            filter: drop-shadow(0 10px 30px rgba(37, 99, 235, 0.2));\r\n        }\r\n\r\n        \/* Scan line effect *\/\r\n        .scan-line {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 2px;\r\n            background: linear-gradient(90deg, transparent, #2563eb, transparent);\r\n            animation: scan 3s linear infinite;\r\n        }\r\n\r\n        @keyframes scan {\r\n            0% { transform: translateY(0); opacity: 0; }\r\n            50% { opacity: 1; }\r\n            100% { transform: translateY(300px); opacity: 0; }\r\n        }\r\n\r\n        \/* Interactive features *\/\r\n        .feature-points {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 3rem;\r\n            flex-wrap: wrap;\r\n            margin-top: 2rem;\r\n        }\r\n\r\n        .feature-point {\r\n            text-align: center;\r\n            padding: 1rem;\r\n            border-radius: 8px;\r\n            background: rgba(37, 99, 235, 0.05);\r\n            border: 1px solid rgba(37, 99, 235, 0.15);\r\n            transition: all 0.3s ease;\r\n            min-width: 150px;\r\n        }\r\n\r\n        .feature-point:hover {\r\n            background: rgba(37, 99, 235, 0.1);\r\n            border-color: rgba(37, 99, 235, 0.3);\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        .feature-icon {\r\n            font-size: 2rem;\r\n            margin-bottom: 0.5rem;\r\n        }\r\n\r\n        .feature-label {\r\n            color: #64748b;\r\n            font-size: 0.9rem;\r\n            font-weight: 600;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.05em;\r\n        }\r\n\r\n        .cta-button {\r\n            display: inline-block;\r\n            margin-top: 3rem;\r\n            padding: 1.2rem 3rem;\r\n            background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);\r\n            color: #ffffff;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.05em;\r\n            border-radius: 4px;\r\n            text-decoration: none;\r\n            transition: all 0.3s ease;\r\n            box-shadow: 0 10px 30px rgba(37, 99, 235, 0.25);\r\n        }\r\n\r\n        .cta-button:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 15px 40px rgba(37, 99, 235, 0.35);\r\n            background: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%);\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .showcase-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            \r\n            .gun-silhouette {\r\n                width: 100%;\r\n            }\r\n            \r\n            .feature-points {\r\n                gap: 1rem;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <section class=\"showcase-section\">\r\n        <!-- Animated particles -->\r\n        <div class=\"particles\" id=\"particles\"><\/div>\r\n        \r\n        <div class=\"content-container\">\r\n            <!-- Section header -->\r\n            <div class=\"section-header\">\r\n                <span class=\"section-tag\">Premium Selection<\/span>\r\n                <h2 class=\"section-title\">EXPLORE OUR ARSENAL<\/h2>\r\n                <p class=\"section-subtitle\">From handguns to rifles, we carry the finest firearms from the most trusted manufacturers<\/p>\r\n            <\/div>\r\n\r\n            <!-- Category grid -->\r\n            <div class=\"showcase-grid\">\r\n                <!-- Handguns -->\r\n                <div class=\"category-card\">\r\n                    <div class=\"icon-container\">\r\n                        <div class=\"icon-circle\"><\/div>\r\n                        <svg class=\"icon-svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                            <path d=\"M12 2L2 7v10c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V7l-10-5zm0 18c-3.31 0-6-2.69-6-6s2.69-6 6-6 6 2.69 6 6-2.69 6-6 6z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3 class=\"category-title\">Handguns<\/h3>\r\n                    <p class=\"category-description\">Precision crafted pistols and revolvers for defense, sport, and collection<\/p>\r\n                    <!--<a href=\"#handguns\" class=\"category-link\">-->\r\n                    <!--    Explore Collection <span class=\"arrow\">\u2192<\/span>-->\r\n                    <!--<\/a>-->\r\n                <\/div>\r\n\r\n                <!-- Rifles -->\r\n                <div class=\"category-card\">\r\n                    <div class=\"icon-container\">\r\n                        <div class=\"icon-circle\"><\/div>\r\n                        <svg class=\"icon-svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                            <path d=\"M20 6h-2.18c.11-.31.18-.65.18-1 0-1.66-1.34-3-3-3-1.05 0-1.96.54-2.5 1.35l-.5.67-.5-.68C10.96 2.54 10.05 2 9 2 7.34 2 6 3.34 6 5c0 .35.07.69.18 1H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-5-2c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM9 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3 class=\"category-title\">Rifles<\/h3>\r\n                    <p class=\"category-description\">Long-range accuracy and reliability for hunting and tactical applications<\/p>\r\n                    <!--<a href=\"#rifles\" class=\"category-link\">-->\r\n                    <!--    Explore Collection <span class=\"arrow\">\u2192<\/span>-->\r\n                    <!--<\/a>-->\r\n                <\/div>\r\n\r\n                <!-- Shotguns -->\r\n                <div class=\"category-card\">\r\n                    <div class=\"icon-container\">\r\n                        <div class=\"icon-circle\"><\/div>\r\n                        <svg class=\"icon-svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                            <path d=\"M17.5 4.5c-1.95 0-4.05.4-5.5 1.5-1.45-1.1-3.55-1.5-5.5-1.5S2.45 4.9 1 6v14.65c0 .65.73.45.75.45C3.1 20.45 5.05 20 6.5 20c1.95 0 4.05.4 5.5 1.5 1.35-.85 3.8-1.5 5.5-1.5 1.65 0 3.35.3 4.75 1.05.1.05.75.45.75-.45V6c-1.45-1.1-3.55-1.5-5.5-1.5z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3 class=\"category-title\">Shotguns<\/h3>\r\n                    <p class=\"category-description\">Power and versatility for sport shooting, hunting, and home defense<\/p>\r\n                    <!--<a href=\"#shotguns\" class=\"category-link\">-->\r\n                    <!--    Explore Collection <span class=\"arrow\">\u2192<\/span>-->\r\n                    <!--<\/a>-->\r\n                <\/div>\r\n\r\n                <!-- Interactive gun showcase -->\r\n                <div class=\"gun-showcase\">\r\n                    <div class=\"gun-display\">\r\n                        <h3 class=\"section-title\" style=\"font-size: 2.5rem; margin-bottom: 1rem;\">Featured This Week<\/h3>\r\n                        <p class=\"section-subtitle\" style=\"margin-bottom: 3rem;\">Experience precision engineering and American craftsmanship<\/p>\r\n                        \r\n                        <div class=\"gun-visual\">\r\n                            <div class=\"scan-line\"><\/div>\r\n                            <div class=\"gun-silhouette\">\r\n                                <svg class=\"gun-svg\" viewBox=\"0 0 600 200\" fill=\"none\" stroke=\"#2563eb\" stroke-width=\"2\">\r\n                                    <!-- Gun barrel -->\r\n                                    <line x1=\"50\" y1=\"100\" x2=\"400\" y2=\"100\" stroke-width=\"8\" stroke-linecap=\"round\">\r\n                                        <animate attributeName=\"x2\" values=\"50;400;50\" dur=\"3s\" repeatCount=\"indefinite\"\/>\r\n                                    <\/line>\r\n                                    \r\n                                    <!-- Trigger guard -->\r\n                                    <path d=\"M 200 100 Q 200 130 230 130 Q 260 130 260 100\" stroke-width=\"4\" fill=\"none\"\/>\r\n                                    \r\n                                    <!-- Grip -->\r\n                                    <rect x=\"180\" y=\"100\" width=\"50\" height=\"70\" rx=\"5\" fill=\"rgba(37, 99, 235, 0.1)\" stroke-width=\"3\"\/>\r\n                                    \r\n                                    <!-- Slide -->\r\n                                    <rect x=\"150\" y=\"70\" width=\"250\" height=\"25\" rx=\"3\" fill=\"rgba(37, 99, 235, 0.15)\" stroke-width=\"3\">\r\n                                        <animate attributeName=\"x\" values=\"150;160;150\" dur=\"2s\" repeatCount=\"indefinite\"\/>\r\n                                    <\/rect>\r\n                                    \r\n                                    <!-- Sight dots -->\r\n                                    <circle cx=\"380\" cy=\"82\" r=\"4\" fill=\"#2563eb\">\r\n                                        <animate attributeName=\"opacity\" values=\"0.5;1;0.5\" dur=\"1.5s\" repeatCount=\"indefinite\"\/>\r\n                                    <\/circle>\r\n                                    <circle cx=\"170\" cy=\"82\" r=\"4\" fill=\"#2563eb\">\r\n                                        <animate attributeName=\"opacity\" values=\"1;0.5;1\" dur=\"1.5s\" repeatCount=\"indefinite\"\/>\r\n                                    <\/circle>\r\n                                    \r\n                                    <!-- Muzzle flash effect (subtle) -->\r\n                                    <g opacity=\"0\">\r\n                                        <polygon points=\"400,100 450,85 450,115\" fill=\"#2563eb\"\/>\r\n                                        <animate attributeName=\"opacity\" values=\"0;0.8;0\" dur=\"0.3s\" begin=\"1s\" repeatCount=\"indefinite\"\/>\r\n                                    <\/g>\r\n                                <\/svg>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"feature-points\">\r\n                            <div class=\"feature-point\">\r\n                                <div class=\"feature-icon\">\ud83c\udfaf<\/div>\r\n                                <div class=\"feature-label\">Precision<\/div>\r\n                            <\/div>\r\n                            <div class=\"feature-point\">\r\n                                <div class=\"feature-icon\">\u26a1<\/div>\r\n                                <div class=\"feature-label\">Performance<\/div>\r\n                            <\/div>\r\n                            <div class=\"feature-point\">\r\n                                <div class=\"feature-icon\">\ud83d\udee1\ufe0f<\/div>\r\n                                <div class=\"feature-label\">Reliability<\/div>\r\n                            <\/div>\r\n                            <div class=\"feature-point\">\r\n                                <div class=\"feature-icon\">\ud83c\uddfa\ud83c\uddf8<\/div>\r\n                                <div class=\"feature-label\">American Made<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                    <!--    <a href=\"#inventory\" class=\"cta-button\">View Full Inventory<\/a>-->\r\n                    <!--<\/div>-->\r\n                <!--<\/div>-->\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        \/\/ Generate random particles\r\n        const particlesContainer = document.getElementById('particles');\r\n        for (let i = 0; i < 50; i++) {\r\n            const particle = document.createElement('div');\r\n            particle.className = 'particle';\r\n            particle.style.left = Math.random() * 100 + '%';\r\n            particle.style.animationDelay = Math.random() * 15 + 's';\r\n            particle.style.animationDuration = (Math.random() * 10 + 10) + 's';\r\n            particlesContainer.appendChild(particle);\r\n        }\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dc4bdae e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"dc4bdae\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1425dca elementor-widget elementor-widget-html\" data-id=\"1425dca\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .showroom-section {\r\n            min-height: 100vh;\r\n            position: relative;\r\n            overflow: hidden;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            padding: 4rem 2rem;\r\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n        }\r\n\r\n        \/* Background image with parallax *\/\r\n        .background-image {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background-image: url('https:\/\/liberty-guns.com\/wp-content\/uploads\/2024\/11\/IMG_3584.jpg');\r\n            background-size: cover;\r\n            background-position: center;\r\n            background-attachment: fixed;\r\n            z-index: 1;\r\n            animation: slowZoom 30s ease-in-out infinite alternate;\r\n        }\r\n\r\n        @keyframes slowZoom {\r\n            0% { transform: scale(1); }\r\n            100% { transform: scale(1.08); }\r\n        }\r\n\r\n        \/* Dark overlay with gradient *\/\r\n        .overlay {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(\r\n                135deg,\r\n                rgba(0, 0, 0, 0.85) 0%,\r\n                rgba(15, 23, 42, 0.9) 50%,\r\n                rgba(30, 64, 175, 0.85) 100%\r\n            );\r\n            z-index: 2;\r\n        }\r\n\r\n        \/* Animated grid pattern *\/\r\n        .grid-pattern {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background-image: \r\n                linear-gradient(rgba(59, 130, 246, 0.08) 2px, transparent 2px),\r\n                linear-gradient(90deg, rgba(59, 130, 246, 0.08) 2px, transparent 2px);\r\n            background-size: 60px 60px;\r\n            z-index: 3;\r\n            animation: gridScroll 20s linear infinite;\r\n        }\r\n\r\n        @keyframes gridScroll {\r\n            0% { background-position: 0 0; }\r\n            100% { background-position: 60px 60px; }\r\n        }\r\n\r\n        \/* Content container *\/\r\n        .content-container {\r\n            position: relative;\r\n            z-index: 10;\r\n            max-width: 1300px;\r\n            width: 100%;\r\n        }\r\n\r\n        \/* Main heading *\/\r\n        .showroom-header {\r\n            text-align: center;\r\n            margin-bottom: 4rem;\r\n        }\r\n\r\n        .header-tag {\r\n            display: inline-block;\r\n            padding: 0.7rem 1.8rem;\r\n            background: rgba(59, 130, 246, 0.2);\r\n            backdrop-filter: blur(10px);\r\n            border: 1px solid rgba(59, 130, 246, 0.4);\r\n            border-radius: 50px;\r\n            color: #60a5fa;\r\n            font-size: 0.85rem;\r\n            font-weight: 700;\r\n            letter-spacing: 0.15em;\r\n            text-transform: uppercase;\r\n            margin-bottom: 1.5rem;\r\n        }\r\n\r\n        .showroom-title {\r\n            font-size: clamp(3rem, 8vw, 6rem);\r\n            font-weight: 900;\r\n            color: #ffffff;\r\n            line-height: 1.1;\r\n            margin-bottom: 1.5rem;\r\n            text-transform: uppercase;\r\n            letter-spacing: -0.02em;\r\n            text-shadow: 0 4px 30px rgba(0, 0, 0, 0.5);\r\n        }\r\n\r\n        .showroom-title span {\r\n            background: linear-gradient(135deg, #3b82f6, #06b6d4);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n            display: block;\r\n        }\r\n\r\n        .showroom-subtitle {\r\n            font-size: clamp(1.1rem, 2vw, 1.4rem);\r\n            color: #cbd5e1;\r\n            max-width: 700px;\r\n            margin: 0 auto;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* Cards Grid *\/\r\n        .cards-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n            gap: 2rem;\r\n            margin-bottom: 3rem;\r\n        }\r\n\r\n        .info-card {\r\n            background: rgba(15, 23, 42, 0.85);\r\n            backdrop-filter: blur(20px);\r\n            border: 2px solid rgba(59, 130, 246, 0.3);\r\n            border-radius: 16px;\r\n            padding: 2.5rem;\r\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .info-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(90deg, transparent, rgba(59, 130, 246, 0.1), transparent);\r\n            transition: left 0.6s ease;\r\n        }\r\n\r\n        .info-card:hover::before {\r\n            left: 100%;\r\n        }\r\n\r\n        .info-card:hover {\r\n            transform: translateY(-10px);\r\n            border-color: rgba(59, 130, 246, 0.6);\r\n            box-shadow: 0 30px 80px rgba(59, 130, 246, 0.3);\r\n            background: rgba(15, 23, 42, 0.95);\r\n        }\r\n\r\n        .card-icon {\r\n            width: 70px;\r\n            height: 70px;\r\n            background: linear-gradient(135deg, #3b82f6, #06b6d4);\r\n            border-radius: 14px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 2.2rem;\r\n            margin-bottom: 1.5rem;\r\n            box-shadow: 0 10px 40px rgba(59, 130, 246, 0.4);\r\n        }\r\n\r\n        .card-title {\r\n            font-size: 1.6rem;\r\n            color: #ffffff;\r\n            font-weight: 700;\r\n            margin-bottom: 1rem;\r\n        }\r\n\r\n        .card-description {\r\n            color: #cbd5e1;\r\n            line-height: 1.7;\r\n            margin-bottom: 1.5rem;\r\n        }\r\n\r\n        .card-features {\r\n            list-style: none;\r\n            padding: 0;\r\n        }\r\n\r\n        .card-features li {\r\n            color: #94a3b8;\r\n            padding: 0.5rem 0;\r\n            padding-left: 1.5rem;\r\n            position: relative;\r\n            font-size: 0.95rem;\r\n        }\r\n\r\n        .card-features li::before {\r\n            content: '\u2192';\r\n            position: absolute;\r\n            left: 0;\r\n            color: #3b82f6;\r\n            font-weight: 700;\r\n        }\r\n\r\n        \/* Bottom CTA Section *\/\r\n        .bottom-cta {\r\n            background: rgba(59, 130, 246, 0.15);\r\n            backdrop-filter: blur(20px);\r\n            border: 2px solid rgba(59, 130, 246, 0.4);\r\n            border-radius: 20px;\r\n            padding: 3rem;\r\n            text-align: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .bottom-cta::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -50%;\r\n            left: -50%;\r\n            width: 200%;\r\n            height: 200%;\r\n            background: radial-gradient(circle, rgba(59, 130, 246, 0.1), transparent);\r\n            animation: rotate 20s linear infinite;\r\n        }\r\n\r\n        @keyframes rotate {\r\n            from { transform: rotate(0deg); }\r\n            to { transform: rotate(360deg); }\r\n        }\r\n\r\n        .cta-content {\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .cta-title {\r\n            font-size: clamp(1.8rem, 4vw, 2.8rem);\r\n            color: #ffffff;\r\n            font-weight: 900;\r\n            margin-bottom: 1rem;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .cta-text {\r\n            font-size: 1.2rem;\r\n            color: #cbd5e1;\r\n            margin-bottom: 2.5rem;\r\n            max-width: 600px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        .cta-buttons {\r\n            display: flex;\r\n            gap: 1.5rem;\r\n            justify-content: center;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .btn {\r\n            padding: 1.3rem 3.5rem;\r\n            font-size: 1rem;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.08em;\r\n            border: none;\r\n            border-radius: 10px;\r\n            cursor: pointer;\r\n            transition: all 0.4s ease;\r\n            text-decoration: none;\r\n            display: inline-block;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .btn::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            width: 0;\r\n            height: 0;\r\n            background: rgba(255, 255, 255, 0.3);\r\n            border-radius: 50%;\r\n            transform: translate(-50%, -50%);\r\n            transition: width 0.5s, height 0.5s;\r\n        }\r\n\r\n        .btn:hover::after {\r\n            width: 400px;\r\n            height: 400px;\r\n        }\r\n\r\n        .btn span {\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .btn-primary {\r\n            background: linear-gradient(135deg, #3b82f6, #2563eb);\r\n            color: #ffffff;\r\n            box-shadow: 0 10px 50px rgba(59, 130, 246, 0.5);\r\n        }\r\n\r\n        .btn-primary:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 20px 70px rgba(59, 130, 246, 0.7);\r\n        }\r\n\r\n        .btn-secondary {\r\n            background: rgba(255, 255, 255, 0.1);\r\n            backdrop-filter: blur(10px);\r\n            color: #ffffff;\r\n            border: 2px solid rgba(255, 255, 255, 0.3);\r\n        }\r\n\r\n        .btn-secondary:hover {\r\n            background: rgba(255, 255, 255, 0.2);\r\n            border-color: rgba(255, 255, 255, 0.5);\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        \/* Info badges *\/\r\n        .info-badges {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 2rem;\r\n            flex-wrap: wrap;\r\n            margin-top: 2rem;\r\n        }\r\n\r\n        .badge {\r\n            background: rgba(59, 130, 246, 0.2);\r\n            backdrop-filter: blur(10px);\r\n            padding: 1rem 2rem;\r\n            border-radius: 50px;\r\n            border: 1px solid rgba(59, 130, 246, 0.4);\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 0.8rem;\r\n        }\r\n\r\n        .badge-icon {\r\n            font-size: 1.5rem;\r\n        }\r\n\r\n        .badge-text {\r\n            color: #ffffff;\r\n            font-weight: 700;\r\n            font-size: 0.95rem;\r\n        }\r\n\r\n        \/* Responsive *\/\r\n        @media (max-width: 768px) {\r\n            .background-image {\r\n                background-attachment: scroll;\r\n            }\r\n\r\n            .cards-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .cta-buttons {\r\n                flex-direction: column;\r\n                align-items: center;\r\n            }\r\n\r\n            .btn {\r\n                width: 100%;\r\n                max-width: 320px;\r\n            }\r\n\r\n            .info-badges {\r\n                flex-direction: column;\r\n                align-items: center;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <section class=\"showroom-section\">\r\n        <!-- Background with store image -->\r\n        <div class=\"background-image\"><\/div>\r\n        <div class=\"overlay\"><\/div>\r\n        <div class=\"grid-pattern\"><\/div>\r\n\r\n        <!-- Main content -->\r\n        <div class=\"content-container\">\r\n            <!-- Header -->\r\n            <div class=\"showroom-header\">\r\n                <div class=\"header-tag\">Visit Our Showroom<\/div>\r\n                <h2 class=\"showroom-title\">\r\n                    WEST CHICAGO'S\r\n                    <span>PREMIER DESTINATION<\/span>\r\n                <\/h2>\r\n                <p class=\"showroom-subtitle\">\r\n                    Step into our modern facility featuring an extensive selection, expert staff, and over a decade of trusted service to the Fox Valley community\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- Info Cards -->\r\n            <div class=\"cards-grid\">\r\n                <div class=\"info-card\">\r\n                    <div class=\"card-icon\">\ud83c\udfea<\/div>\r\n                    <h3 class=\"card-title\">In-Store Experience<\/h3>\r\n                    <p class=\"card-description\">Browse our full showroom with hundreds of firearms on display from top manufacturers<\/p>\r\n                    <ul class=\"card-features\">\r\n                        <li>Handguns, Rifles & Shotguns<\/li>\r\n                        <li>Try before you buy<\/li>\r\n                        <li>Expert recommendations<\/li>\r\n                        <li>Accessories & ammo in stock<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <div class=\"info-card\">\r\n                    <div class=\"card-icon\">\u26a1<\/div>\r\n                    <h3 class=\"card-title\">Fast FFL Transfers<\/h3>\r\n                    <p class=\"card-description\">Quick and professional transfer services for your online firearm purchases<\/p>\r\n                    <ul class=\"card-features\">\r\n                        <li>24-hour processing<\/li>\r\n                        <li>Competitive rates<\/li>\r\n                        <li>Secure storage<\/li>\r\n                        <li>Simple paperwork<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <div class=\"info-card\">\r\n                    <div class=\"card-icon\">\ud83c\udfaf<\/div>\r\n                    <h3 class=\"card-title\">Expert Guidance<\/h3>\r\n                    <p class=\"card-description\">Our knowledgeable staff has decades of combined experience to help you<\/p>\r\n                    <ul class=\"card-features\">\r\n                        <li>Personalized consultations<\/li>\r\n                        <li>Safety education<\/li>\r\n                        <li>Product knowledge<\/li>\r\n                        <li>After-sale support<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Bottom CTA -->\r\n            <!--<div class=\"bottom-cta\">-->\r\n            <!--    <div class=\"cta-content\">-->\r\n            <!--        <h3 class=\"cta-title\">READY TO VISIT?<\/h3>-->\r\n            <!--        <p class=\"cta-text\">Come experience the Liberty Guns difference in person. We're here to serve you.<\/p>-->\r\n                    \r\n            <!--        <div class=\"cta-buttons\">-->\r\n            <!--            <a href=\"#directions\" class=\"btn btn-primary\">-->\r\n            <!--                <span>Get Directions<\/span>-->\r\n            <!--            <\/a>-->\r\n            <!--            <a href=\"#contact\" class=\"btn btn-secondary\">-->\r\n            <!--                <span>Contact Us<\/span>-->\r\n            <!--            <\/a>-->\r\n            <!--        <\/div>-->\r\n\r\n            <!--        <div class=\"info-badges\">-->\r\n            <!--            <div class=\"badge\">-->\r\n            <!--                <span class=\"badge-icon\">\ud83d\udccd<\/span>-->\r\n            <!--                <span class=\"badge-text\">West Chicago, IL<\/span>-->\r\n            <!--            <\/div>-->\r\n            <!--            <div class=\"badge\">-->\r\n            <!--                <span class=\"badge-icon\">\ud83d\udd52<\/span>-->\r\n            <!--                <span class=\"badge-text\">Open 6 Days\/Week<\/span>-->\r\n            <!--            <\/div>-->\r\n            <!--            <div class=\"badge\">-->\r\n            <!--                <span class=\"badge-icon\">\ud83d\udcde<\/span>-->\r\n            <!--                <span class=\"badge-text\">(630) 231-4867<\/span>-->\r\n            <!--            <\/div>-->\r\n            <!--        <\/div>-->\r\n                <!--<\/div>-->\r\n            <!--<\/div>-->\r\n        <\/div>\r\n    <\/section>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a398fd7 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"a398fd7\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-493fc25 elementor-widget elementor-widget-html\" data-id=\"493fc25\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Services Section - White Background Blue Theme<\/title>\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Arial', sans-serif;\r\n            background: #fff;\r\n        }\r\n\r\n        .services-section {\r\n            padding: 120px 20px;\r\n            background: #ffffff;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* Animated background grid *\/\r\n        .services-bg {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background-image: \r\n                linear-gradient(rgba(37, 99, 235, 0.05) 1px, transparent 1px),\r\n                linear-gradient(90deg, rgba(37, 99, 235, 0.05) 1px, transparent 1px);\r\n            background-size: 50px 50px;\r\n            animation: gridMove 20s linear infinite;\r\n            opacity: 0.5;\r\n        }\r\n\r\n        @keyframes gridMove {\r\n            0% { transform: translate(0, 0); }\r\n            100% { transform: translate(50px, 50px); }\r\n        }\r\n\r\n        .services-container {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .services-header {\r\n            text-align: center;\r\n            margin-bottom: 80px;\r\n        }\r\n\r\n        .services-label {\r\n            display: inline-block;\r\n            color: #2563eb;\r\n            font-size: 0.9rem;\r\n            letter-spacing: 4px;\r\n            text-transform: uppercase;\r\n            margin-bottom: 15px;\r\n            position: relative;\r\n            padding: 0 40px;\r\n        }\r\n\r\n        .services-label::before,\r\n        .services-label::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 50%;\r\n            width: 30px;\r\n            height: 1px;\r\n            background: #2563eb;\r\n        }\r\n\r\n        .services-label::before {\r\n            left: 0;\r\n        }\r\n\r\n        .services-label::after {\r\n            right: 0;\r\n        }\r\n\r\n        .services-title {\r\n            font-size: clamp(2.5rem, 5vw, 4.5rem);\r\n            color: #0f172a;\r\n            font-weight: 900;\r\n            margin-bottom: 25px;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .services-title .highlight {\r\n            color: #2563eb;\r\n            position: relative;\r\n            display: inline-block;\r\n        }\r\n\r\n        .services-intro {\r\n            font-size: 1.2rem;\r\n            color: #64748b;\r\n            max-width: 700px;\r\n            margin: 0 auto;\r\n            line-height: 1.7;\r\n        }\r\n\r\n        .services-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 30px;\r\n            margin-bottom: 60px;\r\n        }\r\n\r\n        .service-item {\r\n            background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\r\n            border: 2px solid #e2e8f0;\r\n            border-radius: 16px;\r\n            padding: 50px 40px;\r\n            position: relative;\r\n            overflow: hidden;\r\n            transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n            cursor: pointer;\r\n        }\r\n\r\n        .service-item::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 4px;\r\n            height: 0;\r\n            background: linear-gradient(to bottom, #2563eb, #3b82f6);\r\n            transition: height 0.5s ease;\r\n        }\r\n\r\n        .service-item:hover::before {\r\n            height: 100%;\r\n        }\r\n\r\n        .service-item::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            width: 0;\r\n            height: 0;\r\n            background: radial-gradient(circle, rgba(37, 99, 235, 0.08) 0%, transparent 70%);\r\n            transform: translate(-50%, -50%);\r\n            transition: all 0.6s ease;\r\n            border-radius: 50%;\r\n        }\r\n\r\n        .service-item:hover::after {\r\n            width: 500px;\r\n            height: 500px;\r\n        }\r\n\r\n        .service-item:hover {\r\n            transform: translateX(10px);\r\n            border-color: #2563eb;\r\n            box-shadow: -10px 0 40px rgba(37, 99, 235, 0.15);\r\n            background: #ffffff;\r\n        }\r\n\r\n        .service-number {\r\n            position: absolute;\r\n            top: 20px;\r\n            right: 30px;\r\n            font-size: 5rem;\r\n            font-weight: 900;\r\n            color: rgba(37, 99, 235, 0.08);\r\n            line-height: 1;\r\n            transition: all 0.5s ease;\r\n        }\r\n\r\n        .service-item:hover .service-number {\r\n            color: rgba(37, 99, 235, 0.15);\r\n            transform: scale(1.2);\r\n        }\r\n\r\n        .service-icon {\r\n            width: 80px;\r\n            height: 80px;\r\n            background: rgba(37, 99, 235, 0.1);\r\n            border-radius: 16px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 2.5rem;\r\n            margin-bottom: 30px;\r\n            position: relative;\r\n            z-index: 1;\r\n            transition: all 0.5s ease;\r\n        }\r\n\r\n        .service-item:hover .service-icon {\r\n            background: #2563eb;\r\n            transform: rotate(5deg) scale(1.1);\r\n            box-shadow: 0 10px 30px rgba(37, 99, 235, 0.25);\r\n        }\r\n\r\n        .service-content {\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .service-title {\r\n            font-size: 1.8rem;\r\n            color: #0f172a;\r\n            font-weight: 700;\r\n            margin-bottom: 15px;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .service-item:hover .service-title {\r\n            color: #2563eb;\r\n        }\r\n\r\n        .service-description {\r\n            color: #64748b;\r\n            line-height: 1.7;\r\n            font-size: 1rem;\r\n            margin-bottom: 20px;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .service-item:hover .service-description {\r\n            color: #475569;\r\n        }\r\n\r\n        .service-link {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            color: #2563eb;\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            text-transform: uppercase;\r\n            font-size: 0.85rem;\r\n            letter-spacing: 1px;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .service-link::after {\r\n            content: '\u2192';\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .service-item:hover .service-link::after {\r\n            transform: translateX(5px);\r\n        }\r\n\r\n        .services-cta {\r\n            text-align: center;\r\n            padding: 80px 20px;\r\n            background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\r\n            border-radius: 20px;\r\n            border: 2px solid #cbd5e1;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .services-cta::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -50%;\r\n            left: -50%;\r\n            width: 200%;\r\n            height: 200%;\r\n            background: radial-gradient(circle, rgba(37, 99, 235, 0.05) 0%, transparent 70%);\r\n            animation: rotate 20s linear infinite;\r\n        }\r\n\r\n        @keyframes rotate {\r\n            0% { transform: rotate(0deg); }\r\n            100% { transform: rotate(360deg); }\r\n        }\r\n\r\n        .cta-content {\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .cta-title {\r\n            font-size: clamp(2rem, 4vw, 3rem);\r\n            color: #0f172a;\r\n            font-weight: 900;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .cta-text {\r\n            font-size: 1.1rem;\r\n            color: #64748b;\r\n            margin-bottom: 40px;\r\n            max-width: 600px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        .cta-button {\r\n            display: inline-block;\r\n            padding: 20px 50px;\r\n            background: #2563eb;\r\n            color: #fff;\r\n            font-size: 1rem;\r\n            font-weight: 700;\r\n            text-decoration: none;\r\n            text-transform: uppercase;\r\n            letter-spacing: 2px;\r\n            border-radius: 8px;\r\n            transition: all 0.3s ease;\r\n            border: 2px solid #2563eb;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .cta-button::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(255,255,255,0.2);\r\n            transition: left 0.4s ease;\r\n        }\r\n\r\n        .cta-button:hover::before {\r\n            left: 100%;\r\n        }\r\n\r\n        .cta-button:hover {\r\n            background: #1d4ed8;\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 10px 30px rgba(37, 99, 235, 0.3);\r\n        }\r\n\r\n        @media (max-width: 1024px) {\r\n            .services-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .services-section {\r\n                padding: 80px 20px;\r\n            }\r\n\r\n            .service-item {\r\n                padding: 40px 30px;\r\n            }\r\n\r\n            .service-number {\r\n                font-size: 3rem;\r\n            }\r\n\r\n            .services-cta {\r\n                padding: 60px 20px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <section class=\"services-section\">\r\n        <div class=\"services-bg\"><\/div>\r\n        \r\n        <div class=\"services-container\">\r\n            <div class=\"services-header\">\r\n                <!--<div class=\"services-label\">What We Offer<\/div>-->\r\n                <h2 class=\"services-title\">Why Choose <span class=\"highlight\">Liberty Guns<\/span><\/h2>\r\n                <p class=\"services-intro\">Your trusted firearms partner in West Chicago offering quality product, expert service, and over a decade of community dedication<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"services-grid\">\r\n                <div class=\"service-item\">\r\n                    <div class=\"service-number\">01<\/div>\r\n                    <div class=\"service-icon\">\ud83d\udee1\ufe0f<\/div>\r\n                    <div class=\"service-content\">\r\n                        <h3 class=\"service-title\">Wide Range of Firearms Selection<\/h3>\r\n                        <p class=\"service-description\">We offer a diverse range of firearms and related services tailored to meet your specific needs. Our team is committed to providing top-notch products and exceptional customer service.<\/p>\r\n                        <!--<a href=\"#\" class=\"service-link\">Learn More<\/a>-->\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"service-item\">\r\n                    <div class=\"service-number\">02<\/div>\r\n                    <div class=\"service-icon\">\ud83d\udccb<\/div>\r\n                    <div class=\"service-content\">\r\n                        <h3 class=\"service-title\"> FFL and Cleaning Services<\/h3>\r\n                        <p class=\"service-description\">We provide FFL transfer services and professional firearm cleaning to ensure the proper handling and maintenance of your firearms.<\/p>\r\n                        <!--<a href=\"#\" class=\"service-link\">Learn More<\/a>-->\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"service-item\">\r\n                    <div class=\"service-number\">03<\/div>\r\n                    <div class=\"service-icon\">\ud83e\udd1d<\/div>\r\n                    <div class=\"service-content\">\r\n                        <h3 class=\"service-title\"> Customer Satisfaction Guarantee<\/h3>\r\n                        <p class=\"service-description\">We are dedicated to ensuring your satisfaction, and our team goes above and beyond to meet your individual needs and preferences.<\/p>\r\n                        <!--<a href=\"#\" class=\"service-link\">Learn More<\/a>-->\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"service-item\">\r\n                    <div class=\"service-number\">04<\/div>\r\n                    <div class=\"service-icon\">\u2694\ufe0f\ufe0f\ufe0f<\/div>\r\n                    <div class=\"service-content\">\r\n                        <h3 class=\"service-title\">Antique and Surplus<\/h3>\r\n                        <p class=\"service-description\">Our specialty lies in antique and surplus firearms, offering enthusiasts and collectors a unique selection of historical pieces.<\/p>\r\n                        <!--<a href=\"#\" class=\"service-link\">Learn More<\/a>-->\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!--<div class=\"services-cta\">-->\r\n            <!--    <div class=\"cta-content\">-->\r\n            <!--        <h3 class=\"cta-title\">Visit Our Store Today<\/h3>-->\r\n            <!--        <p class=\"cta-text\">Experience our full selection in person. Our knowledgeable staff is ready to help you find the perfect firearm.<\/p>-->\r\n            <!--        <a href=\"#\" class=\"cta-button\">Get Directions<\/a>-->\r\n            <!--    <\/div>-->\r\n            <\/div>\r\n        <!--<\/div>-->\r\n    <\/section>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ae72313 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"ae72313\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5495051 elementor-widget elementor-widget-html\" data-id=\"5495051\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <style>\r\n        \/** {*\/\r\n        \/*    margin: 0;*\/\r\n        \/*    padding: 0;*\/\r\n        \/*    box-sizing: border-box;*\/\r\n        \/*}*\/\r\n\r\n        .trust-section {\r\n            background: linear-gradient(180deg, #0f172a 0%, #1e293b 50%, #0f172a 100%);\r\n            padding: 6rem 2rem;\r\n            position: relative;\r\n            overflow: hidden;\r\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n        }\r\n\r\n        \/* Animated background *\/\r\n        .bg-pattern {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background-image: \r\n                radial-gradient(circle at 20% 50%, rgba(59, 130, 246, 0.08) 0%, transparent 50%),\r\n                radial-gradient(circle at 80% 80%, rgba(6, 182, 212, 0.08) 0%, transparent 50%);\r\n            z-index: 1;\r\n        }\r\n\r\n        .floating-elements {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            z-index: 2;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .float-circle {\r\n            position: absolute;\r\n            border: 2px solid rgba(59, 130, 246, 0.2);\r\n            border-radius: 50%;\r\n            animation: floatAround 20s ease-in-out infinite;\r\n        }\r\n\r\n        .float-circle:nth-child(1) {\r\n            width: 200px;\r\n            height: 200px;\r\n            top: 10%;\r\n            left: 10%;\r\n            animation-delay: 0s;\r\n        }\r\n\r\n        .float-circle:nth-child(2) {\r\n            width: 150px;\r\n            height: 150px;\r\n            top: 60%;\r\n            right: 15%;\r\n            animation-delay: -7s;\r\n        }\r\n\r\n        .float-circle:nth-child(3) {\r\n            width: 100px;\r\n            height: 100px;\r\n            bottom: 20%;\r\n            left: 20%;\r\n            animation-delay: -14s;\r\n        }\r\n\r\n        @keyframes floatAround {\r\n            0%, 100% { transform: translate(0, 0) rotate(0deg); opacity: 0.3; }\r\n            25% { transform: translate(30px, -30px) rotate(90deg); opacity: 0.6; }\r\n            50% { transform: translate(0, -60px) rotate(180deg); opacity: 0.3; }\r\n            75% { transform: translate(-30px, -30px) rotate(270deg); opacity: 0.6; }\r\n        }\r\n\r\n        \/* Content container *\/\r\n        .content-container {\r\n            position: relative;\r\n            z-index: 10;\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* Section header *\/\r\n        .section-header {\r\n            text-align: center;\r\n            margin-bottom: 4rem;\r\n        }\r\n\r\n        .section-tag {\r\n            display: inline-block;\r\n            padding: 0.7rem 1.8rem;\r\n            background: rgba(59, 130, 246, 0.15);\r\n            backdrop-filter: blur(10px);\r\n            border: 1px solid rgba(59, 130, 246, 0.3);\r\n            border-radius: 50px;\r\n            color: #60a5fa;\r\n            font-size: 0.85rem;\r\n            font-weight: 700;\r\n            letter-spacing: 0.15em;\r\n            text-transform: uppercase;\r\n            margin-bottom: 1.5rem;\r\n        }\r\n\r\n        .trust-section .section-title {\r\n            font-size: clamp(2.5rem, 6vw, 4.5rem);\r\n            font-weight: 900;\r\n            color: #ffffff;\r\n            margin-bottom: 1rem;\r\n            line-height: 1.1;\r\n        }\r\n\r\n        .trust-section .section-title span {\r\n            background: linear-gradient(135deg, #3b82f6, #06b6d4);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n        }\r\n\r\n        .trust-section .section-subtitle {\r\n            font-size: 1.2rem;\r\n            color: #94a3b8;\r\n            max-width: 700px;\r\n            margin: 0 auto;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* Stats grid *\/\r\n        .trust-section .stats-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n            gap: 2rem;\r\n            margin-bottom: 4rem;\r\n        }\r\n\r\n        .trust-section .stat-card {\r\n            background: rgba(15, 23, 42, 0.5);\r\n            backdrop-filter: blur(20px);\r\n            border: 2px solid rgba(59, 130, 246, 0.2);\r\n            border-radius: 20px;\r\n            padding: 3rem 2rem;\r\n            text-align: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n            transition: all 0.4s ease;\r\n        }\r\n\r\n        .trust-section .stat-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), transparent);\r\n            opacity: 0;\r\n            transition: opacity 0.4s ease;\r\n        }\r\n\r\n        .trust-section .stat-card:hover::before {\r\n            opacity: 1;\r\n        }\r\n\r\n        .trust-section .stat-card:hover {\r\n            transform: translateY(-10px);\r\n            border-color: rgba(59, 130, 246, 0.5);\r\n            box-shadow: 0 20px 60px rgba(59, 130, 246, 0.3);\r\n        }\r\n\r\n        .trust-section .stat-icon {\r\n            width: 80px;\r\n            height: 80px;\r\n            margin: 0 auto 1.5rem;\r\n            background: linear-gradient(135deg, #3b82f6, #06b6d4);\r\n            border-radius: 20px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 2.5rem;\r\n            box-shadow: 0 10px 40px rgba(59, 130, 246, 0.4);\r\n            transition: transform 0.4s ease;\r\n        }\r\n\r\n        .trust-section .stat-card:hover .stat-icon {\r\n            transform: rotateY(180deg);\r\n        }\r\n\r\n        .trust-section .stat-number {\r\n            font-size: 3.5rem;\r\n            font-weight: 900;\r\n            background: linear-gradient(135deg, #3b82f6, #06b6d4);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n            display: block;\r\n            margin-bottom: 0.5rem;\r\n            line-height: 1;\r\n        }\r\n\r\n        .trust-section .stat-label {\r\n            font-size: 1.1rem;\r\n            color: #cbd5e1;\r\n            font-weight: 600;\r\n            margin-bottom: 0.5rem;\r\n        }\r\n\r\n        .trust-section .stat-description {\r\n            font-size: 0.9rem;\r\n            color: #64748b;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        \/* Features section *\/\r\n        .trust-section .features-section {\r\n            margin-bottom: 4rem;\r\n        }\r\n\r\n        .trust-section .features-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n            gap: 2rem;\r\n        }\r\n\r\n        .trust-section .feature-box {\r\n            background: rgba(59, 130, 246, 0.05);\r\n            border: 1px solid rgba(59, 130, 246, 0.2);\r\n            border-radius: 16px;\r\n            padding: 2.5rem;\r\n            transition: all 0.4s ease;\r\n            position: relative;\r\n        }\r\n\r\n        .trust-section .feature-box::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 4px;\r\n            height: 100%;\r\n            background: linear-gradient(180deg, #3b82f6, #06b6d4);\r\n            border-radius: 4px 0 0 4px;\r\n            transform: scaleY(0);\r\n            transition: transform 0.4s ease;\r\n        }\r\n\r\n        .trust-section .feature-box:hover::after {\r\n            transform: scaleY(1);\r\n        }\r\n\r\n        .trust-section .feature-box:hover {\r\n            background: rgba(59, 130, 246, 0.1);\r\n            border-color: rgba(59, 130, 246, 0.4);\r\n            transform: translateX(10px);\r\n        }\r\n\r\n        .trust-section .feature-header {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 1rem;\r\n            margin-bottom: 1.5rem;\r\n        }\r\n\r\n        .trust-section .feature-icon {\r\n            width: 50px;\r\n            height: 50px;\r\n            background: linear-gradient(135deg, #3b82f6, #06b6d4);\r\n            border-radius: 12px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 1.5rem;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .trust-section .feature-title {\r\n            font-size: 1.3rem;\r\n            color: #ffffff;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .trust-section .feature-description {\r\n            color: #94a3b8;\r\n            line-height: 1.7;\r\n            font-size: 1rem;\r\n        }\r\n\r\n        \/* Testimonial section *\/\r\n        .testimonial-section {\r\n            background: rgba(59, 130, 246, 0.1);\r\n            backdrop-filter: blur(20px);\r\n            border: 2px solid rgba(59, 130, 246, 0.3);\r\n            border-radius: 24px;\r\n            padding: 4rem 3rem;\r\n            text-align: center;\r\n            margin-bottom: 4rem;\r\n        }\r\n\r\n        .testimonial-icon {\r\n            font-size: 4rem;\r\n            margin-bottom: 2rem;\r\n            opacity: 0.3;\r\n        }\r\n\r\n        .testimonial-text {\r\n            font-size: 1.5rem;\r\n            color: #e2e8f0;\r\n            font-weight: 500;\r\n            line-height: 1.7;\r\n            font-style: italic;\r\n            margin-bottom: 2rem;\r\n            max-width: 800px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        .testimonial-author {\r\n            font-size: 1.1rem;\r\n            color: #3b82f6;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .testimonial-role {\r\n            font-size: 0.95rem;\r\n            color: #64748b;\r\n            margin-top: 0.3rem;\r\n        }\r\n\r\n        .stars {\r\n            font-size: 1.5rem;\r\n            color: #fbbf24;\r\n            margin-top: 1rem;\r\n        }\r\n\r\n        \/* CTA section *\/\r\n        .trust-section .cta-section {\r\n            text-align: center;\r\n        }\r\n\r\n        .trust-section .cta-title {\r\n            font-size: 2.5rem;\r\n            color: #ffffff;\r\n            font-weight: 900;\r\n            margin-bottom: 1.5rem;\r\n        }\r\n\r\n        .cta-buttons {\r\n            display: flex;\r\n            gap: 1.5rem;\r\n            justify-content: center;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .trust-section .btn {\r\n            padding: 1.3rem 3.5rem;\r\n            font-size: 1rem;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.08em;\r\n            border: none;\r\n            border-radius: 10px;\r\n            cursor: pointer;\r\n            transition: all 0.4s ease;\r\n            text-decoration: none;\r\n            display: inline-block;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .trust-section .btn::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            width: 0;\r\n            height: 0;\r\n            background: rgba(255, 255, 255, 0.2);\r\n            border-radius: 50%;\r\n            transform: translate(-50%, -50%);\r\n            transition: width 0.6s, height 0.6s;\r\n        }\r\n\r\n        .trust-section .btn:hover::before {\r\n            width: 400px;\r\n            height: 400px;\r\n        }\r\n\r\n        .trust-section .btn span {\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .trust-section .btn-primary {\r\n            background: linear-gradient(135deg, #3b82f6, #2563eb);\r\n            color: #ffffff;\r\n            box-shadow: 0 10px 50px rgba(59, 130, 246, 0.5);\r\n        }\r\n\r\n        .trust-section .btn-primary:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 20px 70px rgba(59, 130, 246, 0.7);\r\n        }\r\n\r\n        .trust-section .btn-outline {\r\n            background: transparent;\r\n            color: #ffffff;\r\n            border: 2px solid rgba(59, 130, 246, 0.5);\r\n        }\r\n\r\n        .trust-section .btn-outline:hover {\r\n            border-color: #3b82f6;\r\n            background: rgba(59, 130, 246, 0.1);\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        \/* Responsive *\/\r\n        @media (max-width: 768px) {\r\n            .stats-grid,\r\n            .features-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .testimonial-section {\r\n                padding: 2.5rem 1.5rem;\r\n            }\r\n\r\n            .trust-section .cta-buttons {\r\n                flex-direction: column;\r\n                align-items: center;\r\n            }\r\n\r\n            .trust-section .btn {\r\n                width: 100%;\r\n                max-width: 320px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <section class=\"trust-section\">\r\n        <!-- Background elements -->\r\n        <div class=\"bg-pattern\"><\/div>\r\n        <div class=\"floating-elements\">\r\n            <div class=\"float-circle\"><\/div>\r\n            <div class=\"float-circle\"><\/div>\r\n            <div class=\"float-circle\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"content-container\">\r\n            <!-- Header -->\r\n            <div class=\"section-header\">\r\n                <div class=\"section-tag\">Trust & Excellence<\/div>\r\n                <h2 class=\"section-title\">\r\n                    BUILT ON <span>TRUST & EXPERIENCE<\/span>\r\n                <\/h2>\r\n                <p class=\"section-subtitle\">\r\n                    Over a decade of serving the Fox Valley community with integrity, expertise, and dedication\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- Stats Grid -->\r\n            <div class=\"stats-grid\">\r\n                <div class=\"stat-card\">\r\n                    <div class=\"stat-icon\">\ud83c\udfc6<\/div>\r\n                    <span class=\"stat-number\">10+<\/span>\r\n                    <div class=\"stat-label\">Years in Business<\/div>\r\n                    <p class=\"stat-description\">Serving West Chicago since 2014<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"stat-card\">\r\n                    <div class=\"stat-icon\">\ud83d\udc65<\/div>\r\n                    <span class=\"stat-number\">5K+<\/span>\r\n                    <div class=\"stat-label\">Happy Customers<\/div>\r\n                    <p class=\"stat-description\">Trusted by thousands in Fox Valley<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"stat-card\">\r\n                    <div class=\"stat-icon\">\u26a1<\/div>\r\n                    <span class=\"stat-number\">24hr<\/span>\r\n                    <div class=\"stat-label\">Transfer Processing<\/div>\r\n                    <p class=\"stat-description\">Fast and efficient FFL service<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"stat-card\">\r\n                    <div class=\"stat-icon\">\u2b50<\/div>\r\n                    <span class=\"stat-number\">5.0<\/span>\r\n                    <div class=\"stat-label\">Customer Rating<\/div>\r\n                    <p class=\"stat-description\">Excellence in every interaction<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Features -->\r\n            <div class=\"features-section\">\r\n                <div class=\"features-grid\">\r\n                    <div class=\"feature-box\">\r\n                        <div class=\"feature-header\">\r\n                            <div class=\"feature-icon\">\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d\udc66<\/div>\r\n                            <h3 class=\"feature-title\">Family Owned & Operated<\/h3>\r\n                        <\/div>\r\n                        <p class=\"feature-description\">\r\n                            Conveniently located in West Chicago, we're a small, family-owned firearms retailer that has proudly served the Fox Valley for over a decade. We build close relationships with every customer.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"feature-box\">\r\n                        <div class=\"feature-header\">\r\n                            <div class=\"feature-icon\">\ud83d\udee1\ufe0f\ufe0f<\/div>\r\n                            <h3 class=\"feature-title\">Large Rotating Inventory<\/h3>\r\n                        <\/div>\r\n                        <p class=\"feature-description\">\r\n                            We maintain an extensive selection of new, used, and military surplus firearms. As an authorized dealer for Sig, CZ, Glock, DD, S&W, Colt, Ruger, and others - if we don't have it in stock, we can order it for you and save you the FFL fee!\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"feature-box\">\r\n                        <div class=\"feature-header\">\r\n                            <div class=\"feature-icon\">\ud83e\udd1d<\/div>\r\n                            <h3 class=\"feature-title\">Comprehensive Services<\/h3>\r\n                        <\/div>\r\n                        <p class=\"feature-description\">\r\n                            We offer layaway sales, consignments, buy\/sell\/trade services, FFL transfers, and professional cleaning services. Our team is dedicated to meeting all your firearms needs under one roof.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Testimonial -->\r\n            <!--<div class=\"testimonial-section\">-->\r\n            <!--    <div class=\"testimonial-icon\">\"<\/div>-->\r\n            <!--    <p class=\"testimonial-text\">-->\r\n            <!--        Liberty Guns is hands down the best firearm shop in the area. The staff is incredibly knowledgeable, friendly, and patient. They took the time to answer all my questions and helped me find exactly what I needed. Highly recommend!-->\r\n            <!--    <\/p>-->\r\n            <!--    <div class=\"testimonial-author\">Mike Johnson<\/div>-->\r\n            <!--    <div class=\"testimonial-role\">West Chicago Resident<\/div>-->\r\n            <!--    <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>-->\r\n            <!--<\/div>-->\r\n\r\n            <!-- CTA -->\r\n            <!--<div class=\"cta-section\">-->\r\n            <!--    <h3 class=\"cta-title\">READY TO EXPERIENCE THE DIFFERENCE?<\/h3>-->\r\n            <!--    <div class=\"cta-buttons\">-->\r\n            <!--        <a href=\"#visit\" class=\"btn btn-primary\">-->\r\n            <!--            <span>Visit Our Store<\/span>-->\r\n            <!--        <\/a>-->\r\n            <!--        <a href=\"#contact\" class=\"btn btn-outline\">-->\r\n            <!--            <span>Get In Touch<\/span>-->\r\n            <!--        <\/a>-->\r\n            <!--    <\/div>-->\r\n            <!--<\/div>-->\r\n        <\/div>\r\n    <\/section>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0b06dc7 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"0b06dc7\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3d5157f elementor-widget elementor-widget-html\" data-id=\"3d5157f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Customer Reviews<\/title>\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .reviews-section-wrapper {\r\n            background: #ffffff;\r\n            padding: 100px 20px;\r\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* Animated background elements *\/\r\n        .gallery-bg {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            z-index: 0;\r\n        }\r\n\r\n        .bg-circle {\r\n            position: absolute;\r\n            border-radius: 50%;\r\n            opacity: 0.4;\r\n        }\r\n\r\n        .bg-circle-1 {\r\n            width: 300px;\r\n            height: 300px;\r\n            background: radial-gradient(circle, rgba(37, 99, 235, 0.1), transparent);\r\n            top: -100px;\r\n            right: -100px;\r\n            animation: float 15s ease-in-out infinite;\r\n        }\r\n\r\n        .bg-circle-2 {\r\n            width: 250px;\r\n            height: 250px;\r\n            background: radial-gradient(circle, rgba(59, 130, 246, 0.1), transparent);\r\n            bottom: -80px;\r\n            left: -80px;\r\n            animation: float 20s ease-in-out infinite reverse;\r\n        }\r\n\r\n        @keyframes float {\r\n            0%, 100% { transform: translate(0, 0); }\r\n            50% { transform: translate(30px, -30px); }\r\n        }\r\n\r\n        .reviews-container {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* Header *\/\r\n        .gallery-header {\r\n            text-align: center;\r\n            margin-bottom: 70px;\r\n        }\r\n\r\n        .gallery-label {\r\n            display: inline-block;\r\n            padding: 10px 30px;\r\n            background: rgba(37, 99, 235, 0.1);\r\n            border: 2px solid rgba(37, 99, 235, 0.2);\r\n            border-radius: 50px;\r\n            color: #2563eb;\r\n            font-size: 0.85rem;\r\n            font-weight: 700;\r\n            letter-spacing: 3px;\r\n            text-transform: uppercase;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .gallery-title {\r\n            font-size: clamp(2.5rem, 6vw, 5rem);\r\n            font-weight: 900;\r\n            color: #0f172a;\r\n            margin-bottom: 20px;\r\n            line-height: 1.1;\r\n        }\r\n\r\n        .gallery-title .highlight {\r\n            background: linear-gradient(135deg, #2563eb, #3b82f6);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n        }\r\n\r\n        .reviews-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n            gap: 24px;\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .review-card {\r\n            background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\r\n            border: 2px solid rgba(37, 99, 235, 0.1);\r\n            border-radius: 16px;\r\n            padding: 30px;\r\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n            display: flex;\r\n            flex-direction: column;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .review-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(90deg, transparent, rgba(37, 99, 235, 0.05), transparent);\r\n            transition: left 0.6s ease;\r\n        }\r\n\r\n        .review-card:hover::before {\r\n            left: 100%;\r\n        }\r\n\r\n        .review-card:hover {\r\n            transform: translateY(-8px);\r\n            box-shadow: 0 20px 40px rgba(37, 99, 235, 0.15);\r\n            border-color: rgba(37, 99, 235, 0.3);\r\n            background: #ffffff;\r\n        }\r\n\r\n        .review-stars {\r\n            display: flex;\r\n            gap: 4px;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .review-stars span {\r\n            font-size: 20px;\r\n            color: #fbbf24;\r\n        }\r\n\r\n        .review-text {\r\n            color: #475569;\r\n            font-size: 15px;\r\n            line-height: 1.7;\r\n            margin-bottom: 24px;\r\n            flex-grow: 1;\r\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n            display: -webkit-box;\r\n            -webkit-line-clamp: 6;\r\n            -webkit-box-orient: vertical;\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n            max-height: 160px;\r\n        }\r\n\r\n        .review-text.expanded {\r\n            -webkit-line-clamp: unset;\r\n            max-height: none;\r\n        }\r\n\r\n        .read-more-btn {\r\n            color: #2563eb;\r\n            font-weight: 600;\r\n            font-size: 14px;\r\n            cursor: pointer;\r\n            margin-bottom: 20px;\r\n            display: inline-block;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .read-more-btn:hover {\r\n            color: #1d4ed8;\r\n            text-decoration: underline;\r\n        }\r\n\r\n        .reviewer-info {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            padding-top: 20px;\r\n            border-top: 2px solid rgba(37, 99, 235, 0.1);\r\n        }\r\n\r\n        .reviewer-avatar {\r\n            width: 48px;\r\n            height: 48px;\r\n            border-radius: 50%;\r\n            position: relative;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .reviewer-avatar img {\r\n            width: 100%;\r\n            height: 100%;\r\n            border-radius: 50%;\r\n            object-fit: cover;\r\n        }\r\n\r\n        .google-badge {\r\n            width: 20px;\r\n            height: 20px;\r\n            background: white;\r\n            border-radius: 50%;\r\n            position: absolute;\r\n            bottom: -2px;\r\n            right: -2px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            border: 2px solid white;\r\n            box-shadow: 0 2px 4px rgba(0,0,0,0.15);\r\n        }\r\n\r\n        .google-badge img {\r\n            width: 16px;\r\n            height: 16px;\r\n        }\r\n\r\n        .reviewer-details {\r\n            flex: 1;\r\n        }\r\n\r\n        .reviewer-name {\r\n            font-weight: 700;\r\n            color: #0f172a;\r\n            font-size: 16px;\r\n            margin-bottom: 4px;\r\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n        }\r\n\r\n        .load-more-container {\r\n            text-align: center;\r\n            margin-top: 40px;\r\n        }\r\n\r\n        .load-more-btn {\r\n            background: #2563eb;\r\n            color: #fff;\r\n            border: none;\r\n            padding: 18px 50px;\r\n            font-size: 16px;\r\n            font-weight: 700;\r\n            border-radius: 8px;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        .load-more-btn:hover {\r\n            background: #1d4ed8;\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 10px 30px rgba(37, 99, 235, 0.3);\r\n        }\r\n\r\n        .load-more-btn:disabled {\r\n            background: #cbd5e1;\r\n            cursor: not-allowed;\r\n            transform: none;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .reviews-section-wrapper {\r\n                padding: 60px 15px;\r\n            }\r\n\r\n            .reviews-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 20px;\r\n            }\r\n\r\n            .review-card {\r\n                padding: 24px;\r\n            }\r\n\r\n            .review-text {\r\n                font-size: 14px;\r\n                -webkit-line-clamp: 5;\r\n                max-height: 135px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"reviews-section-wrapper\">\r\n        <div class=\"gallery-bg\">\r\n            <div class=\"bg-circle bg-circle-1\"><\/div>\r\n            <div class=\"bg-circle bg-circle-2\"><\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"reviews-container\">\r\n            <div class=\"gallery-header\">\r\n                <div class=\"gallery-label\">Reviews<\/div>\r\n                <h2 class=\"gallery-title\">\r\n                    Customer <span class=\"highlight\">Testimonials<\/span>\r\n                <\/h2>\r\n            <\/div>\r\n\r\n            <div class=\"reviews-grid\" id=\"reviewsGrid\">\r\n                <!-- Review 1 -->\r\n                <div class=\"review-card\">\r\n                    <div class=\"review-stars\">\r\n                        <span>\u2b50<\/span><span>\u2b50<\/span><span>\u2b50<\/span><span>\u2b50<\/span><span>\u2b50<\/span>\r\n                    <\/div>\r\n                    <p class=\"review-text\" id=\"review1\">First off, Andrew and his brother are fantastic: I've been in a handful of times for FFL transfers and always end up staying probably three times as long as I need to actually conduct my business. I never leave without learning something and having a good laugh. Shop has great, family-run mom & pop character. They are warm, helpful and extremely friendly. Reasonably priced. Excellent service. I can't recommend enough!<\/p>\r\n                    <span class=\"read-more-btn\" onclick=\"toggleReview('review1', this)\">Read More<\/span>\r\n                    <div class=\"reviewer-info\">\r\n                        <div class=\"reviewer-avatar\">\r\n                            <img decoding=\"async\" src=\"https:\/\/liberty-guns.com\/wp-content\/uploads\/2025\/11\/man.png\" alt=\"Danielle M.\">\r\n                            <div class=\"google-badge\">\r\n                                <img decoding=\"async\" src=\"https:\/\/www.vectorlogo.zone\/logos\/google\/google-tile.svg\" alt=\"Google\">\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"reviewer-details\">\r\n                            <div class=\"reviewer-name\">Danielle M.<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Review 2 -->\r\n                <div class=\"review-card\">\r\n                    <div class=\"review-stars\">\r\n                        <span>\u2b50<\/span><span>\u2b50<\/span><span>\u2b50<\/span><span>\u2b50<\/span><span>\u2b50<\/span>\r\n                    <\/div>\r\n                    <p class=\"review-text\">I highly recommend Liberty Guns to any firearm enthusiast. Their collection and customer service are unmatched, and I look forward to returning.<\/p>\r\n                    <div class=\"reviewer-info\">\r\n                        <div class=\"reviewer-avatar\">\r\n                            <img decoding=\"async\" src=\"https:\/\/liberty-guns.com\/wp-content\/uploads\/2025\/11\/man.png\" alt=\"Michelle Torres\">\r\n                            <div class=\"google-badge\">\r\n                                <img decoding=\"async\" src=\"https:\/\/www.vectorlogo.zone\/logos\/google\/google-tile.svg\" alt=\"Google\">\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"reviewer-details\">\r\n                            <div class=\"reviewer-name\">Michelle Torres<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Review 3 -->\r\n                <div class=\"review-card\">\r\n                    <div class=\"review-stars\">\r\n                        <span>\u2b50<\/span><span>\u2b50<\/span><span>\u2b50<\/span><span>\u2b50<\/span><span>\u2b50<\/span>\r\n                    <\/div>\r\n                    <p class=\"review-text\">The team at Liberty Guns exceeded my expectations. Their commitment to customer satisfaction and the quality of their products are truly commendable.<\/p>\r\n                    <div class=\"reviewer-info\">\r\n                        <div class=\"reviewer-avatar\">\r\n                            <img decoding=\"async\" src=\"https:\/\/liberty-guns.com\/wp-content\/uploads\/2025\/11\/man.png\" alt=\"Lucero\">\r\n                            <div class=\"google-badge\">\r\n                                <img decoding=\"async\" src=\"https:\/\/www.vectorlogo.zone\/logos\/google\/google-tile.svg\" alt=\"Google\">\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"reviewer-details\">\r\n                            <div class=\"reviewer-name\">Lucero<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!--<div class=\"load-more-container\">-->\r\n            <!--    <button class=\"load-more-btn\">View All Reviews<\/button>-->\r\n            <!--<\/div>-->\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        function toggleReview(id, btn) {\r\n            const reviewText = document.getElementById(id);\r\n            reviewText.classList.toggle('expanded');\r\n            btn.textContent = reviewText.classList.contains('expanded') ? 'Read Less' : 'Read More';\r\n        }\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8b2252a e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"8b2252a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cb5fb24 elementor-widget elementor-widget-html\" data-id=\"cb5fb24\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        \/* Section Container *\/\r\n        .liberty-contact-section {\r\n            background: linear-gradient(135deg, #1e40af 0%, #3b82f6 50%, #06b6d4 100%);\r\n            padding: 100px 20px;\r\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* Animated background pattern *\/\r\n        .contact-bg-pattern {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background-image: \r\n                radial-gradient(circle at 20% 50%, rgba(255, 255, 255, 0.1) 0%, transparent 50%),\r\n                radial-gradient(circle at 80% 80%, rgba(255, 255, 255, 0.1) 0%, transparent 50%);\r\n            z-index: 1;\r\n        }\r\n\r\n        .contact-grid-overlay {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background-image: \r\n                linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),\r\n                linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);\r\n            background-size: 50px 50px;\r\n            animation: gridMove 20s linear infinite;\r\n            z-index: 1;\r\n        }\r\n\r\n        @keyframes gridMove {\r\n            0% { background-position: 0 0; }\r\n            100% { background-position: 50px 50px; }\r\n        }\r\n\r\n        .liberty-contact-wrapper {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n            z-index: 10;\r\n        }\r\n\r\n        \/* Header *\/\r\n        .contact-header {\r\n            text-align: center;\r\n            margin-bottom: 60px;\r\n        }\r\n\r\n        .contact-label {\r\n            display: inline-block;\r\n            padding: 10px 30px;\r\n            background: rgba(255, 255, 255, 0.2);\r\n            backdrop-filter: blur(10px);\r\n            border: 2px solid rgba(255, 255, 255, 0.3);\r\n            border-radius: 50px;\r\n            color: #ffffff;\r\n            font-size: 0.85rem;\r\n            font-weight: 700;\r\n            letter-spacing: 3px;\r\n            text-transform: uppercase;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .contact-title {\r\n            font-size: clamp(2.5rem, 6vw, 5rem);\r\n            font-weight: 900;\r\n            color: #ffffff;\r\n            margin-bottom: 20px;\r\n            line-height: 1.1;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .contact-subtitle {\r\n            font-size: 1.3rem;\r\n            color: rgba(255, 255, 255, 0.95);\r\n            max-width: 700px;\r\n            margin: 0 auto;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* Main Content Grid *\/\r\n        .contact-content-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1.5fr;\r\n            gap: 40px;\r\n            margin-bottom: 50px;\r\n        }\r\n\r\n        \/* Left Column: Contact Info *\/\r\n        .liberty-info-col {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 25px;\r\n        }\r\n\r\n        .contact-card {\r\n            background: rgba(255, 255, 255, 0.15);\r\n            backdrop-filter: blur(20px);\r\n            border: 2px solid rgba(255, 255, 255, 0.25);\r\n            border-radius: 16px;\r\n            padding: 30px;\r\n            transition: all 0.4s ease;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .contact-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);\r\n            transition: left 0.6s ease;\r\n        }\r\n\r\n        .contact-card:hover::before {\r\n            left: 100%;\r\n        }\r\n\r\n        .contact-card:hover {\r\n            background: rgba(255, 255, 255, 0.2);\r\n            border-color: rgba(255, 255, 255, 0.4);\r\n            transform: translateX(10px);\r\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        .contact-row {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 20px;\r\n        }\r\n\r\n        .contact-icon {\r\n            width: 60px;\r\n            height: 60px;\r\n            background: rgba(255, 255, 255, 0.95);\r\n            border-radius: 12px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            flex-shrink: 0;\r\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\r\n            transition: all 0.4s ease;\r\n        }\r\n\r\n        .contact-card:hover .contact-icon {\r\n            transform: scale(1.1) rotate(5deg);\r\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);\r\n        }\r\n\r\n        .contact-icon svg {\r\n            fill: #2563eb;\r\n            width: 28px;\r\n            height: 28px;\r\n        }\r\n\r\n        .contact-text {\r\n            flex: 1;\r\n        }\r\n\r\n        .contact-text strong {\r\n            display: block;\r\n            color: #ffffff;\r\n            font-size: 0.85rem;\r\n            text-transform: uppercase;\r\n            letter-spacing: 2px;\r\n            margin-bottom: 8px;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .contact-text span, .contact-text a {\r\n            color: rgba(255, 255, 255, 0.95);\r\n            text-decoration: none;\r\n            font-size: 1.1rem;\r\n            line-height: 1.6;\r\n            display: block;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .contact-text a:hover {\r\n            color: #ffffff;\r\n            text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);\r\n        }\r\n\r\n        \/* Right Column: Large Map *\/\r\n        .liberty-map-col {\r\n            background: rgba(255, 255, 255, 0.1);\r\n            backdrop-filter: blur(20px);\r\n            border: 3px solid rgba(255, 255, 255, 0.3);\r\n            border-radius: 20px;\r\n            overflow: hidden;\r\n            height: 600px;\r\n            position: relative;\r\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\r\n            transition: all 0.4s ease;\r\n        }\r\n\r\n        .liberty-map-col:hover {\r\n            border-color: rgba(255, 255, 255, 0.5);\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 30px 80px rgba(0, 0, 0, 0.4);\r\n        }\r\n\r\n        .liberty-map-col iframe {\r\n            width: 100%;\r\n            height: 100%;\r\n            border: none;\r\n        }\r\n\r\n        \/* Map badge overlay *\/\r\n        .map-badge {\r\n            position: absolute;\r\n            top: 20px;\r\n            left: 20px;\r\n            background: rgba(255, 255, 255, 0.95);\r\n            backdrop-filter: blur(10px);\r\n            padding: 15px 25px;\r\n            border-radius: 50px;\r\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\r\n            z-index: 100;\r\n        }\r\n\r\n        .map-badge-text {\r\n            color: #2563eb;\r\n            font-weight: 700;\r\n            font-size: 0.9rem;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        \/* Bottom CTA *\/\r\n        .contact-cta {\r\n            background: rgba(255, 255, 255, 0.15);\r\n            backdrop-filter: blur(20px);\r\n            border: 2px solid rgba(255, 255, 255, 0.3);\r\n            border-radius: 20px;\r\n            padding: 50px 40px;\r\n            text-align: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .contact-cta::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -50%;\r\n            left: -50%;\r\n            width: 200%;\r\n            height: 200%;\r\n            background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);\r\n            animation: rotate 20s linear infinite;\r\n        }\r\n\r\n        @keyframes rotate {\r\n            from { transform: rotate(0deg); }\r\n            to { transform: rotate(360deg); }\r\n        }\r\n\r\n        .cta-content {\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .cta-title {\r\n            font-size: 2.5rem;\r\n            color: #ffffff;\r\n            font-weight: 900;\r\n            margin-bottom: 15px;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .cta-text {\r\n            font-size: 1.2rem;\r\n            color: rgba(255, 255, 255, 0.95);\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .cta-buttons {\r\n            display: flex;\r\n            gap: 20px;\r\n            justify-content: center;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .cta-button {\r\n            padding: 18px 45px;\r\n            font-size: 1rem;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 2px;\r\n            border: none;\r\n            border-radius: 50px;\r\n            cursor: pointer;\r\n            text-decoration: none;\r\n            display: inline-block;\r\n            transition: all 0.4s ease;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .cta-button::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            width: 0;\r\n            height: 0;\r\n            background: rgba(255, 255, 255, 0.3);\r\n            border-radius: 50%;\r\n            transform: translate(-50%, -50%);\r\n            transition: width 0.6s, height 0.6s;\r\n        }\r\n\r\n        .cta-button:hover::before {\r\n            width: 400px;\r\n            height: 400px;\r\n        }\r\n\r\n        .cta-button span {\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .btn-primary {\r\n            background: #ffffff;\r\n            color: #2563eb;\r\n            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);\r\n        }\r\n\r\n        .btn-primary:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 15px 50px rgba(0, 0, 0, 0.4);\r\n        }\r\n\r\n        .btn-secondary {\r\n            background: transparent;\r\n            color: #ffffff;\r\n            border: 3px solid rgba(255, 255, 255, 0.5);\r\n        }\r\n\r\n        .btn-secondary:hover {\r\n            background: rgba(255, 255, 255, 0.1);\r\n            border-color: #ffffff;\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        \/* Responsive *\/\r\n        @media (max-width: 1024px) {\r\n            .contact-content-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .liberty-map-col {\r\n                height: 450px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .liberty-contact-section {\r\n                padding: 60px 15px;\r\n            }\r\n\r\n            .contact-header {\r\n                margin-bottom: 40px;\r\n            }\r\n\r\n            .liberty-map-col {\r\n                height: 350px;\r\n            }\r\n\r\n            .contact-card {\r\n                padding: 20px;\r\n            }\r\n\r\n            .contact-cta {\r\n                padding: 35px 20px;\r\n            }\r\n\r\n            .cta-buttons {\r\n                flex-direction: column;\r\n                align-items: center;\r\n            }\r\n\r\n            .cta-button {\r\n                width: 100%;\r\n                max-width: 300px;\r\n            }\r\n\r\n            .map-badge {\r\n                top: 10px;\r\n                left: 10px;\r\n                padding: 10px 20px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <section class=\"liberty-contact-section\">\r\n        <!-- Background elements -->\r\n        <div class=\"contact-bg-pattern\"><\/div>\r\n        <div class=\"contact-grid-overlay\"><\/div>\r\n\r\n        <div class=\"liberty-contact-wrapper\">\r\n            <!-- Header -->\r\n            <div class=\"contact-header\">\r\n                <div class=\"contact-label\">Get In Touch<\/div>\r\n                <h2 class=\"contact-title\">VISIT LIBERTY GUNS<\/h2>\r\n                <p class=\"contact-subtitle\">\r\n                    We're conveniently located in West Chicago. Stop by to browse our inventory, handle a transfer, or just talk shop.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- Main Content Grid -->\r\n            <div class=\"contact-content-grid\">\r\n                <!-- Left: Contact Info Cards -->\r\n                <div class=\"liberty-info-col\">\r\n                    <div class=\"contact-card\">\r\n                        <div class=\"contact-row\">\r\n                            <div class=\"contact-icon\">\r\n                                <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\r\n                            <\/div>\r\n                            <div class=\"contact-text\">\r\n                                <strong>Address<\/strong>\r\n                                <span>33W624 Roosevelt Road, Unit C<br>West Chicago, IL 60185<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"contact-card\">\r\n                        <div class=\"contact-row\">\r\n                            <div class=\"contact-icon\">\r\n                                <svg viewBox=\"0 0 24 24\"><path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/><\/svg>\r\n                            <\/div>\r\n                            <div class=\"contact-text\">\r\n                                <strong>Phone<\/strong>\r\n                                <a href=\"tel:6302311252\">(630) 231-1252<\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"contact-card\">\r\n                        <div class=\"contact-row\">\r\n                            <div class=\"contact-icon\">\r\n                                <svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg>\r\n                            <\/div>\r\n                            <div class=\"contact-text\">\r\n                                <strong>Email<\/strong>\r\n                                <a href=\"mailto:LibertyGunsusa@gmail.com\">LibertyGunsusa@gmail.com<\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"contact-card\">\r\n                        <div class=\"contact-row\">\r\n                            <div class=\"contact-icon\">\r\n                                <svg viewBox=\"0 0 24 24\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8 8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z\"\/><\/svg>\r\n                            <\/div>\r\n                            <div class=\"contact-text\">\r\n                                <strong>Hours<\/strong>\r\n                                <span>Mon - Sat: 11:00 AM - 5:00 PM<br>Sun: Closed<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Right: Large Map -->\r\n                <div class=\"liberty-map-col\">\r\n                    <!--<div class=\"map-badge\">-->\r\n                    <!--    <span class=\"map-badge-text\">\ud83d\udccd Find Us Here<\/span>-->\r\n                    <!--<\/div>-->\r\n                    <iframe \r\n                        src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d2970.3214413150504!2d-88.27750812341522!3d41.885943664922245!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x880efdbd4935f9ff%3A0x8a9a9e1a6f4f32e9!2s33W624%20Roosevelt%20Rd%20Unit%20C%2C%20West%20Chicago%2C%20IL%2060185%2C%20USA!5e0!3m2!1sen!2s!4v1764244302829!5m2!1sen!2s\" \r\n                        width=\"100%\" \r\n                        height=\"100%\" \r\n                        style=\"border:0;\" \r\n                        allowfullscreen=\"\" \r\n                        loading=\"lazy\" \r\n                        referrerpolicy=\"no-referrer-when-downgrade\">\r\n                    <\/iframe>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Bottom CTA -->\r\n            <div class=\"contact-cta\">\r\n                <div class=\"cta-content\">\r\n                    <h3 class=\"cta-title\">READY TO VISIT?<\/h3>\r\n                    <p class=\"cta-text\">Come experience the Liberty Guns difference in person<\/p>\r\n                    <div class=\"cta-buttons\">\r\n                        <a href=\"https:\/\/www.google.com\/maps\/dir\/\/33W624+Roosevelt+Rd+Unit+C,+West+Chicago,+IL+60185\" target=\"_blank\" class=\"cta-button btn-primary\">\r\n                            <span>Get Directions<\/span>\r\n                        <\/a>\r\n                        <a href=\"tel:6302311252\" class=\"cta-button btn-secondary\">\r\n                            <span>Call Us Now<\/span>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u26a0\ufe0f SCAM WARNING: Please be aware of a fake website operating at libertygunsshop.com. They are a scam. liberty-guns.com is our ONLY official website. Fox Valley&#8217;s Premier Serving the Fox Valley for Over a Decade. We have a large rotating inventory of new, used and military surplus stock. \ud83d\udccd West Chicago, Illinois Visit Our Store 10+ Years Serving 5\u2605 Rated Service 100% Family Owned Premium Selection EXPLORE OUR ARSENAL From handguns to rifles, we carry the finest firearms from the most trusted manufacturers Handguns Precision crafted pistols and revolvers for defense, sport, and collection Rifles Long-range accuracy and reliability for hunting and tactical applications Shotguns Power and versatility for sport shooting, hunting, and home defense Featured This Week Experience precision engineering and American craftsmanship \ud83c\udfaf Precision \u26a1 Performance \ud83d\udee1\ufe0f Reliability \ud83c\uddfa\ud83c\uddf8 American Made Visit Our Showroom WEST CHICAGO&#8217;S PREMIER DESTINATION Step into our modern facility featuring an extensive selection, expert staff, and over a decade of trusted service to the Fox Valley community \ud83c\udfea In-Store Experience Browse our full showroom with hundreds of firearms on display from top manufacturers Handguns, Rifles &#038; Shotguns Try before you buy Expert recommendations Accessories &#038; ammo in stock \u26a1 Fast FFL Transfers Quick and professional transfer services for your online firearm purchases 24-hour processing Competitive rates Secure storage Simple paperwork \ud83c\udfaf Expert Guidance Our knowledgeable staff has decades of combined experience to help you Personalized consultations Safety education Product knowledge After-sale support Services Section &#8211; White Background Blue Theme Why Choose Liberty Guns Your trusted firearms partner in West Chicago offering quality product, expert service, and over a decade of community dedication 01 \ud83d\udee1\ufe0f Wide Range of Firearms Selection We offer a diverse range of firearms and related services tailored to meet your specific needs. Our team is committed to providing top-notch products and exceptional customer service. 02 \ud83d\udccb FFL and Cleaning Services We provide FFL transfer services and professional firearm cleaning to ensure the proper handling and maintenance of your firearms. 03 \ud83e\udd1d Customer Satisfaction Guarantee We are dedicated to ensuring your satisfaction, and our team goes above and beyond to meet your individual needs and preferences. 04 \u2694\ufe0f\ufe0f\ufe0f Antique and Surplus Our specialty lies in antique and surplus firearms, offering enthusiasts and collectors a unique selection of historical pieces. Trust &#038; Excellence BUILT ON TRUST &#038; EXPERIENCE Over a decade of serving the Fox Valley community with integrity, expertise, and dedication \ud83c\udfc6 10+ Years in Business Serving West Chicago since 2014 \ud83d\udc65 5K+ Happy Customers Trusted by thousands in Fox Valley \u26a1 24hr Transfer Processing Fast and efficient FFL service \u2b50 5.0 Customer Rating Excellence in every interaction \ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d\udc66 Family Owned &#038; Operated Conveniently located in West Chicago, we&#8217;re a small, family-owned firearms retailer that has proudly served the Fox Valley for over a decade. We build close relationships with every customer. \ud83d\udee1\ufe0f\ufe0f Large Rotating Inventory We maintain an extensive selection of new, used, and military surplus firearms. As an authorized dealer for Sig, CZ, Glock, DD, S&#038;W, Colt, Ruger, and others &#8211; if we don&#8217;t have it in stock, we can order it for you and save you the FFL fee! \ud83e\udd1d Comprehensive Services We offer layaway sales, consignments, buy\/sell\/trade services, FFL transfers, and professional cleaning services. Our team is dedicated to meeting all your firearms needs under one roof. Customer Reviews Reviews Customer Testimonials \u2b50\u2b50\u2b50\u2b50\u2b50 First off, Andrew and his brother are fantastic: I&#8217;ve been in a handful of times for FFL transfers and always end up staying probably three times as long as I need to actually conduct my business. I never leave without learning something and having a good laugh. Shop has great, family-run mom &#038; pop character. They are warm, helpful and extremely friendly. Reasonably priced. Excellent service. I can&#8217;t recommend enough! Read More Danielle M. \u2b50\u2b50\u2b50\u2b50\u2b50 I highly recommend Liberty Guns to any firearm enthusiast. Their collection and customer service are unmatched, and I look forward to returning. Michelle Torres \u2b50\u2b50\u2b50\u2b50\u2b50 The team at Liberty Guns exceeded my expectations. Their commitment to customer satisfaction and the quality of their products are truly commendable. Lucero Get In Touch VISIT LIBERTY GUNS We&#8217;re conveniently located in West Chicago. Stop by to browse our inventory, handle a transfer, or just talk shop. Address 33W624 Roosevelt Road, Unit CWest Chicago, IL 60185 Phone (630) 231-1252 Email LibertyGunsusa@gmail.com Hours Mon &#8211; Sat: 11:00 AM &#8211; 5:00 PMSun: Closed READY TO VISIT? Come experience the Liberty Guns difference in person Get Directions Call Us Now<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/liberty-guns.com\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/liberty-guns.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/liberty-guns.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/liberty-guns.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/liberty-guns.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":208,"href":"https:\/\/liberty-guns.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":246,"href":"https:\/\/liberty-guns.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/246"}],"wp:attachment":[{"href":"https:\/\/liberty-guns.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}