AmazonS3
tcp/443 tcp/80
Open service 3.174.46.129:443 · watchere.net
2025-12-22 05:52
HTTP/1.1 200 OK
Content-Type: text/html
Content-Length: 70535
Connection: close
Date: Mon, 22 Dec 2025 05:52:59 GMT
Last-Modified: Tue, 16 Dec 2025 14:48:54 GMT
ETag: "8da29e8bd2e4c9b6a8240a66a4235c47"
x-amz-server-side-encryption: AES256
x-amz-version-id: m8a4rOw9pT9ojDeh7S45gKmltvfxi60U
Accept-Ranges: bytes
Server: AmazonS3
X-Cache: Miss from cloudfront
Via: 1.1 2d72fd84d4c7c03cc33e65c393b3d0de.cloudfront.net (CloudFront)
X-Amz-Cf-Pop: FRA60-P12
X-Amz-Cf-Id: _YCBL2C0RNjfqxOLp7ZcvrHpP8nkdXeQxVpIdFzQjw8oPRGB2zIeTQ==
Page title: Watchere
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Watchere</title>
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<!-- <div id="top-banner" class="top-banner">
<p>
<span>this site is owned by ...</span>
</p>
</div> -->
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-dark">
<div class="container">
<a class="navbar-brand me-3" href="#">
<img
src="./Images/Logo.png"
alt="Logo"
style="height: 36px; width: auto"
/>
</a>
<!-- Toggler for mobile -->
<button
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<!-- your links -->
<li class="nav-item">
<a class="nav-link" href="#about" data-i18n="nav_about"></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#pricing" data-i18n="nav_pricing"></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#services" data-i18n="nav_services"></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#faq" data-i18n="nav_faq"></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact" data-i18n="nav_contact"></a>
</li>
</ul>
<div class="d-flex align-items-center ms-auto">
<!-- Desktop Language Dropdown -->
<div
class="position-relative d-none d-lg-block"
style="margin-right: 20px"
>
<button
id="lang-btn-desktop"
class="btn p-0 border-0 bg-transparent d-flex align-items-center"
type="button"
style="cursor: pointer"
>
<img
src="./Images/languages.png"
alt="Language"
style="width: 25px; height: auto; margin-right: 8px"
/>
<span id="lang-display-desktop" class="text-white">EN</span>
</button>
<div
id="lang-dropdown-desktop"
class="position-absolute top-100 end-0 mt-2 bg-white rounded shadow-lg hidden"
style="min-width: 120px; z-index: 1000"
>
<button
class="lang-option w-100 text-start px-3 py-2 border-0 bg-transparent hover-bg-light"
data-lang="en"
data-dropdown="lang-dropdown-desktop"
style="cursor: pointer"
>
English
</button>
<button
class="lang-option w-100 text-start px-3 py-2 border-0 bg-transparent hover-bg-light"
data-lang="ar"
data-dropdown="lang-dropdown-desktop"
style="cursor: pointer"
>
العربية
</button>
</div>
</div>
<!-- Mobile Language Dropdown -->
<div
class="position-relative d-block d-lg-none"
style="margin-right: 2
Open service 3.174.46.70:80 · watchere.net
2025-12-22 05:52
HTTP/1.1 200 OK
Content-Type: text/html
Content-Length: 70535
Connection: close
Date: Mon, 22 Dec 2025 05:53:00 GMT
Last-Modified: Tue, 16 Dec 2025 14:48:54 GMT
ETag: "8da29e8bd2e4c9b6a8240a66a4235c47"
x-amz-server-side-encryption: AES256
x-amz-version-id: m8a4rOw9pT9ojDeh7S45gKmltvfxi60U
Accept-Ranges: bytes
Server: AmazonS3
X-Cache: Miss from cloudfront
Via: 1.1 fb2395486b1f6d2e4773c1e2a002347e.cloudfront.net (CloudFront)
X-Amz-Cf-Pop: FRA60-P12
X-Amz-Cf-Id: oJ86qltOuThS9V7hGUwKWuudWw6ek2f4dvUeUG6PGMebLCLFMO2AUw==
Page title: Watchere
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Watchere</title>
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<!-- <div id="top-banner" class="top-banner">
<p>
<span>this site is owned by ...</span>
</p>
</div> -->
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-dark">
<div class="container">
<a class="navbar-brand me-3" href="#">
<img
src="./Images/Logo.png"
alt="Logo"
style="height: 36px; width: auto"
/>
</a>
<!-- Toggler for mobile -->
<button
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<!-- your links -->
<li class="nav-item">
<a class="nav-link" href="#about" data-i18n="nav_about"></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#pricing" data-i18n="nav_pricing"></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#services" data-i18n="nav_services"></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#faq" data-i18n="nav_faq"></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact" data-i18n="nav_contact"></a>
</li>
</ul>
<div class="d-flex align-items-center ms-auto">
<!-- Desktop Language Dropdown -->
<div
class="position-relative d-none d-lg-block"
style="margin-right: 20px"
>
<button
id="lang-btn-desktop"
class="btn p-0 border-0 bg-transparent d-flex align-items-center"
type="button"
style="cursor: pointer"
>
<img
src="./Images/languages.png"
alt="Language"
style="width: 25px; height: auto; margin-right: 8px"
/>
<span id="lang-display-desktop" class="text-white">EN</span>
</button>
<div
id="lang-dropdown-desktop"
class="position-absolute top-100 end-0 mt-2 bg-white rounded shadow-lg hidden"
style="min-width: 120px; z-index: 1000"
>
<button
class="lang-option w-100 text-start px-3 py-2 border-0 bg-transparent hover-bg-light"
data-lang="en"
data-dropdown="lang-dropdown-desktop"
style="cursor: pointer"
>
English
</button>
<button
class="lang-option w-100 text-start px-3 py-2 border-0 bg-transparent hover-bg-light"
data-lang="ar"
data-dropdown="lang-dropdown-desktop"
style="cursor: pointer"
>
العربية
</button>
</div>
</div>
<!-- Mobile Language Dropdown -->
<div
class="position-relative d-block d-lg-none"
style="margin-right: 2
Open service 3.174.46.68:443 · watchere.net
2025-12-22 05:52
HTTP/1.1 200 OK
Content-Type: text/html
Content-Length: 70535
Connection: close
Date: Mon, 22 Dec 2025 05:53:00 GMT
Last-Modified: Tue, 16 Dec 2025 14:48:54 GMT
ETag: "8da29e8bd2e4c9b6a8240a66a4235c47"
x-amz-server-side-encryption: AES256
x-amz-version-id: m8a4rOw9pT9ojDeh7S45gKmltvfxi60U
Accept-Ranges: bytes
Server: AmazonS3
X-Cache: Miss from cloudfront
Via: 1.1 10a31a8919932a2483a8dee40abc5178.cloudfront.net (CloudFront)
X-Amz-Cf-Pop: FRA60-P12
X-Amz-Cf-Id: wVYP_0ocDnAbCig1nSeiKLnDVbQWfNffgvNUuhGEx8wsbPGbcp92_g==
Page title: Watchere
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Watchere</title>
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<!-- <div id="top-banner" class="top-banner">
<p>
<span>this site is owned by ...</span>
</p>
</div> -->
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-dark">
<div class="container">
<a class="navbar-brand me-3" href="#">
<img
src="./Images/Logo.png"
alt="Logo"
style="height: 36px; width: auto"
/>
</a>
<!-- Toggler for mobile -->
<button
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<!-- your links -->
<li class="nav-item">
<a class="nav-link" href="#about" data-i18n="nav_about"></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#pricing" data-i18n="nav_pricing"></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#services" data-i18n="nav_services"></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#faq" data-i18n="nav_faq"></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact" data-i18n="nav_contact"></a>
</li>
</ul>
<div class="d-flex align-items-center ms-auto">
<!-- Desktop Language Dropdown -->
<div
class="position-relative d-none d-lg-block"
style="margin-right: 20px"
>
<button
id="lang-btn-desktop"
class="btn p-0 border-0 bg-transparent d-flex align-items-center"
type="button"
style="cursor: pointer"
>
<img
src="./Images/languages.png"
alt="Language"
style="width: 25px; height: auto; margin-right: 8px"
/>
<span id="lang-display-desktop" class="text-white">EN</span>
</button>
<div
id="lang-dropdown-desktop"
class="position-absolute top-100 end-0 mt-2 bg-white rounded shadow-lg hidden"
style="min-width: 120px; z-index: 1000"
>
<button
class="lang-option w-100 text-start px-3 py-2 border-0 bg-transparent hover-bg-light"
data-lang="en"
data-dropdown="lang-dropdown-desktop"
style="cursor: pointer"
>
English
</button>
<button
class="lang-option w-100 text-start px-3 py-2 border-0 bg-transparent hover-bg-light"
data-lang="ar"
data-dropdown="lang-dropdown-desktop"
style="cursor: pointer"
>
العربية
</button>
</div>
</div>
<!-- Mobile Language Dropdown -->
<div
class="position-relative d-block d-lg-none"
style="margin-right: 2
Open service 3.174.46.106:80 · watchere.net
2025-12-22 05:52
HTTP/1.1 200 OK
Content-Type: text/html
Content-Length: 70535
Connection: close
Date: Mon, 22 Dec 2025 05:53:00 GMT
Last-Modified: Tue, 16 Dec 2025 14:48:54 GMT
ETag: "8da29e8bd2e4c9b6a8240a66a4235c47"
x-amz-server-side-encryption: AES256
x-amz-version-id: m8a4rOw9pT9ojDeh7S45gKmltvfxi60U
Accept-Ranges: bytes
Server: AmazonS3
X-Cache: Miss from cloudfront
Via: 1.1 10a31a8919932a2483a8dee40abc5178.cloudfront.net (CloudFront)
X-Amz-Cf-Pop: FRA60-P12
X-Amz-Cf-Id: R1q7tAqcr_yDN-OROyWBQf0qfbadszEUQJOjP7d79jJ5UJx2Jpw0Xw==
Page title: Watchere
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Watchere</title>
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<!-- <div id="top-banner" class="top-banner">
<p>
<span>this site is owned by ...</span>
</p>
</div> -->
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-dark">
<div class="container">
<a class="navbar-brand me-3" href="#">
<img
src="./Images/Logo.png"
alt="Logo"
style="height: 36px; width: auto"
/>
</a>
<!-- Toggler for mobile -->
<button
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<!-- your links -->
<li class="nav-item">
<a class="nav-link" href="#about" data-i18n="nav_about"></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#pricing" data-i18n="nav_pricing"></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#services" data-i18n="nav_services"></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#faq" data-i18n="nav_faq"></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact" data-i18n="nav_contact"></a>
</li>
</ul>
<div class="d-flex align-items-center ms-auto">
<!-- Desktop Language Dropdown -->
<div
class="position-relative d-none d-lg-block"
style="margin-right: 20px"
>
<button
id="lang-btn-desktop"
class="btn p-0 border-0 bg-transparent d-flex align-items-center"
type="button"
style="cursor: pointer"
>
<img
src="./Images/languages.png"
alt="Language"
style="width: 25px; height: auto; margin-right: 8px"
/>
<span id="lang-display-desktop" class="text-white">EN</span>
</button>
<div
id="lang-dropdown-desktop"
class="position-absolute top-100 end-0 mt-2 bg-white rounded shadow-lg hidden"
style="min-width: 120px; z-index: 1000"
>
<button
class="lang-option w-100 text-start px-3 py-2 border-0 bg-transparent hover-bg-light"
data-lang="en"
data-dropdown="lang-dropdown-desktop"
style="cursor: pointer"
>
English
</button>
<button
class="lang-option w-100 text-start px-3 py-2 border-0 bg-transparent hover-bg-light"
data-lang="ar"
data-dropdown="lang-dropdown-desktop"
style="cursor: pointer"
>
العربية
</button>
</div>
</div>
<!-- Mobile Language Dropdown -->
<div
class="position-relative d-block d-lg-none"
style="margin-right: 2
Open service 3.174.46.129:80 · watchere.net
2025-12-22 05:52
HTTP/1.1 200 OK
Content-Type: text/html
Content-Length: 70535
Connection: close
Date: Mon, 22 Dec 2025 05:53:00 GMT
Last-Modified: Tue, 16 Dec 2025 14:48:54 GMT
ETag: "8da29e8bd2e4c9b6a8240a66a4235c47"
x-amz-server-side-encryption: AES256
x-amz-version-id: m8a4rOw9pT9ojDeh7S45gKmltvfxi60U
Accept-Ranges: bytes
Server: AmazonS3
X-Cache: Miss from cloudfront
Via: 1.1 93d781183bce1d007952de339c1bf1f4.cloudfront.net (CloudFront)
X-Amz-Cf-Pop: FRA60-P12
X-Amz-Cf-Id: lXpNMGYWfHXa0LVc-S8EO_M_sMMoaqV7ppHq7s_tjjCqnXrOMMN4cg==
Page title: Watchere
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Watchere</title>
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<!-- <div id="top-banner" class="top-banner">
<p>
<span>this site is owned by ...</span>
</p>
</div> -->
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-dark">
<div class="container">
<a class="navbar-brand me-3" href="#">
<img
src="./Images/Logo.png"
alt="Logo"
style="height: 36px; width: auto"
/>
</a>
<!-- Toggler for mobile -->
<button
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<!-- your links -->
<li class="nav-item">
<a class="nav-link" href="#about" data-i18n="nav_about"></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#pricing" data-i18n="nav_pricing"></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#services" data-i18n="nav_services"></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#faq" data-i18n="nav_faq"></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact" data-i18n="nav_contact"></a>
</li>
</ul>
<div class="d-flex align-items-center ms-auto">
<!-- Desktop Language Dropdown -->
<div
class="position-relative d-none d-lg-block"
style="margin-right: 20px"
>
<button
id="lang-btn-desktop"
class="btn p-0 border-0 bg-transparent d-flex align-items-center"
type="button"
style="cursor: pointer"
>
<img
src="./Images/languages.png"
alt="Language"
style="width: 25px; height: auto; margin-right: 8px"
/>
<span id="lang-display-desktop" class="text-white">EN</span>
</button>
<div
id="lang-dropdown-desktop"
class="position-absolute top-100 end-0 mt-2 bg-white rounded shadow-lg hidden"
style="min-width: 120px; z-index: 1000"
>
<button
class="lang-option w-100 text-start px-3 py-2 border-0 bg-transparent hover-bg-light"
data-lang="en"
data-dropdown="lang-dropdown-desktop"
style="cursor: pointer"
>
English
</button>
<button
class="lang-option w-100 text-start px-3 py-2 border-0 bg-transparent hover-bg-light"
data-lang="ar"
data-dropdown="lang-dropdown-desktop"
style="cursor: pointer"
>
العربية
</button>
</div>
</div>
<!-- Mobile Language Dropdown -->
<div
class="position-relative d-block d-lg-none"
style="margin-right: 2
Open service 3.174.46.68:80 · watchere.net
2025-12-22 05:52
HTTP/1.1 200 OK
Content-Type: text/html
Content-Length: 70535
Connection: close
Date: Mon, 22 Dec 2025 05:52:59 GMT
Last-Modified: Tue, 16 Dec 2025 14:48:54 GMT
ETag: "8da29e8bd2e4c9b6a8240a66a4235c47"
x-amz-server-side-encryption: AES256
x-amz-version-id: m8a4rOw9pT9ojDeh7S45gKmltvfxi60U
Accept-Ranges: bytes
Server: AmazonS3
X-Cache: Miss from cloudfront
Via: 1.1 9b54c47ba82fa634dd5f3b43f670c934.cloudfront.net (CloudFront)
X-Amz-Cf-Pop: FRA60-P12
X-Amz-Cf-Id: jwTE_CtxtYnpo0PdV2QUX1QfDNS1_5EdHxZk7qNZWgkwAUyoVeJhUQ==
Page title: Watchere
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Watchere</title>
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<!-- <div id="top-banner" class="top-banner">
<p>
<span>this site is owned by ...</span>
</p>
</div> -->
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-dark">
<div class="container">
<a class="navbar-brand me-3" href="#">
<img
src="./Images/Logo.png"
alt="Logo"
style="height: 36px; width: auto"
/>
</a>
<!-- Toggler for mobile -->
<button
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<!-- your links -->
<li class="nav-item">
<a class="nav-link" href="#about" data-i18n="nav_about"></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#pricing" data-i18n="nav_pricing"></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#services" data-i18n="nav_services"></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#faq" data-i18n="nav_faq"></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact" data-i18n="nav_contact"></a>
</li>
</ul>
<div class="d-flex align-items-center ms-auto">
<!-- Desktop Language Dropdown -->
<div
class="position-relative d-none d-lg-block"
style="margin-right: 20px"
>
<button
id="lang-btn-desktop"
class="btn p-0 border-0 bg-transparent d-flex align-items-center"
type="button"
style="cursor: pointer"
>
<img
src="./Images/languages.png"
alt="Language"
style="width: 25px; height: auto; margin-right: 8px"
/>
<span id="lang-display-desktop" class="text-white">EN</span>
</button>
<div
id="lang-dropdown-desktop"
class="position-absolute top-100 end-0 mt-2 bg-white rounded shadow-lg hidden"
style="min-width: 120px; z-index: 1000"
>
<button
class="lang-option w-100 text-start px-3 py-2 border-0 bg-transparent hover-bg-light"
data-lang="en"
data-dropdown="lang-dropdown-desktop"
style="cursor: pointer"
>
English
</button>
<button
class="lang-option w-100 text-start px-3 py-2 border-0 bg-transparent hover-bg-light"
data-lang="ar"
data-dropdown="lang-dropdown-desktop"
style="cursor: pointer"
>
العربية
</button>
</div>
</div>
<!-- Mobile Language Dropdown -->
<div
class="position-relative d-block d-lg-none"
style="margin-right: 2