{"id":7,"date":"2026-03-24T04:56:10","date_gmt":"2026-03-24T04:56:10","guid":{"rendered":"https:\/\/connectnationwide.com\/att-business\/?page_id=7"},"modified":"2026-03-24T06:15:07","modified_gmt":"2026-03-24T06:15:07","slug":"home-page","status":"publish","type":"page","link":"https:\/\/connectnationwide.com\/att-business\/","title":{"rendered":"Home Page"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n AT&T Business | Enterprise-Grade Solutions<\/title>\r\n \r\n <!-- Google Fonts -->\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap\" rel=\"stylesheet\">\r\n \r\n <!-- Font Awesome -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\r\n \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: 'Inter', sans-serif;\r\n background: #ffffff;\r\n }\r\n \r\n \/* Main Banner Container *\/\r\n .att-banner {\r\n width: 100%;\r\n background: linear-gradient(135deg, #eef5ff 0%, #f5f9ff 50%, #ffffff 100%);\r\n position: relative;\r\n overflow: hidden;\r\n padding: 80px 0 60px;\r\n }\r\n \r\n \/* Animated Moving Elements - Increased Count *\/\r\n .moving-bg {\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 pointer-events: none;\r\n }\r\n \r\n \/* Large Floating Circles *\/\r\n .moving-circle {\r\n position: absolute;\r\n background: radial-gradient(circle, rgba(0, 56, 143, 0.08), rgba(0, 85, 204, 0.03));\r\n border-radius: 50%;\r\n animation: floatSlow 20s ease-in-out infinite;\r\n }\r\n \r\n .moving-circle-1 { width: 400px; height: 400px; top: -150px; right: -100px; animation-delay: 0s; }\r\n .moving-circle-2 { width: 350px; height: 350px; bottom: -80px; left: -120px; animation-delay: 2s; }\r\n .moving-circle-3 { width: 250px; height: 250px; top: 30%; right: 15%; animation-delay: 4s; }\r\n .moving-circle-4 { width: 300px; height: 300px; bottom: 20%; right: 20%; animation-delay: 1s; }\r\n .moving-circle-5 { width: 180px; height: 180px; top: 15%; left: 5%; animation-delay: 3s; }\r\n .moving-circle-6 { width: 220px; height: 220px; bottom: 40%; left: 15%; animation-delay: 5s; }\r\n .moving-circle-7 { width: 150px; height: 150px; top: 60%; right: 30%; animation-delay: 2.5s; }\r\n .moving-circle-8 { width: 280px; height: 280px; top: 75%; left: 40%; animation-delay: 4.5s; }\r\n \r\n \/* Medium Floating Bubbles *\/\r\n .moving-bubble {\r\n position: absolute;\r\n background: rgba(0, 56, 143, 0.06);\r\n border-radius: 50%;\r\n animation: floatMedium 15s ease-in-out infinite;\r\n }\r\n \r\n .bubble-1 { width: 80px; height: 80px; top: 20%; left: 8%; animation-delay: 0s; }\r\n .bubble-2 { width: 60px; height: 60px; top: 45%; right: 12%; animation-delay: 1.5s; }\r\n .bubble-3 { width: 100px; height: 100px; bottom: 15%; left: 20%; animation-delay: 3s; }\r\n .bubble-4 { width: 70px; height: 70px; top: 70%; right: 25%; animation-delay: 2s; }\r\n .bubble-5 { width: 50px; height: 50px; bottom: 35%; right: 40%; animation-delay: 4s; }\r\n .bubble-6 { width: 90px; height: 90px; top: 85%; left: 60%; animation-delay: 1s; }\r\n .bubble-7 { width: 45px; height: 45px; top: 10%; right: 35%; animation-delay: 3.5s; }\r\n .bubble-8 { width: 110px; height: 110px; bottom: 55%; left: 75%; animation-delay: 2.2s; }\r\n \r\n \/* Small Floating Particles *\/\r\n .moving-particle {\r\n position: absolute;\r\n background: rgba(0, 56, 143, 0.1);\r\n border-radius: 50%;\r\n animation: floatParticle 25s linear infinite;\r\n }\r\n \r\n .particle-1 { width: 4px; height: 4px; left: 5%; animation-duration: 18s; }\r\n .particle-2 { width: 6px; height: 6px; left: 12%; animation-duration: 22s; animation-delay: 1s; }\r\n .particle-3 { width: 3px; height: 3px; left: 18%; animation-duration: 15s; animation-delay: 2s; }\r\n .particle-4 { width: 5px; height: 5px; left: 25%; animation-duration: 20s; animation-delay: 0.5s; }\r\n .particle-5 { width: 4px; height: 4px; left: 32%; animation-duration: 17s; animation-delay: 3s; }\r\n .particle-6 { width: 7px; height: 7px; left: 38%; animation-duration: 25s; animation-delay: 1.2s; }\r\n .particle-7 { width: 3px; height: 3px; left: 45%; animation-duration: 19s; animation-delay: 4s; }\r\n .particle-8 { width: 5px; height: 5px; left: 52%; animation-duration: 21s; animation-delay: 2.3s; }\r\n .particle-9 { width: 4px; height: 4px; left: 58%; animation-duration: 16s; animation-delay: 0.8s; }\r\n .particle-10 { width: 6px; height: 6px; left: 65%; animation-duration: 23s; animation-delay: 3.5s; }\r\n .particle-11 { width: 3px; height: 3px; left: 72%; animation-duration: 18s; animation-delay: 1.8s; }\r\n .particle-12 { width: 5px; height: 5px; left: 78%; animation-duration: 20s; animation-delay: 2.7s; }\r\n .particle-13 { width: 4px; height: 4px; left: 85%; animation-duration: 22s; animation-delay: 0.3s; }\r\n .particle-14 { width: 6px; height: 6px; left: 92%; animation-duration: 19s; animation-delay: 3.2s; }\r\n .particle-15 { width: 3px; height: 3px; left: 98%; animation-duration: 24s; animation-delay: 1.5s; }\r\n \r\n \/* Animated Lines *\/\r\n .moving-line {\r\n position: absolute;\r\n background: linear-gradient(90deg, transparent, rgba(0, 56, 143, 0.08), transparent);\r\n height: 1px;\r\n animation: moveLine 12s linear infinite;\r\n }\r\n \r\n .line-1 { width: 300px; top: 15%; left: -200px; animation-duration: 14s; }\r\n .line-2 { width: 450px; top: 35%; left: -300px; animation-duration: 18s; animation-delay: 2s; }\r\n .line-3 { width: 250px; top: 55%; left: -150px; animation-duration: 16s; animation-delay: 4s; }\r\n .line-4 { width: 350px; top: 75%; left: -250px; animation-duration: 20s; animation-delay: 1s; }\r\n .line-5 { width: 400px; top: 90%; left: -300px; animation-duration: 15s; animation-delay: 3s; }\r\n \r\n @keyframes floatSlow {\r\n 0%, 100% { transform: translateY(0) translateX(0) scale(1); opacity: 0.5; }\r\n 33% { transform: translateY(-50px) translateX(40px) scale(1.08); opacity: 0.7; }\r\n 66% { transform: translateY(40px) translateX(-30px) scale(0.95); opacity: 0.4; }\r\n }\r\n \r\n @keyframes floatMedium {\r\n 0%, 100% { transform: translateY(0) translateX(0); opacity: 0.4; }\r\n 50% { transform: translateY(-30px) translateX(20px); opacity: 0.6; }\r\n }\r\n \r\n @keyframes floatParticle {\r\n 0% { transform: translateY(100vh) translateX(0); opacity: 0; }\r\n 10% { opacity: 0.4; }\r\n 90% { opacity: 0.4; }\r\n 100% { transform: translateY(-100px) translateX(80px); opacity: 0; }\r\n }\r\n \r\n @keyframes moveLine {\r\n from { transform: translateX(0); opacity: 0; }\r\n 20% { opacity: 0.5; }\r\n 80% { opacity: 0.5; }\r\n to { transform: translateX(calc(100vw + 400px)); opacity: 0; }\r\n }\r\n \r\n \/* Banner Content *\/\r\n .banner-content {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 40px;\r\n position: relative;\r\n z-index: 2;\r\n text-align: center;\r\n }\r\n \r\n \/* Badges *\/\r\n .badge-group {\r\n display: flex;\r\n justify-content: center;\r\n gap: 15px;\r\n margin-bottom: 30px;\r\n flex-wrap: wrap;\r\n }\r\n \r\n .badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: white;\r\n padding: 8px 20px;\r\n border-radius: 50px;\r\n font-size: 0.85rem;\r\n font-weight: 600;\r\n color: #00388f;\r\n border: 1px solid #00388f20;\r\n box-shadow: 0 2px 8px rgba(0, 56, 143, 0.05);\r\n }\r\n \r\n .badge i {\r\n font-size: 0.9rem;\r\n color: #00388f;\r\n }\r\n \r\n \/* Heading *\/\r\n h1 {\r\n font-size: 3.2rem;\r\n font-weight: 800;\r\n color: #00388f;\r\n margin-bottom: 20px;\r\n line-height: 1.2;\r\n }\r\n \r\n .subheading {\r\n font-size: 1.3rem;\r\n color: #1e293b;\r\n margin-bottom: 20px;\r\n font-weight: 500;\r\n }\r\n \r\n .description {\r\n font-size: 1rem;\r\n color: #475569;\r\n max-width: 700px;\r\n margin: 0 auto 30px;\r\n line-height: 1.6;\r\n }\r\n \r\n \/* CTA Buttons *\/\r\n .cta-group {\r\n display: flex;\r\n gap: 20px;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n margin-bottom: 60px;\r\n }\r\n \r\n .btn-primary {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: #00388f;\r\n color: white;\r\n padding: 14px 36px;\r\n border-radius: 50px;\r\n font-weight: 700;\r\n font-size: 1rem;\r\n text-decoration: none;\r\n transition: all 0.3s;\r\n box-shadow: 0 4px 12px rgba(0, 56, 143, 0.3);\r\n }\r\n \r\n .btn-primary:hover {\r\n transform: translateY(-3px);\r\n background: #002a6e;\r\n box-shadow: 0 8px 20px rgba(0, 56, 143, 0.4);\r\n }\r\n \r\n .btn-secondary {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: transparent;\r\n border: 2px solid #00388f;\r\n color: #00388f;\r\n padding: 12px 34px;\r\n border-radius: 50px;\r\n font-weight: 600;\r\n font-size: 1rem;\r\n text-decoration: none;\r\n transition: all 0.3s;\r\n }\r\n \r\n .btn-secondary:hover {\r\n background: #00388f;\r\n color: white;\r\n transform: translateY(-3px);\r\n }\r\n \r\n \/* Services Section *\/\r\n .services-section {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 40px 40px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n \r\n .services-title {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n }\r\n \r\n .services-title span {\r\n background: rgba(0, 56, 143, 0.1);\r\n padding: 6px 20px;\r\n border-radius: 50px;\r\n font-size: 0.8rem;\r\n font-weight: 600;\r\n color: #00388f;\r\n display: inline-block;\r\n margin-bottom: 15px;\r\n }\r\n \r\n .services-title h3 {\r\n font-size: 1.8rem;\r\n font-weight: 700;\r\n color: #00388f;\r\n }\r\n \r\n .services-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 25px;\r\n }\r\n \r\n .service-card {\r\n background: white;\r\n border-radius: 24px;\r\n padding: 28px 20px;\r\n text-align: center;\r\n transition: all 0.3s;\r\n border: 1px solid #00388f20;\r\n box-shadow: 0 4px 12px rgba(0, 56, 143, 0.05);\r\n }\r\n \r\n .service-card:hover {\r\n transform: translateY(-6px);\r\n border-color: #00388f;\r\n box-shadow: 0 12px 24px rgba(0, 56, 143, 0.12);\r\n }\r\n \r\n .service-icon {\r\n font-size: 2.2rem;\r\n color: #00388f;\r\n margin-bottom: 15px;\r\n }\r\n \r\n .service-card h4 {\r\n font-size: 1.1rem;\r\n font-weight: 700;\r\n color: #00388f;\r\n margin-bottom: 8px;\r\n }\r\n \r\n .service-card p {\r\n font-size: 0.8rem;\r\n color: #64748b;\r\n line-height: 1.5;\r\n }\r\n \r\n \/* Responsive *\/\r\n @media (max-width: 1024px) {\r\n .services-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 20px;\r\n }\r\n h1 {\r\n font-size: 2.5rem;\r\n }\r\n .subheading {\r\n font-size: 1.1rem;\r\n }\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .banner-content {\r\n padding: 0 20px;\r\n }\r\n h1 {\r\n font-size: 2rem;\r\n }\r\n .services-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n .badge-group {\r\n gap: 10px;\r\n }\r\n .badge {\r\n padding: 5px 14px;\r\n font-size: 0.7rem;\r\n }\r\n .cta-group {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n .btn-primary, .btn-secondary {\r\n width: 100%;\r\n max-width: 280px;\r\n justify-content: center;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"att-banner\">\r\n \r\n <!-- Animated Moving Background Elements - Increased Count -->\r\n <div class=\"moving-bg\">\r\n <!-- Large Circles (8 circles) -->\r\n <div class=\"moving-circle moving-circle-1\"><\/div>\r\n <div class=\"moving-circle moving-circle-2\"><\/div>\r\n <div class=\"moving-circle moving-circle-3\"><\/div>\r\n <div class=\"moving-circle moving-circle-4\"><\/div>\r\n <div class=\"moving-circle moving-circle-5\"><\/div>\r\n <div class=\"moving-circle moving-circle-6\"><\/div>\r\n <div class=\"moving-circle moving-circle-7\"><\/div>\r\n <div class=\"moving-circle moving-circle-8\"><\/div>\r\n \r\n <!-- Medium Bubbles (8 bubbles) -->\r\n <div class=\"moving-bubble bubble-1\"><\/div>\r\n <div class=\"moving-bubble bubble-2\"><\/div>\r\n <div class=\"moving-bubble bubble-3\"><\/div>\r\n <div class=\"moving-bubble bubble-4\"><\/div>\r\n <div class=\"moving-bubble bubble-5\"><\/div>\r\n <div class=\"moving-bubble bubble-6\"><\/div>\r\n <div class=\"moving-bubble bubble-7\"><\/div>\r\n <div class=\"moving-bubble bubble-8\"><\/div>\r\n \r\n <!-- Small Particles (15 particles) -->\r\n <div class=\"moving-particle particle-1\"><\/div>\r\n <div class=\"moving-particle particle-2\"><\/div>\r\n <div class=\"moving-particle particle-3\"><\/div>\r\n <div class=\"moving-particle particle-4\"><\/div>\r\n <div class=\"moving-particle particle-5\"><\/div>\r\n <div class=\"moving-particle particle-6\"><\/div>\r\n <div class=\"moving-particle particle-7\"><\/div>\r\n <div class=\"moving-particle particle-8\"><\/div>\r\n <div class=\"moving-particle particle-9\"><\/div>\r\n <div class=\"moving-particle particle-10\"><\/div>\r\n <div class=\"moving-particle particle-11\"><\/div>\r\n <div class=\"moving-particle particle-12\"><\/div>\r\n <div class=\"moving-particle particle-13\"><\/div>\r\n <div class=\"moving-particle particle-14\"><\/div>\r\n <div class=\"moving-particle particle-15\"><\/div>\r\n \r\n <!-- Animated Lines (5 lines) -->\r\n <div class=\"moving-line line-1\"><\/div>\r\n <div class=\"moving-line line-2\"><\/div>\r\n <div class=\"moving-line line-3\"><\/div>\r\n <div class=\"moving-line line-4\"><\/div>\r\n <div class=\"moving-line line-5\"><\/div>\r\n <\/div>\r\n \r\n <!-- Banner Content -->\r\n <div class=\"banner-content\">\r\n \r\n <!-- Badges -->\r\n <div class=\"badge-group\">\r\n <div class=\"badge\"><i class=\"fas fa-check-circle\"><\/i> Authorized Partner<\/div>\r\n <div class=\"badge\"><i class=\"fas fa-bolt\"><\/i> Fiber Internet<\/div>\r\n <div class=\"badge\"><i class=\"fas fa-shield-alt\"><\/i> 99.99% Uptime<\/div>\r\n <div class=\"badge\"><i class=\"fas fa-headset\"><\/i> 24\/7 Support<\/div>\r\n <div class=\"badge\"><i class=\"fas fa-chart-line\"><\/i> Enterprise-Grade<\/div>\r\n <\/div>\r\n \r\n <!-- Heading -->\r\n <h1>AT&T Business Solutions<br>Powering Your Digital Future<\/h1>\r\n \r\n <!-- Subheading -->\r\n <div class=\"subheading\">Enterprise-Grade Connectivity & Communication<\/div>\r\n \r\n <!-- Description -->\r\n <div class=\"description\">\r\n Get reliable fiber internet, advanced cloud phone systems, and comprehensive business solutions \r\n with exclusive partner rates. As an authorized AT&T partner, we deliver enterprise-grade technology \r\n tailored to your business needs.\r\n <\/div>\r\n \r\n <!-- CTA Buttons -->\r\n <div class=\"cta-group\">\r\n <a href=\"https:\/\/connectnationwide.com\/att-business\/request-quote\/\" class=\"btn-primary\">\r\n <i class=\"fas fa-file-signature\"><\/i> Request a Free Quote\r\n <\/a>\r\n <a href=\"tel:1-865-518-6190\" class=\"btn-secondary\">\r\n <i class=\"fas fa-phone-alt\"><\/i> Call: 1-865-518-6190\r\n <\/a>\r\n <\/div>\r\n \r\n <\/div>\r\n \r\n <!-- Business Services Section -->\r\n <div class=\"services-section\">\r\n <div class=\"services-title\">\r\n <span>WHAT WE OFFER<\/span>\r\n <h3>Complete AT&T Business Services<\/h3>\r\n <\/div>\r\n \r\n <div class=\"services-grid\">\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\"><i class=\"fas fa-tachometer-alt\"><\/i><\/div>\r\n <h4>Fiber Internet<\/h4>\r\n <p>Symmetrical speeds up to 5 Gbps with 99.999% reliability for data-intensive businesses.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\"><i class=\"fas fa-phone-alt\"><\/i><\/div>\r\n <h4>Cloud Phone Systems<\/h4>\r\n <p>VoIP business phone systems with HD voice, auto-attendant, and mobile apps.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\"><i class=\"fas fa-network-wired\"><\/i><\/div>\r\n <h4>SD-WAN<\/h4>\r\n <p>Software-defined networking that optimizes application performance across locations.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\"><i class=\"fas fa-wifi\"><\/i><\/div>\r\n <h4>Managed WiFi<\/h4>\r\n <p>Enterprise-grade wireless solutions with AI-driven analytics and security.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\"><i class=\"fas fa-comments\"><\/i><\/div>\r\n <h4>Unified Communications<\/h4>\r\n <p>Integrate voice, video, messaging, and collaboration in one platform.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\"><i class=\"fas fa-shield-alt\"><\/i><\/div>\r\n <h4>Network Security<\/h4>\r\n <p>Advanced threat protection, firewall, and security monitoring for your business.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\"><i class=\"fas fa-cloud-upload-alt\"><\/i><\/div>\r\n <h4>Cloud Connectivity<\/h4>\r\n <p>Direct cloud connections to AWS, Azure, and Google Cloud.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\"><i class=\"fas fa-headset\"><\/i><\/div>\r\n <h4>24\/7 Support<\/h4>\r\n <p>Dedicated support team available around the clock for your business.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n<\/div>\r\n\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-a39474a e-con-full e-flex e-con e-parent\" data-id=\"a39474a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-442263c elementor-widget elementor-widget-html\" data-id=\"442263c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- AT&T Business Packages Section - Fully Responsive -->\r\n<div style=\"width: 100%; background: #ffffff; padding: 60px 0; font-family: 'Inter', sans-serif;\">\r\n <div style=\"max-width: 1280px; margin: 0 auto; padding: 0 20px;\">\r\n \r\n <!-- Section Header -->\r\n <div style=\"text-align: center; margin-bottom: 40px;\">\r\n <div style=\"display: inline-flex; align-items: center; gap: 8px; background: rgba(0, 56, 143, 0.08); padding: 6px 16px; border-radius: 50px; margin-bottom: 15px;\">\r\n <i class=\"fas fa-tags\" style=\"color: #00388f; font-size: 0.75rem;\"><\/i>\r\n <span style=\"color: #00388f; font-weight: 600; font-size: 0.75rem;\">LATEST OFFERS & BUNDLES<\/span>\r\n <\/div>\r\n <h2 style=\"font-size: clamp(1.6rem, 5vw, 2.2rem); font-weight: 800; color: #00388f; margin-bottom: 12px;\">AT&T Business Solutions<\/h2>\r\n <p style=\"font-size: clamp(0.9rem, 3vw, 1.1rem); color: #475569; max-width: 700px; margin: 0 auto;\">Power your business with enterprise-grade mobile, high-speed fiber internet, and advanced voice solutions. Bundle and save with exclusive partner rates.<\/p>\r\n <\/div>\r\n \r\n <!-- Three Packages Grid - Responsive -->\r\n <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 25px; margin-bottom: 40px;\">\r\n \r\n <!-- Package 1: Mobile -->\r\n <div style=\"background: white; border-radius: 24px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.05); transition: all 0.3s; border: 1px solid #e8f0fe;\">\r\n <div style=\"position: relative;\">\r\n <img decoding=\"async\" src=\"https:\/\/connectnationwide.com\/att-business\/wp-content\/uploads\/2026\/03\/ATT-Business-Mobile-Solutions.jpg\" alt=\"AT&T Business Mobile Solutions\" style=\"width: 100%; height: 180px; object-fit: cover;\">\r\n <div style=\"position: absolute; top: 12px; right: 12px; background: #00388f; color: white; padding: 4px 10px; border-radius: 20px; font-size: 0.65rem; font-weight: 600;\">BUNDLE & SAVE<\/div>\r\n <\/div>\r\n <div style=\"padding: 20px;\">\r\n <div style=\"display: flex; align-items: center; gap: 8px; margin-bottom: 12px;\">\r\n <i class=\"fas fa-mobile-alt\" style=\"font-size: 1.5rem; color: #00388f;\"><\/i>\r\n <h3 style=\"font-size: 1.3rem; font-weight: 700; color: #1e293b; margin: 0;\">Business Mobile<\/h3>\r\n <\/div>\r\n <div style=\"margin-bottom: 15px;\">\r\n <span style=\"font-size: 1.8rem; font-weight: 800; color: #00388f;\">$25<\/span>\r\n <span style=\"font-size: 0.85rem; color: #64748b;\">\/mo\/line*<\/span>\r\n <p style=\"font-size: 0.7rem; color: #3ab548; margin-top: 4px;\">Solutions start at $25\/mo per line for 36 mos.<\/p>\r\n <div style=\"background: #f8faff; padding: 10px; border-radius: 12px; margin-top: 10px;\">\r\n <p style=\"font-size: 0.65rem; color: #64748b; line-height: 1.4; margin: 0;\">*Online only. Price plus taxes and fees for AT&T Business Unlimited Advanced 3.0 with four new lines, purchase of four new phones on installment, and eligible AutoPay\/paperless bill. Price after discounts over 36 mos.<\/p>\r\n <\/div>\r\n <\/div>\r\n <ul style=\"list-style: none; padding: 0; margin: 15px 0; border-top: 1px solid #eef2ff; padding-top: 15px;\">\r\n <li style=\"display: flex; align-items: center; gap: 8px; margin-bottom: 10px; font-size: 0.8rem; color: #475569;\"><i class=\"fas fa-check-circle\" style=\"color: #00388f; width: 16px; font-size: 0.7rem;\"><\/i> Unlimited talk, text & data<\/li>\r\n <li style=\"display: flex; align-items: center; gap: 8px; margin-bottom: 10px; font-size: 0.8rem; color: #475569;\"><i class=\"fas fa-check-circle\" style=\"color: #00388f; width: 16px; font-size: 0.7rem;\"><\/i> 5G Nationwide access<\/li>\r\n <li style=\"display: flex; align-items: center; gap: 8px; margin-bottom: 10px; font-size: 0.8rem; color: #475569;\"><i class=\"fas fa-check-circle\" style=\"color: #00388f; width: 16px; font-size: 0.7rem;\"><\/i> Mobile hotspot data included<\/li>\r\n <li style=\"display: flex; align-items: center; gap: 8px; margin-bottom: 10px; font-size: 0.8rem; color: #475569;\"><i class=\"fas fa-check-circle\" style=\"color: #00388f; width: 16px; font-size: 0.7rem;\"><\/i> Mexico & Canada roaming<\/li>\r\n <li style=\"display: flex; align-items: center; gap: 8px; margin-bottom: 10px; font-size: 0.8rem; color: #475569;\"><i class=\"fas fa-check-circle\" style=\"color: #00388f; width: 16px; font-size: 0.7rem;\"><\/i> Business security suite<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/connectnationwide.com\/att-business\/request-quote\/\" style=\"display: inline-flex; align-items: center; gap: 8px; background: #00388f; color: white; padding: 10px 20px; border-radius: 40px; text-decoration: none; font-weight: 600; font-size: 0.85rem; width: 100%; justify-content: center; transition: all 0.3s;\">Get Quote <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Package 2: Internet -->\r\n <div style=\"background: white; border-radius: 24px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.05); transition: all 0.3s; border: 2px solid #00388f20; position: relative;\">\r\n <div style=\"position: absolute; top: 0; right: 0; background: #00388f; color: white; padding: 5px 14px; border-radius: 0 24px 0 24px; font-size: 0.65rem; font-weight: 700; z-index: 1;\">\ud83d\udd25 MOST POPULAR<\/div>\r\n <div style=\"position: relative;\">\r\n <img decoding=\"async\" src=\"https:\/\/connectnationwide.com\/att-business\/wp-content\/uploads\/2026\/03\/ATT-Business-Fiber-Internet.png\" alt=\"AT&T Business Fiber Internet\" style=\"width: 100%; height: 180px; object-fit: cover;\">\r\n <\/div>\r\n <div style=\"padding: 20px;\">\r\n <div style=\"display: flex; align-items: center; gap: 8px; margin-bottom: 12px;\">\r\n <i class=\"fas fa-globe\" style=\"font-size: 1.5rem; color: #00388f;\"><\/i>\r\n <h3 style=\"font-size: 1.3rem; font-weight: 700; color: #1e293b; margin: 0;\">Business Fiber<\/h3>\r\n <\/div>\r\n <div style=\"margin-bottom: 15px;\">\r\n <span style=\"font-size: 1.8rem; font-weight: 800; color: #00388f;\">$40<\/span>\r\n <span style=\"font-size: 0.85rem; color: #64748b;\">\/mo*<\/span>\r\n <p style=\"font-size: 0.7rem; color: #3ab548; margin-top: 4px;\">Solutions start at $40\/mo with eligible wireless service<\/p>\r\n <div style=\"background: #f8faff; padding: 10px; border-radius: 12px; margin-top: 10px;\">\r\n <p style=\"font-size: 0.65rem; color: #64748b; line-height: 1.4; margin: 0;\">*$20\/mo with Fiber 300; $40\/mo with Fiber 500; $50\/mo with Fiber 1 GIG or higher. Discount starts within 3 bills. Limited availability in select areas.<\/p>\r\n <\/div>\r\n <\/div>\r\n <ul style=\"list-style: none; padding: 0; margin: 15px 0; border-top: 1px solid #eef2ff; padding-top: 15px;\">\r\n <li style=\"display: flex; align-items: center; gap: 8px; margin-bottom: 10px; font-size: 0.8rem; color: #475569;\"><i class=\"fas fa-check-circle\" style=\"color: #00388f; width: 16px; font-size: 0.7rem;\"><\/i> Symmetrical speeds: 300 Mbps, 500 Mbps, 1 GIG<\/li>\r\n <li style=\"display: flex; align-items: center; gap: 8px; margin-bottom: 10px; font-size: 0.8rem; color: #475569;\"><i class=\"fas fa-check-circle\" style=\"color: #00388f; width: 16px; font-size: 0.7rem;\"><\/i> 99.99% Uptime Guarantee<\/li>\r\n <li style=\"display: flex; align-items: center; gap: 8px; margin-bottom: 10px; font-size: 0.8rem; color: #475569;\"><i class=\"fas fa-check-circle\" style=\"color: #00388f; width: 16px; font-size: 0.7rem;\"><\/i> Unlimited Data<\/li>\r\n <li style=\"display: flex; align-items: center; gap: 8px; margin-bottom: 10px; font-size: 0.8rem; color: #475569;\"><i class=\"fas fa-check-circle\" style=\"color: #00388f; width: 16px; font-size: 0.7rem;\"><\/i> Advanced Cybersecurity Suite<\/li>\r\n <li style=\"display: flex; align-items: center; gap: 8px; margin-bottom: 10px; font-size: 0.8rem; color: #475569;\"><i class=\"fas fa-check-circle\" style=\"color: #00388f; width: 16px; font-size: 0.7rem;\"><\/i> Free Installation & WiFi Gateway<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/connectnationwide.com\/att-business\/request-quote\/\" style=\"display: inline-flex; align-items: center; gap: 8px; background: #00388f; color: white; padding: 10px 20px; border-radius: 40px; text-decoration: none; font-weight: 600; font-size: 0.85rem; width: 100%; justify-content: center; transition: all 0.3s;\">Get Quote <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Package 3: Voice -->\r\n <div style=\"background: white; border-radius: 24px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.05); transition: all 0.3s; border: 1px solid #e8f0fe;\">\r\n <div style=\"position: relative;\">\r\n <img decoding=\"async\" src=\"https:\/\/connectnationwide.com\/att-business\/wp-content\/uploads\/2026\/03\/Business-Voice.jpeg\" alt=\"AT&T Business Voice Solutions\" style=\"width: 100%; height: 180px; object-fit: cover;\">\r\n <div style=\"position: absolute; top: 12px; right: 12px; background: #3ab548; color: white; padding: 4px 10px; border-radius: 20px; font-size: 0.65rem; font-weight: 600;\">BUNDLE & SAVE<\/div>\r\n <\/div>\r\n <div style=\"padding: 20px;\">\r\n <div style=\"display: flex; align-items: center; gap: 8px; margin-bottom: 12px;\">\r\n <i class=\"fas fa-phone-alt\" style=\"font-size: 1.5rem; color: #00388f;\"><\/i>\r\n <h3 style=\"font-size: 1.3rem; font-weight: 700; color: #1e293b; margin: 0;\">Business Voice<\/h3>\r\n <\/div>\r\n <div style=\"margin-bottom: 15px;\">\r\n <span style=\"font-size: 1.8rem; font-weight: 800; color: #00388f;\">$15<\/span>\r\n <span style=\"font-size: 0.85rem; color: #64748b;\">\/mo*<\/span>\r\n <p style=\"font-size: 0.7rem; color: #3ab548; margin-top: 4px;\">Solutions start at $15\/mo when bundled with qualifying AT&T Business Fiber\u00ae<\/p>\r\n <div style=\"background: #f8faff; padding: 10px; border-radius: 12px; margin-top: 10px;\">\r\n <p style=\"font-size: 0.65rem; color: #64748b; line-height: 1.4; margin: 0;\">*Price plus taxes and fees, when bundled with qualifying AT&T Business Fiber\u00ae. Includes advanced cloud phone features.<\/p>\r\n <\/div>\r\n <\/div>\r\n <ul style=\"list-style: none; padding: 0; margin: 15px 0; border-top: 1px solid #eef2ff; padding-top: 15px;\">\r\n <li style=\"display: flex; align-items: center; gap: 8px; margin-bottom: 10px; font-size: 0.8rem; color: #475569;\"><i class=\"fas fa-check-circle\" style=\"color: #00388f; width: 16px; font-size: 0.7rem;\"><\/i> Unlimited calling in US\/Canada<\/li>\r\n <li style=\"display: flex; align-items: center; gap: 8px; margin-bottom: 10px; font-size: 0.8rem; color: #475569;\"><i class=\"fas fa-check-circle\" style=\"color: #00388f; width: 16px; font-size: 0.7rem;\"><\/i> Auto-attendant & call routing<\/li>\r\n <li style=\"display: flex; align-items: center; gap: 8px; margin-bottom: 10px; font-size: 0.8rem; color: #475569;\"><i class=\"fas fa-check-circle\" style=\"color: #00388f; width: 16px; font-size: 0.7rem;\"><\/i> Mobile & desktop apps<\/li>\r\n <li style=\"display: flex; align-items: center; gap: 8px; margin-bottom: 10px; font-size: 0.8rem; color: #475569;\"><i class=\"fas fa-check-circle\" style=\"color: #00388f; width: 16px; font-size: 0.7rem;\"><\/i> Video conferencing included<\/li>\r\n <li style=\"display: flex; align-items: center; gap: 8px; margin-bottom: 10px; font-size: 0.8rem; color: #475569;\"><i class=\"fas fa-check-circle\" style=\"color: #00388f; width: 16px; font-size: 0.7rem;\"><\/i> Team messaging & file sharing<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/connectnationwide.com\/att-business\/request-quote\/\" style=\"display: inline-flex; align-items: center; gap: 8px; background: #00388f; color: white; padding: 10px 20px; border-radius: 40px; text-decoration: none; font-weight: 600; font-size: 0.85rem; width: 100%; justify-content: center; transition: all 0.3s;\">Get Quote <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n \r\n <!-- Bundle Savings Message - Responsive -->\r\n <div style=\"margin: 30px 20px; background: linear-gradient(135deg, #eef5ff, #ffffff); border-radius: 20px; padding: 20px; text-align: center; border: 1px solid #00388f20;\">\r\n <i class=\"fas fa-gift\" style=\"color: #00388f; font-size: 1.3rem; margin-bottom: 8px; display: inline-block;\"><\/i>\r\n <h3 style=\"font-size: clamp(1rem, 4vw, 1.2rem); font-weight: 700; color: #00388f; margin-bottom: 6px;\">Bundle & Save More<\/h3>\r\n <p style=\"color: #475569; font-size: clamp(0.8rem, 3vw, 0.9rem); max-width: 600px; margin: 0 auto;\">Combine AT&T Business Fiber with Mobile and Voice services to maximize savings. Contact us for custom bundle pricing tailored to your business needs.<\/p>\r\n <\/div>\r\n \r\n <!-- SEO Content Section - Responsive -->\r\n <div style=\"margin: 30px 0; background: linear-gradient(135deg, #f8faff, #ffffff); border-radius: 24px; padding: 25px; border: 1px solid #eef2ff;\">\r\n <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px;\">\r\n <div>\r\n <h3 style=\"font-size: clamp(1.1rem, 4vw, 1.3rem); font-weight: 700; color: #00388f; margin-bottom: 12px;\">Why Choose AT&T Business Solutions?<\/h3>\r\n <p style=\"color: #475569; line-height: 1.5; margin-bottom: 15px; font-size: clamp(0.85rem, 3vw, 0.95rem);\">AT&T Business delivers enterprise-grade reliability with the nation's largest and most reliable 5G network, fiber internet with symmetrical speeds, and cloud-based voice solutions that keep your business connected from anywhere.<\/p>\r\n <ul style=\"list-style: none; padding: 0;\">\r\n <li style=\"display: flex; align-items: center; gap: 8px; margin-bottom: 8px; font-size: clamp(0.8rem, 3vw, 0.85rem);\"><i class=\"fas fa-check-circle\" style=\"color: #00388f; font-size: 0.8rem;\"><\/i> <span>99.99% network reliability<\/span><\/li>\r\n <li style=\"display: flex; align-items: center; gap: 8px; margin-bottom: 8px; font-size: clamp(0.8rem, 3vw, 0.85rem);\"><i class=\"fas fa-check-circle\" style=\"color: #00388f; font-size: 0.8rem;\"><\/i> <span>24\/7 US-based support<\/span><\/li>\r\n <li style=\"display: flex; align-items: center; gap: 8px; margin-bottom: 8px; font-size: clamp(0.8rem, 3vw, 0.85rem);\"><i class=\"fas fa-check-circle\" style=\"color: #00388f; font-size: 0.8rem;\"><\/i> <span>Flexible contract terms<\/span><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <h3 style=\"font-size: clamp(1.1rem, 4vw, 1.3rem); font-weight: 700; color: #00388f; margin-bottom: 12px;\">Get the Right Package for Your Business<\/h3>\r\n <p style=\"color: #475569; line-height: 1.5; margin-bottom: 15px; font-size: clamp(0.85rem, 3vw, 0.95rem);\">Whether you need reliable mobile connectivity, high-speed fiber internet, or advanced cloud voice solutions, AT&T Business has the perfect package. Bundle services to maximize savings and streamline your business communications.<\/p>\r\n <a href=\"https:\/\/connectnationwide.com\/att-business\/request-quote\/\" style=\"display: inline-flex; align-items: center; gap: 6px; color: #00388f; font-weight: 600; font-size: clamp(0.85rem, 3vw, 0.9rem); text-decoration: none;\">Compare all packages <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Pricing Note - Responsive -->\r\n <div style=\"text-align: center; margin-top: 20px;\">\r\n <p style=\"font-size: clamp(0.6rem, 2.5vw, 0.7rem); color: #94a3b8;\">*Limited availability in select areas. Prices subject to change. Contact us for accurate pricing at your business address.<\/p>\r\n <\/div>\r\n \r\n <\/div>\r\n<\/div>\r\n\r\n<style>\r\n \/* Hover Effects *\/\r\n .package-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 15px 30px rgba(0, 56, 143, 0.1);\r\n }\r\n \r\n .cta-button:hover {\r\n background: #002a6e !important;\r\n transform: translateY(-2px);\r\n }\r\n \r\n \/* Responsive adjustments *\/\r\n @media (max-width: 768px) {\r\n .packages-grid {\r\n gap: 20px;\r\n }\r\n .seo-content {\r\n gap: 25px;\r\n }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n .package-card {\r\n border-radius: 20px;\r\n }\r\n .package-card img {\r\n height: 160px;\r\n }\r\n .package-card {\r\n padding: 16px;\r\n }\r\n }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0157933 e-con-full e-flex e-con e-parent\" data-id=\"0157933\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-894c6a9 elementor-widget elementor-widget-html\" data-id=\"894c6a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- AT&T Business - Full Width Banner Sections (No Gaps) -->\r\n<!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>AT&T Business Solutions - Mobile, Fiber & Voice<\/title>\r\n \r\n <!-- Google Fonts -->\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap\" rel=\"stylesheet\">\r\n \r\n <!-- Font Awesome -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\r\n \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: 'Inter', sans-serif;\r\n background: #ffffff;\r\n }\r\n \r\n \/* Full Width Banner Container - No Gaps *\/\r\n .banner-full {\r\n width: 100%;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n \/* Light Blue Backgrounds - Different Shades *\/\r\n .banner-mobile {\r\n background: linear-gradient(135deg, #e6f0ff 0%, #f0f7ff 100%);\r\n }\r\n \r\n .banner-internet {\r\n background: linear-gradient(135deg, #e0f0fe 0%, #eef6ff 100%);\r\n }\r\n \r\n .banner-voice {\r\n background: linear-gradient(135deg, #d9ecfc 0%, #e9f3fe 100%);\r\n }\r\n \r\n .banner-wrapper {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 80px 60px;\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n gap: 60px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n \r\n \/* Larger Images *\/\r\n .banner-image {\r\n flex: 1;\r\n min-width: 320px;\r\n text-align: center;\r\n }\r\n \r\n .banner-image img {\r\n width: 100%;\r\n max-width: 550px;\r\n height: auto;\r\n border-radius: 28px;\r\n box-shadow: 0 20px 35px rgba(0, 56, 143, 0.12);\r\n transition: transform 0.4s, box-shadow 0.4s;\r\n display: block;\r\n margin: 0 auto;\r\n }\r\n \r\n .banner-image img:hover {\r\n transform: scale(1.02);\r\n box-shadow: 0 25px 45px rgba(0, 56, 143, 0.2);\r\n }\r\n \r\n \/* Content Area *\/\r\n .banner-content {\r\n flex: 1;\r\n min-width: 320px;\r\n }\r\n \r\n \/* Badge *\/\r\n .banner-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: rgba(0, 56, 143, 0.1);\r\n padding: 6px 18px;\r\n border-radius: 50px;\r\n margin-bottom: 20px;\r\n font-size: 0.75rem;\r\n font-weight: 600;\r\n color: #00388f;\r\n }\r\n \r\n .banner-badge i {\r\n color: #00388f;\r\n }\r\n \r\n \/* Headings *\/\r\n .banner-content h2 {\r\n font-size: 2.2rem;\r\n font-weight: 800;\r\n color: #1e293b;\r\n margin-bottom: 15px;\r\n line-height: 1.2;\r\n }\r\n \r\n .banner-content .highlight {\r\n color: #00388f;\r\n }\r\n \r\n .banner-content .subheading {\r\n font-size: 1.1rem;\r\n font-weight: 500;\r\n color: #475569;\r\n margin-bottom: 20px;\r\n line-height: 1.5;\r\n }\r\n \r\n .banner-content .description {\r\n font-size: 0.95rem;\r\n color: #5a6e8a;\r\n line-height: 1.6;\r\n margin-bottom: 25px;\r\n }\r\n \r\n \/* Feature List *\/\r\n .feature-list {\r\n list-style: none;\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 12px;\r\n margin: 20px 0;\r\n }\r\n \r\n .feature-list li {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-size: 0.85rem;\r\n color: #334155;\r\n }\r\n \r\n .feature-list i {\r\n color: #00388f;\r\n width: 18px;\r\n font-size: 0.8rem;\r\n }\r\n \r\n \/* CTA Button *\/\r\n .btn-banner {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: #00388f;\r\n color: white;\r\n padding: 14px 32px;\r\n border-radius: 50px;\r\n font-weight: 600;\r\n font-size: 0.95rem;\r\n text-decoration: none;\r\n transition: all 0.3s;\r\n margin-top: 15px;\r\n }\r\n \r\n .btn-banner:hover {\r\n background: #002a6e;\r\n transform: translateY(-3px);\r\n box-shadow: 0 8px 20px rgba(0, 56, 143, 0.25);\r\n }\r\n \r\n \/* Decorative Elements *\/\r\n .decorative-dot {\r\n position: absolute;\r\n background: rgba(0, 56, 143, 0.03);\r\n border-radius: 50%;\r\n pointer-events: none;\r\n }\r\n \r\n .dot-1 { width: 300px; height: 300px; top: -100px; right: -80px; }\r\n .dot-2 { width: 200px; height: 200px; bottom: -60px; left: -50px; }\r\n .dot-3 { width: 150px; height: 150px; top: 40%; left: 20%; }\r\n \r\n \/* Responsive *\/\r\n @media (max-width: 1024px) {\r\n .banner-wrapper {\r\n padding: 60px 40px;\r\n gap: 40px;\r\n }\r\n .banner-content h2 {\r\n font-size: 1.8rem;\r\n }\r\n .feature-list {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .banner-wrapper {\r\n padding: 50px 24px;\r\n flex-direction: column;\r\n text-align: center;\r\n gap: 30px;\r\n }\r\n .banner-content {\r\n text-align: center;\r\n }\r\n .feature-list {\r\n text-align: left;\r\n max-width: 300px;\r\n margin: 20px auto;\r\n }\r\n .feature-list li {\r\n justify-content: flex-start;\r\n }\r\n .banner-content h2 {\r\n font-size: 1.6rem;\r\n }\r\n .banner-image img {\r\n max-width: 100%;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- Banner 1: Mobile Solutions - Light Blue -->\r\n<div class=\"banner-full banner-mobile\">\r\n <div class=\"decorative-dot dot-1\"><\/div>\r\n <div class=\"decorative-dot dot-2\"><\/div>\r\n <div class=\"banner-wrapper\">\r\n <div class=\"banner-content\">\r\n <div class=\"banner-badge\">\r\n <i class=\"fas fa-mobile-alt\"><\/i>\r\n <span>AT&T BUSINESS MOBILE<\/span>\r\n <\/div>\r\n <h2>Power Your Workforce with <span class=\"highlight\">5G Business Mobility<\/span><\/h2>\r\n <div class=\"subheading\">The nation's most reliable 5G network for businesses on the go<\/div>\r\n <div class=\"description\">\r\n Keep your team connected and productive wherever they work with AT&T Business Mobile. \r\n Enjoy unlimited data, 5G access, and advanced security features designed for modern businesses. \r\n Whether your employees are in the office, on the road, or working remotely, stay connected \r\n with the network built for business.\r\n <\/div>\r\n <ul class=\"feature-list\">\r\n <li><i class=\"fas fa-check-circle\"><\/i> Unlimited talk, text & data with 5G<\/li>\r\n <li><i class=\"fas fa-check-circle\"><\/i> Mobile hotspot data included<\/li>\r\n <li><i class=\"fas fa-check-circle\"><\/i> Mexico & Canada roaming included<\/li>\r\n <li><i class=\"fas fa-check-circle\"><\/i> Business security suite<\/li>\r\n <li><i class=\"fas fa-check-circle\"><\/i> 5G Nationwide coverage<\/li>\r\n <li><i class=\"fas fa-check-circle\"><\/i> 24\/7 dedicated support<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/connectnationwide.com\/att-business\/request-quote\/\" class=\"btn-banner\">\r\n Explore Mobile Solutions <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <div class=\"banner-image\">\r\n <img decoding=\"async\" src=\"https:\/\/connectnationwide.com\/att-business\/wp-content\/uploads\/2026\/03\/ATT-Business-Voice-Solutions.avif\" alt=\"AT&T Business Mobile - 5G connectivity for business professionals\">\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- Banner 2: Internet Solutions - Light Blue (Darker Shade) -->\r\n<div class=\"banner-full banner-internet\">\r\n <div class=\"decorative-dot dot-1\"><\/div>\r\n <div class=\"decorative-dot dot-3\"><\/div>\r\n <div class=\"banner-wrapper\" style=\"flex-direction: row-reverse;\">\r\n <div class=\"banner-content\">\r\n <div class=\"banner-badge\">\r\n <i class=\"fas fa-globe\"><\/i>\r\n <span>AT&T BUSINESS FIBER<\/span>\r\n <\/div>\r\n <h2>Lightning-Fast <span class=\"highlight\">Fiber Internet<\/span> for Modern Business<\/h2>\r\n <div class=\"subheading\">Symmetrical speeds up to 5 Gbps with 99.99% reliability<\/div>\r\n <div class=\"description\">\r\n Transform your business operations with AT&T Business Fiber. Experience symmetrical upload \r\n and download speeds that keep your cloud applications, video conferencing, and data transfers \r\n running seamlessly. With enterprise-grade reliability and advanced security, your business \r\n stays connected when it matters most. Perfect for data-intensive businesses, remote teams, \r\n and growing organizations.\r\n <\/div>\r\n <ul class=\"feature-list\">\r\n <li><i class=\"fas fa-check-circle\"><\/i> Symmetrical speeds up to 5 Gbps<\/li>\r\n <li><i class=\"fas fa-check-circle\"><\/i> 99.99% uptime guarantee<\/li>\r\n <li><i class=\"fas fa-check-circle\"><\/i> Unlimited data with no caps<\/li>\r\n <li><i class=\"fas fa-check-circle\"><\/i> Advanced cybersecurity suite<\/li>\r\n <li><i class=\"fas fa-check-circle\"><\/i> Free installation & WiFi gateway<\/li>\r\n <li><i class=\"fas fa-check-circle\"><\/i> 24\/7 US-based support<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/connectnationwide.com\/att-business\/request-quote\/\" class=\"btn-banner\">\r\n Explore Fiber Solutions <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <div class=\"banner-image\">\r\n <img decoding=\"async\" src=\"https:\/\/connectnationwide.com\/att-business\/wp-content\/uploads\/2026\/03\/Fiber-Connection-Provider.png\" alt=\"AT&T Business Fiber - High-speed fiber internet connection for offices\">\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- Banner 3: Voice Solutions - Light Blue (Lightest Shade) -->\r\n<div class=\"banner-full banner-voice\">\r\n <div class=\"decorative-dot dot-2\"><\/div>\r\n <div class=\"decorative-dot dot-1\"><\/div>\r\n <div class=\"banner-wrapper\">\r\n <div class=\"banner-content\">\r\n <div class=\"banner-badge\">\r\n <i class=\"fas fa-phone-alt\"><\/i>\r\n <span>AT&T BUSINESS VOICE<\/span>\r\n <\/div>\r\n <h2>Intelligent <span class=\"highlight\">Cloud Phone Systems<\/span> for Seamless Communication<\/h2>\r\n <div class=\"subheading\">Unified communications that work as hard as your team<\/div>\r\n <div class=\"description\">\r\n Transform your business communication with AT&T Business Voice. Our cloud-based phone \r\n system delivers enterprise-grade features including auto-attendant, call routing, \r\n video conferencing, and team messaging. Integrate voice, video, and collaboration \r\n tools into one unified platform that works across all devices. Keep your team connected \r\n and productive whether they're in the office or working remotely.\r\n <\/div>\r\n <ul class=\"feature-list\">\r\n <li><i class=\"fas fa-check-circle\"><\/i> Unlimited calling in US\/Canada<\/li>\r\n <li><i class=\"fas fa-check-circle\"><\/i> Auto-attendant & call routing<\/li>\r\n <li><i class=\"fas fa-check-circle\"><\/i> Mobile & desktop apps included<\/li>\r\n <li><i class=\"fas fa-check-circle\"><\/i> Video conferencing & team messaging<\/li>\r\n <li><i class=\"fas fa-check-circle\"><\/i> Voicemail-to-email & call recording<\/li>\r\n <li><i class=\"fas fa-check-circle\"><\/i> CRM integrations available<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/connectnationwide.com\/att-business\/request-quote\/\" class=\"btn-banner\">\r\n Explore Voice Solutions <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <div class=\"banner-image\">\r\n <img decoding=\"async\" src=\"https:\/\/connectnationwide.com\/att-business\/wp-content\/uploads\/2026\/03\/business-phone-services.jpg\" alt=\"AT&T Business Voice - Cloud phone system for business communication\">\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\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-df6a32b e-con-full e-flex e-con e-parent\" data-id=\"df6a32b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ff37c73 elementor-widget elementor-widget-html\" data-id=\"ff37c73\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Testimonial Slider Section -->\r\n<div style=\"width: 100%; background: linear-gradient(135deg, #f8faff 0%, #ffffff 100%); padding: 80px 0; font-family: 'Inter', sans-serif; position: relative; overflow: hidden;\">\r\n \r\n <!-- Decorative Elements -->\r\n <div style=\"position: absolute; top: -50px; right: -30px; width: 200px; height: 200px; background: radial-gradient(circle, rgba(0,56,143,0.03) 0%, transparent 70%); border-radius: 50%;\"><\/div>\r\n <div style=\"position: absolute; bottom: -50px; left: -30px; width: 250px; height: 250px; background: radial-gradient(circle, rgba(0,56,143,0.02) 0%, transparent 70%); border-radius: 50%;\"><\/div>\r\n \r\n <div style=\"max-width: 1200px; margin: 0 auto; padding: 0 40px;\">\r\n \r\n <!-- Section Header -->\r\n <div style=\"text-align: center; margin-bottom: 50px;\">\r\n <div style=\"display: inline-flex; align-items: center; gap: 8px; background: rgba(0, 56, 143, 0.08); padding: 6px 18px; border-radius: 50px; margin-bottom: 20px;\">\r\n <i class=\"fas fa-star\" style=\"color: #00388f; font-size: 0.8rem;\"><\/i>\r\n <span style=\"color: #00388f; font-weight: 600; font-size: 0.8rem;\">CLIENT TESTIMONIALS<\/span>\r\n <\/div>\r\n <h2 style=\"font-size: 2rem; font-weight: 800; color: #00388f; margin-bottom: 15px;\">What Our Clients Say<\/h2>\r\n <p style=\"font-size: 1rem; color: #475569; max-width: 600px; margin: 0 auto;\">Trusted by businesses nationwide for reliable AT&T solutions<\/p>\r\n <\/div>\r\n \r\n <!-- Testimonial Slider Container -->\r\n <div style=\"position: relative; max-width: 900px; margin: 0 auto;\">\r\n \r\n <!-- Slides Container -->\r\n <div id=\"testimonialSlider\" style=\"overflow: hidden; border-radius: 28px;\">\r\n <div id=\"slidesWrapper\" style=\"display: flex; transition: transform 0.5s ease-in-out;\">\r\n \r\n <!-- Slide 1 -->\r\n <div class=\"testimonial-slide\" style=\"flex: 0 0 100%; background: white; border-radius: 28px; padding: 40px; box-shadow: 0 8px 30px rgba(0,0,0,0.05); border: 1px solid #e8f0fe; margin: 0 0px;\">\r\n <div style=\"display: flex; align-items: center; gap: 15px; margin-bottom: 25px;\">\r\n <div style=\"width: 70px; height: 70px; background: linear-gradient(135deg, #00388f, #0055cc); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.8rem; font-weight: 700;\">M<\/div>\r\n <div>\r\n <h4 style=\"font-size: 1.2rem; font-weight: 700; color: #1e293b;\">Michael Chen<\/h4>\r\n <p style=\"font-size: 0.85rem; color: #00388f; font-weight: 500;\">CTO, TechVision Solutions<\/p>\r\n <\/div>\r\n <\/div>\r\n <div style=\"margin-bottom: 20px;\">\r\n <i class=\"fas fa-quote-left\" style=\"color: #00388f20; font-size: 2rem;\"><\/i>\r\n <\/div>\r\n <p style=\"font-size: 1rem; color: #475569; line-height: 1.6; margin-bottom: 20px; font-style: italic;\">\r\n \"AT&T Business Fiber has been a game-changer for our company. The symmetrical speeds have transformed how we handle cloud operations and video conferencing. Our team's productivity increased by 40% after switching. The installation was seamless and the support has been exceptional.\"\r\n <\/p>\r\n <div style=\"display: flex; gap: 4px;\">\r\n <i class=\"fas fa-star\" style=\"color: #ffc107;\"><\/i>\r\n <i class=\"fas fa-star\" style=\"color: #ffc107;\"><\/i>\r\n <i class=\"fas fa-star\" style=\"color: #ffc107;\"><\/i>\r\n <i class=\"fas fa-star\" style=\"color: #ffc107;\"><\/i>\r\n <i class=\"fas fa-star\" style=\"color: #ffc107;\"><\/i>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Slide 2 -->\r\n <div class=\"testimonial-slide\" style=\"flex: 0 0 100%; background: white; border-radius: 28px; padding: 40px; box-shadow: 0 8px 30px rgba(0,0,0,0.05); border: 1px solid #e8f0fe; margin: 0 0px;\">\r\n <div style=\"display: flex; align-items: center; gap: 15px; margin-bottom: 25px;\">\r\n <div style=\"width: 70px; height: 70px; background: linear-gradient(135deg, #00388f, #0055cc); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.8rem; font-weight: 700;\">S<\/div>\r\n <div>\r\n <h4 style=\"font-size: 1.2rem; font-weight: 700; color: #1e293b;\">Sarah Johnson<\/h4>\r\n <p style=\"font-size: 0.85rem; color: #00388f; font-weight: 500;\">Owner, Johnson & Associates Law<\/p>\r\n <\/div>\r\n <\/div>\r\n <div style=\"margin-bottom: 20px;\">\r\n <i class=\"fas fa-quote-left\" style=\"color: #00388f20; font-size: 2rem;\"><\/i>\r\n <\/div>\r\n <p style=\"font-size: 1rem; color: #475569; line-height: 1.6; margin-bottom: 20px; font-style: italic;\">\r\n \"The AT&T Business Mobile solutions have been perfect for our mobile law practice. With 5G coverage everywhere we go, we never miss a client call. The business security suite gives us peace of mind knowing our sensitive client data is protected. Highly recommend!\"\r\n <\/p>\r\n <div style=\"display: flex; gap: 4px;\">\r\n <i class=\"fas fa-star\" style=\"color: #ffc107;\"><\/i>\r\n <i class=\"fas fa-star\" style=\"color: #ffc107;\"><\/i>\r\n <i class=\"fas fa-star\" style=\"color: #ffc107;\"><\/i>\r\n <i class=\"fas fa-star\" style=\"color: #ffc107;\"><\/i>\r\n <i class=\"fas fa-star\" style=\"color: #ffc107;\"><\/i>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Slide 3 -->\r\n <div class=\"testimonial-slide\" style=\"flex: 0 0 100%; background: white; border-radius: 28px; padding: 40px; box-shadow: 0 8px 30px rgba(0,0,0,0.05); border: 1px solid #e8f0fe; margin: 0 0px;\">\r\n <div style=\"display: flex; align-items: center; gap: 15px; margin-bottom: 25px;\">\r\n <div style=\"width: 70px; height: 70px; background: linear-gradient(135deg, #00388f, #0055cc); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.8rem; font-weight: 700;\">D<\/div>\r\n <div>\r\n <h4 style=\"font-size: 1.2rem; font-weight: 700; color: #1e293b;\">David Rodriguez<\/h4>\r\n <p style=\"font-size: 0.85rem; color: #00388f; font-weight: 500;\">IT Director, MedCare Solutions<\/p>\r\n <\/div>\r\n <\/div>\r\n <div style=\"margin-bottom: 20px;\">\r\n <i class=\"fas fa-quote-left\" style=\"color: #00388f20; font-size: 2rem;\"><\/i>\r\n <\/div>\r\n <p style=\"font-size: 1rem; color: #475569; line-height: 1.6; margin-bottom: 20px; font-style: italic;\">\r\n \"Switching to AT&T Business Voice was the best decision we made for our healthcare practice. The cloud phone system is incredibly reliable, and the auto-attendant feature has streamlined our patient intake process. Our staff loves the mobile app that lets them work from anywhere.\"\r\n <\/p>\r\n <div style=\"display: flex; gap: 4px;\">\r\n <i class=\"fas fa-star\" style=\"color: #ffc107;\"><\/i>\r\n <i class=\"fas fa-star\" style=\"color: #ffc107;\"><\/i>\r\n <i class=\"fas fa-star\" style=\"color: #ffc107;\"><\/i>\r\n <i class=\"fas fa-star\" style=\"color: #ffc107;\"><\/i>\r\n <i class=\"fas fa-star\" style=\"color: #ffc107;\"><\/i>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Slide 4 -->\r\n <div class=\"testimonial-slide\" style=\"flex: 0 0 100%; background: white; border-radius: 28px; padding: 40px; box-shadow: 0 8px 30px rgba(0,0,0,0.05); border: 1px solid #e8f0fe; margin: 0 0px;\">\r\n <div style=\"display: flex; align-items: center; gap: 15px; margin-bottom: 25px;\">\r\n <div style=\"width: 70px; height: 70px; background: linear-gradient(135deg, #00388f, #0055cc); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.8rem; font-weight: 700;\">L<\/div>\r\n <div>\r\n <h4 style=\"font-size: 1.2rem; font-weight: 700; color: #1e293b;\">Lisa Williams<\/h4>\r\n <p style=\"font-size: 0.85rem; color: #00388f; font-weight: 500;\">CEO, Creative Marketing Group<\/p>\r\n <\/div>\r\n <\/div>\r\n <div style=\"margin-bottom: 20px;\">\r\n <i class=\"fas fa-quote-left\" style=\"color: #00388f20; font-size: 2rem;\"><\/i>\r\n <\/div>\r\n <p style=\"font-size: 1rem; color: #475569; line-height: 1.6; margin-bottom: 20px; font-style: italic;\">\r\n \"We bundle AT&T Business Fiber and Voice services, and the savings have been incredible. The fiber internet speed has transformed how we handle large media files and client presentations. The team at Connect Nationwide made the entire process easy and stress-free. Highly recommend!\"\r\n <\/p>\r\n <div style=\"display: flex; gap: 4px;\">\r\n <i class=\"fas fa-star\" style=\"color: #ffc107;\"><\/i>\r\n <i class=\"fas fa-star\" style=\"color: #ffc107;\"><\/i>\r\n <i class=\"fas fa-star\" style=\"color: #ffc107;\"><\/i>\r\n <i class=\"fas fa-star\" style=\"color: #ffc107;\"><\/i>\r\n <i class=\"fas fa-star\" style=\"color: #ffc107;\"><\/i>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Navigation Dots -->\r\n <div style=\"display: flex; justify-content: center; gap: 12px; margin-top: 30px;\">\r\n <div class=\"dot\" data-index=\"0\" style=\"width: 10px; height: 10px; background: #00388f; border-radius: 50%; cursor: pointer; transition: all 0.3s;\"><\/div>\r\n <div class=\"dot\" data-index=\"1\" style=\"width: 10px; height: 10px; background: #cbd5e1; border-radius: 50%; cursor: pointer; transition: all 0.3s;\"><\/div>\r\n <div class=\"dot\" data-index=\"2\" style=\"width: 10px; height: 10px; background: #cbd5e1; border-radius: 50%; cursor: pointer; transition: all 0.3s;\"><\/div>\r\n <div class=\"dot\" data-index=\"3\" style=\"width: 10px; height: 10px; background: #cbd5e1; border-radius: 50%; cursor: pointer; transition: all 0.3s;\"><\/div>\r\n <\/div>\r\n \r\n <!-- Navigation Arrows -->\r\n <button id=\"prevBtn\" style=\"position: absolute; left: -60px; top: 50%; transform: translateY(-50%); background: white; border: 1px solid #e8f0fe; width: 45px; height: 45px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.3s; box-shadow: 0 2px 8px rgba(0,0,0,0.05);\">\r\n <i class=\"fas fa-chevron-left\" style=\"color: #00388f;\"><\/i>\r\n <\/button>\r\n <button id=\"nextBtn\" style=\"position: absolute; right: -60px; top: 50%; transform: translateY(-50%); background: white; border: 1px solid #e8f0fe; width: 45px; height: 45px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.3s; box-shadow: 0 2px 8px rgba(0,0,0,0.05);\">\r\n <i class=\"fas fa-chevron-right\" style=\"color: #00388f;\"><\/i>\r\n <\/button>\r\n <\/div>\r\n \r\n <!-- CTA Link -->\r\n <div style=\"text-align: center; margin-top: 40px;\">\r\n <a href=\"https:\/\/connectnationwide.com\/att-business\/request-quote\/\" style=\"display: inline-flex; align-items: center; gap: 8px; color: #00388f; font-weight: 600; text-decoration: none; transition: all 0.3s;\">\r\n Join our satisfied customers <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n \r\n <\/div>\r\n<\/div>\r\n\r\n<style>\r\n \/* Button Hover Effects *\/\r\n #prevBtn:hover, #nextBtn:hover {\r\n background: #00388f;\r\n border-color: #00388f;\r\n transform: translateY(-50%) scale(1.05);\r\n }\r\n \r\n #prevBtn:hover i, #nextBtn:hover i {\r\n color: white;\r\n }\r\n \r\n .dot:hover {\r\n transform: scale(1.2);\r\n }\r\n \r\n \/* Responsive *\/\r\n @media (max-width: 768px) {\r\n .testimonial-slide {\r\n padding: 30px 24px !important;\r\n }\r\n #prevBtn, #nextBtn {\r\n display: none;\r\n }\r\n .testimonial-slider h2 {\r\n font-size: 1.6rem;\r\n }\r\n }\r\n<\/style>\r\n\r\n<script>\r\n \/\/ Testimonial Slider Functionality\r\n const slidesWrapper = document.getElementById('slidesWrapper');\r\n const slides = document.querySelectorAll('.testimonial-slide');\r\n const dots = document.querySelectorAll('.dot');\r\n const prevBtn = document.getElementById('prevBtn');\r\n const nextBtn = document.getElementById('nextBtn');\r\n \r\n let currentIndex = 0;\r\n const totalSlides = slides.length;\r\n \r\n function updateSlider() {\r\n slidesWrapper.style.transform = `translateX(-${currentIndex * 100}%)`;\r\n \r\n \/\/ Update dots\r\n dots.forEach((dot, index) => {\r\n if (index === currentIndex) {\r\n dot.style.background = '#00388f';\r\n dot.style.width = '12px';\r\n dot.style.height = '12px';\r\n } else {\r\n dot.style.background = '#cbd5e1';\r\n dot.style.width = '10px';\r\n dot.style.height = '10px';\r\n }\r\n });\r\n }\r\n \r\n function nextSlide() {\r\n currentIndex = (currentIndex + 1) % totalSlides;\r\n updateSlider();\r\n }\r\n \r\n function prevSlide() {\r\n currentIndex = (currentIndex - 1 + totalSlides) % totalSlides;\r\n updateSlider();\r\n }\r\n \r\n \/\/ Event listeners\r\n nextBtn.addEventListener('click', nextSlide);\r\n prevBtn.addEventListener('click', prevSlide);\r\n \r\n dots.forEach((dot, index) => {\r\n dot.addEventListener('click', () => {\r\n currentIndex = index;\r\n updateSlider();\r\n });\r\n });\r\n \r\n \/\/ Auto-slide every 5 seconds\r\n let autoSlide = setInterval(nextSlide, 5000);\r\n \r\n \/\/ Pause auto-slide on hover\r\n const sliderContainer = document.querySelector('#testimonialSlider');\r\n sliderContainer.addEventListener('mouseenter', () => {\r\n clearInterval(autoSlide);\r\n });\r\n \r\n sliderContainer.addEventListener('mouseleave', () => {\r\n autoSlide = setInterval(nextSlide, 5000);\r\n });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ca15f4a e-con-full e-flex e-con e-parent\" data-id=\"ca15f4a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-443e951 elementor-widget elementor-widget-html\" data-id=\"443e951\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- FAQ Section with Accordion - 8 Questions -->\r\n<div style=\"width: 100%; background: #ffffff; padding: 80px 0; font-family: 'Inter', sans-serif; position: relative;\">\r\n \r\n <div style=\"max-width: 1200px; margin: 0 auto; padding: 0 40px;\">\r\n <div style=\"text-align: center; margin-bottom: 50px;\">\r\n <div style=\"display: inline-flex; align-items: center; gap: 8px; background: rgba(0, 56, 143, 0.08); padding: 6px 18px; border-radius: 50px; margin-bottom: 20px;\">\r\n <i class=\"fas fa-question-circle\" style=\"color: #00388f; font-size: 0.8rem;\"><\/i>\r\n <span style=\"color: #00388f; font-weight: 600; font-size: 0.8rem;\">HAVE QUESTIONS?<\/span>\r\n <\/div>\r\n <h2 style=\"font-size: 2.2rem; font-weight: 800; color: #00388f; margin-bottom: 15px;\">Frequently Asked Questions<\/h2>\r\n <p style=\"font-size: 1rem; color: #475569; max-width: 700px; margin: 0 auto;\">Everything you need to know about AT&T Business solutions, pricing, and support<\/p>\r\n <\/div>\r\n \r\n <div style=\"max-width: 900px; margin: 0 auto;\">\r\n \r\n <!-- FAQ Item 1 -->\r\n <div class=\"faq-item\" style=\"background: white; border-radius: 20px; margin-bottom: 16px; border: 1px solid #e8f0fe; overflow: hidden;\">\r\n <div class=\"faq-question\" style=\"padding: 20px 28px; font-weight: 700; font-size: 1rem; cursor: pointer; display: flex; justify-content: space-between; align-items: center; color: #1e293b;\">\r\n What internet speeds does AT&T Business Fiber offer?\r\n <i class=\"fas fa-chevron-down\" style=\"color: #00388f; transition: transform 0.3s;\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\" style=\"padding: 0 28px; max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; color: #475569;\">\r\n <div style=\"padding: 0 0 20px 0;\">AT&T Business Fiber offers symmetrical speeds ranging from 300 Mbps to 5 Gbps, depending on your location and business needs. Plans include Fiber 300 (300 Mbps), Fiber 500 (500 Mbps), and Fiber 1 GIG (1,000 Mbps), with symmetrical upload and download speeds for optimal performance in cloud applications, video conferencing, and large file transfers.<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- FAQ Item 2 -->\r\n <div class=\"faq-item\" style=\"background: white; border-radius: 20px; margin-bottom: 16px; border: 1px solid #e8f0fe; overflow: hidden;\">\r\n <div class=\"faq-question\" style=\"padding: 20px 28px; font-weight: 700; font-size: 1rem; cursor: pointer; display: flex; justify-content: space-between; align-items: center; color: #1e293b;\">\r\n Is AT&T Business Fiber available in my area?\r\n <i class=\"fas fa-chevron-down\" style=\"color: #00388f;\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\" style=\"padding: 0 28px; max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; color: #475569;\">\r\n <div style=\"padding: 0 0 20px 0;\">AT&T Business Fiber is expanding rapidly across the nation, with availability in major metropolitan areas and growing. Contact our team with your business address, and we'll verify availability instantly and provide a customized quote with the best options for your location.<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- FAQ Item 3 -->\r\n <div class=\"faq-item\" style=\"background: white; border-radius: 20px; margin-bottom: 16px; border: 1px solid #e8f0fe; overflow: hidden;\">\r\n <div class=\"faq-question\" style=\"padding: 20px 28px; font-weight: 700; font-size: 1rem; cursor: pointer; display: flex; justify-content: space-between; align-items: center; color: #1e293b;\">\r\n Can I bundle AT&T Business mobile, internet, and voice services?\r\n <i class=\"fas fa-chevron-down\" style=\"color: #00388f;\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\" style=\"padding: 0 28px; max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; color: #475569;\">\r\n <div style=\"padding: 0 0 20px 0;\">Yes! Bundling AT&T Business services can save you up to 20% on your monthly bill. You can combine Business Fiber, Business Mobile, and Business Voice services to maximize savings and simplify your billing. Contact us for custom bundle pricing tailored to your business needs.<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- FAQ Item 4 -->\r\n <div class=\"faq-item\" style=\"background: white; border-radius: 20px; margin-bottom: 16px; border: 1px solid #e8f0fe; overflow: hidden;\">\r\n <div class=\"faq-question\" style=\"padding: 20px 28px; font-weight: 700; font-size: 1rem; cursor: pointer; display: flex; justify-content: space-between; align-items: center; color: #1e293b;\">\r\n What's included in AT&T Business Voice cloud phone systems?\r\n <i class=\"fas fa-chevron-down\" style=\"color: #00388f;\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\" style=\"padding: 0 28px; max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; color: #475569;\">\r\n <div style=\"padding: 0 0 20px 0;\">AT&T Business Voice includes HD voice calling, auto-attendant, call routing, voicemail-to-email, mobile and desktop apps, team messaging, video conferencing, and integration with popular business applications like Microsoft Teams and Salesforce. Advanced features include call recording, analytics, and CRM integrations.<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- FAQ Item 5 -->\r\n <div class=\"faq-item\" style=\"background: white; border-radius: 20px; margin-bottom: 16px; border: 1px solid #e8f0fe; overflow: hidden;\">\r\n <div class=\"faq-question\" style=\"padding: 20px 28px; font-weight: 700; font-size: 1rem; cursor: pointer; display: flex; justify-content: space-between; align-items: center; color: #1e293b;\">\r\n How long does installation take for AT&T Business Fiber?\r\n <i class=\"fas fa-chevron-down\" style=\"color: #00388f;\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\" style=\"padding: 0 28px; max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; color: #475569;\">\r\n <div style=\"padding: 0 0 20px 0;\">Installation typically takes 5-10 business days after order confirmation, depending on your location and existing infrastructure. Expedited options may be available for urgent business needs. Our team coordinates directly with AT&T engineers to ensure a smooth, hassle-free installation process with minimal disruption to your business.<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- FAQ Item 6 -->\r\n <div class=\"faq-item\" style=\"background: white; border-radius: 20px; margin-bottom: 16px; border: 1px solid #e8f0fe; overflow: hidden;\">\r\n <div class=\"faq-question\" style=\"padding: 20px 28px; font-weight: 700; font-size: 1rem; cursor: pointer; display: flex; justify-content: space-between; align-items: center; color: #1e293b;\">\r\n Can I keep my existing business phone numbers?\r\n <i class=\"fas fa-chevron-down\" style=\"color: #00388f;\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\" style=\"padding: 0 28px; max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; color: #475569;\">\r\n <div style=\"padding: 0 0 20px 0;\">Yes! We handle full number porting to ensure you can keep your existing business phone numbers when switching to AT&T Business Voice or mobile services. The process typically takes 2-4 weeks with no downtime or interruption to your business communications.<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- FAQ Item 7 -->\r\n <div class=\"faq-item\" style=\"background: white; border-radius: 20px; margin-bottom: 16px; border: 1px solid #e8f0fe; overflow: hidden;\">\r\n <div class=\"faq-question\" style=\"padding: 20px 28px; font-weight: 700; font-size: 1rem; cursor: pointer; display: flex; justify-content: space-between; align-items: center; color: #1e293b;\">\r\n What kind of support do you offer after installation?\r\n <i class=\"fas fa-chevron-down\" style=\"color: #00388f;\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\" style=\"padding: 0 28px; max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; color: #475569;\">\r\n <div style=\"padding: 0 0 20px 0;\">As your authorized partner, we provide ongoing support including a dedicated account manager, 24\/7 technical assistance, regular performance reviews, and proactive network monitoring. AT&T also offers 24\/7 business support for all services. We're committed to your long-term success.<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- FAQ Item 8 -->\r\n <div class=\"faq-item\" style=\"background: white; border-radius: 20px; margin-bottom: 16px; border: 1px solid #e8f0fe; overflow: hidden;\">\r\n <div class=\"faq-question\" style=\"padding: 20px 28px; font-weight: 700; font-size: 1rem; cursor: pointer; display: flex; justify-content: space-between; align-items: center; color: #1e293b;\">\r\n Is there a contract required for AT&T Business services?\r\n <i class=\"fas fa-chevron-down\" style=\"color: #00388f;\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\" style=\"padding: 0 28px; max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; color: #475569;\">\r\n <div style=\"padding: 0 0 20px 0;\">AT&T offers flexible contract options including month-to-month, 1-year, and multi-year agreements. The best pricing is typically available with 1-2 year contracts. Our team helps you choose the best terms based on your business needs and budget, ensuring maximum flexibility and value.<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- Final Call Section - Full Width with Background Image & Overlay -->\r\n<div style=\"width: 100%; position: relative; overflow: hidden; font-family: 'Inter', sans-serif;\">\r\n \r\n <!-- Background Image -->\r\n <div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('https:\/\/connectnationwide.com\/att-business\/wp-content\/uploads\/2026\/03\/Footer-Bakground-Image.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; z-index: 0;\"><\/div>\r\n \r\n <!-- Dark Blue Overlay -->\r\n <div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, rgba(0, 56, 143, 0.92), rgba(0, 56, 143, 0.85)); z-index: 1;\"><\/div>\r\n \r\n <!-- Decorative Elements -->\r\n <div style=\"position: absolute; top: -100px; right: -80px; width: 400px; height: 400px; background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%); border-radius: 50%; z-index: 1;\"><\/div>\r\n <div style=\"position: absolute; bottom: -80px; left: -60px; width: 350px; height: 350px; background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, transparent 70%); border-radius: 50%; z-index: 1;\"><\/div>\r\n \r\n <div style=\"max-width: 1000px; margin: 0 auto; padding: 100px 40px; text-align: center; position: relative; z-index: 2;\">\r\n \r\n <!-- Badge -->\r\n <div style=\"display: inline-flex; align-items: center; gap: 8px; background: rgba(255,255,255,0.2); backdrop-filter: blur(4px); padding: 8px 24px; border-radius: 60px; margin-bottom: 30px;\">\r\n <i class=\"fas fa-certificate\" style=\"color: white; font-size: 0.8rem;\"><\/i>\r\n <span style=\"color: white; font-weight: 600; font-size: 0.85rem;\">AUTHORIZED AT&T BUSINESS PARTNER<\/span>\r\n <\/div>\r\n \r\n <!-- Heading -->\r\n <h2 style=\"font-size: 2.5rem; font-weight: 800; color: white; margin-bottom: 20px; line-height: 1.2;\">\r\n Ready to Transform Your Business<br>with AT&T Solutions?\r\n <\/h2>\r\n \r\n <!-- Description -->\r\n <p style=\"font-size: 1.1rem; color: rgba(255,255,255,0.95); max-width: 650px; margin: 0 auto 35px; line-height: 1.5;\">\r\n Get a free consultation and exclusive partner rates for AT&T Business Fiber, Mobile, and Voice services. \r\n Our experts will help you find the perfect solution for your business needs.\r\n <\/p>\r\n \r\n <!-- CTA Buttons -->\r\n <div style=\"display: flex; gap: 20px; justify-content: center; flex-wrap: wrap;\">\r\n <a href=\"https:\/\/connectnationwide.com\/att-business\/request-quote\/\" style=\"display: inline-flex; align-items: center; gap: 10px; background: white; color: #00388f; padding: 14px 36px; border-radius: 50px; font-weight: 700; font-size: 1rem; text-decoration: none; transition: all 0.3s; box-shadow: 0 4px 15px rgba(0,0,0,0.2);\">\r\n <i class=\"fas fa-file-signature\"><\/i> Request a Free Quote\r\n <\/a>\r\n <a href=\"tel:1-865-518-6190\" style=\"display: inline-flex; align-items: center; gap: 8px; background: transparent; border: 2px solid white; color: white; padding: 12px 34px; border-radius: 50px; font-weight: 600; font-size: 1rem; text-decoration: none; transition: all 0.3s;\">\r\n <i class=\"fas fa-phone-alt\"><\/i> Call: 1-865-518-6190\r\n <\/a>\r\n <\/div>\r\n \r\n <!-- Trust Badges -->\r\n <div style=\"display: flex; justify-content: center; gap: 40px; margin-top: 50px; flex-wrap: wrap;\">\r\n <div style=\"display: flex; align-items: center; gap: 8px;\">\r\n <i class=\"fas fa-check-circle\" style=\"color: #ffd966; font-size: 0.9rem;\"><\/i>\r\n <span style=\"color: white; font-size: 0.85rem;\">No Obligation Quote<\/span>\r\n <\/div>\r\n <div style=\"display: flex; align-items: center; gap: 8px;\">\r\n <i class=\"fas fa-check-circle\" style=\"color: #ffd966; font-size: 0.9rem;\"><\/i>\r\n <span style=\"color: white; font-size: 0.85rem;\">Expert Consultation<\/span>\r\n <\/div>\r\n <div style=\"display: flex; align-items: center; gap: 8px;\">\r\n <i class=\"fas fa-check-circle\" style=\"color: #ffd966; font-size: 0.9rem;\"><\/i>\r\n <span style=\"color: white; font-size: 0.85rem;\">Best Price Guarantee<\/span>\r\n <\/div>\r\n <div style=\"display: flex; align-items: center; gap: 8px;\">\r\n <i class=\"fas fa-check-circle\" style=\"color: #ffd966; font-size: 0.9rem;\"><\/i>\r\n <span style=\"color: white; font-size: 0.85rem;\">24\/7 Support<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n<\/div>\r\n\r\n<style>\r\n \/* FAQ Accordion Styles *\/\r\n .faq-item.active .faq-answer {\r\n max-height: 300px !important;\r\n padding: 0 28px 20px 28px !important;\r\n border-top: 1px solid #e8f0fe !important;\r\n }\r\n \r\n .faq-item.active .faq-question i {\r\n transform: rotate(180deg);\r\n }\r\n \r\n .faq-question {\r\n transition: background 0.2s;\r\n }\r\n \r\n .faq-question:hover {\r\n background: #f8faff;\r\n }\r\n \r\n \/* Button Hover Effects *\/\r\n a[href*=\"request-quote\"]:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 8px 25px rgba(0,0,0,0.25);\r\n }\r\n \r\n a[href*=\"tel:\"]:hover {\r\n background: white !important;\r\n color: #00388f !important;\r\n transform: translateY(-3px);\r\n }\r\n \r\n \/* Responsive *\/\r\n @media (max-width: 768px) {\r\n .faq-question {\r\n padding: 16px 20px !important;\r\n font-size: 0.9rem !important;\r\n }\r\n .final-cta h2 {\r\n font-size: 1.8rem !important;\r\n }\r\n .final-cta-content {\r\n padding: 60px 24px !important;\r\n }\r\n .trust-badges {\r\n gap: 20px !important;\r\n }\r\n }\r\n<\/style>\r\n\r\n<script>\r\n \/\/ FAQ Accordion Functionality\r\n document.querySelectorAll('.faq-item').forEach((item, index) => {\r\n const question = item.querySelector('.faq-question');\r\n const answer = item.querySelector('.faq-answer');\r\n \r\n question.addEventListener('click', () => {\r\n const isActive = item.classList.contains('active');\r\n \r\n if (isActive) {\r\n item.classList.remove('active');\r\n answer.style.maxHeight = '0';\r\n } else {\r\n item.classList.add('active');\r\n answer.style.maxHeight = answer.scrollHeight + 'px';\r\n }\r\n });\r\n \r\n \/\/ Initialize first FAQ as open\r\n if (index === 0) {\r\n item.classList.add('active');\r\n answer.style.maxHeight = answer.scrollHeight + 'px';\r\n }\r\n });\r\n<\/script>\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>AT&T Business | Enterprise-Grade Solutions Authorized Partner Fiber Internet 99.99% Uptime 24\/7 Support Enterprise-Grade AT&T Business SolutionsPowering Your Digital Future […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/connectnationwide.com\/att-business\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/connectnationwide.com\/att-business\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/connectnationwide.com\/att-business\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/connectnationwide.com\/att-business\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/connectnationwide.com\/att-business\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":34,"href":"https:\/\/connectnationwide.com\/att-business\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":28087,"href":"https:\/\/connectnationwide.com\/att-business\/wp-json\/wp\/v2\/pages\/7\/revisions\/28087"}],"wp:attachment":[{"href":"https:\/\/connectnationwide.com\/att-business\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}