{"id":54,"date":"2022-10-15T01:45:21","date_gmt":"2022-10-15T01:45:21","guid":{"rendered":"http:\/\/zeinetdemo.local\/?page_id=54"},"modified":"2025-11-21T15:30:44","modified_gmt":"2025-11-21T15:30:44","slug":"contact","status":"publish","type":"page","link":"https:\/\/buyiptv-service.com\/eu\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"54\" class=\"elementor elementor-54\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1bfc4fa elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"1bfc4fa\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-87b4abe\" data-id=\"87b4abe\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-643e466 elementor-widget elementor-widget-html\" data-id=\"643e466\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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>Contact Us - BUY IPTV<\/title>\r\n    <style>\r\n:root {\r\n    --linear-ease: linear(\r\n        0, 0.068, 0.19 2.7%, 0.804 8.1%, 1.037, 1.199 13.2%, 1.245,\r\n        1.27 15.8%, 1.274, 1.272 17.4%, 1.249 19.1%, 0.996 28%, 0.949,\r\n        0.928 33.3%, 0.926, 0.933 36.8%, 1.001 45.6%, 1.013, 1.019 50.8%,\r\n        1.018 54.4%, 1 63.1%, 0.995 68%, 1.001 85%, 1\r\n    );\r\n    \/* Graphite Black + Lava Red *\/\r\n    --graphite-black: #121212;\r\n    --lava-red: #FF1E00;\r\n    --orange-ember: #FF6B00;\r\n    --charcoal-gray: #1E1E1E;\r\n    --white: #FFFFFF;\r\n    --gray: #A8A8A8;\r\n    --scarlet: #E53935;\r\n    --dark-gray: #2A2A2A;\r\n    --stroke-light: rgba(148,163,184,.18);\r\n}\r\n\r\n* {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\nbody {\r\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n    background: var(--graphite-black);\r\n    color: var(--white);\r\n    overflow-x: hidden;\r\n    min-height: 0;\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\nheader {\r\n    position: relative;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    z-index: 100;\r\n    padding: 1.2rem 7%;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    background: var(--graphite-black);\r\n    backdrop-filter: blur(30px);\r\n    border-bottom: 1px solid rgba(255, 30, 0, 0.15);\r\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\nheader.scrolled {\r\n    padding: 0.9rem 7%;\r\n    background: var(--graphite-black);\r\n    box-shadow: 0 10px 60px rgba(0, 0, 0, 0.6);\r\n    border-bottom: 1px solid rgba(255, 30, 0, 0.3);\r\n}\r\n\r\n.logo {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 1rem;\r\n    font-size: 1.9rem;\r\n    font-weight: 900;\r\n    letter-spacing: -1px;\r\n    transition: transform 0.3s ease;\r\n    cursor: pointer;\r\n}\r\n\r\n.logo:hover {\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.logo-icon {\r\n    width: 50px;\r\n    height: 50px;\r\n    background: linear-gradient(135deg, var(--lava-red) 0%, var(--orange-ember) 100%);\r\n    border-radius: 14px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    position: relative;\r\n    box-shadow: \r\n        0 10px 30px rgba(255, 30, 0, 0.7),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.2);\r\n    animation: logoGlow 3s ease-in-out infinite;\r\n}\r\n\r\n@keyframes logoGlow {\r\n    0%, 100% { \r\n        box-shadow: \r\n            0 10px 30px rgba(255, 30, 0, 0.7),\r\n            inset 0 1px 0 rgba(255, 255, 255, 0.2);\r\n    }\r\n    50% { \r\n        box-shadow: \r\n            0 10px 40px rgba(255, 30, 0, 0.9),\r\n            0 0 20px rgba(255, 107, 0, 0.5),\r\n            inset 0 1px 0 rgba(255, 255, 255, 0.3);\r\n    }\r\n}\r\n\r\n.logo-icon::after {\r\n    content: '';\r\n    position: absolute;\r\n    width: 0;\r\n    height: 0;\r\n    border-left: 14px solid var(--white);\r\n    border-top: 10px solid transparent;\r\n    border-bottom: 10px solid transparent;\r\n    margin-left: 3px;\r\n    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));\r\n}\r\n\r\n.logo-text {\r\n    display: flex;\r\n    flex-direction: column;\r\n    line-height: 1;\r\n}\r\n\r\n.logo-main {\r\n    font-size: 1.9rem;\r\n    background: linear-gradient(135deg, #fff 0%, #FF1E00 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n    font-weight: 900;\r\n}\r\n\r\n.logo-tagline {\r\n    font-size: 0.65rem;\r\n    color: var(--gray);\r\n    font-weight: 600;\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n    margin-top: 2px;\r\n}\r\n\r\n.gooey-nav-container {\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.gooey-nav-container nav {\r\n    display: flex;\r\n    position: relative;\r\n    transform: translate3d(0, 0, 0.01px);\r\n}\r\n\r\n.gooey-nav-container nav ul {\r\n    display: flex;\r\n    gap: 2em;\r\n    list-style: none;\r\n    padding: 0 1em;\r\n    margin: 0;\r\n    position: relative;\r\n    z-index: 3;\r\n    color: var(--white);\r\n    text-shadow: 0 1px 1px hsl(205deg 30% 10% \/ 0.2);\r\n}\r\n\r\n.gooey-nav-container nav ul li {\r\n    border-radius: 100vw;\r\n    position: relative;\r\n    cursor: pointer;\r\n    transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;\r\n    box-shadow: 0 0 0.5px 1.5px transparent;\r\n    color: var(--white);\r\n}\r\n\r\n.gooey-nav-container nav ul li a {\r\n    display: inline-block;\r\n    padding: 0.6em 1em;\r\n    color: inherit;\r\n    text-decoration: none;\r\n    font-weight: 600;\r\n    font-size: 0.95rem;\r\n}\r\n\r\n.gooey-nav-container nav ul li:focus-within:has(:focus-visible) {\r\n    box-shadow: 0 0 0.5px 1.5px var(--lava-red);\r\n}\r\n\r\n.gooey-nav-container nav ul li::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    border-radius: 100vw;\r\n    background: white;\r\n    opacity: 0;\r\n    transform: scale(0);\r\n    transition: all 0.3s ease;\r\n    z-index: -1;\r\n}\r\n\r\n.gooey-nav-container nav ul li.active {\r\n    color: black;\r\n    text-shadow: none;\r\n}\r\n\r\n.gooey-nav-container nav ul li.active::after {\r\n    opacity: 1;\r\n    transform: scale(1);\r\n}\r\n\r\n.gooey-nav-container .effect {\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    width: 0;\r\n    height: 0;\r\n    opacity: 1;\r\n    pointer-events: none;\r\n    display: grid;\r\n    place-items: center;\r\n    z-index: 1;\r\n}\r\n\r\n.gooey-nav-container .effect.text {\r\n    color: var(--white);\r\n    transition: color 0.3s ease;\r\n    font-weight: 600;\r\n    font-size: 0.95rem;\r\n}\r\n\r\n.gooey-nav-container .effect.text.active {\r\n    color: black;  \/* \u2705 Change from white to black *\/\r\n}\r\n\r\n.gooey-nav-container .effect.filter {\r\n    filter: blur(7px) contrast(100) blur(0);\r\n    mix-blend-mode: lighten;\r\n}\r\n\r\n.gooey-nav-container .effect.filter::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: -75px;\r\n    z-index: -2;\r\n    background: transparent;\r\n    pointer-events: none;\r\n}\r\n\r\n.gooey-nav-container .effect.filter::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: white;\r\n    transform: scale(0);\r\n    opacity: 0;\r\n    z-index: -1;\r\n    border-radius: 100vw;\r\n}\r\n\r\n.gooey-nav-container .effect.active::after {\r\n    animation: pill 0.3s ease both;\r\n}\r\n\r\n@keyframes pill {\r\n    to {\r\n        transform: scale(1);\r\n        opacity: 1;\r\n    }\r\n}\r\n\r\n.particle,\r\n.point {\r\n    display: block;\r\n    opacity: 0;\r\n    width: 20px;\r\n    height: 20px;\r\n    border-radius: 100%;\r\n    transform-origin: center;\r\n}\r\n\r\n.particle {\r\n    --time: 5s;\r\n    position: absolute;\r\n    top: calc(50% - 8px);\r\n    left: calc(50% - 8px);\r\n    animation: particle calc(var(--time)) ease 1 -350ms;\r\n}\r\n\r\n.point {\r\n    background: var(--color);\r\n    opacity: 1;\r\n    animation: point calc(var(--time)) ease 1 -350ms;\r\n}\r\n\r\n@keyframes particle {\r\n    0% {\r\n        transform: rotate(0deg) translate(calc(var(--start-x)), calc(var(--start-y)));\r\n        opacity: 1;\r\n        animation-timing-function: cubic-bezier(0.55, 0, 1, 0.45);\r\n    }\r\n    70% {\r\n        transform: rotate(calc(var(--rotate) * 0.5)) translate(calc(var(--end-x) * 1.2), calc(var(--end-y) * 1.2));\r\n        opacity: 1;\r\n        animation-timing-function: ease;\r\n    }\r\n    85% {\r\n        transform: rotate(calc(var(--rotate) * 0.66)) translate(calc(var(--end-x)), calc(var(--end-y)));\r\n        opacity: 1;\r\n    }\r\n    100% {\r\n        transform: rotate(calc(var(--rotate) * 1.2)) translate(calc(var(--end-x) * 0.5), calc(var(--end-y) * 0.5));\r\n        opacity: 1;\r\n    }\r\n}\r\n\r\n@keyframes point {\r\n    0% {\r\n        transform: scale(0);\r\n        opacity: 0;\r\n        animation-timing-function: cubic-bezier(0.55, 0, 1, 0.45);\r\n    }\r\n    25% {\r\n        transform: scale(calc(var(--scale) * 0.25));\r\n    }\r\n    38% {\r\n        opacity: 1;\r\n    }\r\n    65% {\r\n        transform: scale(var(--scale));\r\n        opacity: 1;\r\n        animation-timing-function: ease;\r\n    }\r\n    85% {\r\n        transform: scale(var(--scale));\r\n        opacity: 1;\r\n    }\r\n    100% {\r\n        transform: scale(0);\r\n        opacity: 0;\r\n    }\r\n}\r\n\r\n.header-buttons {\r\n    display: flex;\r\n    gap: 1.2rem;\r\n    align-items: center;\r\n}\r\n\r\n.btn {\r\n    padding: 1rem 2.5rem;\r\n    border-radius: 14px;\r\n    font-weight: 700;\r\n    text-decoration: none;\r\n    transition: all 0.3s ease;\r\n    border: none;\r\n    cursor: pointer;\r\n    font-size: 0.9rem;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 0.7rem;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.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    border-radius: 50%;\r\n    background: rgba(255, 30, 0, 0.1);\r\n    transform: translate(-50%, -50%);\r\n    transition: width 0.6s, height 0.6s;\r\n}\r\n\r\n.btn:hover::before {\r\n    width: 300px;\r\n    height: 300px;\r\n}\r\n\r\n.btn span {\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.btn-trial {\r\n    background: rgba(255, 255, 255, 0.12);\r\n    color: var(--white);\r\n    border: 2px solid rgba(255, 255, 255, 0.25);\r\n    backdrop-filter: blur(10px);\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.btn-trial:hover {\r\n    background: linear-gradient(135deg, var(--lava-red) 0%, var(--orange-ember) 100%);\r\n    color: var(--white);\r\n    border-color: transparent;\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 10px 30px rgba(255, 30, 0, 0.4);\r\n}\r\n\r\n.btn-subscribe {\r\n    background: linear-gradient(135deg, var(--lava-red) 0%, var(--orange-ember) 100%);\r\n    color: var(--white);\r\n    box-shadow: 0 10px 35px rgba(255, 30, 0, 0.6);\r\n    border: 2px solid transparent;\r\n    position: relative;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.btn-subscribe:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: \r\n        0 15px 45px rgba(255, 30, 0, 0.7),\r\n        0 0 30px rgba(255, 107, 0, 0.5);\r\n}\r\n\r\n.mobile-menu-btn {\r\n    display: none;\r\n    flex-direction: column;\r\n    gap: 6px;\r\n    cursor: pointer;\r\n    padding: 12px;\r\n    z-index: 200;\r\n    background: rgba(255, 255, 255, 0.12);\r\n    border-radius: 10px;\r\n    border: 2px solid rgba(255, 255, 255, 0.2);\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.mobile-menu-btn span {\r\n    width: 28px;\r\n    height: 3px;\r\n    background: linear-gradient(90deg, var(--lava-red), var(--orange-ember));\r\n    border-radius: 3px;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.mobile-menu-btn.active span:nth-child(1) {\r\n    transform: rotate(45deg) translate(9px, 9px);\r\n    background: var(--lava-red);\r\n}\r\n\r\n.mobile-menu-btn.active span:nth-child(2) {\r\n    opacity: 0;\r\n}\r\n\r\n.mobile-menu-btn.active span:nth-child(3) {\r\n    transform: rotate(-45deg) translate(9px, -9px);\r\n    background: var(--lava-red);\r\n}\r\n\r\n.mobile-menu {\r\n    position: fixed;\r\n    top: 0;\r\n    right: -100%;\r\n    width: 85%;\r\n    max-width: 420px;\r\n    height: 100vh;\r\n    background: var(--graphite-black);\r\n    backdrop-filter: blur(30px);\r\n    z-index: 150;\r\n    transition: right 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n    padding: 0;\r\n    border-left: 1px solid rgba(255, 30, 0, 0.3);\r\n    box-shadow: -20px 0 60px rgba(0, 0, 0, 0.8);\r\n    overflow-y: auto;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.mobile-menu.active {\r\n    right: 0;\r\n}\r\n\r\n.mobile-menu-header {\r\n    padding: 2rem 1.5rem;\r\n    border-bottom: 1px solid rgba(255, 30, 0, 0.3);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: rgba(255, 30, 0, 0.1);\r\n}\r\n\r\n.mobile-menu-logo {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.8rem;\r\n}\r\n\r\n.mobile-menu-logo .logo-icon {\r\n    width: 45px;\r\n    height: 45px;\r\n}\r\n\r\n.mobile-menu-logo .logo-text {\r\n    display: flex;\r\n    flex-direction: column;\r\n    line-height: 1;\r\n}\r\n\r\n.mobile-menu-logo .logo-main {\r\n    font-size: 1.7rem;\r\n    color: var(--white);\r\n    font-weight: 900;\r\n    letter-spacing: -1px;\r\n}\r\n\r\n.mobile-menu-logo .logo-tagline {\r\n    font-size: 0.6rem;\r\n    color: var(--gray);\r\n    font-weight: 600;\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n    margin-top: 2px;\r\n}\r\n\r\n.mobile-menu nav {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0;\r\n    padding: 2rem 1.5rem;\r\n    flex: 1;\r\n}\r\n\r\n.mobile-menu nav a {\r\n    padding: 1.5rem 1rem;\r\n    border-bottom: 1px solid rgba(255, 255, 255, 0.08);\r\n    font-size: 1.15rem;\r\n    transition: all 0.3s ease;\r\n    border-radius: 8px;\r\n    margin-bottom: 0.5rem;\r\n    color: var(--gray);\r\n    text-decoration: none;\r\n    font-weight: 600;\r\n}\r\n\r\n.mobile-menu nav a:hover {\r\n    background: rgba(255, 30, 0, 0.2);\r\n    color: var(--white);\r\n    transform: translateX(8px);\r\n    border-bottom-color: rgba(255, 30, 0, 0.5);\r\n}\r\n\r\n.menu-overlay {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: rgba(0, 0, 0, 0.7);\r\n    backdrop-filter: blur(8px);\r\n    z-index: 140;\r\n    opacity: 0;\r\n    pointer-events: none;\r\n    transition: opacity 0.4s ease;\r\n}\r\n\r\n.menu-overlay.active {\r\n    opacity: 1;\r\n    pointer-events: all;\r\n}\r\n\r\n\/* Tablet and Mobile Styles *\/\r\n@media (max-width: 1024px) {\r\n    .mobile-menu-btn {\r\n        display: flex;\r\n    }\r\n    \r\n    .gooey-nav-container,\r\n    .header-buttons {\r\n        display: none;\r\n    }\r\n\r\n    header {\r\n        padding: 1.2rem 5%;\r\n    }\r\n\r\n    .logo {\r\n        font-size: 1.5rem;\r\n    }\r\n\r\n    .logo-icon {\r\n        width: 42px;\r\n        height: 42px;\r\n    }\r\n\r\n    .logo-icon::after {\r\n        border-left: 12px solid var(--white);\r\n        border-top: 8px solid transparent;\r\n        border-bottom: 8px solid transparent;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .mobile-menu-btn {\r\n        display: flex;\r\n    }\r\n    \r\n    .gooey-nav-container,\r\n    .header-buttons {\r\n        display: none;\r\n    }\r\n\r\n    header {\r\n        padding: 1.2rem 5%;\r\n    }\r\n\r\n    .logo {\r\n        font-size: 1.5rem;\r\n    }\r\n\r\n    .logo-icon {\r\n        width: 42px;\r\n        height: 42px;\r\n    }\r\n\r\n    .logo-icon::after {\r\n        border-left: 12px solid var(--white);\r\n        border-top: 8px solid transparent;\r\n        border-bottom: 8px solid transparent;\r\n    }\r\n}        \r\n\r\n.contact-section {\r\n    padding: 6rem 7% 6rem;\r\n    min-height: 100vh;\r\n}\r\n\r\n.contact-header {\r\n    text-align: center;\r\n    margin-bottom: 5rem;\r\n}\r\n\r\n.contact-header h1 {\r\n    font-size: 5rem;\r\n    font-weight: 900;\r\n    letter-spacing: -3px;\r\n    margin-bottom: 1.5rem;\r\n    background: linear-gradient(135deg, var(--white) 15%, var(--lava-red) 45%, var(--orange-ember) 75%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n}\r\n\r\n.contact-header p {\r\n    font-size: 1.3rem;\r\n    color: var(--gray);\r\n    max-width: 700px;\r\n    margin: 0 auto;\r\n    line-height: 1.7;\r\n}\r\n\r\n.contact-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 3rem;\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.contact-info {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 2rem;\r\n}\r\n\r\n.info-card {\r\n    background: linear-gradient(145deg, var(--charcoal-gray), rgba(30, 30, 30, 0.4));\r\n    border: 1px solid rgba(255, 30, 0, 0.2);\r\n    border-radius: 20px;\r\n    padding: 2.5rem;\r\n    transition: all 0.4s ease;\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: 0;\r\n    right: 0;\r\n    height: 4px;\r\n    background: linear-gradient(90deg, var(--lava-red), var(--orange-ember));\r\n    transform: scaleX(0);\r\n    transition: transform 0.4s ease;\r\n}\r\n\r\n.info-card:hover {\r\n    transform: translateY(-5px);\r\n    border-color: rgba(255, 30, 0, 0.5);\r\n    box-shadow: 0 20px 60px rgba(255, 30, 0, 0.3);\r\n}\r\n\r\n.info-card:hover::before {\r\n    transform: scaleX(1);\r\n}\r\n\r\n.info-icon {\r\n    width: 70px;\r\n    height: 70px;\r\n    background: linear-gradient(135deg, var(--lava-red), var(--orange-ember));\r\n    border-radius: 18px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 1.5rem;\r\n    box-shadow: 0 10px 30px rgba(255, 30, 0, 0.4);\r\n}\r\n\r\n.info-icon svg {\r\n    width: 35px;\r\n    height: 35px;\r\n    fill: var(--white);\r\n}\r\n\r\n.info-card h3 {\r\n    font-size: 1.6rem;\r\n    margin-bottom: 1rem;\r\n    color: var(--white);\r\n    font-weight: 700;\r\n}\r\n\r\n.info-card p {\r\n    color: var(--gray);\r\n    line-height: 1.7;\r\n    margin-bottom: 1.5rem;\r\n    font-size: 1rem;\r\n}\r\n\r\n.contact-link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 0.7rem;\r\n    color: var(--white);\r\n    background: linear-gradient(135deg, var(--lava-red) 0%, var(--orange-ember) 100%);\r\n    padding: 1rem 2rem;\r\n    border-radius: 12px;\r\n    font-weight: 600;\r\n    font-size: 1rem;\r\n    text-decoration: none;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 8px 25px rgba(255, 30, 0, 0.4);\r\n}\r\n\r\n.contact-link:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 12px 35px rgba(255, 30, 0, 0.6);\r\n    background: linear-gradient(135deg, var(--orange-ember) 0%, var(--lava-red) 100%);\r\n}\r\n\r\n.contact-link svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    fill: currentColor;\r\n}\r\n\r\n.team-card {\r\n    background: linear-gradient(145deg, var(--charcoal-gray), rgba(30, 30, 30, 0.6));\r\n    border: 1px solid rgba(255, 30, 0, 0.2);\r\n    border-radius: 20px;\r\n    padding: 3rem;\r\n    text-align: center;\r\n    transition: all 0.4s ease;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.team-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 4px;\r\n    background: linear-gradient(90deg, var(--lava-red), var(--orange-ember));\r\n}\r\n\r\n.team-card:hover {\r\n    transform: translateY(-5px);\r\n    border-color: rgba(255, 30, 0, 0.5);\r\n    box-shadow: 0 20px 60px rgba(255, 30, 0, 0.3);\r\n}\r\n\r\n.team-photo {\r\n    width: 180px;\r\n    height: 180px;\r\n    border-radius: 50%;\r\n    margin: 0 auto 2rem;\r\n    border: 4px solid rgba(255, 30, 0, 0.5);\r\n    box-shadow: 0 10px 40px rgba(255, 30, 0, 0.4);\r\n    overflow: hidden;\r\n}\r\n\r\n.team-photo img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n}\r\n\r\n.team-card h3 {\r\n    font-size: 1.9rem;\r\n    margin-bottom: 0.5rem;\r\n    color: var(--white);\r\n    font-weight: 800;\r\n}\r\n\r\n.team-role {\r\n    color: var(--lava-red);\r\n    font-size: 1.1rem;\r\n    font-weight: 600;\r\n    margin-bottom: 1.5rem;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n}\r\n\r\n.team-description {\r\n    color: var(--gray);\r\n    line-height: 1.7;\r\n    font-size: 1rem;\r\n}\r\n\r\n.contact-form {\r\n    background: linear-gradient(145deg, var(--charcoal-gray), rgba(30, 30, 30, 0.4));\r\n    border: 1px solid rgba(255, 30, 0, 0.2);\r\n    border-radius: 20px;\r\n    padding: 3rem;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.contact-form::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 4px;\r\n    background: linear-gradient(90deg, var(--lava-red), var(--orange-ember));\r\n}\r\n\r\n.form-group {\r\n    margin-bottom: 2rem;\r\n}\r\n\r\n.form-group label {\r\n    display: block;\r\n    margin-bottom: 0.7rem;\r\n    color: var(--white);\r\n    font-weight: 600;\r\n    font-size: 0.95rem;\r\n}\r\n\r\n.form-group input,\r\n.form-group textarea,\r\n.form-group select {\r\n    width: 100%;\r\n    padding: 1.2rem;\r\n    background: rgba(255, 255, 255, 0.05);\r\n    border: 2px solid rgba(255, 255, 255, 0.1);\r\n    border-radius: 12px;\r\n    color: var(--white);\r\n    font-size: 1rem;\r\n    transition: all 0.3s ease;\r\n    font-family: inherit;\r\n}\r\n\r\n.form-group select option {\r\n    background: var(--charcoal-gray);\r\n    color: var(--white);\r\n    padding: 1rem;\r\n}\r\n\r\n.form-group input:focus,\r\n.form-group textarea:focus,\r\n.form-group select:focus {\r\n    outline: none;\r\n    border-color: var(--lava-red);\r\n    background: rgba(255, 255, 255, 0.08);\r\n    box-shadow: 0 0 0 4px rgba(255, 30, 0, 0.1);\r\n}\r\n\r\n.form-group textarea {\r\n    resize: vertical;\r\n    min-height: 150px;\r\n}\r\n\r\n.submit-btn {\r\n    width: 100%;\r\n    padding: 1.4rem;\r\n    background: linear-gradient(135deg, var(--lava-red) 0%, var(--orange-ember) 100%);\r\n    color: var(--white);\r\n    border: none;\r\n    border-radius: 14px;\r\n    font-size: 1.1rem;\r\n    font-weight: 700;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 10px 35px rgba(255, 30, 0, 0.6);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 0.8rem;\r\n}\r\n\r\n.submit-btn:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 15px 45px rgba(255, 30, 0, 0.7);\r\n}\r\n\r\n.submit-btn:active {\r\n    transform: translateY(-1px);\r\n}\r\n\r\n.submit-btn svg {\r\n    width: 22px;\r\n    height: 22px;\r\n    fill: currentColor;\r\n}\r\n\r\n.business-hours {\r\n    background: linear-gradient(145deg, var(--charcoal-gray), rgba(30, 30, 30, 0.4));\r\n    border: 1px solid rgba(255, 30, 0, 0.2);\r\n    border-radius: 20px;\r\n    padding: 2.5rem;\r\n    margin-top: 2rem;\r\n}\r\n\r\n.business-hours h3 {\r\n    font-size: 1.6rem;\r\n    margin-bottom: 1.5rem;\r\n    color: var(--white);\r\n    font-weight: 700;\r\n}\r\n\r\n.hours-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 1rem;\r\n}\r\n\r\n.hours-item {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    padding: 1rem;\r\n    background: rgba(255, 255, 255, 0.03);\r\n    border-radius: 10px;\r\n}\r\n\r\n.hours-day {\r\n    color: var(--white);\r\n    font-weight: 600;\r\n}\r\n\r\n.hours-time {\r\n    color: var(--lava-red);\r\n    font-weight: 600;\r\n}\r\n\r\n@media (max-width: 1200px) {\r\n    .contact-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 2.5rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .contact-section {\r\n        padding: 4rem 5% 4rem;\r\n    }\r\n\r\n    .contact-header h1 {\r\n        font-size: 3rem;\r\n        letter-spacing: -2px;\r\n    }\r\n\r\n    .contact-header p {\r\n        font-size: 1.1rem;\r\n    }\r\n\r\n    .logo {\r\n        font-size: 1.5rem;\r\n    }\r\n\r\n    .logo-icon {\r\n        width: 42px;\r\n        height: 42px;\r\n    }\r\n\r\n    .back-btn {\r\n        padding: 0.8rem 1.5rem;\r\n        font-size: 0.85rem;\r\n    }\r\n\r\n    .logo {\r\n        font-size: 1.5rem;\r\n    }\r\n\r\n    .logo-icon {\r\n        width: 42px;\r\n        height: 42px;\r\n    }\r\n\r\n    .back-btn {\r\n        padding: 0.8rem 1.5rem;\r\n        font-size: 0.85rem;\r\n    }\r\n\r\n    .info-card,\r\n    .contact-form,\r\n    .business-hours {\r\n        padding: 2rem;\r\n    }\r\n\r\n    .team-card {\r\n        padding: 2.5rem 2rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .contact-section {\r\n        padding: 3rem 4% 3rem;\r\n    }\r\n\r\n    .contact-header h1 {\r\n        font-size: 2.2rem;\r\n        letter-spacing: -1px;\r\n    }\r\n\r\n    .contact-header p {\r\n        font-size: 1rem;\r\n    }\r\n\r\n    .logo-main {\r\n        font-size: 1.35rem;\r\n    }\r\n\r\n    .info-card h3,\r\n    .team-card h3 {\r\n        font-size: 1.4rem;\r\n    }\r\n\r\n    .logo-main {\r\n        font-size: 1.35rem;\r\n    }\r\n}\r\n\r\nfooter {\r\n    position: relative;\r\n    z-index: 10;\r\n    background: var(--graphite-black);\r\n    border-top: 1px solid rgba(255, 30, 0, 0.2);\r\n    backdrop-filter: blur(30px);\r\n    margin-top: 6rem;\r\n    overflow: hidden;\r\n    margin-bottom: 0;\r\n    padding-bottom: 0;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;\r\n    color: var(--white);\r\n}\r\n\r\nfooter::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: -100%;\r\n    width: 100%;\r\n    height: 2px;\r\n    background: linear-gradient(90deg, transparent, var(--lava-red), var(--orange-ember), transparent);\r\n    animation: borderSlide 3s ease-in-out infinite;\r\n}\r\n\r\n@keyframes borderSlide {\r\n    0%, 100% { left: -100%; }\r\n    50% { left: 100%; }\r\n}\r\n\r\n.footer-content {\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    padding: 5rem 7% 3rem;\r\n}\r\n\r\n.footer-grid {\r\n    display: grid;\r\n    grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr;\r\n    gap: 4rem;\r\n    margin-bottom: 4rem;\r\n}\r\n\r\n.footer-brand {\r\n    animation: fadeInUp 0.8s ease;\r\n}\r\n\r\n.logo {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 1rem;\r\n    font-size: 1.9rem;\r\n    font-weight: 900;\r\n    letter-spacing: -1px;\r\n    margin-bottom: 1.5rem;\r\n    cursor: pointer;\r\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n    position: relative;\r\n}\r\n\r\n.logo:hover {\r\n    transform: translateY(-3px);\r\n}\r\n\r\n.logo:hover .logo-icon {\r\n    transform: scale(1.05) rotate(5deg);\r\n}\r\n\r\n.logo:hover .logo-icon::before {\r\n    transform: scale(1.1);\r\n    opacity: 1;\r\n}\r\n\r\n.logo-icon {\r\n    width: 50px;\r\n    height: 50px;\r\n    background: linear-gradient(135deg, var(--lava-red) 0%, var(--orange-ember) 100%);\r\n    border-radius: 14px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    position: relative;\r\n    flex-shrink: 0;\r\n    box-shadow: \r\n        0 10px 30px rgba(255, 30, 0, 0.7),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.2);\r\n    animation: logoGlow 3s ease-in-out infinite;\r\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.logo-icon::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: -4px;\r\n    border-radius: 16px;\r\n    background: linear-gradient(135deg, var(--lava-red), var(--orange-ember));\r\n    opacity: 0;\r\n    filter: blur(12px);\r\n    transition: all 0.4s ease;\r\n    z-index: -1;\r\n}\r\n\r\n.logo-icon::after {\r\n    content: '';\r\n    position: absolute;\r\n    width: 0;\r\n    height: 0;\r\n    border-left: 14px solid var(--white);\r\n    border-top: 10px solid transparent;\r\n    border-bottom: 10px solid transparent;\r\n    margin-left: 3px;\r\n    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));\r\n    transition: filter 0.3s ease;\r\n}\r\n\r\n.logo:hover .logo-icon::after {\r\n    filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.5));\r\n}\r\n\r\n.logo-text {\r\n    display: flex;\r\n    flex-direction: column;\r\n    line-height: 1;\r\n}\r\n\r\n.logo-main {\r\n    font-size: 1.9rem;\r\n    color: var(--white);\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.logo:hover .logo-main {\r\n    color: var(--lava-red);\r\n}\r\n\r\n.logo-tagline {\r\n    font-size: 0.65rem;\r\n    color: var(--gray);\r\n    font-weight: 600;\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n    margin-top: 2px;\r\n    transition: color 0.3s ease;\r\n}\r\n\r\n.logo:hover .logo-tagline {\r\n    color: var(--white);\r\n}\r\n\r\n.footer-description {\r\n    color: var(--gray);\r\n    line-height: 1.7;\r\n    font-size: 0.95rem;\r\n    margin-bottom: 2rem;\r\n    max-width: 350px;\r\n    transition: color 0.3s ease;\r\n}\r\n\r\n.footer-description:hover {\r\n    color: var(--white);\r\n}\r\n\r\n.social-links {\r\n    display: flex;\r\n    gap: 1rem;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.social-link {\r\n    width: 44px;\r\n    height: 44px;\r\n    border-radius: 12px;\r\n    background: rgba(255, 30, 0, 0.15);\r\n    border: 1px solid rgba(255, 30, 0, 0.3);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n    text-decoration: none;\r\n    color: var(--white);\r\n    font-size: 1.2rem;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.social-link::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(135deg, var(--lava-red), var(--orange-ember));\r\n    opacity: 0;\r\n    transition: opacity 0.4s ease;\r\n}\r\n\r\n.social-link svg {\r\n    position: relative;\r\n    z-index: 1;\r\n    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.social-link:hover {\r\n    border-color: rgba(255, 30, 0, 0.6);\r\n    transform: translateY(-5px) scale(1.05);\r\n    box-shadow: 0 15px 35px rgba(255, 30, 0, 0.5);\r\n}\r\n\r\n.social-link:hover::before {\r\n    opacity: 1;\r\n}\r\n\r\n.social-link:hover svg {\r\n    transform: scale(1.1) rotate(5deg);\r\n}\r\n\r\n.social-link:active {\r\n    transform: translateY(-2px) scale(0.98);\r\n}\r\n\r\n.footer-column {\r\n    animation: fadeInUp 1s ease;\r\n    animation-fill-mode: both;\r\n}\r\n\r\n.footer-column:nth-child(2) { animation-delay: 0.1s; }\r\n.footer-column:nth-child(3) { animation-delay: 0.2s; }\r\n.footer-column:nth-child(4) { animation-delay: 0.3s; }\r\n.footer-column:nth-child(5) { animation-delay: 0.4s; }\r\n\r\n.footer-column h3 {\r\n    font-size: 1.15rem;\r\n    font-weight: 800;\r\n    margin-bottom: 1.5rem;\r\n    color: var(--white);\r\n    letter-spacing: -0.5px;\r\n    position: relative;\r\n    display: inline-block;\r\n    transition: color 0.3s ease;\r\n}\r\n\r\n.footer-column h3::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -5px;\r\n    left: 0;\r\n    width: 0;\r\n    height: 2px;\r\n    background: linear-gradient(90deg, var(--lava-red), var(--orange-ember));\r\n    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.footer-column:hover h3::after {\r\n    width: 100%;\r\n}\r\n\r\n.footer-column:hover h3 {\r\n    color: var(--lava-red);\r\n}\r\n\r\n.footer-links {\r\n    list-style: none;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0.8rem;\r\n}\r\n\r\n.footer-links li {\r\n    position: relative;\r\n}\r\n\r\n.footer-links li a {\r\n    color: var(--gray);\r\n    text-decoration: none;\r\n    font-size: 0.95rem;\r\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n    display: inline-block;\r\n    position: relative;\r\n    padding-left: 0;\r\n}\r\n\r\n.footer-links li a::before {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -2px;\r\n    left: 0;\r\n    width: 0;\r\n    height: 2px;\r\n    background: linear-gradient(90deg, var(--lava-red), var(--orange-ember));\r\n    transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.footer-links li a::after {\r\n    content: '\u2192';\r\n    position: absolute;\r\n    left: -20px;\r\n    opacity: 0;\r\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n    color: var(--lava-red);\r\n}\r\n\r\n.footer-links li a:hover {\r\n    color: var(--white);\r\n    padding-left: 20px;\r\n    transform: translateX(0);\r\n}\r\n\r\n.footer-links li a:hover::before {\r\n    width: 100%;\r\n}\r\n\r\n.footer-links li a:hover::after {\r\n    opacity: 1;\r\n    left: 0;\r\n}\r\n\r\n.newsletter-section {\r\n    display: none;\r\n}\r\n\r\n.footer-bottom {\r\n    border-top: 1px solid rgba(255, 255, 255, 0.08);\r\n    padding: 2rem 7%;\r\n    text-align: center;\r\n    position: relative;\r\n    margin: 0;\r\n    background: var(--graphite-black);\r\n}\r\n\r\n.footer-bottom::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 0;\r\n    height: 1px;\r\n    background: linear-gradient(90deg, transparent, var(--lava-red), transparent);\r\n    transition: width 0.6s ease;\r\n}\r\n\r\n.footer-bottom:hover::before {\r\n    width: 100%;\r\n}\r\n\r\n.copyright {\r\n    color: var(--gray);\r\n    font-size: 0.9rem;\r\n    transition: color 0.3s ease;\r\n    cursor: default;\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n.copyright:hover {\r\n    color: var(--white);\r\n}\r\n\r\n@keyframes fadeInUp {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n.footer-brand::before {\r\n    content: '';\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: radial-gradient(circle at var(--x, 50%) var(--y, 50%), rgba(255, 30, 0, 0.15), transparent 50%);\r\n    opacity: 0;\r\n    transition: opacity 0.3s ease;\r\n    pointer-events: none;\r\n}\r\n\r\n.footer-brand:hover::before {\r\n    opacity: 1;\r\n}\r\n\r\n@media (max-width: 1200px) {\r\n    .footer-grid {\r\n        grid-template-columns: 1.5fr 1fr 1fr 1fr;\r\n        gap: 3rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 968px) {\r\n    .footer-grid {\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 3rem;\r\n    }\r\n\r\n    .footer-brand {\r\n        grid-column: 1 \/ -1;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    footer {\r\n        margin-top: 4rem;\r\n    }\r\n\r\n    .footer-content {\r\n        padding: 3rem 5% 2rem;\r\n    }\r\n\r\n    .footer-grid {\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 2.5rem 2rem;\r\n        margin-bottom: 2.5rem;\r\n    }\r\n\r\n    .footer-brand {\r\n        grid-column: 1 \/ -1;\r\n        text-align: left;\r\n    }\r\n\r\n    .logo {\r\n        justify-content: flex-start;\r\n        margin-bottom: 1.2rem;\r\n        font-size: 1.6rem;\r\n    }\r\n\r\n    .logo-icon {\r\n        width: 45px;\r\n        height: 45px;\r\n    }\r\n\r\n    .logo-icon::after {\r\n        border-left: 12px solid var(--white);\r\n        border-top: 8px solid transparent;\r\n        border-bottom: 8px solid transparent;\r\n    }\r\n\r\n    .logo-main {\r\n        font-size: 1.6rem;\r\n    }\r\n\r\n    .logo-tagline {\r\n        font-size: 0.58rem;\r\n        letter-spacing: 2px;\r\n    }\r\n\r\n    .footer-description {\r\n        display: none;\r\n    }\r\n\r\n    .social-links {\r\n        justify-content: flex-start;\r\n        gap: 0.8rem;\r\n        margin-bottom: 0;\r\n    }\r\n\r\n    .social-link {\r\n        width: 42px;\r\n        height: 42px;\r\n        font-size: 1.1rem;\r\n    }\r\n\r\n    .footer-column {\r\n        text-align: left;\r\n    }\r\n\r\n    .footer-column h3 {\r\n        font-size: 1.1rem;\r\n        margin-bottom: 1rem;\r\n        font-weight: 800;\r\n    }\r\n\r\n    .footer-column h3::after {\r\n        left: 0;\r\n        transform: none;\r\n    }\r\n\r\n    .footer-links {\r\n        align-items: flex-start;\r\n        gap: 0.7rem;\r\n    }\r\n\r\n    .footer-links li a {\r\n        font-size: 0.9rem;\r\n        padding: 0.3rem 0;\r\n        display: inline-block;\r\n    }\r\n\r\n    .footer-links li a::after {\r\n        display: none;\r\n    }\r\n\r\n    .footer-links li a:hover {\r\n        padding-left: 0;\r\n        transform: translateX(0);\r\n    }\r\n\r\n    .newsletter-section {\r\n        display: block;\r\n        grid-column: 1 \/ -1;\r\n        margin-top: 1.5rem;\r\n    }\r\n\r\n    .newsletter-section h3 {\r\n        font-size: 1.1rem;\r\n        margin-bottom: 1rem;\r\n        font-weight: 800;\r\n        color: var(--white);\r\n    }\r\n\r\n    .newsletter-section p {\r\n        font-size: 0.85rem;\r\n        color: var(--gray);\r\n        margin-bottom: 0.8rem;\r\n        line-height: 1.5;\r\n    }\r\n\r\n    .newsletter-form {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 0.8rem;\r\n    }\r\n\r\n    .newsletter-input {\r\n        width: 100%;\r\n        padding: 0.9rem 1rem;\r\n        border-radius: 10px;\r\n        border: 1px solid rgba(255, 30, 0, 0.3);\r\n        background: var(--charcoal-gray);\r\n        color: var(--white);\r\n        font-size: 0.95rem;\r\n        outline: none;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .newsletter-input::placeholder {\r\n        color: var(--gray);\r\n    }\r\n\r\n    .newsletter-input:focus {\r\n        border-color: var(--lava-red);\r\n        background: rgba(30, 30, 30, 0.8);\r\n    }\r\n\r\n    .newsletter-button {\r\n        width: 100%;\r\n        padding: 0.9rem;\r\n        border-radius: 10px;\r\n        border: none;\r\n        background: linear-gradient(135deg, #FF1E00, #FF6B00) !important;\r\n        color: var(--white);\r\n        font-size: 0.95rem;\r\n        font-weight: 700;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    .newsletter-button:hover {\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 8px 25px rgba(255, 30, 0, 0.4);\r\n    }\r\n\r\n    .newsletter-button:active {\r\n        transform: scale(0.98);\r\n    }\r\n\r\n    .footer-bottom {\r\n        text-align: center;\r\n        padding: 1.5rem 5%;\r\n        border-top: 1px solid rgba(255, 255, 255, 0.08);\r\n    }\r\n\r\n    .copyright {\r\n        font-size: 0.85rem;\r\n        line-height: 1.6;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .footer-grid {\r\n        gap: 2rem 1.5rem;\r\n    }\r\n\r\n    .footer-column h3 {\r\n        font-size: 1rem;\r\n    }\r\n\r\n    .footer-links li a {\r\n        font-size: 0.85rem;\r\n    }\r\n\r\n    .social-link {\r\n        width: 40px;\r\n        height: 40px;\r\n    }\r\n\r\n    .newsletter-section h3 {\r\n        font-size: 1rem;\r\n    }\r\n\r\n    .newsletter-input,\r\n    .newsletter-button {\r\n        font-size: 0.9rem;\r\n        padding: 0.85rem;\r\n    }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    *, *::before, *::after {\r\n        animation-duration: 0.01ms !important;\r\n        animation-iteration-count: 1 !important;\r\n        transition-duration: 0.01ms !important;\r\n    }\r\n}\r\n\r\n@media (hover: none) and (pointer: coarse) {\r\n    .social-link:hover {\r\n        transform: none;\r\n    }\r\n\r\n    .social-link:active {\r\n        transform: scale(0.95);\r\n        box-shadow: 0 8px 20px rgba(255, 30, 0, 0.4);\r\n    }\r\n\r\n    .footer-links li a:hover {\r\n        transform: none;\r\n    }\r\n\r\n    .footer-links li a:active {\r\n        color: var(--white);\r\n    }\r\n\r\n    .logo:hover {\r\n        transform: none;\r\n    }\r\n\r\n    .logo:active .logo-icon {\r\n        transform: scale(0.95);\r\n    }\r\n}\r\n\r\n\/* Show mobile menu on small desktop screens and when zoomed in *\/\r\n@media (max-width: 1350px) {\r\n    .gooey-nav-container,\r\n    .header-buttons {\r\n        display: none !important;\r\n    }\r\n    \r\n    .mobile-menu-btn {\r\n        display: flex !important;\r\n    }\r\n}\r\n\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n<section id=\"page1\">\r\n<header id=\"header\">\r\n    <a href=\"https:\/\/buyiptv-service.com\/eu\/\" style=\"text-decoration: none;\">\r\n        <div class=\"logo\">\r\n            <div class=\"logo-icon\"><\/div>\r\n            <div class=\"logo-text\">\r\n                <span class=\"logo-main\">BUY IPTV<\/span>\r\n                <span class=\"logo-tagline\">PREMIUM IPTV<\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/a>\r\n    \r\n    <div class=\"gooey-nav-container\" id=\"gooeyNav\">\r\n        <nav>\r\n            <ul>\r\n                <li><a href=\"https:\/\/buyiptv-service.com\/eu\/\">Home<\/a><\/li>\r\n                <li><a href=\"https:\/\/buyiptv-service.com\/eu\/pricing\/\">Pricing<\/a><\/li>\r\n                <li><a href=\"https:\/\/buyiptv-service.com\/eu\/faq\/\">FAQ<\/a><\/li>\r\n                <li><a href=\"https:\/\/buyiptv-service.com\/eu\/iptv-guide\/\">Guide<\/a><\/li>\r\n                <li><a href=\"https:\/\/buyiptv-service.com\/eu\/channels-list\/\">Channels<\/a><\/li>\r\n                <li class=\"active\"><a href=\"https:\/\/buyiptv-service.com\/eu\/contact\/\">Support<\/a><\/li>\r\n            <\/ul>\r\n        <\/nav>\r\n        <span class=\"effect filter\"><\/span>\r\n        <span class=\"effect text\"><\/span>\r\n    <\/div>\r\n\r\n    <div class=\"header-buttons\">\r\n        <a href=\"https:\/\/web.whatsapp.com\/send?phone=212688196707\" class=\"btn btn-trial\"><span>\ud83c\udf81 Free Trial<\/span><\/a>\r\n        <a href=\"https:\/\/buyiptv-service.com\/eu\/pricing\/\" class=\"btn btn-subscribe\"><span>Subscribe Now<\/span><\/a>\r\n    <\/div>\r\n\r\n    <div class=\"mobile-menu-btn\" id=\"menuBtn\">\r\n        <span><\/span>\r\n        <span><\/span>\r\n        <span><\/span>\r\n    <\/div>\r\n<\/header>\r\n\r\n<div class=\"menu-overlay\" id=\"menuOverlay\"><\/div>\r\n<div class=\"mobile-menu\" id=\"mobileMenu\">\r\n    <div class=\"mobile-menu-header\">\r\n        <div class=\"mobile-menu-logo\">\r\n            <div class=\"logo-icon\"><\/div>\r\n            <div class=\"logo-text\">\r\n                <span class=\"logo-main\">BUY IPTV<\/span>\r\n                <span class=\"logo-tagline\">PREMIUM IPTV<\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <nav>\r\n        <a href=\"https:\/\/buyiptv-service.com\/eu\/\">Home<\/a>\r\n        <a href=\"https:\/\/buyiptv-service.com\/eu\/pricing\/\">Pricing<\/a>\r\n        <a href=\"https:\/\/buyiptv-service.com\/eu\/faq\/\">FAQ<\/a>\r\n        <a href=\"https:\/\/buyiptv-service.com\/eu\/iptv-guide\/\">Guide<\/a>\r\n        <a href=\"https:\/\/buyiptv-service.com\/eu\/channels-list\/\">Channels<\/a>\r\n        <a href=\"https:\/\/buyiptv-service.com\/eu\/contact\/\">Support<\/a>\r\n    <\/nav>\r\n<\/div>\r\n\r\n\r\n<script>\r\n    \/\/ Gooey Navigation - FIXED VERSION\r\n    class GooeyNav {\r\n        constructor(container, options = {}) {\r\n            this.container = container;\r\n            this.nav = container.querySelector('nav ul');\r\n            this.filterEffect = container.querySelector('.effect.filter');\r\n            this.textEffect = container.querySelector('.effect.text');\r\n            this.items = Array.from(this.nav.querySelectorAll('li'));\r\n            \r\n            \/\/ Find which item actually has the active class\r\n            const activeItem = this.nav.querySelector('li.active');\r\n            this.activeIndex = activeItem ? this.items.indexOf(activeItem) : 0;\r\n            \r\n            this.options = {\r\n                animationTime: options.animationTime || 600,\r\n                particleCount: options.particleCount || 15,\r\n                particleDistances: options.particleDistances || [90, 10],\r\n                particleR: options.particleR || 100,\r\n                timeVariance: options.timeVariance || 300,\r\n                colors: options.colors || [1, 2, 3, 1, 2, 3, 1, 4]\r\n            };\r\n            \r\n            this.init();\r\n        }\r\n        \r\n        init() {\r\n            \/\/ Update effect position for the active item (whichever it is)\r\n            const currentActive = this.items[this.activeIndex];\r\n            if (currentActive) {\r\n                this.updateEffectPosition(currentActive);\r\n                this.textEffect.classList.add('active');\r\n            }\r\n            \r\n            this.items.forEach((item, index) => {\r\n                item.addEventListener('click', (e) => this.handleClick(e, index));\r\n            });\r\n            \r\n            window.addEventListener('resize', () => {\r\n                const currentActive = this.items[this.activeIndex];\r\n                if (currentActive) {\r\n                    this.updateEffectPosition(currentActive);\r\n                }\r\n            });\r\n        }\r\n        \r\n        noise(n = 1) {\r\n            return n \/ 2 - Math.random() * n;\r\n        }\r\n        \r\n        getXY(distance, pointIndex, totalPoints) {\r\n            const angle = ((360 + this.noise(8)) \/ totalPoints) * pointIndex * (Math.PI \/ 180);\r\n            return [distance * Math.cos(angle), distance * Math.sin(angle)];\r\n        }\r\n        \r\n        createParticle(i, t, d, r) {\r\n            let rotate = this.noise(r \/ 10);\r\n            return {\r\n                start: this.getXY(d[0], this.options.particleCount - i, this.options.particleCount),\r\n                end: this.getXY(d[1] + this.noise(7), this.options.particleCount - i, this.options.particleCount),\r\n                time: t,\r\n                scale: 1 + this.noise(0.2),\r\n                color: this.options.colors[Math.floor(Math.random() * this.options.colors.length)],\r\n                rotate: rotate > 0 ? (rotate + r \/ 20) * 10 : (rotate - r \/ 20) * 10\r\n            };\r\n        }\r\n        \r\n        makeParticles(element) {\r\n            const d = this.options.particleDistances;\r\n            const r = this.options.particleR;\r\n            const bubbleTime = this.options.animationTime * 2 + this.options.timeVariance;\r\n            element.style.setProperty('--time', `${bubbleTime}ms`);\r\n            \r\n            for (let i = 0; i < this.options.particleCount; i++) {\r\n                const t = this.options.animationTime * 2 + this.noise(this.options.timeVariance * 2);\r\n                const p = this.createParticle(i, t, d, r);\r\n                element.classList.remove('active');\r\n                \r\n                setTimeout(() => {\r\n                    const particle = document.createElement('span');\r\n                    const point = document.createElement('span');\r\n                    particle.classList.add('particle');\r\n                    particle.style.setProperty('--start-x', `${p.start[0]}px`);\r\n                    particle.style.setProperty('--start-y', `${p.start[1]}px`);\r\n                    particle.style.setProperty('--end-x', `${p.end[0]}px`);\r\n                    particle.style.setProperty('--end-y', `${p.end[1]}px`);\r\n                    particle.style.setProperty('--time', `${p.time}ms`);\r\n                    particle.style.setProperty('--scale', `${p.scale}`);\r\n                    particle.style.setProperty('--color', `var(--color-${p.color}, white)`);\r\n                    particle.style.setProperty('--rotate', `${p.rotate}deg`);\r\n                    \r\n                    point.classList.add('point');\r\n                    particle.appendChild(point);\r\n                    element.appendChild(particle);\r\n                    \r\n                    requestAnimationFrame(() => {\r\n                        element.classList.add('active');\r\n                    });\r\n                    \r\n                    setTimeout(() => {\r\n                        try {\r\n                            element.removeChild(particle);\r\n                        } catch {}\r\n                    }, t);\r\n                }, 30);\r\n            }\r\n        }\r\n        \r\n        updateEffectPosition(element) {\r\n            const containerRect = this.container.getBoundingClientRect();\r\n            const pos = element.getBoundingClientRect();\r\n            \r\n            const styles = {\r\n                left: `${pos.x - containerRect.x}px`,\r\n                top: `${pos.y - containerRect.y}px`,\r\n                width: `${pos.width}px`,\r\n                height: `${pos.height}px`\r\n            };\r\n            \r\n            Object.assign(this.filterEffect.style, styles);\r\n            Object.assign(this.textEffect.style, styles);\r\n            this.textEffect.innerText = element.innerText;\r\n        }\r\n        \r\n        handleClick(e, index) {\r\n            const liEl = e.currentTarget;\r\n            const link = liEl.querySelector('a');\r\n            \r\n            if (this.activeIndex === index) {\r\n                if (link) {\r\n                    window.location.href = link.getAttribute('href');\r\n                }\r\n                return;\r\n            }\r\n            \r\n            this.items[this.activeIndex].classList.remove('active');\r\n            this.items[index].classList.add('active');\r\n            this.activeIndex = index;\r\n            \r\n            this.updateEffectPosition(liEl);\r\n            \r\n            const particles = this.filterEffect.querySelectorAll('.particle');\r\n            particles.forEach(p => this.filterEffect.removeChild(p));\r\n            \r\n            this.textEffect.classList.remove('active');\r\n            void this.textEffect.offsetWidth;\r\n            this.textEffect.classList.add('active');\r\n            \r\n            this.makeParticles(this.filterEffect);\r\n            \r\n            setTimeout(() => {\r\n                if (link) {\r\n                    window.location.href = link.getAttribute('href');\r\n                }\r\n            }, 300);\r\n        }\r\n    }\r\n    \r\n    \/\/ Initialize GooeyNav\r\n    const gooeyNavContainer = document.getElementById('gooeyNav');\r\n    if (gooeyNavContainer) {\r\n        new GooeyNav(gooeyNavContainer, {\r\n            particleCount: 15,\r\n            particleDistances: [90, 10],\r\n            particleR: 100,\r\n            animationTime: 600,\r\n            timeVariance: 300,\r\n            colors: [1, 2, 3, 1, 2, 3, 1, 4]\r\n        });\r\n    }\r\n\r\n    \/\/ Mobile menu (keep your existing code)\r\n    const menuBtn = document.getElementById('menuBtn');\r\n    const mobileMenu = document.getElementById('mobileMenu');\r\n    const menuOverlay = document.getElementById('menuOverlay');\r\n\r\n    menuBtn.onclick = function() {\r\n        menuBtn.classList.toggle('active');\r\n        mobileMenu.classList.toggle('active');\r\n        menuOverlay.classList.toggle('active');\r\n        document.body.style.overflow = mobileMenu.classList.contains('active') ? 'hidden' : '';\r\n    };\r\n\r\n    menuOverlay.onclick = function() {\r\n        menuBtn.classList.remove('active');\r\n        mobileMenu.classList.remove('active');\r\n        menuOverlay.classList.remove('active');\r\n        document.body.style.overflow = '';\r\n    };\r\n\r\n    \/\/ Scroll effect (keep your existing code)\r\n    window.addEventListener('scroll', () => {\r\n        const header = document.getElementById('header');\r\n        if (window.scrollY > 50) {\r\n            header.classList.add('scrolled');\r\n        } else {\r\n            header.classList.remove('scrolled');\r\n        }\r\n    });\r\n    <\/script>\r\n    <\/section>\r\n    \r\n    <section id=\"page2\">\r\n        \r\n        <svg style=\"display: none;\">\r\n            <defs>\r\n                <symbol id=\"icon-email\" viewBox=\"0 0 24 24\">\r\n                    <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/>\r\n                    <polyline points=\"22,6 12,13 2,6\"\/>\r\n                <\/symbol>\r\n                <symbol id=\"icon-whatsapp\" viewBox=\"0 0 24 24\">\r\n                    <path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/>\r\n                <\/symbol>\r\n                <symbol id=\"icon-send\" viewBox=\"0 0 24 24\">\r\n                    <path d=\"M2.01 21L23 12 2.01 3 2 10l15 2-15 2z\"\/>\r\n                <\/symbol>\r\n            <\/defs>\r\n        <\/svg>\r\n\r\n        <section class=\"contact-section\">\r\n            <div class=\"contact-header\">\r\n                <h1>Get In Touch<\/h1>\r\n                <p>Have questions? Our dedicated support team is here to help you 24\/7. Reach out through any channel below.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"contact-grid\">\r\n                <div class=\"contact-info\">\r\n                    <div class=\"info-card\">\r\n                        <div class=\"info-icon\">\r\n                            <svg><use href=\"#icon-email\"\/><\/svg>\r\n                        <\/div>\r\n                        <h3>Email Support<\/h3>\r\n                        <p>Send us an email and we'll respond within 24 hours. For technical issues, please include your account details.<\/p>\r\n                        <a href=\"mailto:support@buyiptv-subscribe.com\" class=\"contact-link\">\r\n                            support@buyiptv-subscribe.com \u2192\r\n                        <\/a>\r\n                    <\/div>\r\n\r\n                    <div class=\"info-card\">\r\n                        <div class=\"info-icon\">\r\n                            <svg><use href=\"#icon-whatsapp\"\/><\/svg>\r\n                        <\/div>\r\n                        <h3>WhatsApp Support<\/h3>\r\n                        <p>Get instant support via WhatsApp. Our team is available 24\/7 to answer your questions and resolve issues.<\/p>\r\n                        <a href=\"https:\/\/web.whatsapp.com\/send?phone=212688196707\" target=\"_blank\" class=\"contact-link\">\r\n                            Start WhatsApp Chat \u2192\r\n                        <\/a>\r\n                    <\/div>\r\n\r\n                    <div class=\"team-card\">\r\n                        <div class=\"team-photo\">\r\n                            <img decoding=\"async\" src=\"https:\/\/buyiptv-service.com\/eu\/jeevoowh\/2025\/11\/Emma-Blake-\u2013-Customer-Support-Specialist.webp\" alt=\"Emma Blake\">\r\n                        <\/div>\r\n                        <h3>Emma Blake<\/h3>\r\n                        <div class=\"team-role\">Customer Support Specialist<\/div>\r\n                        <p class=\"team-description\">Emma leads our support team with over 5 years of experience in customer service. She's passionate about ensuring every customer has the best streaming experience possible.<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"business-hours\">\r\n                        <h3>Support Hours<\/h3>\r\n                        <div class=\"hours-list\">\r\n                            <div class=\"hours-item\">\r\n                                <span class=\"hours-day\">Monday - Friday<\/span>\r\n                                <span class=\"hours-time\">24\/7 Available<\/span>\r\n                            <\/div>\r\n                            <div class=\"hours-item\">\r\n                                <span class=\"hours-day\">Saturday - Sunday<\/span>\r\n                                <span class=\"hours-time\">24\/7 Available<\/span>\r\n                            <\/div>\r\n                            <div class=\"hours-item\">\r\n                                <span class=\"hours-day\">Response Time<\/span>\r\n                                <span class=\"hours-time\">Under 2 Hours<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"contact-form\">\r\n                    <h2 style=\"font-size: 2rem; margin-bottom: 1.5rem; color: #fff;\">Send Message<\/h2>\r\n                    <form>\r\n                        <div class=\"form-group\">\r\n                            <label>Full Name *<\/label>\r\n                            <input type=\"text\" placeholder=\"John Doe\" required>\r\n                        <\/div>\r\n\r\n                        <div class=\"form-group\">\r\n                            <label>Email Address *<\/label>\r\n                            <input type=\"email\" placeholder=\"john@example.com\" required>\r\n                        <\/div>\r\n\r\n                        <div class=\"form-group\">\r\n                            <label>Phone Number<\/label>\r\n                            <input type=\"tel\" placeholder=\"+1 (555) 000-0000\">\r\n                        <\/div>\r\n\r\n                        <div class=\"form-group\">\r\n                            <label>Subject *<\/label>\r\n                            <select required>\r\n                                <option value=\"\">Select a subject<\/option>\r\n                                <option value=\"technical\">Technical Support<\/option>\r\n                                <option value=\"billing\">Billing Question<\/option>\r\n                                <option value=\"subscription\">Subscription Inquiry<\/option>\r\n                                <option value=\"channels\">Channel Request<\/option>\r\n                                <option value=\"feedback\">Feedback<\/option>\r\n                                <option value=\"other\">Other<\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n\r\n                        <div class=\"form-group\">\r\n                            <label>Message *<\/label>\r\n                            <textarea placeholder=\"Tell us how we can help you...\" required><\/textarea>\r\n                        <\/div>\r\n\r\n                        <button type=\"submit\" class=\"submit-btn\">\r\n                            <span>Send Message<\/span>\r\n                            <svg><use href=\"#icon-send\"\/><\/svg>\r\n                        <\/button>\r\n                    <\/form>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <script>\r\n            const form = document.querySelector('form');\r\n            form.addEventListener('submit', (e) => {\r\n                e.preventDefault();\r\n                alert('Thank you for your message! We will get back to you within 24 hours.');\r\n                form.reset();\r\n            });\r\n        <\/script>\r\n    <\/section>\r\n    \r\n    <section id=\"page3\">\r\n            <footer>\r\n        <div class=\"footer-content\">\r\n            <div class=\"footer-grid\">\r\n                <div class=\"footer-brand\">\r\n                    <div class=\"logo\">\r\n                        <div class=\"logo-icon\"><\/div>\r\n                        <div class=\"logo-text\">\r\n                            <span class=\"logo-main\">BUY IPTV<\/span>\r\n                            <span class=\"logo-tagline\">PREMIUM IPTV<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <p class=\"footer-description\">\r\n                        Stream 30,000+ live channels and 105,000+ movies & series in stunning 4K quality. Your ultimate entertainment destination on any device, anytime, anywhere.\r\n                    <\/p>\r\n                    <div class=\"social-links\">\r\n                        <a href=\"https:\/\/x.com\/iptv_kaufen\" class=\"social-link\" aria-label=\"X (Twitter)\" target=\"_blank\">\r\n                            <svg width=\"18\" height=\"18\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/><\/svg>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/www.pinterest.com\/KoopIPTV\/\" class=\"social-link\" aria-label=\"Pinterest\" target=\"_blank\">\r\n                            <svg width=\"18\" height=\"18\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.354-.629-2.758-1.379l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.607 0 11.985-5.365 11.985-11.987C23.97 5.39 18.592.026 11.985.026L12.017 0z\"\/><\/svg>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/web.whatsapp.com\/send?phone=212688196707\" class=\"social-link\" aria-label=\"WhatsApp\" target=\"_blank\">\r\n                            <svg width=\"18\" height=\"18\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z\"\/><\/svg>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/t.me\/IPTVSubscription\" class=\"social-link\" aria-label=\"Telegram\" target=\"_blank\">\r\n                            <svg width=\"18\" height=\"18\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z\"\/><\/svg>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n<div class=\"footer-column\">\r\n    <h3>Quick Links<\/h3>\r\n    <ul class=\"footer-links\">\r\n        <li><a href=\"https:\/\/buyiptv-service.com\/eu\/\">Home<\/a><\/li>\r\n        <li><a href=\"https:\/\/buyiptv-service.com\/eu\/about\/\">About Us<\/a><\/li>\r\n        <li><a href=\"https:\/\/buyiptv-service.com\/eu\/faq\/\">FAQ<\/a><\/li>\r\n        <li><a href=\"https:\/\/buyiptv-service.com\/eu\/contact\/\">Contact Us<\/a><\/li>\r\n    <\/ul>\r\n<\/div>\r\n\r\n<div class=\"footer-column\">\r\n    <h3>Services<\/h3>\r\n    <ul class=\"footer-links\">\r\n        <li><a href=\"https:\/\/buyiptv-service.com\/eu\/pricing\/\">Pricing<\/a><\/li>\r\n        <li><a href=\"https:\/\/buyiptv-service.com\/eu\/channels-list\/\">Channels List<\/a><\/li>\r\n        <li><a href=\"https:\/\/buyiptv-service.com\/eu\/iptv-guide\/\">IPTV Guide<\/a><\/li>\r\n        <li><a href=\"https:\/\/web.whatsapp.com\/send?phone=212688196707\" target=\"_blank\">Free Trial<\/a><\/li>\r\n    <\/ul>\r\n<\/div>\r\n\r\n<div class=\"footer-column\">\r\n    <h3>Partnership<\/h3>\r\n    <ul class=\"footer-links\">\r\n        <li><a href=\"https:\/\/buyiptv-service.com\/eu\/reseller-program\/\">Reseller Program<\/a><\/li>\r\n        <li><a href=\"https:\/\/buyiptv-service.com\/eu\/affiliate-program\/\">Affiliate Program<\/a><\/li>\r\n    <\/ul>\r\n<\/div>\r\n\r\n<div class=\"footer-column\">\r\n    <h3>Legal<\/h3>\r\n    <ul class=\"footer-links\">\r\n        <li><a href=\"https:\/\/buyiptv-service.com\/eu\/terms-of-service\/\">Terms of Service<\/a><\/li>\r\n        <li><a href=\"https:\/\/buyiptv-service.com\/eu\/privacy-policy\/\">Privacy Policy<\/a><\/li>\r\n    <\/ul>\r\n<\/div>\r\n\r\n\r\n                <div class=\"newsletter-section\">\r\n                    <h3>Subscribe<\/h3>\r\n                    <p>Get updates and exclusive offers delivered to your inbox!<\/p>\r\n                    <a href=\"https:\/\/buyiptv-service.com\/eu\/pricing\/\" class=\"newsletter-button\" style=\"display: block; text-align: center; text-decoration: none; padding: 0.9rem; border-radius: 10px; background: linear-gradient(135deg, #FF1E00, #1E1E1E); color: #fff; font-size: 0.95rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px;\">Subscribe<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"footer-bottom\">\r\n            <p class=\"copyright\">\u00a9 2025 BUY IPTV. All rights reserved.<\/p>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n    <script>\r\n        \/\/ Smooth scroll for footer links\r\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n            anchor.addEventListener('click', function (e) {\r\n                e.preventDefault();\r\n                const target = document.querySelector(this.getAttribute('href'));\r\n                if (target) {\r\n                    target.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n                }\r\n            });\r\n        });\r\n\r\n        \/\/ Track mouse position for interactive effects\r\n        const footerBrand = document.querySelector('.footer-brand');\r\n        if (footerBrand) {\r\n            footerBrand.addEventListener('mousemove', (e) => {\r\n                const rect = footerBrand.getBoundingClientRect();\r\n                const x = ((e.clientX - rect.left) \/ rect.width) * 100;\r\n                const y = ((e.clientY - rect.top) \/ rect.height) * 100;\r\n                footerBrand.style.setProperty('--x', `${x}%`);\r\n                footerBrand.style.setProperty('--y', `${y}%`);\r\n            });\r\n        }\r\n\r\n        \/\/ Add stagger animation on scroll\r\n        const observerOptions = {\r\n            threshold: 0.1,\r\n            rootMargin: '0px 0px -50px 0px'\r\n        };\r\n\r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.style.animationPlayState = 'running';\r\n                }\r\n            });\r\n        }, observerOptions);\r\n\r\n        document.querySelectorAll('.footer-column').forEach(column => {\r\n            column.style.animationPlayState = 'paused';\r\n            observer.observe(column);\r\n        });\r\n    <\/script>\r\n    <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Contact Us &#8211; BUY IPTV BUY IPTV PREMIUM IPTV Home Pricing FAQ Guide Channels Support \ud83c\udf81 Free Trial Subscribe Now BUY IPTV PREMIUM IPTV Home Pricing FAQ Guide Channels Support Get In Touch Have questions? Our dedicated support team is here to help you 24\/7. Reach out through any channel below. Email Support Send us [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-54","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Trusted IPTV Services Provider - Contact Buy IPTV | Get in Touch<\/title>\n<meta name=\"description\" content=\"Get in touch with Buy IPTV for expert support and information about our IPTV services. Discover thousands of high-quality channels and get the help you need today.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/buyiptv-service.com\/eu\/contact\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Contact\" \/>\n<meta property=\"og:description\" content=\"Get in touch with Buy IPTV for expert support and information about our IPTV services. Discover thousands of high-quality channels and get the help you need today.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/buyiptv-service.com\/eu\/contact\/\" \/>\n<meta property=\"og:site_name\" content=\"Buy IPTV\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-21T15:30:44+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/buyiptv-service.com\/eu\/contact\/\",\"url\":\"https:\/\/buyiptv-service.com\/eu\/contact\/\",\"name\":\"Trusted IPTV Services Provider - Contact Buy IPTV | Get in Touch\",\"isPartOf\":{\"@id\":\"https:\/\/buyiptv-service.com\/eu\/#website\"},\"datePublished\":\"2022-10-15T01:45:21+00:00\",\"dateModified\":\"2025-11-21T15:30:44+00:00\",\"description\":\"Get in touch with Buy IPTV for expert support and information about our IPTV services. Discover thousands of high-quality channels and get the help you need today.\",\"breadcrumb\":{\"@id\":\"https:\/\/buyiptv-service.com\/eu\/contact\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/buyiptv-service.com\/eu\/contact\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/buyiptv-service.com\/eu\/contact\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/buyiptv-service.com\/eu\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Contact\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/buyiptv-service.com\/eu\/#website\",\"url\":\"https:\/\/buyiptv-service.com\/eu\/\",\"name\":\"BuyIPTV\",\"description\":\"Best IPTV\",\"publisher\":{\"@id\":\"https:\/\/buyiptv-service.com\/eu\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/buyiptv-service.com\/eu\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/buyiptv-service.com\/eu\/#organization\",\"name\":\"Buy IPTV\",\"url\":\"https:\/\/buyiptv-service.com\/eu\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/buyiptv-service.com\/eu\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/buyiptv-service.com\/eu\/jeevoowh\/2025\/11\/cropped-sitelogo.webp\",\"contentUrl\":\"https:\/\/buyiptv-service.com\/eu\/jeevoowh\/2025\/11\/cropped-sitelogo.webp\",\"width\":512,\"height\":512,\"caption\":\"Buy IPTV\"},\"image\":{\"@id\":\"https:\/\/buyiptv-service.com\/eu\/#\/schema\/logo\/image\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Trusted IPTV Services Provider - Contact Buy IPTV | Get in Touch","description":"Get in touch with Buy IPTV for expert support and information about our IPTV services. Discover thousands of high-quality channels and get the help you need today.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/buyiptv-service.com\/eu\/contact\/","og_locale":"en_US","og_type":"article","og_title":"Contact","og_description":"Get in touch with Buy IPTV for expert support and information about our IPTV services. Discover thousands of high-quality channels and get the help you need today.","og_url":"https:\/\/buyiptv-service.com\/eu\/contact\/","og_site_name":"Buy IPTV","article_modified_time":"2025-11-21T15:30:44+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/buyiptv-service.com\/eu\/contact\/","url":"https:\/\/buyiptv-service.com\/eu\/contact\/","name":"Trusted IPTV Services Provider - Contact Buy IPTV | Get in Touch","isPartOf":{"@id":"https:\/\/buyiptv-service.com\/eu\/#website"},"datePublished":"2022-10-15T01:45:21+00:00","dateModified":"2025-11-21T15:30:44+00:00","description":"Get in touch with Buy IPTV for expert support and information about our IPTV services. Discover thousands of high-quality channels and get the help you need today.","breadcrumb":{"@id":"https:\/\/buyiptv-service.com\/eu\/contact\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/buyiptv-service.com\/eu\/contact\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/buyiptv-service.com\/eu\/contact\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/buyiptv-service.com\/eu\/"},{"@type":"ListItem","position":2,"name":"Contact"}]},{"@type":"WebSite","@id":"https:\/\/buyiptv-service.com\/eu\/#website","url":"https:\/\/buyiptv-service.com\/eu\/","name":"BuyIPTV","description":"Best IPTV","publisher":{"@id":"https:\/\/buyiptv-service.com\/eu\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/buyiptv-service.com\/eu\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/buyiptv-service.com\/eu\/#organization","name":"Buy IPTV","url":"https:\/\/buyiptv-service.com\/eu\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/buyiptv-service.com\/eu\/#\/schema\/logo\/image\/","url":"https:\/\/buyiptv-service.com\/eu\/jeevoowh\/2025\/11\/cropped-sitelogo.webp","contentUrl":"https:\/\/buyiptv-service.com\/eu\/jeevoowh\/2025\/11\/cropped-sitelogo.webp","width":512,"height":512,"caption":"Buy IPTV"},"image":{"@id":"https:\/\/buyiptv-service.com\/eu\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/buyiptv-service.com\/eu\/wp-json\/wp\/v2\/pages\/54","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/buyiptv-service.com\/eu\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/buyiptv-service.com\/eu\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/buyiptv-service.com\/eu\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/buyiptv-service.com\/eu\/wp-json\/wp\/v2\/comments?post=54"}],"version-history":[{"count":0,"href":"https:\/\/buyiptv-service.com\/eu\/wp-json\/wp\/v2\/pages\/54\/revisions"}],"wp:attachment":[{"href":"https:\/\/buyiptv-service.com\/eu\/wp-json\/wp\/v2\/media?parent=54"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}