<!DOCTYPE html>
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> </title>
<meta name="description" content=" ">
<meta name="keywords" content="reload machine Sri Lanka, bill payment machine, money transfer machine, Dialog reload, Mobitel reload, Hutch reload, Airtel reload, Sri Lanka telecom, business opportunity Sri Lanka">
<meta name="author" content="Anan Marketing (Pvt) Ltd">
<link rel="alternate" hreflang="en" href="https://reloadmachine.com/ads.txt/?lng=en" />
<link rel="alternate" hreflang="si" href="https://reloadmachine.com/ads.txt/?lng=si" />
<link rel="canonical" href="https://reloadmachine.com/ads.txt/?lng=en" />
<!-- Open Graph / Facebook Meta Tags -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.reloadmachine.com/">
<meta property="og:title" content="Sri Lanka's Premium Reload Machines | Anan Marketing (Pvt) Ltd">
<meta property="og:description" content="Sri Lanka's most advanced reload machines with bill payment, money transfer, and IVR SIM support. Earn 4-6% commissions.">
<meta property="og:image" content="https://www.reloadmachine.com/img/reload-machine-technoplus-hero.png">
<meta property="og:image:alt" content="Technoplus Reload Machine">
<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.reloadmachine.com/">
<meta name="twitter:title" content="Sri Lanka's Premium Reload Machines | Anan Marketing (Pvt) Ltd">
<meta name="twitter:description" content="Sri Lanka's most advanced reload machines with bill payment, money transfer, and IVR SIM support. Earn 4-6% commissions.">
<meta name="twitter:image" content="https://www.reloadmachine.com/img/reload-machine-technoplus-hero.png">
<meta name="twitter:image:alt" content="Technoplus Reload Machine">
<!-- Canonical URL -->
<!-- Favicon -->
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<!-- Geo and Business Meta Tags -->
<meta name="geo.region" content="LK">
<meta name="geo.placename" content="Colombo">
<meta name="geo.position" content="6.9271;79.8612">
<meta name="ICBM" content="6.9271, 79.8612">
<!-- Dublin Core Metadata -->
<meta name="DC.title" content="Sri Lanka's Premium Reload Machines">
<meta name="DC.description" content="Advanced reload machines with bill payment and money transfer capabilities in Sri Lanka">
<meta name="DC.creator" content="Anan Marketing (Pvt) Ltd">
<!-- Language Meta Tags -->
<meta http-equiv="content-language" content="en,si">
<!-- Other Important Meta Tags -->
<meta name="robots" content="index, follow">
<meta name="revisit-after" content="7 days">
<meta name="theme-color" content="#005b41">
<!-- Structured Data / JSON-LD -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Product",
"name": "",
"image": "https://www.reloadmachine.com/ads.txt/img/ads.txt-hero.jpg",
"description": "",
"telephone": "+94717550650",
"brand": {
"@type": "Brand",
"name": "Technoplus"
},
"offers": {
"@type": "Offer",
"priceCurrency": "LKR",
"price": "",
"availability": "https://schema.org/InStock",
"url": "https://reloadmachine.com/ads.txt/?lng="
}
}
</script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-17358416315"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'AW-17358416315');
</script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<style>
:root {
--primary: #005b41;
--primary-dark: #003d2b;
--secondary: #008170;
--accent: #00c9a7;
--light: #f8f9fa;
--dark: #212529;
--gray: #6c757d;
--light-gray: #e9ecef;
--success: #28a745;
--warning: #ffc107;
--danger: #dc3545;
--info: #17a2b8;
--shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
--shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
--transition: all 0.3s ease;
--border-radius: 12px;
--border-radius-sm: 8px;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Poppins', sans-serif;
background-color: var(--light);
color: var(--dark);
line-height: 1.6;
overflow-x: hidden;
scroll-behavior: smooth;
}
.dark-mode {
background-color: #121212;
color: #f5f5f5;
}
.dark-mode .navbar,
.dark-mode footer {
background-color: #1a1a1a !important;
}
.dark-mode .card,
.dark-mode .feature-box,
.dark-mode .testimonial-card,
.dark-mode .product-card {
background-color: #1e1e1e !important;
border-color: #333 !important;
}
.dark-mode h1,
.dark-mode h2,
.dark-mode h3,
.dark-mode h4 {
color: #fff !important;
}
.dark-mode p {
color: #ddd !important;
}
.container {
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
section {
padding: 80px 0;
}
.section-title {
text-align: center;
margin-bottom: 60px;
position: relative;
}
.section-title h2 {
font-size: 2.5rem;
font-weight: 700;
color: var(--primary);
margin-bottom: 15px;
display: inline-block;
position: relative;
}
.section-title h2:after {
content: '';
position: absolute;
width: 50px;
height: 3px;
background: var(--accent);
bottom: -10px;
left: 50%;
transform: translateX(-50%);
}
.section-title p {
font-size: 1.1rem;
color: var(--gray);
max-width: 700px;
margin: 0 auto;
}
/* Navbar */
.navbar {
position: fixed;
top: 0;
left: 0;
width: 100%;
padding: 20px 0;
background-color: white;
box-shadow: var(--shadow);
z-index: 1000;
transition: var(--transition);
}
.navbar.scrolled {
padding: 15px 0;
background-color: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(10px);
}
.dark-mode .navbar.scrolled {
background-color: rgba(26, 26, 26, 0.95) !important;
}
.navbar-container {
display: flex;
justify-content: space-between;
align-items: center;
}
.logo {
display: flex;
align-items: center;
}
.logo img {
height: 40px;
margin-right: 10px;
}
.logo-text {
font-size: 1.0rem;
font-weight: 600;
color: var(--primary);
}
.dark-mode .logo-text {
color: var(--accent);
}
.nav-links {
display: flex;
list-style: none;
}
.nav-links li {
margin-left: 30px;
}
.nav-links a {
text-decoration: none;
color: var(--dark);
font-weight: 500;
transition: var(--transition);
position: relative;
}
.dark-mode .nav-links a {
color: #f5f5f5;
}
.nav-links a:after {
content: '';
position: absolute;
width: 0;
height: 2px;
background: var(--accent);
bottom: -5px;
left: 0;
transition: var(--transition);
}
.nav-links a:hover:after {
width: 100%;
}
.nav-links a:hover {
color: var(--primary);
}
.dark-mode .nav-links a:hover {
color: var(--accent);
}
.mobile-menu-btn {
display: none;
background: none;
border: none;
font-size: 1.5rem;
color: var(--primary);
cursor: pointer;
z-index: 1001;
}
.dark-mode .mobile-menu-btn {
color: var(--accent);
}
.theme-toggle {
background: none;
border: none;
font-size: 1.3rem;
color: var(--primary);
cursor: pointer;
margin-left: 20px;
transition: var(--transition);
}
.dark-mode .theme-toggle {
color: var(--accent);
}
/* Hero Section */
.hero {
min-height: 100vh;
display: flex;
align-items: center;
background: linear-gradient(135deg, rgba(0, 91, 65, 0.1) 0%, rgba(0, 129, 112, 0.1) 100%);
position: relative;
padding-top: 140px;
flex-direction: column;
}
.dark-mode .hero {
background: linear-gradient(135deg, rgba(0, 91, 65, 0.2) 0%, rgba(0, 129, 112, 0.2) 100%);
}
.hero-container {
display: flex;
align-items: center;
position: relative;
z-index: 2;
}
.hero-content {
flex: 1;
padding-right: 50px;
}
.hero-image {
flex: 1;
position: relative;
}
.hero-image img {
width: 100%;
max-width: 600px;
border-radius: var(--border-radius);
box-shadow: var(--shadow-lg);
animation: float 6s ease-in-out infinite;
}
@keyframes float {
0% { transform: translateY(0px); }
50% { transform: translateY(-20px); }
100% { transform: translateY(0px); }
}
.hero h1 {
font-size: 3.5rem;
font-weight: 700;
margin-bottom: 20px;
line-height: 1.2;
color: var(--primary);
}
.hero p {
font-size: 1.2rem;
color: var(--gray);
margin-bottom: 30px;
max-width: 600px;
}
.dark-mode .hero p {
color: #ddd;
}
.btn {
display: inline-block;
padding: 12px 30px;
border-radius: 50px;
font-weight: 600;
text-decoration: none;
transition: var(--transition);
border: none;
cursor: pointer;
font-size: 1rem;
}
.btn-primary {
background: linear-gradient(to right, var(--primary), var(--secondary));
color: white;
box-shadow: 0 4px 15px rgba(0, 91, 65, 0.3);
}
.btn-primary:hover {
transform: translateY(-3px);
box-shadow: 0 8px 25px rgba(0, 91, 65, 0.4);
}
.btn-outline {
background: transparent;
border: 2px solid var(--primary);
color: var(--primary);
margin-left: 15px;
}
.dark-mode .btn-outline {
border-color: var(--accent);
color: var(--accent);
}
.btn-outline:hover {
background: var(--primary);
color: white;
}
.dark-mode .btn-outline:hover {
background: var(--accent);
}
.hero-btns {
display: flex;
align-items: center;
}
.stats {
display: flex;
margin-top: 50px;
}
.stat-item {
margin-right: 30px;
}
.stat-number {
font-size: 2.5rem;
font-weight: 700;
color: var(--primary);
line-height: 1;
}
.dark-mode .stat-number {
color: var(--accent);
}
.stat-label {
font-size: 0.9rem;
color: var(--gray);
}
.dark-mode .stat-label {
color: #bbb;
}
/* Features Section */
.features {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
}
.feature-box {
background: white;
padding: 30px;
border-radius: var(--border-radius);
box-shadow: var(--shadow);
transition: var(--transition);
text-align: center;
border: 1px solid var(--light-gray);
}
.feature-box:hover {
transform: translateY(-10px);
box-shadow: var(--shadow-lg);
}
.feature-icon {
width: 80px;
height: 80px;
background: linear-gradient(to right, var(--primary), var(--secondary));
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 20px;
color: white;
font-size: 1.8rem;
}
.feature-box h3 {
font-size: 1.3rem;
margin-bottom: 15px;
color: var(--primary);
}
.dark-mode .feature-box h3 {
color: var(--accent);
}
.feature-box p {
color: var(--gray);
font-size: 0.95rem;
}
/* SIM Networks */
.sim-networks {
background: linear-gradient(135deg, rgba(0, 91, 65, 0.03) 0%, rgba(0, 129, 112, 0.03) 100%);
}
.dark-mode .sim-networks {
background: linear-gradient(135deg, rgba(0, 91, 65, 0.1) 0%, rgba(0, 129, 112, 0.1) 100%);
}
.networks {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 30px;
}
.network {
background: white;
padding: 30px;
border-radius: var(--border-radius);
box-shadow: var(--shadow);
text-align: center;
width: 250px;
transition: var(--transition);
}
.dark-mode .network {
background: #1e1e1e;
}
.network:hover {
transform: translateY(-10px);
}
.network img {
margin-bottom: 15px;
width: 100%;
max-height: 60px;
object-fit: contain;
}
.network h3 {
font-size: 1.2rem;
color: var(--primary);
}
.dark-mode .network h3 {
color: var(--accent);
}
/* Products Section */
.products {
background: var(--light-gray);
}
.dark-mode .products {
background: #1a1a1a;
}
.product-cards {
display: flex;
gap: 60px;
margin-top: 60px;
}
.product-card {
background: white;
border-radius: var(--border-radius);
overflow: hidden;
box-shadow: var(--shadow);
transition: var(--transition);
}
.product-descriptions{
background: white;
padding: 30px;
border-radius: var(--border-radius);
box-shadow: var(--shadow);
transition: var(--transition);
text-align: center;
border: 1px solid var(--light-gray);
}
.product-card:hover {
transform: translateY(-10px);
box-shadow: var(--shadow-lg);
}
.product-image {
height: 350px;
overflow: hidden;
}
.product-image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: var(--transition);
}
.product-card:hover .product-image img {
transform: scale(1.05);
}
.product-content {
padding: 25px;
}
.product-title {
font-size: 1.4rem;
margin-bottom: 10px;
color: var(--primary);
}
.dark-mode .product-title {
color: var(--accent);
}
.product-price {
font-size: 1.5rem;
font-weight: 700;
color: var(--secondary);
margin-bottom: 15px;
}
.product-features {
margin-bottom: 20px;
}
.product-feature {
display: flex;
align-items: center;
margin-bottom: 8px;
font-size: 0.95rem;
color: var(--gray);
}
.product-feature i {
color: var(--success);
margin-right: 8px;
font-size: 0.8rem;
}
.product-footer {
display: flex;
justify-content: space-between;
align-items: center;
}
.product-badge {
background: var(--accent);
color: white;
padding: 5px 10px;
border-radius: 50px;
font-size: 0.8rem;
font-weight: 600;
}
/* How It Works */
.how-it-works {
background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
color: white;
position: relative;
overflow: hidden;
}
.how-it-works:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxkZWZzPjxwYXR0ZXJuIGlkPSJwYXR0ZXJuIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHBhdHRlcm5Vbml0cz0idXNlclNwYWNlT25Vc2UiIHBhdHRlcm5UcmFuc2Zvcm09InJvdGF0ZSg0NSkiPjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwLjAzKSIvPjwvcGF0dGVybj48L2RlZnM+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNwYXR0ZXJuKSIvPjwvc3ZnPg==');
}
.how-it-works .section-title h2,
.how-it-works .section-title p {
color: white;
}
.how-it-works .section-title h2:after {
background: var(--accent);
}
.steps {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 30px;
}
.step {
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(10px);
border-radius: var(--border-radius);
padding: 30px;
border: 1px solid rgba(255, 255, 255, 0.2);
transition: var(--transition);
text-align: center;
}
.step:hover {
transform: translateY(-10px);
background: rgba(255, 255, 255, 0.15);
}
.step-icon {
font-size: 2.5rem;
color: var(--accent);
margin-bottom: 20px;
}
.step h3 {
font-size: 1.3rem;
margin-bottom: 15px;
}
.step p {
opacity: 0.9;
font-size: 0.95rem;
}
/* Contact */
.contact-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 50px;
}
.contact-info {
display: flex;
flex-direction: column;
}
.contact-item {
display: flex;
align-items: flex-start;
margin-bottom: 25px;
}
.contact-icon {
width: 50px;
height: 50px;
background: linear-gradient(to right, var(--primary), var(--secondary));
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 1.2rem;
margin-right: 15px;
flex-shrink: 0;
}
.contact-text h3 {
font-size: 1.2rem;
margin-bottom: 5px;
color: var(--primary);
}
.dark-mode .contact-text h3 {
color: var(--accent);
}
.contact-text p,
.contact-text a {
color: var(--gray);
text-decoration: none;
transition: var(--transition);
}
.contact-text a:hover {
color: var(--primary);
}
.dark-mode .contact-text a:hover {
color: var(--accent);
}
.contact-form {
background: white;
padding: 30px;
border-radius: var(--border-radius);
box-shadow: var(--shadow);
}
.dark-mode .contact-form {
background: #1e1e1e;
}
.form-group {
margin-bottom: 20px;
}
.form-control {
width: 100%;
padding: 12px 15px;
border: 1px solid var(--light-gray);
border-radius: var(--border-radius-sm);
font-family: 'Poppins', sans-serif;
transition: var(--transition);
background-color: var(--light);
}
.dark-mode .form-control {
background-color: #2a2a2a;
border-color: #333;
color: #f5f5f5;
}
.form-control:focus {
outline: none;
border-color: var(--primary);
box-shadow: 0 0 0 3px rgba(0, 91, 65, 0.2);
}
.dark-mode .form-control:focus {
border-color: var(--accent);
box-shadow: 0 0 0 3px rgba(0, 201, 167, 0.2);
}
textarea.form-control {
min-height: 150px;
resize: vertical;
}
/* Footer */
footer {
background: var(--primary);
color: white;
padding: 60px 0 20px;
}
.footer-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 40px;
margin-bottom: 40px;
}
.footer-logo {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.footer-logo img {
height: 40px;
margin-right: 10px;
}
.footer-logo-text {
font-size: 0.8rem;
font-weight: 600;
color: white;
}
.footer-about p {
opacity: 0.8;
margin-bottom: 20px;
font-size: 0.95rem;
}
.social-links {
display: flex;
}
.social-link {
width: 40px;
height: 40px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.1);
display: flex;
align-items: center;
justify-content: center;
margin-right: 10px;
color: white;
transition: var(--transition);
}
.social-link:hover {
background: var(--accent);
transform: translateY(-3px);
}
.footer-links h3 {
font-size: 1.2rem;
margin-bottom: 20px;
position: relative;
padding-bottom: 10px;
}
.footer-links h3:after {
content: '';
position: absolute;
width: 40px;
height: 2px;
background: var(--accent);
bottom: 0;
left: 0;
}
.footer-links ul {
list-style: none;
}
.footer-links li {
margin-bottom: 10px;
}
.footer-links a {
color: rgba(255, 255, 255, 0.8);
text-decoration: none;
transition: var(--transition);
font-size: 0.95rem;
}
.footer-links a:hover {
color: var(--accent);
padding-left: 5px;
}
.footer-newsletter p {
opacity: 0.8;
margin-bottom: 20px;
font-size: 0.95rem;
}
.newsletter-form {
display: flex;
}
.newsletter-input {
flex: 1;
padding: 10px 15px;
border: none;
border-radius: 50px 0 0 50px;
font-family: 'Poppins', sans-serif;
}
.newsletter-btn {
background: var(--accent);
color: white;
border: none;
padding: 0 20px;
border-radius: 0 50px 50px 0;
cursor: pointer;
transition: var(--transition);
}
.newsletter-btn:hover {
background: #00b394;
}
.footer-bottom {
text-align: center;
padding-top: 20px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
font-size: 0.9rem;
opacity: 0.8;
}
/* Back to Top */
.back-to-top {
position: fixed;
bottom: 30px;
right: 30px;
width: 50px;
height: 50px;
background: var(--primary);
color: white;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.2rem;
box-shadow: var(--shadow);
opacity: 0;
visibility: hidden;
transition: var(--transition);
z-index: 999;
}
.back-to-top.active {
opacity: 1;
visibility: visible;
}
.back-to-top:hover {
background: var(--primary-dark);
transform: translateY(-3px);
}
/* Responsive */
@media (max-width: 992px) {
.hero-container {
flex-direction: column;
text-align: center;
}
.hero-content {
padding-right: 0;
margin-bottom: 50px;
}
.hero-btns {
justify-content: center;
}
.stats {
justify-content: center;
}
}
@media (max-width: 768px) {
section {
padding: 60px 0;
}
.section-title h2 {
font-size: 2rem;
}
.hero h1 {
font-size: 2.5rem;
}
.hero p {
font-size: 1.1rem;
}
.mobile-menu-btn {
display: block;
position: fixed;
right: 20px;
top: 15px;
z-index: 1001;
background: rgba(255,255,255,0.9);
border-radius: 50%;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.dark-mode .mobile-menu-btn {
background: rgba(30,30,30,0.9);
}
.nav-links {
position: fixed;
top: 0;
left: -100%;
width: 100%;
height: 100vh;
background: white;
flex-direction: column;
align-items: center;
justify-content: center;
transition: var(--transition);
z-index: 1000;
padding-top: 70px;
}
.dark-mode .nav-links {
background: #1a1a1a;
}
.nav-links.active {
left: 0;
}
.nav-links li {
margin: 15px 0;
}
.nav-links a {
font-size: 1.2rem;
}
.hero {
padding-top: 180px;
height: 100%;
}
.product-cards {
flex-direction: column;
gap: 20px
}
.stats {
flex-direction: column;
align-items: center;
}
.stat-item {
margin-right: 0;
margin-bottom: 20px;
text-align: center;
}
}
@media (max-width: 576px) {
section {
padding: 50px 0;
}
.hero h1 {
font-size: 2rem;
}
.hero-btns {
flex-direction: column;
}
.btn-outline {
margin-left: 0;
margin-top: 15px;
}
.section-title h2 {
font-size: 1.8rem;
}
.feature-box, .network {
padding: 20px;
}
.network{
width: 150px;
}
}
/* Animations */
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.animate {
animation: fadeInUp 0.8s ease forwards;
}
.delay-1 {
animation-delay: 0.2s;
}
.delay-2 {
animation-delay: 0.4s;
}
.delay-3 {
animation-delay: 0.6s;
}
.delay-4 {
animation-delay: 0.8s;
}
/* Comparison Table */
.comparison {
overflow-x: auto;
}
.comparison-table {
width: 100%;
border-collapse: collapse;
margin: 30px 0;
}
.comparison-table th,
.comparison-table td {
padding: 15px;
text-align: left;
border-bottom: 1px solid var(--light-gray);
}
.dark-mode .comparison-table th,
.dark-mode .comparison-table td {
border-bottom-color: #333;
}
.comparison-table th {
background-color: var(--primary);
color: white;
font-weight: 600;
}
.comparison-table tr:nth-child(even) {
background-color: rgba(0, 0, 0, 0.02);
}
.dark-mode .comparison-table tr:nth-child(even) {
background-color: rgba(255, 255, 255, 0.02);
}
.comparison-table tr:hover {
background-color: rgba(0, 91, 65, 0.05);
}
.dark-mode .comparison-table tr:hover {
background-color: rgba(0, 201, 167, 0.05);
}
.feature-present {
color: var(--success);
font-weight: 600;
}
.feature-absent {
color: var(--gray);
}
.feature-partial {
color: var(--warning);
font-weight: 600;
}
/* WhatsApp Inquiry Button */
.whatsapp-inquiry {
text-align: center;
}
.whatsapp-inquiry h3 {
margin-bottom: 15px;
color: var(--primary);
}
.dark-mode .whatsapp-inquiry h3 {
color: var(--accent);
}
.whatsapp-inquiry p {
margin-bottom: 20px;
color: var(--gray);
}
.comparison-table thead tr td:first-child{
position: sticky;
left: 0px;
}
.comparison-table tbody tr td:first-child{
position: sticky;
left: 0px;
background: #a6d3b7;
}
/* side floating button */
.floating-buttons {
position: fixed;
right: 20px;
bottom: 45%;
display: flex;
flex-direction: column;
gap: 15px;
z-index: 999;
}
.floating-button {
width: 60px;
height: 60px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: all 0.3s ease;
text-decoration: none;
position: relative;
cursor: pointer;
}
/* Pulse animation */
.floating-buttons .pulse {
animation: pulse 2s infinite;
}
@keyframes pulse {
0% {
box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
}
70% {
box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
}
}
/* Tooltip */
.floating-buttons .tooltip {
position: absolute;
right: 70px;
width: max-content;
padding: 8px 15px;
background: #333;
color: white;
border-radius: 5px;
font-size: 14px;
visibility: hidden;
opacity: 0;
transition: all 0.3s ease;
font-family: Arial, sans-serif;
}
.floating-buttons .tooltip:after {
content: "";
position: absolute;
top: 50%;
left: 100%;
margin-top: -5px;
border-width: 5px;
border-style: solid;
border-color: transparent transparent transparent #333;
}
.floating-button:hover .tooltip {
visibility: visible;
opacity: 1;
}
/* Button colors */
.floating-buttons .call-button {
background-color: #25D366;
}
.floating-buttons .whatsapp-button {
background-color: #128C7E;
}
.floating-buttons .language-button {
background-color: #128C7E;
border:none;
}
.floating-button:hover {
transform: scale(1.1);
animation: none;
}
/* Bounce animation on load */
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
40% {transform: translateY(-30px);}
60% {transform: translateY(-15px);}
}
.floating-buttons {
animation: bounce 2s ease 1s;
}
/* Icon styling */
.floating-buttons .button-icon {
width: 30px;
height: 30px;
fill: white;
}
/* New badge */
.floating-buttons .new-badge {
position: absolute;
top: -5px;
right: -5px;
background: #FF5722;
color: white;
border-radius: 50%;
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
font-size: 10px;
font-weight: bold;
animation: pulse-badge 1.5s infinite;
}
@keyframes pulse-badge {
0% { transform: scale(1); }
50% { transform: scale(1.2); }
100% { transform: scale(1); }
}
@keyframes shake {
0% { transform: translateX(0) rotate(0deg); }
25% { transform: translateX(5px) rotate(5deg); }
50% { transform: translateX(-5px) rotate(-5deg); }
75% { transform: translateX(5px) rotate(5deg); }
100% { transform: translateX(0) rotate(0deg); }
}
/* Language Modal - Simplified Version */
.language-modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.7);
display: flex;
align-items: center;
justify-content: center;
z-index: 2000;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
}
.language-modal.active {
opacity: 1;
visibility: visible;
}
.language-box {
background: white;
border-radius: 12px;
padding: 25px;
width: 90%;
max-width: 350px;
text-align: center;
}
.dark-mode .language-box {
background: #1e1e1e;
}
.language-options {
display: flex;
flex-direction: column;
gap: 15px;
}
.language-modal .language-btn {
background: var(--light-gray);
border: none;
border-radius: 8px;
padding: 15px;
width: 100%;
text-align: center;
cursor: pointer;
transition: all 0.3s ease;
}
.dark-mode .language-modal .language-btn {
background: #333;
}
.language-modal .language-btn:hover {
background: var(--primary);
color: white;
transform: translateY(-2px);
}
.option-content {
display: flex;
flex-direction: column;
gap: 5px;
}
.language-name {
font-weight: 600;
font-size: 1.1rem;
}
.language-description {
font-size: 0.9rem;
opacity: 0.8;
}
/* Adjust button spacing for 3 buttons */
.floating-buttons {
bottom: 40%; /* Adjust this as needed */
gap: 15px;
}
body,td,th {
font-family: Poppins, sans-serif;
}
/* Produce overview box */
.product-overview-box {
background: #fff;
border-radius: var(--border-radius);
box-shadow: var(--shadow);
padding: 30px;
display: flex;
flex-direction: column;
gap: 25px;
line-height: 1.7;
transition: var(--transition);
}
.overview-block {
background: #f9f9f9;
border-left: 6px solid var(--accent);
border-radius: var(--border-radius-sm);
padding: 20px 25px;
transition: var(--transition);
}
.overview-block:hover {
background: #e6f9f6;
transform: translateY(-4px);
box-shadow: var(--shadow-lg);
}
.overview-block h3 {
font-size: 1.15rem;
color: var(--primary);
margin-bottom: 10px;
display: flex;
align-items: center;
gap: 10px;
}
.overview-block p {
color: var(--dark);
font-size: 1.05rem;
margin: 0;
margin-bottom: 10px;
}
.overview-block strong {
color: var(--secondary);
}
.dark-mode .product-overview-box {
background: #1e1e1e;
}
.dark-mode .overview-block {
background: #292929;
border-color: var(--accent);
}
.dark-mode .overview-block h3 {
color: var(--accent);
}
.dark-mode .overview-block p {
color: #ddd;
}
@media (max-width: 600px) {
.product-overview-box {
padding: 20px;
}
.overview-block {
padding: 15px 20px;
}
.overview-block h3 {
font-size: 1.05rem;
}
.overview-block p {
font-size: 0.95rem;
}
}
/* Pricing */
.pricing {
background: var(--light-gray);
padding: 80px 0;
}
.dark-mode .pricing {
background: #1a1a1a;
}
.pricing-cards {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 30px;
margin-top: 40px;
}
.pricing-card {
background: white;
border-radius: var(--border-radius);
box-shadow: var(--shadow);
padding: 30px;
width: 100%;
max-width: 450px;
transition: var(--transition);
position: relative;
}
.dark-mode .pricing-card {
background: #1e1e1e;
}
.pricing-card:hover {
transform: translateY(-10px);
box-shadow: var(--shadow-lg);
}
.pricing-card.featured {
border: 2px solid var(--accent);
}
.pricing-badge {
position: absolute;
top: -15px;
right: 20px;
background: var(--accent);
color: white;
padding: 5px 15px;
border-radius: 50px;
font-weight: 600;
font-size: 0.9rem;
}
.pricing-header {
text-align: center;
margin-bottom: 25px;
padding-bottom: 25px;
border-bottom: 1px solid var(--light-gray);
}
.dark-mode .pricing-header {
border-bottom-color: #333;
}
.pricing-header h3 {
font-size: 1.5rem;
color: var(--primary);
margin-bottom: 10px;
}
.price {
font-size: 2.5rem;
font-weight: 700;
color: var(--secondary);
margin-bottom: 5px;
}
.pricing-header p {
color: var(--gray);
font-size: 0.9rem;
}
.pricing-features {
margin-bottom: 30px;
}
.pricing-features ul {
list-style: none;
}
.pricing-features li {
margin-bottom: 12px;
display: flex;
align-items: flex-start;
color: var(--dark);
}
.dark-mode .pricing-features li {
color: #ddd;
}
.pricing-features i {
color: var(--success);
margin-right: 10px;
font-size: 1.1rem;
margin-top: 3px;
}
.pricing-card .btn {
width: 100%;
text-align: center;
}
.payment-methods {
margin-top: 50px;
text-align: center;
}
.payment-methods h3 {
margin-bottom: 20px;
color: var(--primary);
}
.dark-mode .payment-methods h3 {
color: var(--accent);
}
.methods {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 20px;
}
.method {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
background: white;
padding: 15px 25px;
border-radius: var(--border-radius-sm);
box-shadow: var(--shadow);
min-width: 120px;
}
.dark-mode .method {
background: #1e1e1e;
}
.method i {
font-size: 1.8rem;
color: var(--primary);
}
@media (max-width: 768px) {
.pricing-cards {
flex-direction: column;
align-items: center;
}
.pricing-card {
max-width: 100%;
}
}
</style>
</head>
<body>
<!-- Navbar -->
<nav class="navbar">
<div class="container navbar-container">
<div class="logo">
<img src="../img/logo.png" alt="Anan Marketing Logo">
<span class="logo-text">ANAN Marketing (Pvt) Ltd</span>
</div>
<ul class="nav-links">
<li><a href="../">Home</a></li>
<li><a href="../#features">Features</a></li>
<li><a href="../#products">Products</a></li>
<li><a href="../#sim">SIM Networks</a></li>
<li><a href="../#how-it-works">How It Works</a></li>
<li><a href="../#contact">Contact</a></li>
</ul>
<div>
<button class="theme-toggle" id="modeSwitch"><i class="fas fa-moon"></i></button>
<button class="mobile-menu-btn" id="mobileMenuBtn"><i class="fas fa-bars"></i></button>
</div>
</div>
</nav><!-- 404 Error Section -->
<section class="hero" id="error-404">
<div class="container hero-container">
<div class="hero-content animate animated">
<h1>Oops! Page Not Found (404)</h1>
<p>The page you're looking for doesn't exist or has been moved.</p>
<div class="hero-btns">
<a href="/" class="btn btn-primary">Go to Homepage</a>
<a href="tel:+94717550650" class="btn btn-outline">Call Support</a>
</div>
<div class="stats">
<div class="stat-item">
<div class="stat-number">404</div>
<div class="stat-label">Error Code</div>
</div>
<div class="stat-item">
<div class="stat-number">0</div>
<div class="stat-label">Pages Found</div>
</div>
<div class="stat-item">
<div class="stat-number">∞</div>
<div class="stat-label">Help Available</div>
</div>
</div>
</div>
<div class="hero-image animate delay-1 animated">
<img src="../img/reload-machine-technoplus-hero.png" alt="404 Error">
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer>
<div class="container">
<div class="footer-container">
<div class="footer-about">
<div class="footer-logo">
<img src="../img/logo-w.png" alt="Anan Marketing Logo">
<span class="footer-logo-text">Anan Marketing (Pvt) Ltd</span>
</div>
<p>Sri Lanka's leading provider of premium reload machines helping businesses grow.</p>
<div class="social-links">
<a href="https://www.facebook.com/reloadmachine/" class="social-link" target="_blank"><i class="fab fa-facebook-f"></i></a>
<a href="https://wa.me/94717550650" class="social-link" target="_blank"><i class="fab fa-whatsapp"></i></a>
<a href="https://www.tiktok.com/@colombodealer" class="social-link" target="_blank"><i class="fab fa-tiktok"></i></a>
<a href="https://www.youtube.com/@ananmarketing-reloadmachine" class="social-link" target="_blank"><i class="fab fa-youtube"></i></a>
</div>
</div>
<div class="footer-links">
<h3>Quick Links</h3>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#features">Features</a></li>
<li><a href="#products">Products</a></li>
<li><a href="#sim">SIM Networks</a></li>
<li><a href="#how-it-works">How It Works</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
<div class="footer-links">
<h3>Our Machines</h3>
<ul>
<li><a href="#products">Reload Master</a></li>
<li><a href="#products">Self Reload</a></li>
<li><a href="#products">Stand Self</a></li>
<li><a href="#products">Kiosk Machine</a></li>
</ul>
</div>
<div class="footer-newsletter">
<h3>Newsletter</h3>
<p>Subscribe to get updates on new features and special offers.</p>
<form class="newsletter-form">
<input type="email" class="newsletter-input" placeholder="Your Email">
<div data-lastpass-icon-root="" style="position: relative !important; height: 0px !important; width: 0px !important; float: left !important;"><template shadowrootmode="closed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" data-lastpass-icon="true" style="position: absolute; cursor: pointer; height: 22px; max-height: 22px; width: 22px; max-width: 22px; top: 9px; left: -42px; z-index: auto; color: rgb(215, 64, 58);"><rect x="0.680176" y="0.763062" width="22.6392" height="22.4737" rx="4" fill="currentColor"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M19.7935 7.9516C19.7935 7.64414 20.0427 7.3949 20.3502 7.3949C20.6576 7.3949 20.9069 7.64414 20.9069 7.9516V16.0487C20.9069 16.3562 20.6576 16.6054 20.3502 16.6054C20.0427 16.6054 19.7935 16.3562 19.7935 16.0487V7.9516Z" fill="white"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M4.76288 13.6577C5.68525 13.6577 6.43298 12.9154 6.43298 11.9998C6.43298 11.0842 5.68525 10.3419 4.76288 10.3419C3.8405 10.3419 3.09277 11.0842 3.09277 11.9998C3.09277 12.9154 3.8405 13.6577 4.76288 13.6577Z" fill="white"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M10.3298 13.6577C11.2521 13.6577 11.9999 12.9154 11.9999 11.9998C11.9999 11.0842 11.2521 10.3419 10.3298 10.3419C9.4074 10.3419 8.65967 11.0842 8.65967 11.9998C8.65967 12.9154 9.4074 13.6577 10.3298 13.6577Z" fill="white"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M15.8964 13.6577C16.8188 13.6577 17.5665 12.9154 17.5665 11.9998C17.5665 11.0842 16.8188 10.3419 15.8964 10.3419C14.974 10.3419 14.2263 11.0842 14.2263 11.9998C14.2263 12.9154 14.974 13.6577 15.8964 13.6577Z" fill="white"></path></svg></template></div><button type="submit" class="newsletter-btn"><i class="fas fa-paper-plane"></i></button>
</form>
</div>
</div>
<div class="footer-bottom">
<p>© 2025 Anan Marketing (Pvt) Ltd. All Rights Reserved. | <a href="https://www.reloadmachine.com/new/index.php#">Privacy Policy</a> | <a href="https://www.reloadmachine.com/new/index.php#">Terms of Service</a></p>
</div>
</div>
</footer>
<!-- Language Selection Modal -->
<div class="language-modal" id="languageModal">
<div class="language-box">
<div class="language-options">
<button class="language-btn" data-lang="en">
<div class="option-content">
<div class="language-name">English</div>
<div class="language-description">Continue in English</div>
</div>
</button>
<button class="language-btn" data-lang="si">
<div class="option-content">
<div class="language-name">සිංහල</div>
<div class="language-description">සිංහල භාෂාවෙන් ඉදිරියට</div>
</div>
</button>
</div>
</div>
</div>
<!-- Back to Top -->
<a href="#home" class="back-to-top"><i class="fas fa-arrow-up"></i></a>
<div class="floating-buttons">
<a href="tel:+94717550650" class="floating-button call-button pulse">
<div class="new-badge">!</div>
<svg class="button-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M20.01 15.38c-1.23 0-2.42-.2-3.53-.56-.35-.12-.74-.03-1.01.24l-1.57 1.97c-2.83-1.35-5.48-3.9-6.89-6.83l1.95-1.66c.27-.28.35-.67.24-1.02-.37-1.11-.56-2.3-.56-3.53 0-.54-.45-.99-.99-.99H4.19C3.65 3 3 3.24 3 3.99 3 13.28 10.73 21 20.01 21c.71 0 .99-.63.99-1.18v-3.45c0-.54-.45-.99-.99-.99z"/>
</svg>
<span class="tooltip">Call Us Now!</span>
</a>
<a href="https://wa.me/94717550650?text=I%27m%20interested%20in%20.%20Please%20send%20me%20more%20information." class="floating-button whatsapp-button pulse">
<svg class="button-icon" xmlns="http://www.w3.org/2000/svg" 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>
<span class="tooltip">Chat on WhatsApp</span>
</a>
<button class="floating-button language-button language-btn" data-lang="si">
<svg viewBox="0 0 24 24" width="24" height="24">
<text x="12" y="18" text-anchor="middle" font-family="Arial" font-size="16" font-weight="bold" fill="white">සිං</text>
</svg>
<span class="tooltip">සිංහල භාෂාවෙන් ඉදිරියට</span>
</button>
</div>
<!-- Scripts -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
<script>
// Improved Mobile Navigation
$(document).ready(function() {
var buttons = $('.floating-button');
function randomShake() {
buttons.each(function() {
$(this).css('animation', 'shake 0.5s ease');
setTimeout(function() {
$(this).css('animation', '');
}.bind(this), 500);
});
// Random interval between 30-90 seconds
setTimeout(randomShake, 30000 + Math.random() * 60000);
}
// Start the random shake after initial animations
setTimeout(randomShake, 5000);
// Mobile Menu Toggle - Fixed version
$('#mobileMenuBtn').click(function(e) {
e.stopPropagation(); // Prevent event bubbling
$('.nav-links').toggleClass('active');
$(this).html($('.nav-links').hasClass('active') ? '<i class="fas fa-times"></i>' : '<i class="fas fa-bars"></i>');
});
// Close menu when clicking outside or on a link
$(document).click(function() {
if($('.nav-links').hasClass('active')) {
$('.nav-links').removeClass('active');
$('#mobileMenuBtn').html('<i class="fas fa-bars"></i>');
}
});
// Prevent menu close when clicking inside nav
$('.nav-links').click(function(e) {
e.stopPropagation();
});
// Close menu when clicking a nav link
$('.nav-links a').click(function() {
$('.nav-links').removeClass('active');
$('#mobileMenuBtn').html('<i class="fas fa-bars"></i>');
});
// Dark/Light Mode Toggle
$('#modeSwitch').click(function() {
$('body').toggleClass('dark-mode');
$(this).find('i').toggleClass('fa-moon fa-sun');
// Save preference to localStorage
if ($('body').hasClass('dark-mode')) {
localStorage.setItem('darkMode', 'enabled');
} else {
localStorage.setItem('darkMode', 'disabled');
}
});
// Check for saved dark mode preference
if (localStorage.getItem('darkMode') === 'enabled') {
$('body').addClass('dark-mode');
$('#modeSwitch i').removeClass('fa-moon').addClass('fa-sun');
}
// Smooth scrolling for anchor links
$('a[href^="#"]').on('click', function(e) {
e.preventDefault();
$('html, body').animate(
{
scrollTop: $($(this).attr('href')).offset().top - 80,
},
500,
'linear'
);
});
// Navbar scroll effect
$(window).scroll(function() {
if ($(this).scrollTop() > 100) {
$('.navbar').addClass('scrolled');
} else {
$('.navbar').removeClass('scrolled');
}
// Back to top button
if ($(this).scrollTop() > 300) {
$('.back-to-top').addClass('active');
} else {
$('.back-to-top').removeClass('active');
}
});
// Testimonial Slider
$('.testimonial-slider').slick({
dots: true,
infinite: true,
speed: 500,
slidesToShow: 1,
adaptiveHeight: true,
autoplay: true,
autoplaySpeed: 5000,
});
// Animation on scroll
function animateOnScroll() {
$('.animate').each(function() {
var position = $(this).offset().top;
var scroll = $(window).scrollTop();
var windowHeight = $(window).height();
if (scroll + windowHeight - 100 > position) {
$(this).addClass('animated');
}
});
}
// Run on load and scroll
$(window).on('load scroll', animateOnScroll);
$('#languageFloatingBtn').click(function() {
$('#languageModal').addClass('active');
});
});
// Cookie helper functions
function setCookie(name, value, days) {
const d = new Date();
d.setTime(d.getTime() + (days * 24 * 60 * 60 * 1000));
const expires = "expires=" + d.toUTCString();
document.cookie = name + "=" + value + ";" + expires + ";path=/";
}
function getCookie(name) {
const nameEQ = name + "=";
const ca = document.cookie.split(';');
for (let i = 0; i < ca.length; i++) {
let c = ca[i];
while (c.charAt(0) === ' ') c = c.substring(1);
if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length);
}
return null;
}
$(document).ready(function() {
// Check language preference
const urlParams = new URLSearchParams(window.location.search);
const urlLang = urlParams.get('lng');
const cookieLang = getCookie('preferredLang');
// Set language from URL if present (overrides cookie)
if (urlLang) {
setCookie('preferredLang', urlLang, 365);
// If backend needs to know immediately, you could reload:
// window.location.href = window.location.pathname + '?lng=' + urlLang;
}
const currentLang = urlLang || cookieLang;
const shouldShowModal = !currentLang;
console.log('Should show modal:', shouldShowModal); // Debugging
if (shouldShowModal) {
setTimeout(() => {
$('#languageModal').addClass('active');
console.log('Modal shown');
}, 1000);
}
// Handle language selection
$('.language-btn').click(function() {
const lang = $(this).data('lang');
setCookie('preferredLang', lang, 365);
$('#languageModal').removeClass('active');
// Redirect to selected language
window.location.href = window.location.pathname ;
});
/* // Close modal if clicked outside
$('#languageModal').click(function(e) {
if (e.target === this) {
$(this).removeClass('active');
setCookie('preferredLang', 'en', 365);
}
});*/
});
</script>