:root{--primary:#3b079b;--secondary:#7b10df;--bg-light:#e8f8f5;--section-bg:#d1f2eb;--text-dark:#111;--text-gray:#555;--gradient:linear-gradient(90deg,#4f46ff,#7c3aed);--gradient2:linear-gradient(90deg,#0768c4,#50e0fa);--card-bg:#fff;--shadow:0 12px 30px #00000014}
:root{--background:var(--bg-light);--foreground:var(--text-dark);--container-max-width:1400px;--container-padding:5%}.container{width:100%;max-width:var(--container-max-width);padding:0 var(--container-padding);box-sizing:border-box;margin:0 auto}.global-container{width:100%;max-width:var(--container-max-width,1400px);padding:0 var(--container-padding,5%);box-sizing:border-box;margin:0 auto}.section-container{width:100%;margin:0 auto}.section-container .global-container{width:100%}.hero-section{align-items:center;width:100%;display:flex}.hero-section .global-container{justify-content:space-between;align-items:center;gap:40px;display:flex}@media (max-width:768px){:root{--container-padding:5%}.container{padding:0 var(--container-padding)}}@media (max-width:480px){:root{--container-padding:5%}.container{padding:0 var(--container-padding)}}@media (max-width:900px){.hero-container,.support-hero-container,.canon-hero,.hp-hero,.epson-hero,.belkin-hero,.dlink-hero,.netgear-hero,.mcafee-hero,.quickheal-hero,.virus-hero{flex-direction:column;gap:30px!important;padding-top:60px!important;padding-bottom:60px!important}.hero-container{grid-template-columns:1fr}}html,body{scroll-behavior:smooth;max-width:100vw;margin:0;padding:0;overflow:hidden auto}html{margin:0;padding:0}body{background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-family:Inter,sans-serif}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}.main-content{min-height:100vh;margin-top:0;padding-top:0}.row{flex-wrap:wrap;margin-left:-15px;margin-right:-15px;display:flex}.row.align-items-center{align-items:center}.row.justify-content-center{justify-content:center}.col-12,.col-md-6,.col-lg-4,.col-lg-6{width:100%;padding-left:15px;padding-right:15px;position:relative}.col-12{flex:0 0 100%;max-width:100%}@media (min-width:768px){.col-md-6{flex:0 0 50%;max-width:50%}}@media (min-width:992px){.col-lg-4{flex:0 0 33.3333%;max-width:33.3333%}.col-lg-6{flex:0 0 50%;max-width:50%}}.mb-4{margin-bottom:1.5rem}.text-center{text-align:center}@keyframes fadeUpAnimation{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes staggerFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-section{opacity:0;animation:1s forwards fadeUpAnimation}.fade-delay-1{animation-delay:.2s}.fade-delay-2{animation-delay:.4s}.fade-delay-3{animation-delay:.6s}.fade-delay-4{animation-delay:.8s}.fade-delay-5{animation-delay:1s}
.header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#fffffff2;border-bottom:1px solid #0000000d;width:100%;margin:0;padding:5px 0;position:sticky;top:0;box-shadow:0 4px 20px #00000014}.navbar{width:100%;max-width:var(--container-max-width,1400px);box-sizing:border-box;justify-content:space-between;align-items:center;margin:0 auto;font-family:Inter,Segoe UI,sans-serif;display:flex}.logo-img{cursor:pointer;width:auto;height:90px;display:block}.menu{gap:30px;margin:0;padding:0;list-style:none;display:flex}.menu li{position:relative}.menu li a{color:#333;letter-spacing:.3px;align-items:center;gap:5px;padding:8px 0;font-size:15px;font-weight:600;text-decoration:none;transition:color .2s;display:flex}.menu li a:hover{color:var(--primary)}.arrow{margin-top:2px;font-size:11px;transition:transform .3s}.dropdown:hover .arrow{transform:rotate(180deg)}.mega-menu-modern{opacity:0;visibility:hidden;z-index:1000;background:#fff;border:1px solid #00000014;border-radius:12px;gap:20px;width:750px;padding:25px;transition:all .3s;display:flex;position:absolute;top:100%;left:0;transform:translateY(10px);box-shadow:0 20px 60px #00000026}.dropdown:hover .mega-menu-modern{opacity:1;visibility:visible;transform:translateY(0)}.mega-card{background:#f8fafc;border-radius:10px;flex:1;padding:20px;transition:transform .3s,background .3s}.mega-card:hover{background:#fff;transform:translateY(-5px);box-shadow:0 10px 30px #00000014}.mega-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:15px;font-size:22px;display:flex}.mega-icon.purple{color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.mega-icon.blue{background:var(--gradient);color:#fff}.mega-icon.pink{color:#fff;background:linear-gradient(135deg,#ec4899,#db2777)}.mega-icon.green{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.mega-card h4{color:#1f2937;margin-bottom:12px;font-size:15px;font-weight:700}.mega-card p{margin:0}.mega-card p a{color:#4b5563;padding:6px 0;font-size:14px;line-height:1.6;text-decoration:none;transition:color .2s,padding-left .2s;display:block}.mega-card p a:hover{color:var(--primary);padding-left:5px}.dropdown-small{position:relative}.small-menu{opacity:0;visibility:hidden;z-index:1000;background:#fff;border:1px solid #0000000d;border-radius:10px;min-width:180px;padding:10px 0;transition:all .3s;position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(10px);box-shadow:0 10px 40px #0000001f}.dropdown-small:hover .small-menu{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.small-menu li{margin:0;list-style:none}.small-menu li a{color:#4b5563;padding:10px 20px;font-size:14px;text-decoration:none;transition:all .2s;display:block}.small-menu li a:hover{background:var(--section-bg);color:var(--primary);padding-left:25px}.icons{align-items:center;gap:15px;display:flex}.icon-circle{cursor:pointer;color:#4b5563;background:#f8fafc;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:relative}.icon-circle:hover{background:var(--gradient);color:#fff;transform:scale(1.05)}.badge{color:#fff;background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-5px;right:-5px}.mobile-toggle{cursor:pointer;color:#4b5563;font-size:24px;transition:color .2s;display:none}.mobile-toggle:hover{color:var(--primary)}.mobile-menu{z-index:999;background:#fff;flex-direction:column;gap:0;width:100%;padding:20px;display:none;position:absolute;top:100%;left:0;box-shadow:0 10px 30px #0000001a}.mobile-menu.active{display:flex}.mobile-menu li{border-bottom:1px solid #f3f4f6;list-style:none}.mobile-menu li:last-child{border-bottom:none}.mobile-menu li a{color:#4b5563;padding:15px 0;font-size:15px;font-weight:500;text-decoration:none;transition:color .2s;display:block}.mobile-menu li a:hover{color:var(--primary)}@media (max-width:1100px){.menu{gap:20px}.mega-menu-modern{gap:15px;width:700px;padding:20px}}@media (max-width:992px){.menu,.icons{display:none}.mobile-toggle{display:block}.navbar{padding:15px 20px}}@media (max-width:768px){.logo-img{height:38px}.top-bar{text-align:center;flex-direction:column;align-items:center;width:100%;padding:8px 12px}.top-bar-left{order:1;width:100%;margin-bottom:6px}.top-bar-right{order:2;justify-content:center;gap:8px;width:100%}.top-btn{padding:6px 10px;font-size:13px}.mobile-menu{padding:15px 20px}.mobile-menu li a{padding:12px 0;font-size:14px}}@media (max-width:480px){.navbar{padding:12px 15px}.logo-img{height:34px}.mobile-toggle{font-size:22px}.top-bar{padding:6px 8px}.top-bar-left{font-size:12px}.top-btn{padding:5px 8px;font-size:12px}}.drop-icon{color:#444;min-width:20px;font-size:16px}.icon-dropdown{opacity:0;visibility:hidden;z-index:999;background:#fff;border-radius:14px;width:270px;padding:12px 0;transition:all .25s;position:absolute;top:55px;left:0;transform:translateY(12px);box-shadow:0 15px 40px #00000026}.dropdown-small:hover .icon-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.icon-item:hover{background:var(--section-bg);color:var(--primary)}.drop-icon{color:#444;justify-content:center;align-items:center;width:22px;height:22px;font-size:17px;display:flex}.icon-item:hover .drop-icon{color:var(--primary)}.icon-item{color:#111;align-items:center;gap:12px;padding:14px 22px;font-size:14px;font-weight:500;text-decoration:none;transition:all .25s;display:flex}.drop-icon{color:#444;background:#f3f4f6;border-radius:8px;justify-content:center;align-items:center;min-width:28px;height:28px;font-size:17px;display:flex}.mega-card-link{color:inherit;text-decoration:none;display:block}.top-bar{background:var(--gradient);color:#fff;justify-content:space-between;align-items:center;padding:6px 40px;font-size:14px;display:flex}.top-bar-left{font-weight:500}.top-bar-right{gap:10px;display:flex}.top-btn{color:#fff;border-radius:4px;padding:6px 14px;font-size:13px;font-weight:500;text-decoration:none}.green{background:var(--secondary)}.teal{background:var(--primary)}.blue{background:#2563eb}.top-btn:hover{opacity:.9}.mobile-dropdown-title{cursor:pointer;justify-content:space-between;align-items:center;padding:15px 0;font-weight:500;display:flex}.mobile-submenu{padding-left:15px;display:block}.mobile-submenu li{padding:8px 0}.mobile-submenu li a{color:#555;font-size:14px;text-decoration:none}.mobile-overlay{z-index:9998;background:#00000080;width:100%;height:100vh;position:fixed;top:0;left:0}.mobile-menu{z-index:9999;background:#fff;width:80%;max-width:320px;height:100vh;padding:100px 30px 30px;list-style:none;transition:all .3s;position:fixed;top:0;right:-100%}.mobile-menu.active{right:0}.mobile-menu li{margin-bottom:25px;font-size:18px;font-weight:600}.mobile-menu li a{color:#111;text-decoration:none}.mobile-parent{cursor:pointer;justify-content:space-between;align-items:center;padding:12px 0;font-weight:600;display:flex}.mobile-submenu{padding-left:15px;list-style:none}.mobile-submenu li{padding:8px 0;font-size:14px}.mobile-arrow{transition:all .3s}.mobile-arrow.rotate{transform:rotate(180deg)}.mobile-parent{color:#444;border-bottom:1px solid #e5e5e5;padding:15px 0;font-size:16px;font-weight:500}.mobile-menu li a{color:#444;border-bottom:1px solid #e5e5e5;padding:15px 0;font-size:16px;font-weight:500;text-decoration:none;display:block}.logo-img{width:auto;height:62px}@media (max-width:992px){.logo-img{height:55px}}@media (max-width:768px){.logo-img{height:60px}}
.footer{color:#ccc;padding:70px var(--container-padding,5%)20px;box-sizing:border-box;background:linear-gradient(45deg,#7c3aed,#1e074a);font-family:Arial,sans-serif}.footer-container{max-width:var(--container-max-width,1400px);grid-template-columns:1.4fr 1fr 1fr 1fr;gap:50px;margin:0 auto;display:grid}.footer-logo{width:230px;margin-bottom:15px}.footer-box h3{color:#fff;margin-bottom:18px;font-size:18px;position:relative}.footer-box h3:after{content:"";width:40px;height:2px;margin-top:6px;display:block}.footer-box p{font-size:14px;line-height:1.8}.footer-contact p{align-items:center;gap:10px;margin:8px 0;font-size:14px;display:flex}.footer-box ul{padding:0;list-style:none}.footer-box ul li{cursor:pointer;border-bottom:1px dashed #333;padding:7px 0;font-size:14px;transition:all .3s}.footer-box ul li a{color:inherit;width:100%;text-decoration:none;display:block}.footer-box ul li:hover{color:var(--secondary)}.footer-badges{gap:10px;margin:15px 0;display:flex}.footer-badges img{border-radius:6px;width:90px}.footer-social{gap:12px;margin-top:10px;display:flex}.footer-social a{color:#fff;background:#222;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}.footer-social a:hover{background:var(--gradient);color:#fff}.footer-payments{border-top:1px solid #333;flex-wrap:wrap;justify-content:center;gap:18px;margin-top:40px;padding-top:20px;display:flex}.footer-payments img{object-fit:contain;height:35px}.footer-bottom{text-align:center;color:gray;margin-top:25px;font-size:13px}@media (max-width:992px){.footer-container{grid-template-columns:1fr}}