Gallery | Marsa Alam Adventures<\/title>\r\n <meta name=\"description\" content=\"Browse our collection of real photos from thrilling desert safaris, beautiful landscapes, and cultural encounters in Marsa Alam. Get inspired for your next adventure with us!\" \/>\r\n\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n \r\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.3\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\r\n \r\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap-icons@1.11.3\/font\/bootstrap-icons.css\" rel=\"stylesheet\">\r\n\r\n <style>\r\n \/*\r\n Consolidated :root variables, adapted from the Buggy Adventure page.\r\n Dark mode specific variables have been removed.\r\n *\/\r\n :root{\r\n --brand:#F97316; \/* Primary Orange *\/\r\n --brand-2:#FB923C; \/* Lighter Orange for gradients *\/\r\n --accent:#3b82f6; \/* Existing Purple accent *\/\r\n --ink:#0b132a; \/* Main text color *\/\r\n --muted:#64748b; \/* Muted text color *\/\r\n --card-bg: #ffffff; \/* Consistent white for backgrounds *\/\r\n --line:#e5ecff; \/* Border\/separator color *\/\r\n --bg:#f7faff; \/* Overall page background *\/\r\n --shadow:0 10px 30px rgba(2,6,23,.12); \/* General shadow *\/\r\n --blur:saturate(180%) blur(10px); \/* For glassmorphism effects *\/\r\n --radius-xl:22px;\r\n --radius-lg:18px;\r\n --radius-md:14px;\r\n\r\n \/* Menu Specific Variables *\/\r\n --navbar-height:64px; \/* Default, will be overridden by JS *\/\r\n --tabs-h:0px; \/* No internal tabs in this layout, set to 0 *\/\r\n\r\n \/* New Orange-specific variables for badges, etc. (used in menu buttons) *\/\r\n --orange-subtle-border: rgba(249, 115, 22, 0.25);\r\n --orange-subtle-bg: rgba(249, 115, 22, 0.08);\r\n --orange-text: #F97316;\r\n --orange-dark-text: #C2410C;\r\n --orange-light-border: #FFEDD5;\r\n }\r\n\r\n html,body{\r\n font-family:'Poppins',system-ui,Segoe UI,Roboto,Arial;\r\n background:var(--bg);\r\n color:var(--ink);\r\n margin:0;\r\n padding:0;\r\n overflow-x: hidden; \/* Prevents horizontal scroll from dynamic elements *\/\r\n \/* --- START: Content Security Additions --- *\/\r\n -webkit-user-select: none; \/* Safari *\/\r\n -moz-user-select: none; \/* Firefox *\/\r\n -ms-user-select: none; \/* IE10+\/Edge *\/\r\n user-select: none; \/* Standard *\/\r\n -webkit-touch-callout: none; \/* iOS Safari *\/\r\n \/* --- END: Content Security Additions --- *\/\r\n }\r\n body::before, body::after{ content:\"\"; position:fixed; inset:auto -20vw 30vh auto; width:55vw; height:55vw; border-radius:50%; background: radial-gradient(35% 35% at 30% 30%, rgba(249,115,22,.45), transparent 70%), radial-gradient(40% 40% at 70% 70%, rgba(251,146,60,.35), transparent 70%); filter: blur(40px); opacity:.65; pointer-events:none; z-index:-1; transform: translate3d(0,0,0); animation: floaty 16s ease-in-out infinite alternate }\r\n body::after{ inset: 10vh auto auto -20vw; background:radial-gradient(40% 40% at 70% 30%, rgba(59,130,246,.35), transparent 70%), radial-gradient(30% 30% at 30% 70%, rgba(249,115,22,.45), transparent 70%); animation-duration:18s }\r\n @keyframes floaty{ from{ transform:translateY(-2vh)} to{ transform:translateY(2vh)} }\r\n\r\n \/* Main content should be full width, no grid layout for this page *\/\r\n .content{min-width:0}\r\n\r\n .wrap{width:100%; max-width: 1600px; padding-left:clamp(16px, 5vw, 48px); padding-right:clamp(16px, 5vw, 48px); margin:0 auto}\r\n\r\n .hero{position:relative; overflow:hidden; border-bottom:1px solid var(--line); background: radial-gradient(1200px 400px at 10% -10%, rgba(249,115,22,.20), transparent 60%), radial-gradient(1200px 400px at 90% -10%, rgba(251,146,60,.18), transparent 60%), linear-gradient(180deg, rgba(255,255,255,.65), rgba(255,255,255,0)); backdrop-filter: var(--blur) }\r\n .hero-inner{padding: 80px 0; } \/* Adjusted padding *\/\r\n\r\n .gradient-text{background: linear-gradient(90deg, var(--brand), var(--brand-2)); -webkit-background-clip:text; background-clip:text; color:transparent}\r\n\r\n .btn-gradient{ display:inline-flex; align-items:center; justify-content:center; gap:0.5rem; text-decoration:none; position:relative; border:none; color:#fff; border-radius:16px; padding:.8rem 1.2rem; font-weight:800; letter-spacing:.3px; background:linear-gradient(90deg, var(--brand), var(--brand-2)); box-shadow:0 12px 28px rgba(249,115,22,.35); overflow:hidden; transition: transform 0.2s ease, box-shadow 0.2s ease; }\r\n .btn-gradient:hover { transform: translateY(-2px); box-shadow:0 14px 32px rgba(249, 115, 22,.3); }\r\n .btn-gradient::after{ content:\"\"; position:absolute; inset:-100% auto auto -100%; width:200%; height:200%; background:radial-gradient(60% 60% at 50% 50%, rgba(255,255,255,.25), transparent 45%); transform:translate3d(-50%,-50%,0); transition:transform .45s ease }\r\n .btn-gradient:hover::after{ transform:translate3d(0,0,0) } \/* Corrected transform for hover effect *\/\r\n\r\n .btn-outline-glass{ display:inline-flex; align-items:center; justify-content:center; gap:0.5rem; text-decoration:none; border-radius:16px; font-weight:700; border:1px solid rgba(249,115,22,.35); color:var(--brand); padding:.8rem 1.2rem; background:rgba(255,255,255,.5); transition: background-color .2s ease, color .2s ease; }\r\n .btn-outline-glass:hover { background: rgba(249, 115, 22, 0.08); color: var(--brand); }\r\n\r\n \/* Scroll margin for sections now depends on only the unified header *\/\r\n section[id]{ scroll-margin-top: calc(var(--navbar-height) + 18px) }\r\n\r\n .reveal{ opacity:0; transform: translateY(12px) scale(.98); transition: .6s cubic-bezier(.2,.65,.2,1) }\r\n .reveal.in{ opacity:1; transform:none }\r\n\r\n .progress-top{ position:fixed; top:0; left:0; height:4px; width:0; background:linear-gradient(90deg,var(--brand),var(--brand-2)); z-index:1001 }\r\n\r\n\r\n \/* === GALLERY SPECIFIC STYLES === *\/\r\n .gallery-item {\r\n overflow: hidden;\r\n border-radius: var(--radius-lg);\r\n box-shadow: var(--shadow);\r\n border: 1px solid var(--line);\r\n cursor: pointer;\r\n display: block;\r\n }\r\n .gallery-item img {\r\n width: 100%;\r\n height: 250px;\r\n object-fit: cover;\r\n transition: transform 0.4s ease;\r\n }\r\n .gallery-item:hover img {\r\n transform: scale(1.08);\r\n }\r\n .modal-content{\r\n background: var(--card-bg); \/* Changed from --card to --card-bg *\/\r\n backdrop-filter: var(--blur);\r\n border: 1px solid var(--line);\r\n border-radius: var(--radius-xl);\r\n }\r\n .modal-content .btn-close{\r\n position: absolute;\r\n top: 1rem;\r\n right: 1rem;\r\n z-index: 10;\r\n filter: invert(1) grayscale(100%) brightness(200%); \/* Maintain visibility on light backgrounds *\/\r\n }\r\n .modal-body img{\r\n width: 100%;\r\n border-radius: var(--radius-lg);\r\n }\r\n .chip{display:inline-flex; align-items:center; gap:.55rem; padding:.5rem .8rem; border:1px solid var(--line); border-radius:999px; background:rgba(255,255,255,.7); font-weight:600}\r\n .flag{font-size:18px; display:inline-block; width:1.4em}\r\n\r\n\r\n \/*\r\n Unified Header Specific Styles, adapted from the Buggy page,\r\n with all dark mode styles removed.\r\n *\/\r\n .unified-header {\r\n position: sticky; \/* Ensure it's sticky *\/\r\n top: 0;\r\n z-index: 75;\r\n background: rgba(255, 255, 255, 0.85); \/* Slightly transparent white for a modern look *\/\r\n backdrop-filter: var(--blur);\r\n border-bottom:1px solid var(--line);\r\n }\r\n .unified-header .brand-badge { width: 44px; height: 44px; border-radius: var(--radius-md); background:linear-gradient(145deg,#fff,#eef4ff); border:1px solid #e7edff; }\r\n \/* Styles for the new FOX logo image that replaces the SVG *\/\r\n .brand-badge img.brand-logo-img {\r\n display: block; \/* Ensures image does not have extra space below it *\/\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain; \/* Scales image down to fit, maintaining aspect ratio *\/\r\n object-position: center; \/* Centers the image within the badge *\/\r\n padding: 2px; \/* Add some padding inside the badge *\/\r\n }\r\n .unified-header .brand div { font-size: 0.9rem; }\r\n .unified-header .brand div .small { font-size: 0.75rem; }\r\n \/* Navbar Toggler icon colors *\/\r\n .unified-header .navbar-toggler-icon { background-image: url(\"data:image\/svg+xml,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(11, 19, 42, 0.7)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'\/%3e%3c\/svg%3e\"); }\r\n\r\n\r\n \/* Utility class for content wrapping\/centering *\/\r\n .content-container{\r\n width:100%;\r\n max-width: 1600px;\r\n padding-left:clamp(16px, 5vw, 48px);\r\n padding-right:clamp(16px, 5vw, 48px);\r\n margin:0 auto;\r\n }\r\n\r\n \/* Custom Language Switcher styles for the unified header *\/\r\n .unified-header .lang-switcher { position: relative; }\r\n .unified-header .lang-menu-custom {\r\n position: absolute;\r\n top: calc(100% + 10px);\r\n right: 0;\r\n min-width: 160px;\r\n padding: .5rem;\r\n margin: 0;\r\n list-style: none;\r\n background-color: var(--card-bg);\r\n border: 1px solid var(--line);\r\n border-radius: var(--radius-lg);\r\n box-shadow: var(--shadow);\r\n z-index: 1000;\r\n opacity: 0;\r\n visibility: hidden;\r\n transform: translateY(-10px);\r\n transition: opacity .2s ease, transform .2s ease, visibility .2s;\r\n }\r\n .unified-header .lang-menu-custom.show { opacity: 1; visibility: visible; transform: translateY(0); }\r\n .unified-header .lang-menu-custom .lang-item {\r\n width: 100%;\r\n padding: .5rem 1rem;\r\n font-weight: 600;\r\n color: var(--ink);\r\n background-color: transparent;\r\n border: 0;\r\n border-radius: var(--radius-md);\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n gap: .75rem;\r\n }\r\n .unified-header .lang-menu-custom .lang-item:hover { background-color: rgba(249, 115, 22, 0.1); }\r\n\r\n \/* Custom Dropdown Styling for main navigation *\/\r\n .unified-header .dropdown-menu {\r\n padding: .5rem;\r\n border-radius: var(--radius-lg);\r\n background-color: var(--card-bg);\r\n border: 1px solid var(--line);\r\n box-shadow: var(--shadow);\r\n z-index: 100;\r\n min-width: 220px; \/* Wider for better readability *\/\r\n margin-top: 8px !important;\r\n }\r\n .unified-header .dropdown-item {\r\n padding: .65rem .9rem;\r\n font-weight: 500; \/* Slightly lighter for dropdown items *\/\r\n color: var(--ink);\r\n border-radius: var(--radius-md);\r\n text-decoration: none;\r\n background-color: transparent;\r\n transition: background-color .2s ease, color .2s ease;\r\n }\r\n .unified-header .dropdown-item:hover,\r\n .unified-header .dropdown-item:focus {\r\n background-color: rgba(249,115,22,.08);\r\n color: var(--brand);\r\n }\r\n \/* Main navigation link styles *\/\r\n .unified-header .nav-link {\r\n color: var(--ink);\r\n background: transparent;\r\n padding: .65rem 1rem;\r\n border-radius: var(--radius-md);\r\n font-weight: 600;\r\n transition: background-color .2s ease, color .2s ease;\r\n white-space: nowrap; \/* Prevent text wrapping for menu items on desktop *\/\r\n }\r\n .unified-header .nav-link:hover {\r\n background: rgba(249,115,22,.08);\r\n color: var(--brand);\r\n }\r\n .unified-header .nav-link.active {\r\n background: var(--brand);\r\n color: #fff;\r\n }\r\n \/* Ensure dropdown toggles also show active state when their submenu is active *\/\r\n .unified-header .dropdown-toggle.active {\r\n background: var(--brand);\r\n color: #fff !important;\r\n }\r\n\r\n \/* Styles for non-navigable menu items *\/\r\n .dropdown-item.non-navigable, .nav-link.non-navigable {\r\n pointer-events: none; \/* Disable click events *\/\r\n cursor: default; \/* Change cursor to default, not pointer *\/\r\n opacity: 0.7; \/* Optionally dim them slightly *\/\r\n }\r\n .dropdown-item.non-navigable:hover, .nav-link.non-navigable:hover {\r\n background-color: transparent !important; \/* Ensure no hover background *\/\r\n color: var(--ink) !important; \/* Ensure text color doesn't change on hover *\/\r\n }\r\n\r\n \/* Mobile Menu specific styles for perfect responsiveness and usability *\/\r\n @media (max-width: 991.98px) {\r\n \/* The main content-container now wraps everything on desktop too *\/\r\n .unified-header > .content-container {\r\n padding-top: 10px; \/* Some vertical padding for the top bar on mobile *\/\r\n padding-bottom: 10px;\r\n }\r\n\r\n \/* Styling for the collapsed navbar content (the mobile menu itself) *\/\r\n .unified-header .navbar-collapse {\r\n position: fixed; \/* Position relative to the viewport *\/\r\n top: var(--navbar-height); \/* Dynamically set height from JS *\/\r\n left: 0;\r\n width: 100vw; \/* Full viewport width *\/\r\n height: calc(100vh - var(--navbar-height)); \/* Fill remaining vertical space *\/\r\n overflow-y: auto; \/* Allow scrolling for long menus *\/\r\n background-color: var(--card-bg);\r\n border-top: 1px solid var(--line);\r\n margin: 0;\r\n padding: 20px 16px; \/* Apply desired padding directly to the collapse content for mobile *\/\r\n box-shadow: 0 10px 20px rgba(0,0,0,0.05);\r\n border-radius: 0;\r\n z-index: 70;\r\n }\r\n .unified-header .navbar-collapse .nav-item {\r\n width: 100%;\r\n margin-bottom: 8px; \/* Added slight margin for mobile nav items *\/\r\n }\r\n .unified-header .navbar-collapse .nav-link,\r\n .unified-header .navbar-collapse .dropdown-item {\r\n padding: .85rem 1rem; \/* Slightly larger padding for touch targets *\/\r\n font-size: 1.05rem;\r\n white-space: normal; \/* Allow wrapping within mobile menu if needed *\/\r\n }\r\n \/* Mobile-specific: When Tours dropdown is active, the toggle itself should also look active *\/\r\n .unified-header .navbar-collapse .dropdown-toggle[aria-expanded=\"true\"] {\r\n background-color: var(--orange-subtle-bg); \/* Use a subtle background *\/\r\n color: var(--brand); \/* Text color to brand *\/\r\n border-radius: var(--radius-md);\r\n }\r\n \/* Submenu (Tours) expands inline on mobile *\/\r\n .unified-header .navbar-collapse .dropdown-menu {\r\n position: static;\r\n width: 100%;\r\n border: none;\r\n box-shadow: none;\r\n background-color: rgba(249,115,22,.05);\r\n margin-top: 5px;\r\n border-radius: var(--radius-md);\r\n padding: 5px;\r\n }\r\n .unified-header .navbar-collapse .dropdown-item {\r\n padding-left: 2rem; \/* Indent sub-items *\/\r\n font-size: 1.05rem; \/* Match parent font size *\/\r\n }\r\n \/* Language switcher in mobile menu *\/\r\n .unified-header .navbar-collapse .lang-switcher { margin-top: 15px; text-align: center; position: static; }\r\n .unified-header .navbar-collapse .lang-switcher .btn { width: auto; justify-content: center; padding: 0.5rem 1.5rem; }\r\n .unified-header .navbar-collapse .lang-menu-custom {\r\n position: static;\r\n width: 100%;\r\n box-shadow: none;\r\n border: none;\r\n background-color: transparent;\r\n transform: translateY(0);\r\n opacity: 1;\r\n visibility: visible;\r\n margin-top: 10px;\r\n display: grid; \/* Use grid for better layout of language items on mobile *\/\r\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\r\n gap: 5px;\r\n }\r\n .unified-header .navbar-collapse .lang-switcher .lang-item { justify-content: center; padding: .6rem 1rem; background-color: rgba(0,0,0,0.03); }\r\n\r\n \/* Mobile specific styling for right-side action buttons within the collapsed menu *\/\r\n .unified-header .navbar-collapse .action-buttons-container {\r\n display: grid !important; \/* Force grid layout for buttons *\/\r\n grid-template-columns: 1fr; \/* Stack buttons vertically *\/\r\n gap: 10px; \/* Space between stacked buttons *\/\r\n margin-top: 20px !important; \/* Add space above buttons in mobile menu *\/\r\n }\r\n .unified-header .navbar-collapse .action-buttons-container .btn {\r\n width: 100%; \/* Make buttons full width *\/\r\n justify-content: center; \/* Center content of buttons *\/\r\n }\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce){ *{ transition:none!important; animation:none!important; scroll-behavior:auto!important } }\r\n <\/style>\r\n\r\n<\/head>\r\n\r\n<body oncontextmenu=\"return false;\" ondragstart=\"return false;\">\r\n\r\n<div class=\"progress-top\" id=\"progress\"><\/div>\r\n\r\n\r\n<header class=\"unified-header sticky-top navbar navbar-expand-lg\" id=\"mainHeader\">\r\n \r\n <div class=\"content-container d-flex align-items-center w-100 py-2 py-lg-0\">\r\n <a class=\"brand d-flex align-items-center gap-2 text-decoration-none\" href=\"https:\/\/foxmarsaalam.com\/de\/\">\r\n <div class=\"brand-badge\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/67ZkRRWL\/FOX-Logo-Custom.png\" alt=\"\" class=\"brand-logo-img\"\r\n data-en-alt=\"FOX Marsa Alam Logo\"\r\n data-de-alt=\"FOX Marsa Alam Logo\"\r\n data-ru-alt=\"FOX Marsa Alam Logo\"\r\n data-it-alt=\"FOX Marsa Alam Logo\"\r\n data-cz-alt=\"FOX Marsa Alam Logo\"\r\n data-pl-alt=\"FOX Marsa Alam Logo\">\r\n <\/div>\r\n <div>\r\n <div class=\"fw-bold\" style=\"color:var(--ink);\" data-en=\"FOX MARSA ALAM\" data-de=\"FOX MARSA ALAM\" data-ru=\"FOX MARSA ALAM\" data-it=\"FOX MARSA ALAM\" data-cz=\"FOX MARSA ALAM\" data-pl=\"FOX MARSA ALAM\">FOX MARSA ALAM<\/div>\r\n <div class=\"text-muted small\" data-en=\"Gallery\" data-de=\"Galerie\" data-ru=\"\u0413\u0430\u043b\u0435\u0440\u0435\u044f\" data-it=\"Galleria\" data-cz=\"Galerie\" data-pl=\"Galeria\">Gallery<\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n \r\n <button class=\"navbar-toggler ms-auto\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#navbarNav\" aria-controls=\"navbarNav\" aria-expanded=\"false\"\r\n aria-label=\"Toggle navigation\" data-en-arialabel=\"Toggle navigation\" data-de-arialabel=\"Navigation umschalten\" data-ru-arialabel=\"\u041f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044e\" data-it-arialabel=\"Mostra\/nascondi navigazione\" data-cz-arialabel=\"P\u0159epnout navigaci\" data-pl-arialabel=\"Prze\u0142\u0105cz nawigacj\u0119\">\r\n <span class=\"navbar-toggler-icon\"><\/span>\r\n <\/button>\r\n\r\n \r\n <div class=\"collapse navbar-collapse\" id=\"navbarNav\">\r\n <div class=\"content-container d-flex flex-column flex-lg-row align-items-lg-center justify-content-between py-3 py-lg-0\">\r\n <ul class=\"navbar-nav mx-auto mb-2 mb-lg-0 gap-lg-2\">\r\n <li class=\"nav-item\"><a href=\"https:\/\/foxmarsaalam.com\/de\/\" class=\"nav-link\" data-en=\"Home\" data-de=\"Startseite\" data-ru=\"\u0413\u043b\u0430\u0432\u043d\u0430\u044f\" data-it=\"Home\" data-cz=\"Dom\u016f\" data-pl=\"Strona g\u0142\u00f3wna\">Home<\/a><\/li>\r\n <li class=\"nav-item dropdown\">\r\n \r\n <a class=\"nav-link dropdown-toggle\" href=\"#navbarDropdownToursMenu\" role=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#navbarDropdownToursMenu\" aria-expanded=\"false\" data-en=\"Tours\" data-de=\"Touren\" data-ru=\"\u0422\u0443\u0440\u044b\" data-it=\"Tour\" data-cz=\"V\u00fdlety\" data-pl=\"Wycieczki\">\r\n Tours\r\n <\/a>\r\n \r\n <ul class=\"dropdown-menu collapse\" id=\"navbarDropdownToursMenu\">\r\n <li><a class=\"dropdown-item\" href=\"https:\/\/foxmarsaalam.com\/de\/super-safari\/\" data-en=\"Super Safari\" data-de=\"Super Safari\" data-ru=\"\u0421\u0443\u043f\u0435\u0440 \u0421\u0430\u0444\u0430\u0440\u0438\" data-it=\"Super Safari\" data-cz=\"Super Safari\" data-pl=\"Super Safari\">Super Safari<\/a><\/li>\r\n <li><a class=\"dropdown-item\" href=\"https:\/\/foxmarsaalam.com\/de\/%d9%8djeep-safari\/\" data-en=\"Jeep Safari\" data-de=\"Jeep Safari\" data-ru=\"\u0414\u0436\u0438\u043f-\u0441\u0430\u0444\u0430\u0440\u0438\" data-it=\"Jeep Safari\" data-cz=\"Jeep Safari\" data-pl=\"Jeep Safari\">Jeep Safari<\/a><\/li>\r\n <li><a class=\"dropdown-item\" href=\"https:\/\/foxmarsaalam.com\/de\/buggy-spider\/\" data-en=\"Buggy Spider\" data-de=\"Buggy Spider\" data-ru=\"\u0411\u0430\u0433\u0433\u0438-\u043f\u0430\u0443\u043a\" data-it=\"Buggy Spider\" data-cz=\"Buggy Spider\" data-pl=\"Buggy Spider\">Buggy Spider<\/a><\/li>\r\n <li><a class=\"dropdown-item\" href=\"https:\/\/foxmarsaalam.com\/de\/quad-sunset-bbq\/\" data-en=\"Quad Sunset BBQ\" data-de=\"Quad bei Sonnenuntergang & BBQ\" data-ru=\"\u041a\u0432\u0430\u0434\u0440\u043e\u0446\u0438\u043a\u043b\u044b \u043d\u0430 \u0437\u0430\u043a\u0430\u0442\u0435 \u0438 \u0431\u0430\u0440\u0431\u0435\u043a\u044e\" data-it=\"Quad al Tramonto con BBQ\" data-cz=\"\u010cty\u0159kolky p\u0159i z\u00e1padu s\u0142o\u0144ca s BBQ\" data-pl=\"Quady o zachodzie s\u0142o\u0144ca z grillem\">Quad Sunset BBQ<\/a><\/li>\r\n <li><a class=\"dropdown-item\" href=\"https:\/\/foxmarsaalam.com\/de\/desert-atv-adventure\/\" data-en=\"Desert ATV Adventure\" data-de=\"W\u00fcsten-ATV-Abenteuer\" data-ru=\"\u041f\u0440\u0438\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u043d\u0430 \u043a\u0432\u0430\u0434\u0440\u043e\u0446\u0438\u043a\u043b\u0430\u0445 \u0432 \u043f\u0443\u0441\u0442\u044b\u043d\u0435\" data-it=\"Avventura in ATV nel Deserto\" data-cz=\"Dobrodru\u017estv\u00ed na \u010dty\u0159kolce v pou\u0161ti\" data-pl=\"Pustynna przygoda na quadach\">Desert ATV Adventure<\/a><\/li>\r\n <li><a class=\"dropdown-item\" href=\"https:\/\/foxmarsaalam.com\/de\/camel-ride\/\" data-en=\"Camel Ride\" data-de=\"Kamelritt\" data-ru=\"\u041f\u0440\u043e\u0433\u0443\u043b\u043a\u0430 na \u0432\u0435\u0440\u0431\u043b\u044e\u0434\u0430\u0445\" data-it=\"Passeggiata in Cammello\" data-cz=\"J\u00edzda na velbloudu\" data-pl=\"Przeja\u017cd\u017cka na wielb\u0142\u0105dach\">Camel Ride<\/a><\/li>\r\n <li><a class=\"dropdown-item\" href=\"https:\/\/foxmarsaalam.com\/de\/horse-ride\/\" data-en=\"Horse Ride\" data-de=\"Ausritt\" data-ru=\"\u041f\u0440\u043e\u0433\u0443\u043b\u043a\u0430 na \u043b\u043e\u0448\u0430\u0434\u044f\u0445\" data-it=\"Passeggiata a Cavallo\" data-cz=\"J\u00edzda na koni\" data-pl=\"Jazda konna\">Horse Ride<\/a><\/li>\r\n \r\n <\/ul>\r\n <\/li>\r\n <li class=\"nav-item\"><span class=\"nav-link non-navigable\" data-en=\"Transfer Service\" data-de=\"Transferservice\" data-ru=\"\u0422\u0440\u0430\u043d\u0441fer\" data-it=\"Servizio Transfer\" data-cz=\"Transferov\u00e9 slu\u017eby\" data-pl=\"Us\u0142ugi transferowe\">Transfer Service<\/span><\/li>\r\n <li class=\"nav-item\"><a href=\"https:\/\/foxmarsaalam.com\/de\/gallery\/\" class=\"nav-link active\" data-en=\"Gallery\" data-de=\"Galerie\" data-ru=\"\u0413\u0430\u043b\u0435\u0440\u0435\u044f\" data-it=\"Galleria\" data-cz=\"Galerie\" data-pl=\"Galeria\">Gallery<\/a><\/li>\r\n <li class=\"nav-item\"><a href=\"https:\/\/foxmarsaalam.com\/de\/abou-us\/\" class=\"nav-link\" data-en=\"About Us\" data-de=\"\u00dcber uns\" data-ru=\"\u041e \u043d\u0430\u0441\" data-it=\"Chi siamo\" data-cz=\"O n\u00e1s\" data-pl=\"O nas\">About Us<\/a><\/li>\r\n \r\n <li class=\"nav-item\"><a href=\"https:\/\/foxmarsaalam.com\/de\/411-2\/\" class=\"nav-link\" data-en=\"Contact Us\" data-de=\"Kontakt\" data-ru=\"\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b\" data-it=\"Contattaci\" data-cz=\"Kontakt\" data-pl=\"Kontakt\">Contact Us<\/a><\/li>\r\n <\/ul>\r\n\r\n \r\n <div class=\"action-buttons-container d-flex flex-column flex-lg-row align-items-center gap-lg-3 mt-3 mt-lg-0\">\r\n <div class=\"lang-switcher\">\r\n <button id=\"lang-switcher-btn\" class=\"btn btn-outline-glass d-flex align-items-center gap-2\" type=\"button\"\r\n aria-label=\"Select Language\" data-en-arialabel=\"Select Language\" data-de-arialabel=\"Sprache ausw\u00e4hlen\" data-ru-arialabel=\"\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u044f\u0437\u044b\u043a\" data-it-arialabel=\"Seleziona la lingua\" data-cz-arialabel=\"Vyberte jazyk\" data-pl-arialabel=\"Wybierz j\u0119zyk\">\r\n <i class=\"bi bi-translate fs-5\"><\/i>\r\n <span id=\"lang-indicator-text\" class=\"fw-bold small d-none d-lg-inline\">EN<\/span>\r\n <\/button>\r\n <ul id=\"lang-menu-custom\" class=\"lang-menu-custom\">\r\n <li><button class=\"lang-item\" data-lang=\"en\"><span>\ud83c\uddec\ud83c\udde7<\/span> English<\/button><\/li>\r\n <li><button class=\"lang-item\" data-lang=\"de\"><span>\ud83c\udde9\ud83c\uddea<\/span> Deutsch<\/button><\/li>\r\n <li><button class=\"lang-item\" data-lang=\"ru\"><span>\ud83c\uddf7\ud83c\uddfa<\/span> \u0420\u0443\u0441\u0441\u043a\u0438\u0439<\/button><\/li>\r\n <li><button class=\"lang-item\" data-lang=\"it\"><span>\ud83c\uddee\ud83c\uddf9<\/span> Italiano<\/button><\/li>\r\n <li><button class=\"lang-item\" data-lang=\"cz\"><span>\ud83c\udde8\ud83c\uddff<\/span> \u010ce\u0161tina<\/button><\/li>\r\n <li><button class=\"lang-item\" data-lang=\"pl\"><span>\ud83c\uddf5\ud83c\uddf1<\/span> Polski<\/button><\/li>\r\n <\/ul>\r\n <\/div>\r\n \r\n <a href=\"https:\/\/wa.me\/201212014040\" class=\"btn btn-success d-flex align-items-center justify-content-center gap-2\" target=\"_blank\" rel=\"noopener\">\r\n <i class=\"bi bi-whatsapp\"><\/i> <span data-en=\"WhatsApp Us\" data-de=\"WhatsApp\" data-ru=\"WhatsApp\" data-it=\"WhatsApp\" data-cz=\"WhatsApp\" data-pl=\"WhatsApp\">WhatsApp Us<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/foxmarsaalam.com\/de\/411-2\/\" class=\"btn btn-gradient\"> \r\n <span data-en=\"Book Now\" data-de=\"Jetzt Buchen\" data-ru=\"\u0411\u0440\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u0442\u044c\" data-it=\"Prenota Ora\" data-cz=\"Rezervovat\" data-pl=\"Rezerwuj\">Book Now<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n<main class=\"content\">\r\n\r\n <section id=\"top\" class=\"hero\">\r\n <div class=\"wrap hero-inner\">\r\n <div class=\"row align-items-center\">\r\n <div class=\"col-lg-10 mx-auto text-center\">\r\n <h1 class=\"display-5 fw-bold gradient-text\" data-en=\"Moments from the Heart of Egypt\" data-de=\"Momente aus dem Herzen \u00c4gyptens\" data-ru=\"\u041c\u043e\u043c\u0435\u043d\u0442\u044b \u0438\u0437 \u0441\u0435\u0440\u0434\u0446\u0430 \u0415\u0433\u0438\u043f\u0442\u0430\" data-it=\"Momenti dal Cuore dell'Egitto\" data-cz=\"Okam\u017eiky ze Srdce Egypta\" data-pl=\"Chwile z Serca Egiptu\">Moments from the Heart of Egypt<\/h1>\r\n <p class=\"lead mb-4 text-secondary\" data-en=\"Browse our collection of real photos from thrilling desert safaris, beautiful landscapes, and cultural encounters. Get inspired for your next adventure with us!\" data-de=\"St\u00f6bern Sie in unserer Sammlung echter Fotos von aufregenden W\u00fcstensafaris, wundersch\u00f6nen Landschaften und kulturellen Begegnungen. Lassen Sie sich f\u00fcr Ihr n\u00e4chstes Abenteuer mit uns inspirieren!\" data-ru=\"\u041f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u0442\u0435 \u043d\u0430\u0448\u0443 \u043a\u043e\u043b\u043b\u0435\u043a\u0446\u0438\u044e \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0445 \u0444\u043e\u0442\u043e\u0433\u0440\u0430\u0444\u0438\u0439 \u0437\u0430\u0445\u0432\u0430\u0442\u044b\u0432\u0430\u044e\u0449\u0438\u0445 \u0441\u0430\u0444\u0430\u0440\u0438 \u043f\u043e \u043f\u0443\u0441\u0442\u044b\u043d\u0435, \u043a\u0440\u0430\u0441\u0438\u0432\u044b\u0445 \u043f\u0435\u0439\u0437\u0430\u0436\u0435\u0439 \u0438 \u043a\u0443\u043b\u044c\u0442\u0443\u0440\u043d\u044b\u0445 \u0432\u0441\u0442\u0440\u0435\u0447. \u0412\u0434\u043e\u0445\u043d\u043e\u0432\u0438\u0442\u0435\u0441\u044c \u043d\u0430 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0435 \u043f\u0440\u0438\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0441 \u043d\u0430\u043c\u0438!\" data-it=\"Sfoglia la nostra collezione di foto reali di emozionanti safari nel deserto, paesaggi mozzafiato e incontri culturali. Lasciati ispirare per la tua prossima avventura con noi!\" data-cz=\"Prohl\u00e9dn\u011bte si na\u0161i sb\u00edrku skute\u010dn\u00fdch fotografi\u00ed z nap\u00ednav\u00fdch pou\u0161tn\u00edch safari, kr\u00e1sn\u00fdch krajin a kulturn\u00edch setk\u00e1n\u00ed. Nechte se inspirovat pro sv\u00e9 dal\u0161\u00ed dobrodru\u017estv\u00ed s n\u00e1mi!\" data-pl=\"Przejrzyj nasz\u0105 kolekcj\u0119 prawdziwych zdj\u0119\u0107 z ekscytuj\u0105cych safari po pustyni, pi\u0119knych krajobraz\u00f3w i spotka\u0144 kulturowych. Zainspiruj si\u0119 na swoj\u0105 kolejn\u0105 przygod\u0119 z nami!\">Browse our collection of real photos from thrilling desert safaris, beautiful landscapes, and cultural encounters. Get inspired for your next adventure with us!<\/p>\r\n <a href=\"#gallery\" class=\"btn btn-gradient\"><i class=\"bi bi-camera me-1\"><\/i> <span data-en=\"Explore Our Gallery\" data-de=\"Unsere Galerie erkunden\" data-ru=\"\u041f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0433\u0430\u043b\u0435\u0440\u0435\u044e\" data-it=\"Esplora la nostra Galleria\" data-cz=\"Prozkoumat na\u0161i galerii\" data-pl=\"Odkryj nasz\u0105 Galeri\u0119\">Explore Our Gallery<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"gallery\" class=\"wrap py-5\">\r\n <div class=\"row g-3 g-md-4\">\r\n \r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/7JbppXrS\/3a3f63e1da68bfb021ea0934dd05d1ed.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/7JbppXrS\/3a3f63e1da68bfb021ea0934dd05d1ed.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/9xr2Dyx\/5b6730cbc8ff45f62e600951fa68e9c2.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/9xr2Dyx\/5b6730cbc8ff45f62e600951fa68e9c2.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/4ZjP8mHF\/6c0ccd9ac7a9163d449d57af4fbfce61.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/4ZjP8mHF\/6c0ccd9ac7a9163d449d57af4fbfce61.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/nqg2Lg68\/8d49958eb36c92d3ee59114059951523.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/nqg2Lg68\/8d49958eb36c92d3ee59114059951523.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/zTdzT6Sy\/412b54f12a349d85fc171e1c893eaf01.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/zTdzT6Sy\/412b54f12a349d85fc171e1c893eaf01.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/dswX8SZq\/5970d2e112ee07564cfe8ecd0356f75b.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/dswX8SZq\/5970d2e112ee07564cfe8ecd0356f75b.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/8nqjRWMs\/21067c226c8b62efaa0d3976e0872f32.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/8nqjRWMs\/21067c226c8b62efaa0d3976e0872f32.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/tpYHrnvS\/db9d2ce62c6f82a3387d8f14e5569f1b.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/tpYHrnvS\/db9d2ce62c6f82a3387d8f14e5569f1b.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/hRW7WrLC\/f23faacfdaf4c3610a810eaf565f03f4.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/hRW7WrLC\/f23faacfdaf4c3610a810eaf565f03f4.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/d4wLGY19\/1f2c11aca52f369d92af4f0f3964b38d.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/d4wLGY19\/1f2c11aca52f369d92af4f0f3964b38d.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/WpfWXVcg\/59d2ca94e3997f60cfbe0d6e5a41dc0d.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/WpfWXVcg\/59d2ca94e3997f60cfbe0d6e5a41dc0d.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/KzGndYnb\/157502bf349cfcacf0e9b1e70d5aa41c.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/KzGndYnb\/157502bf349cfcacf0e9b1e70d5aa41c.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/rKR9LXCb\/75060995d6d3ca0f67e6781fcccf564c.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/rKR9LXCb\/75060995d6d3ca0f67e6781fcccf564c.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/nMJ3RC81\/a6427b99d51c7c487a588c1585e2ac53.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/nMJ3RC81\/a6427b99d51c7c487a588c1585e2ac53.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/5X3LCGLz\/9355f6c09de2e99d8e4c8cf19e78aaf6.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/5X3LCGLz\/9355f6c09de2e99d8e4c8cf19e78aaf6.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/1Y5wVZFD\/361b1ab2c3f7186c787bcdd9b65fa092.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/1Y5wVZFD\/361b1ab2c3f7186c787bcdd9b65fa092.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/hFsdNj1v\/7ef52fe46bca131132dfd4ff5acf3e0b.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/hFsdNj1v\/7ef52fe46bca131132dfd4ff5acf3e0b.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/BH25F5d1\/1f3e870c684934ff7de1882c5402d798.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/BH25F5d1\/1f3e870c684934ff7de1882c5402d798.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/WNDmVD8v\/78ed29a798d97c67c3b8f12c324c1472.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/WNDmVD8v\/78ed29a798d97c67c3b8f12c324c1472.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/qMxnTQkt\/b5e14cd4b93e22d08b57e7c414999fac.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/qMxnTQkt\/b5e14cd4b93e22d08b57e7c414999fac.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/7tC3WHGd\/82393ffa7e3b6ab5895290a40b9358d7.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/7tC3WHGd\/82393ffa7e3b6ab5895290a40b9358d7.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/DPKZsbYK\/desert-1071908-1280.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/DPKZsbYK\/desert-1071908-1280.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/4wdKQZy3\/desert-1071918.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/4wdKQZy3\/desert-1071918.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/xtd4dj2L\/desert-1068620.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/xtd4dj2L\/desert-1068620.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/G3WbPng1\/safari-4652364.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/G3WbPng1\/safari-4652364.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/cXMczxJw\/pexels-bubi-2867769.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/cXMczxJw\/pexels-bubi-2867769.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/TBnF93f1\/pexels-adrienn-csiszer-47480053-7541203.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/TBnF93f1\/pexels-adrienn-csiszer-47480053-7541203.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/0VZgqmPZ\/pexels-cansu-hangul-464804780-26729157.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/0VZgqmPZ\/pexels-cansu-hangul-464804780-26729157.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/qYFCQtSJ\/pexels-bn-gaber-3563948-27693788.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/qYFCQtSJ\/pexels-bn-gaber-3563948-27693788.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/8g7pXnkV\/pexels-deiby-tum-tum-2536965-33151590.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/8g7pXnkV\/pexels-deiby-tum-tum-2536965-33151590.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/vxh4YW5J\/pexels-matreding-4397891.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/vxh4YW5J\/pexels-matreding-4397891.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/rGdgdK9B\/pexels-tima-miroshnichenko-5976690.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/rGdgdK9B\/pexels-tima-miroshnichenko-5976690.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/KcybNnSQ\/pexels-bezzaponnaya-8863499.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/KcybNnSQ\/pexels-bezzaponnaya-8863499.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/sdzGcnjK\/pexels-popovkin-14085753.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/sdzGcnjK\/pexels-popovkin-14085753.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/rGzTwcp6\/pexels-epirojenes-16959272.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/rGzTwcp6\/pexels-epirojenes-16959272.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/G4Pd7J4z\/pexels-tima-miroshnichenko-5976946.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/G4Pd7J4z\/pexels-tima-miroshnichenko-5976946.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/6cJLRTSw\/pexels-ahmed-zaki-173186242-28322807.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/6cJLRTSw\/pexels-ahmed-zaki-173186242-28322807.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/k6KqVcN6\/pexels-mahmut-31684277.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/k6KqVcN6\/pexels-mahmut-31684277.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/BRfGD6s\/pexels-sarasamirk-11563114.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/BRfGD6s\/pexels-sarasamirk-11563114.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/3mCZPzGf\/pexels-einfoto-14137300.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/3mCZPzGf\/pexels-einfoto-14137300.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/kVtPrddq\/pexels-einfoto-14137298.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/kVtPrddq\/pexels-einfoto-14137298.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/fzkYNxJ9\/pexels-fady-9483336.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/fzkYNxJ9\/pexels-fady-9483336.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/p600BpWt\/pexels-popovkin-14085757.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/p600BpWt\/pexels-popovkin-14085757.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/rRxp4bYN\/pexels-talha-can-854259528-19873063.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/rRxp4bYN\/pexels-talha-can-854259528-19873063.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/zWM05RKB\/pexels-aboud17-32902068.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/zWM05RKB\/pexels-aboud17-32902068.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/60dnrm5s\/pexels-epirojenes-16959271.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/60dnrm5s\/pexels-epirojenes-16959271.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/KxqtS9mS\/pexels-paulo-veloso-724211738-27894855.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/KxqtS9mS\/pexels-paulo-veloso-724211738-27894855.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/mVgcMBRV\/pexels-mjlo-30709724.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/mVgcMBRV\/pexels-mjlo-30709724.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/VcyHZ2Nh\/pexels-axp-photography-500641970-18991512.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/VcyHZ2Nh\/pexels-axp-photography-500641970-18991512.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/KScMgZP\/pexels-indu-bikash-sarker-116278202-20506675.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/KScMgZP\/pexels-indu-bikash-sarker-116278202-20506675.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/JRcz02HD\/pexels-diego-f-parra-33199-15238562.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/JRcz02HD\/pexels-diego-f-parra-33199-15238562.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/XftFMM4w\/pexels-francesco-albanese-2150950215-31730169.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/XftFMM4w\/pexels-francesco-albanese-2150950215-31730169.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/wFcvZDmL\/pexels-mohamed-eessa74-1306424906-24743611.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/wFcvZDmL\/pexels-mohamed-eessa74-1306424906-24743611.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/qF3VyptJ\/pexels-axp-photography-500641970-18934678.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/qF3VyptJ\/pexels-axp-photography-500641970-18934678.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/JjPpYcTD\/pexels-mahmut-31674879.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/JjPpYcTD\/pexels-mahmut-31674879.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/1YmtB74v\/pexels-yigithan02-5572502.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/1YmtB74v\/pexels-yigithan02-5572502.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/V02TgDYf\/pexels-francesco-albanese-2150950215-31730176.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/V02TgDYf\/pexels-francesco-albanese-2150950215-31730176.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/XfYwvmkv\/pexels-axp-photography-500641970-18934668.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/XfYwvmkv\/pexels-axp-photography-500641970-18934668.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/cKjFjGCS\/pexels-axp-photography-500641970-18934706.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/cKjFjGCS\/pexels-axp-photography-500641970-18934706.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/yBhtbJSY\/pexels-diego-f-parra-33199-15188088.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/yBhtbJSY\/pexels-diego-f-parra-33199-15188088.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/mVdVrw1K\/pexels-frans-van-heerden-201846-631339.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/mVdVrw1K\/pexels-frans-van-heerden-201846-631339.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/5g632qJT\/sean-wang-Zms-TWt-Uc03w-unsplash.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/5g632qJT\/sean-wang-Zms-TWt-Uc03w-unsplash.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/3y8z11cd\/calin-stan-a8-ZSKCBE1xk-unsplash.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/3y8z11cd\/calin-stan-a8-ZSKCBE1xk-unsplash.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n\r\n<footer class=\"border-top\" style=\"border-color: var(--line) !important; background: var(--card-bg)\">\r\n<div class=\"wrap py-5\">\r\n<p class=\"small text-muted\"\r\ndata-en=\"Professional desert tours in Marsa Alam & El Quseir \u2022 Safety-first \u2022 Multilingual support\"\r\ndata-de=\"Professionelle W\u00fcstentouren in Marsa Alam & El Quseir \u2022 Sicherheit an erster Stelle \u2022 Mehrsprachige Betreuung\"\r\ndata-ru=\"\u041f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u0442\u0443\u0440\u044b \u043f\u043e \u043f\u0443\u0441\u0442\u044b\u043d\u0435 \u0432 \u041c\u0430\u0440\u0441\u0430-\u0410\u043b\u0430\u043c\u0435 \u0438 \u042d\u043b\u044c-\u041a\u0443\u0441\u0435\u0439\u0440\u0435 \u2022 \u0411\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u044c \u043f\u0440\u0435\u0436\u0434\u0435 \u0432\u0441\u0435\u0433\u043e \u2022 \u041c\u043d\u043e\u0433\u043e\u044f\u0437\u044b\u0447\u043d\u0430\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430\"\r\ndata-it=\"Tour professionali nel deserto a Marsa Alam ed El Quseir \u2022 La sicurezza prima di tutto \u2022 Supporto multilingue\"\r\ndata-cz=\"Profesion\u00e1ln\u00ed pou\u0161tn\u00ed v\u00fdlety v Marsa Alam & El Quseir \u2022 Bezpe\u010dnost na prvn\u00edm m\u00edst\u011b \u2022 V\u00edcejazy\u010dn\u00e1 podpora\"\r\ndata-pl=\"Profesjonalne wycieczki na pustyni\u0119 w Marsa Alam i El Quseir \u2022 Bezpiecze\u0144stwo przede wszystkim \u2022 Wieloj\u0119zyczne wsparcie\">Professional desert tours in Marsa Alam & El Quseir \u2022 Safety-first \u2022 Multilingual support<\/p>\r\n<p class=\"small text-muted opacity-75\">\u00a9 <span id=\"year\"><\/span> FOX MARSA ALAM. <span\r\ndata-en=\"All rights reserved.\"\r\ndata-de=\"Alle Rechte vorbehalten.\"\r\ndata-ru=\"\u0412\u0441\u0435 \u043f\u0440\u0430\u0432\u0430 \u0437\u0430\u0449\u0438\u0449\u0435\u043d\u044b.\"\r\ndata-it=\"Tutti i diritti riservati.\" data-cz=\"V\u0161echna pr\u00e1va vyhrazena.\" data-pl=\"Wszelkie prawa zastrze\u017cone.\">All rights reserved.<\/span><\/p>\r\n<\/div>\r\n<\/footer>\r\n<\/main>\r\n\r\n\r\n<nav class=\"mobile-rail d-lg-none\">\r\n <ul class=\"nav nav-pills flex-nowrap\">\r\n <li class=\"nav-item\"><a class=\"nav-link active\" href=\"#top\" data-en=\"Top\" data-de=\"Oben\" data-ru=\"\u041d\u0430\u0432\u0435\u0440\u0445\" data-it=\"Inizio\" data-cz=\"Nahoru\" data-pl=\"G\u00f3ra\">Top<\/a><\/li>\r\n <li class=\"nav-item\"><a class=\"nav-link\" href=\"#gallery\" data-en=\"Gallery\" data-de=\"Galerie\" data-ru=\"\u0413\u0430\u043b\u0435\u0440\u0435\u044f\" data-it=\"Galleria\" data-cz=\"Galerie\" data-pl=\"Galeria\">Gallery<\/a><\/li>\r\n <li class=\"nav-item\"><a class=\"nav-link\" href=\"https:\/\/foxmarsaalam.com\/de\/411-2\/\" data-en=\"Contact\" data-de=\"Kontakt\" data-ru=\"\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b\" data-it=\"Contatto\" data-cz=\"Kontakt\" data-pl=\"Kontakt\">Contact<\/a><\/li>\r\n <\/ul>\r\n<\/nav>\r\n\r\n\r\n<div class=\"modal fade\" id=\"galleryModal\" tabindex=\"-1\" aria-labelledby=\"galleryModalLabel\" aria-hidden=\"true\">\r\n <div class=\"modal-dialog modal-lg modal-dialog-centered\">\r\n <div class=\"modal-content\">\r\n <div class=\"modal-body p-2\">\r\n <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"><\/button>\r\n <img decoding=\"async\" src=\"\" class=\"img-fluid\" id=\"modalImage\" alt=\"Gallery Image\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.3\/dist\/js\/bootstrap.bundle.min.js\"><\/script>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n const unifiedHeader = document.getElementById('mainHeader');\r\n \/\/ For this page, there are no internal \"tabs\" below the hero, so we set tabs to null\r\n const tabs = null; \r\n const navbarCollapseElement = document.getElementById('navbarNav'); \/\/ Main mobile menu collapse\r\n\r\n \/\/ --- START: Content Security Additions (JavaScript) ---\r\n \/\/ Disable right-click on the document\r\n document.addEventListener('contextmenu', function(e) {\r\n e.preventDefault();\r\n }, false);\r\n\r\n \/\/ Disable common keyboard shortcuts for copying, saving, and developer tools\r\n document.addEventListener('keydown', function(e) {\r\n \/\/ Check for Ctrl\/Cmd combinations and F12\r\n if (\r\n (e.ctrlKey && e.shiftKey && e.key === 'I') || \/\/ Ctrl+Shift+I (devtools)\r\n (e.ctrlKey && e.shiftKey && e.key === 'J') || \/\/ Ctrl+Shift+J (devtools)\r\n (e.ctrlKey && e.key === 'U') || \/\/ Ctrl+U (view source)\r\n (e.metaKey && e.key === 'U') || \/\/ Cmd+U (view source on Mac)\r\n (e.ctrlKey && e.key === 'S') || \/\/ Ctrl+S (save page)\r\n (e.metaKey && e.key === 'S') || \/\/ Cmd+S (save page on Mac)\r\n (e.ctrlKey && e.key === 'C') || \/\/ Ctrl+C (copy)\r\n (e.metaKey && e.key === 'C') || \/\/ Cmd+C (copy on Mac)\r\n (e.ctrlKey && e.key === 'X') || \/\/ Ctrl+X (cut)\r\n (e.metaKey && e.key === 'X') || \/\/ Cmd+X (cut on Mac)\r\n (e.ctrlKey && e.key === 'A') || \/\/ Ctrl+A (select all)\r\n (e.metaKey && e.key === 'A') || \/\/ Cmd+A (select all on Mac)\r\n e.key === 'F12' \/\/ F12 (devtools)\r\n ) {\r\n e.preventDefault();\r\n \/\/ Optionally, show a message to the user\r\n \/\/ alert('Content protection is active.');\r\n }\r\n });\r\n\r\n \/\/ Prevent text selection specifically on images as a fallback\/additional measure\r\n document.querySelectorAll('img').forEach(img => {\r\n img.addEventListener('selectstart', function(e) {\r\n e.preventDefault();\r\n });\r\n img.addEventListener('dragstart', function(e) {\r\n e.preventDefault();\r\n });\r\n });\r\n \/\/ --- END: Content Security Additions (JavaScript) ---\r\n\r\n\r\n \/\/ --- Dynamic Header Height & Scroll-Margin Calculation ---\r\n \/\/ Calculates the combined height of unifiedHeader and any potential tabs (none for this page) for sticky offsets\r\n const calculateNavbarHeight = () => {\r\n const headerHeight = unifiedHeader ? unifiedHeader.offsetHeight : 0;\r\n document.documentElement.style.setProperty('--navbar-height', `${headerHeight}px`);\r\n \/\/ On this page, there are no separate 'tabs' below the hero, so --tabs-h remains 0 or is not directly used for offset calculation here.\r\n \/\/ We ensure sections account for only the main header.\r\n setSectionScrollMargin();\r\n };\r\n\r\n const setSectionScrollMargin = () => {\r\n const headerHeight = unifiedHeader ? unifiedHeader.offsetHeight : 0;\r\n \/\/ Scroll margin only depends on the main header\r\n document.querySelectorAll('section[id]').forEach(sec => {\r\n sec.style.scrollMarginTop = `${headerHeight + 18}px`; \/\/ 18px is an additional buffer\r\n });\r\n };\r\n\r\n const getStickyOffset = () => {\r\n let totalOffset = 18; \/\/ base margin\r\n if (unifiedHeader && getComputedStyle(unifiedHeader).position === 'sticky') {\r\n totalOffset += unifiedHeader.offsetHeight;\r\n }\r\n \/\/ No 'tabs' to account for on this specific page, 'tabs' is null\r\n return totalOffset;\r\n };\r\n\r\n window.addEventListener('load', calculateNavbarHeight);\r\n window.addEventListener('resize', calculateNavbarHeight);\r\n if (navbarCollapseElement) {\r\n navbarCollapseElement.addEventListener('shown.bs.collapse', calculateNavbarHeight);\r\n navbarCollapseElement.addEventListener('hidden.bs.collapse', calculateNavbarHeight);\r\n }\r\n calculateNavbarHeight(); \/\/ Initial call\r\n\r\n\r\n \/\/ --- Scroll Progress Bar ---\r\n const progress = document.getElementById('progress');\r\n const onScrollProgressBar = () => {\r\n const scrolled = document.documentElement.scrollTop || document.body.scrollTop;\r\n const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;\r\n if (progress && height > 0) { \/\/ Only update if scrollable\r\n progress.style.width = (scrolled \/ height * 100) + '%';\r\n } else if (progress) {\r\n progress.style.width = '0%'; \/\/ No scrollbar, no progress\r\n }\r\n };\r\n document.addEventListener('scroll', onScrollProgressBar, { passive: true });\r\n onScrollProgressBar();\r\n\r\n \/\/ --- Active Section Link Syncing (for internal page links on mobile-rail) ---\r\n const observeInternalSections = () => {\r\n const ids = ['#top', '#gallery']; \/\/ Sections for this specific Gallery page\r\n \/\/ Select all internal navigation links (mobile-rail) and relevant main header links\r\n const links = document.querySelectorAll('.mobile-rail .nav-link, .unified-header .nav-link:not(.dropdown-toggle), .unified-header .dropdown-item'); \r\n const sections = ids.map(s=>document.querySelector(s)).filter(Boolean);\r\n if (sections.length === 0) return;\r\n\r\n \/\/ Disconnect previous observers to prevent duplicates on resize\r\n if (window.intersectionObserverInstance) {\r\n window.intersectionObserverInstance.disconnect();\r\n }\r\n\r\n const observerOptions = {\r\n rootMargin: `-${getStickyOffset()}px 0px -55% 0px`\r\n };\r\n\r\n const io = new IntersectionObserver((entries)=>{\r\n entries.forEach(e=>{\r\n if(e.isIntersecting){\r\n \/\/ Deactivate all relevant links first\r\n links.forEach(l=>l.classList.remove('active'));\r\n\r\n \/\/ Activate matching internal links in mobile-rail\r\n document.querySelectorAll(`.mobile-rail .nav-link[href=\"#${e.target.id}\"]`).forEach(el=>el.classList.add('active'));\r\n\r\n \/\/ Ensure the 'Gallery' link in the unified header is active\r\n const galleryLink = document.querySelector('.unified-header .nav-link[href=\"https:\/\/foxmarsaalam.com\/gallery\/\"]');\r\n if (galleryLink) {\r\n galleryLink.classList.add('active'); \/\/ Activate the main Gallery link\r\n }\r\n \r\n \/\/ Ensure 'Tours' dropdown toggle is NOT active and none of its items are active\r\n const toursDropdownToggle = document.querySelector('.unified-header .nav-link.dropdown-toggle[href=\"#navbarDropdownToursMenu\"]');\r\n if (toursDropdownToggle) {\r\n toursDropdownToggle.classList.remove('active');\r\n }\r\n document.querySelectorAll('.unified-header .dropdown-menu .dropdown-item').forEach(item => item.classList.remove('active'));\r\n\r\n } else {\r\n \/\/ If a section is no longer intersecting, specifically deactivate its link in mobile-rail\r\n document.querySelectorAll(`.mobile-rail .nav-link[href=\"#${e.target.id}\"]`).forEach(el => el.classList.remove('active'));\r\n }\r\n })\r\n }, observerOptions);\r\n sections.forEach(s=>io.observe(s));\r\n window.intersectionObserverInstance = io; \/\/ Store observer to disconnect later\r\n };\r\n window.addEventListener('load', observeInternalSections);\r\n \/\/ Re-observe sections if content changes dynamically or on layout changes\r\n let resizeTimer;\r\n window.addEventListener('resize', () => {\r\n clearTimeout(resizeTimer);\r\n resizeTimer = setTimeout(() => {\r\n calculateNavbarHeight(); \/\/ Recalculate sticky heights first\r\n observeInternalSections(); \/\/ Then re-observe sections\r\n }, 100); \/\/ Debounce to prevent excessive calls\r\n });\r\n\r\n\r\n \/\/ --- Smooth Scroll for Anchor Links ---\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(a=>{\r\n a.addEventListener('click',e=>{\r\n const targetSelector = a.getAttribute('href');\r\n if (targetSelector === '#' || !targetSelector) return;\r\n const el = document.querySelector(targetSelector);\r\n if (el){\r\n e.preventDefault();\r\n \/\/ Scroll to element accounting for sticky header, with a small buffer\r\n const top = el.getBoundingClientRect().top + window.scrollY - getStickyOffset() + 2;\r\n window.scrollTo({ top, behavior:'smooth' });\r\n }\r\n })\r\n });\r\n\r\n \/\/ --- Reveal Animations ---\r\n const reveals = document.querySelectorAll('.reveal');\r\n const revealObserver = new IntersectionObserver((entries)=>{\r\n entries.forEach(e=>{ if(e.isIntersecting){ e.target.classList.add('in'); revealObserver.unobserve(e.target); } })\r\n },{threshold:.1});\r\n reveals.forEach(el=>revealObserver.observe(el));\r\n\r\n\r\n \/\/ --- Language Functionality (from unified header, adapted) ---\r\n const langConfig = {\r\n en: { name: \"EN\" }, de: { name: \"DE\" }, ru: { name: \"RU\" },\r\n it: { name: \"IT\" }, cz: { name: \"CZ\" }, pl: { name: \"PL\" }\r\n };\r\n \/\/ Page-specific meta translations (for Gallery page)\r\n const metaTranslations = {\r\n en: { title: \"Gallery | Marsa Alam Adventures\", description: \"Browse our collection of real photos from thrilling desert safaris, beautiful landscapes, and cultural encounters. Get inspired for your next adventure with us!\" },\r\n de: { title: \"Galerie | Marsa Alam Abenteuer\", description: \"St\u00f6bern Sie in unserer Sammlung echter Fotos von aufregenden W\u00fcstensafaris, wundersch\u00f6nen Landschaften und kulturellen Begegnungen. Lassen Sie sich f\u00fcr Ihr n\u00e4chstes Abenteuer mit uns inspirieren!\" },\r\n ru: { title: \"\u0413\u0430\u043b\u0435\u0440\u0435\u044f | \u041f\u0440\u0438\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f \u0432 \u041c\u0430\u0440\u0441\u0430-\u0410\u043b\u0430\u043c\u0435\", description: \"\u041f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u0442\u0435 \u043d\u0430\u0448\u0443 \u043a\u043e\u043b\u043b\u0435\u043a\u0446\u0438\u044e \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0445 \u0444\u043e\u0442\u043e\u0433\u0440\u0430\u0444\u0438\u0439 \u0437\u0430\u0445\u0432\u0430\u0442\u044b\u0432\u0430\u044e\u0449\u0438\u0445 \u0441\u0430\u0444\u0430\u0440\u0438 \u043f\u043e \u043f\u0443\u0441\u0442\u044b\u043d\u0435, \u043a\u0440\u0430\u0441\u0438\u0432\u044b\u0445 \u043f\u0435\u0439\u0437\u0430\u0436\u0435\u0439 \u0438 \u043a\u0443\u043b\u044c\u0442\u0443\u0440\u043d\u044b\u0445 \u0432\u0441\u0442\u0440\u0435\u0447. \u0412\u0434\u043e\u0445\u043d\u043e\u0432\u0438\u0442\u0435\u0441\u044c \u043d\u0430 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0435 \u043f\u0440\u0438\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0441 \u043d\u0430\u043c\u0438!\" },\r\n it: { title: \"Galleria | Avventure a Marsa Alam\", description: \"Sfoglia la nostra collezione di foto reali di emozionanti safari nel deserto, paesaggi mozzafiato e incontri culturali. Lasciati ispirare per la tua prossima avventura con noi!\" },\r\n cz: { title: \"Galerie | Dobrodru\u017estv\u00ed v Marsa Alam\", description: \"Prohl\u00e9dn\u011bte si na\u0161i sb\u00edrku skute\u010dn\u00fdch fotografi\u00ed z nap\u00ednav\u00fdch pou\u0161tn\u00edch safari, kr\u00e1sn\u00fdch krajin a kulturn\u00edch setk\u00e1n\u00ed. Nechte se inspirovat pro sv\u00e9 dal\u0161\u00ed dobrodru\u017estv\u00ed s n\u00e1mi!\" },\r\n pl: { title: \"Galeria | Przygody w Marsa Alam\", description: \"Przejrzyj nasz\u0105 kolekcj\u0119 prawdziwych zdj\u0119\u0107 z ekscytuj\u0105cych safari po pustyni, pi\u0119knych krajobraz\u00f3w i spotka\u0144 kulturowych. Zainspiruj si\u0119 na swoj\u0105 kolejn\u0105 przygod\u0119 z nami!\" }\r\n };\r\n const translatableElements = document.querySelectorAll(\"[data-en]\");\r\n const metaDescTag = document.querySelector('meta[name=\"description\"]');\r\n const langIndicatorText = document.getElementById('lang-indicator-text');\r\n const switcherBtn = document.getElementById('lang-switcher-btn');\r\n const switcherMenu = document.getElementById('lang-menu-custom');\r\n\r\n const translatePage = lang => {\r\n const effectiveLang = langConfig[lang] ? lang : \"en\";\r\n document.documentElement.lang = effectiveLang; \/\/ Set HTML lang attribute\r\n localStorage.setItem(\"user-lang\", effectiveLang);\r\n\r\n translatableElements.forEach(el => {\r\n const translationKey = el.dataset[effectiveLang] !== undefined ? effectiveLang : 'en';\r\n const newText = el.dataset[translationKey];\r\n\r\n \/\/ Special handling for elements with icons (e.g., buttons, chips, list items with icons)\r\n \/\/ This needs to be robust for <span> elements that replace <a>.\r\n if ((el.tagName === 'A' || el.tagName === 'BUTTON' || el.classList.contains('chip') || (el.tagName === 'SPAN' && el.classList.contains('dropdown-item')) || (el.tagName === 'SPAN' && el.classList.contains('nav-link'))) && el.querySelector('i')) {\r\n const icon = el.querySelector('i');\r\n const tempDiv = document.createElement('div');\r\n tempDiv.innerHTML = newText;\r\n const translatedTextContent = tempDiv.textContent.trim(); \/\/ Get text content without HTML\r\n\r\n \/\/ Clear existing child nodes, keeping the icon if it's part of the original structure\r\n Array.from(el.childNodes).forEach(node => {\r\n if (node !== icon && !(node.nodeType === Node.TEXT_NODE && node.textContent.trim() === '')) {\r\n el.removeChild(node);\r\n }\r\n });\r\n \/\/ Re-add content based on the translation\r\n if (icon) {\r\n el.appendChild(document.createTextNode(' ' + translatedTextContent)); \/\/ Add new text node after icon\r\n } else {\r\n el.innerHTML = newText; \/\/ Fallback to raw innerHTML for elements without specific icon handling\r\n }\r\n }\r\n \/\/ Special handling for `<li>` elements containing `<strong>`\r\n else if (el.tagName === 'LI' && el.querySelector('strong')) {\r\n const fullTextTemplate = el.dataset.en;\r\n const translatedFullText = el.dataset[translationKey] || el.dataset.en;\r\n\r\n const strongMatch = fullTextTemplate.match(\/<strong>(.*?)<\\\/strong>\/);\r\n const originalStrongContent = strongMatch ? strongMatch[1] : '';\r\n\r\n if (translatedFullText.includes('<strong>')) {\r\n el.innerHTML = translatedFullText;\r\n } else if (originalStrongContent) {\r\n const colonIndex = translatedFullText.indexOf(':');\r\n if (colonIndex !== -1) {\r\n const textBeforeColon = translatedFullText.substring(0, colonIndex + 1);\r\n const textAfterColon = translatedFullText.substring(colonIndex + 1).trim();\r\n el.innerHTML = `${textBeforeColon} <strong>${originalStrongContent}<\/strong> ${textAfterColon}`;\r\n } else {\r\n el.innerHTML = newText;\r\n }\r\n }\r\n else {\r\n el.innerHTML = newText;\r\n }\r\n }\r\n else {\r\n el.innerHTML = newText;\r\n }\r\n });\r\n const metaInfo = metaTranslations[effectiveLang];\r\n document.title = metaInfo.title;\r\n if (metaDescTag) metaDescTag.setAttribute('content', metaInfo.description);\r\n\r\n \/\/ Also translate placeholder, aria-label, alt, and title attributes if they exist\r\n const props = [{attr: 'aria-label', datasetKey: 'Arialabel'}, {attr: 'placeholder', datasetKey: 'Placeholder'}, {attr: 'title', datasetKey: 'Title'}, {attr: 'alt', datasetKey: 'Alt'}]; \r\n props.forEach(p => {\r\n document.querySelectorAll(`[data-en-${p.attr}]`).forEach(el => {\r\n const translation = el.dataset[`${effectiveLang}${p.datasetKey}`] || el.dataset[`en${p.datasetKey}`];\r\n if (translation) el.setAttribute(p.attr, translation);\r\n });\r\n });\r\n\r\n if (langIndicatorText) langIndicatorText.textContent = langConfig[effectiveLang].name;\r\n };\r\n\r\n\r\n if (switcherBtn && switcherMenu) {\r\n switcherBtn.addEventListener('click', (e) => {\r\n e.stopPropagation();\r\n \/\/ Desktop floating menu behavior\r\n if (window.innerWidth >= 992) {\r\n switcherMenu.classList.toggle('show');\r\n }\r\n });\r\n }\r\n\r\n \/\/ Language selection buttons\r\n document.querySelectorAll('.lang-item').forEach(button => {\r\n button.addEventListener('click', (e) => {\r\n const lang = e.currentTarget.dataset.lang;\r\n translatePage(lang);\r\n if (switcherMenu && window.innerWidth >= 992) { \/\/ Only hide on desktop after selection\r\n switcherMenu.classList.remove('show');\r\n }\r\n \/\/ If in mobile view and the main navbar is open, close it after language selection\r\n if (navbarCollapseElement && navbarCollapseElement.classList.contains('show')) {\r\n bsNavbarCollapse.hide();\r\n }\r\n });\r\n });\r\n\r\n \/\/ ENSURE MOBILE MENU CLOSES ON LINK CLICK (CRITICAL FOR USABILITY)\r\n const bsNavbarCollapse = navbarCollapseElement ? new bootstrap.Collapse(navbarCollapseElement, { toggle: false }) : null;\r\n\r\n const toursSubMenu = document.getElementById('navbarDropdownToursMenu');\r\n const bsToursSubMenuCollapse = toursSubMenu ? new bootstrap.Collapse(toursSubMenu, { toggle: false }) : null;\r\n\r\n \/\/ 1. When any navigable link\/item is clicked (including dropdown items)\r\n \/\/ Note: non-navigable spans also have event listeners to close the menu for better UX on mobile.\r\n document.querySelectorAll('#navbarNav .nav-link:not([data-bs-toggle=\"collapse\"]), #navbarNav .dropdown-item, .lang-item, .mobile-rail .nav-link, .dropdown-item.non-navigable, .nav-link.non-navigable').forEach(link => {\r\n link.addEventListener('click', (e) => {\r\n \/\/ Prevent default behavior only if it's a non-navigable item AND it's an anchor that might accidentally navigate\r\n if (link.classList.contains('non-navigable') || link.tagName === 'SPAN') {\r\n e.preventDefault(); \/\/ Stop any potential default action for spans or non-navigable elements\r\n }\r\n \/\/ If the clicked link\/item is within the 'Tours' submenu and the submenu is open\r\n if (toursSubMenu && toursSubMenu.contains(link) && toursSubMenu.classList.contains('show')) {\r\n bsToursSubMenuCollapse.hide(); \/\/ Explicitly hide the Tours submenu\r\n }\r\n \/\/ Close the main mobile menu if it's open\r\n if (navbarCollapseElement && navbarCollapseElement.classList.contains('show')) {\r\n bsNavbarCollapse.hide();\r\n }\r\n });\r\n });\r\n\r\n \/\/ 2. Handle clicks outside the menu for desktop dropdowns and the main mobile menu\r\n document.addEventListener('click', (e) => {\r\n const isClickInsideToursSubMenu = toursSubMenu && toursSubMenu.contains(e.target);\r\n const toursDropdownToggle = document.querySelector('.nav-item.dropdown > .nav-link.dropdown-toggle[href=\"#navbarDropdownToursMenu\"]'); \/\/ Corrected selector\r\n const isClickInsideToursToggle = toursDropdownToggle && toursDropdownToggle.contains(e.target);\r\n\r\n const isClickInsideMainNavbarCollapse = navbarCollapseElement && navbarCollapseElement.contains(e.target);\r\n const navbarToggler = unifiedHeader.querySelector('.navbar-toggler');\r\n const isClickInsideNavbarToggler = navbarToggler && navbarToggler.contains(e.target);\r\n\r\n const isClickInsideLangSwitcher = switcherBtn && switcherBtn.contains(e.target);\r\n const isClickInsideLangMenu = switcherMenu && switcherMenu.contains(e.target);\r\n\r\n\r\n \/\/ Desktop: Close Tours submenu if open and click is outside of it or its toggle\r\n if (window.innerWidth >= 992 && toursSubMenu && toursSubMenu.classList.contains('show') && !isClickInsideToursSubMenu && !isClickInsideToursToggle) {\r\n bsToursSubMenuCollapse.hide();\r\n }\r\n\r\n \/\/ Desktop: Close language switcher menu if open and click is outside of it or its toggle\r\n if (window.innerWidth >= 992 && switcherMenu && switcherMenu.classList.contains('show') && !isClickInsideLangSwitcher && !isClickInsideLangMenu) {\r\n switcherMenu.classList.remove('show');\r\n }\r\n\r\n \/\/ Mobile: Close main navbar collapse if open and click is outside of it and its toggler\r\n \/\/ This covers closing the main menu regardless of whether a sub-menu was open inside it\r\n if (navbarCollapseElement && navbarCollapseElement.classList.contains('show') && !isClickInsideMainNavbarCollapse && !isClickInsideNavbarToggler) {\r\n bsNavbarCollapse.hide();\r\n }\r\n });\r\n\r\n \/\/ --- Initialize Page on Load ---\r\n \/\/ Initialize language first\r\n translatePage(localStorage.getItem(\"user-lang\") || \"en\");\r\n\r\n \/\/ After initial translation and DOM load, mark the 'Gallery' link in the unified header as active\r\n const currentPath = window.location.pathname;\r\n if (currentPath.includes('\/gallery\/')) {\r\n const galleryLink = document.querySelector('.unified-header .nav-link[href=\"https:\/\/foxmarsaalam.com\/gallery\/\"]');\r\n if (galleryLink) {\r\n \/\/ Ensure no other main nav links are active initially from potential server-side rendering\r\n document.querySelectorAll('.unified-header .navbar-nav .nav-link').forEach(item => item.classList.remove('active'));\r\n galleryLink.classList.add('active');\r\n \r\n \/\/ Explicitly deactivate Tours dropdown and its items on this page\r\n const toursDropdownToggle = document.querySelector('.unified-header .nav-link.dropdown-toggle[href=\"#navbarDropdownToursMenu\"]');\r\n if (toursDropdownToggle) {\r\n toursDropdownToggle.classList.remove('active');\r\n }\r\n document.querySelectorAll('.unified-header .dropdown-menu .dropdown-item').forEach(item => item.classList.remove('active'));\r\n }\r\n }\r\n\r\n \/\/ Initialize the year in the footer\r\n const yearSpan = document.getElementById('year');\r\n if (yearSpan) {\r\n yearSpan.textContent = new Date().getFullYear();\r\n }\r\n \r\n \/\/ === SCRIPT FOR GALLERY MODAL ===\r\n const galleryModal = document.getElementById('galleryModal');\r\n if (galleryModal) {\r\n galleryModal.addEventListener('show.bs.modal', event => {\r\n const triggerElement = event.relatedTarget;\r\n const imgSrc = triggerElement.getAttribute('data-bs-img-src');\r\n const modalImage = galleryModal.querySelector('#modalImage');\r\n modalImage.src = imgSrc;\r\n \/\/ Optionally, update the alt text for accessibility in the modal\r\n modalImage.alt = triggerElement.querySelector('img').alt;\r\n });\r\n }\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Gallery | Marsa Alam Adventures FOX MARSA ALAM Gallery Home Tours Super Safari Jeep Safari Buggy Spider Quad Sunset BBQ Desert ATV Adventure Camel Ride Horse Ride Transfer Service Gallery About Us Contact Us EN \ud83c\uddec\ud83c\udde7 English \ud83c\udde9\ud83c\uddea Deutsch \ud83c\uddf7\ud83c\uddfa \u0420\u0443\u0441\u0441\u043a\u0438\u0439 \ud83c\uddee\ud83c\uddf9 Italiano \ud83c\udde8\ud83c\uddff \u010ce\u0161tina \ud83c\uddf5\ud83c\uddf1 Polski WhatsApp Us Book Now Moments from the Heart […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","_glsr_average":0,"_glsr_ranking":0,"_glsr_reviews":0,"footnotes":""},"class_list":["post-12877","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/foxmarsaalam.com\/de\/wp-json\/wp\/v2\/pages\/12877","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/foxmarsaalam.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/foxmarsaalam.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/foxmarsaalam.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/foxmarsaalam.com\/de\/wp-json\/wp\/v2\/comments?post=12877"}],"version-history":[{"count":13,"href":"https:\/\/foxmarsaalam.com\/de\/wp-json\/wp\/v2\/pages\/12877\/revisions"}],"predecessor-version":[{"id":13805,"href":"https:\/\/foxmarsaalam.com\/de\/wp-json\/wp\/v2\/pages\/12877\/revisions\/13805"}],"wp:attachment":[{"href":"https:\/\/foxmarsaalam.com\/de\/wp-json\/wp\/v2\/media?parent=12877"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Gallery | Marsa Alam Adventures<\/title>\r\n <meta name=\"description\" content=\"Browse our collection of real photos from thrilling desert safaris, beautiful landscapes, and cultural encounters in Marsa Alam. Get inspired for your next adventure with us!\" \/>\r\n\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n \r\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.3\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\r\n \r\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap-icons@1.11.3\/font\/bootstrap-icons.css\" rel=\"stylesheet\">\r\n\r\n <style>\r\n \/*\r\n Consolidated :root variables, adapted from the Buggy Adventure page.\r\n Dark mode specific variables have been removed.\r\n *\/\r\n :root{\r\n --brand:#F97316; \/* Primary Orange *\/\r\n --brand-2:#FB923C; \/* Lighter Orange for gradients *\/\r\n --accent:#3b82f6; \/* Existing Purple accent *\/\r\n --ink:#0b132a; \/* Main text color *\/\r\n --muted:#64748b; \/* Muted text color *\/\r\n --card-bg: #ffffff; \/* Consistent white for backgrounds *\/\r\n --line:#e5ecff; \/* Border\/separator color *\/\r\n --bg:#f7faff; \/* Overall page background *\/\r\n --shadow:0 10px 30px rgba(2,6,23,.12); \/* General shadow *\/\r\n --blur:saturate(180%) blur(10px); \/* For glassmorphism effects *\/\r\n --radius-xl:22px;\r\n --radius-lg:18px;\r\n --radius-md:14px;\r\n\r\n \/* Menu Specific Variables *\/\r\n --navbar-height:64px; \/* Default, will be overridden by JS *\/\r\n --tabs-h:0px; \/* No internal tabs in this layout, set to 0 *\/\r\n\r\n \/* New Orange-specific variables for badges, etc. (used in menu buttons) *\/\r\n --orange-subtle-border: rgba(249, 115, 22, 0.25);\r\n --orange-subtle-bg: rgba(249, 115, 22, 0.08);\r\n --orange-text: #F97316;\r\n --orange-dark-text: #C2410C;\r\n --orange-light-border: #FFEDD5;\r\n }\r\n\r\n html,body{\r\n font-family:'Poppins',system-ui,Segoe UI,Roboto,Arial;\r\n background:var(--bg);\r\n color:var(--ink);\r\n margin:0;\r\n padding:0;\r\n overflow-x: hidden; \/* Prevents horizontal scroll from dynamic elements *\/\r\n \/* --- START: Content Security Additions --- *\/\r\n -webkit-user-select: none; \/* Safari *\/\r\n -moz-user-select: none; \/* Firefox *\/\r\n -ms-user-select: none; \/* IE10+\/Edge *\/\r\n user-select: none; \/* Standard *\/\r\n -webkit-touch-callout: none; \/* iOS Safari *\/\r\n \/* --- END: Content Security Additions --- *\/\r\n }\r\n body::before, body::after{ content:\"\"; position:fixed; inset:auto -20vw 30vh auto; width:55vw; height:55vw; border-radius:50%; background: radial-gradient(35% 35% at 30% 30%, rgba(249,115,22,.45), transparent 70%), radial-gradient(40% 40% at 70% 70%, rgba(251,146,60,.35), transparent 70%); filter: blur(40px); opacity:.65; pointer-events:none; z-index:-1; transform: translate3d(0,0,0); animation: floaty 16s ease-in-out infinite alternate }\r\n body::after{ inset: 10vh auto auto -20vw; background:radial-gradient(40% 40% at 70% 30%, rgba(59,130,246,.35), transparent 70%), radial-gradient(30% 30% at 30% 70%, rgba(249,115,22,.45), transparent 70%); animation-duration:18s }\r\n @keyframes floaty{ from{ transform:translateY(-2vh)} to{ transform:translateY(2vh)} }\r\n\r\n \/* Main content should be full width, no grid layout for this page *\/\r\n .content{min-width:0}\r\n\r\n .wrap{width:100%; max-width: 1600px; padding-left:clamp(16px, 5vw, 48px); padding-right:clamp(16px, 5vw, 48px); margin:0 auto}\r\n\r\n .hero{position:relative; overflow:hidden; border-bottom:1px solid var(--line); background: radial-gradient(1200px 400px at 10% -10%, rgba(249,115,22,.20), transparent 60%), radial-gradient(1200px 400px at 90% -10%, rgba(251,146,60,.18), transparent 60%), linear-gradient(180deg, rgba(255,255,255,.65), rgba(255,255,255,0)); backdrop-filter: var(--blur) }\r\n .hero-inner{padding: 80px 0; } \/* Adjusted padding *\/\r\n\r\n .gradient-text{background: linear-gradient(90deg, var(--brand), var(--brand-2)); -webkit-background-clip:text; background-clip:text; color:transparent}\r\n\r\n .btn-gradient{ display:inline-flex; align-items:center; justify-content:center; gap:0.5rem; text-decoration:none; position:relative; border:none; color:#fff; border-radius:16px; padding:.8rem 1.2rem; font-weight:800; letter-spacing:.3px; background:linear-gradient(90deg, var(--brand), var(--brand-2)); box-shadow:0 12px 28px rgba(249,115,22,.35); overflow:hidden; transition: transform 0.2s ease, box-shadow 0.2s ease; }\r\n .btn-gradient:hover { transform: translateY(-2px); box-shadow:0 14px 32px rgba(249, 115, 22,.3); }\r\n .btn-gradient::after{ content:\"\"; position:absolute; inset:-100% auto auto -100%; width:200%; height:200%; background:radial-gradient(60% 60% at 50% 50%, rgba(255,255,255,.25), transparent 45%); transform:translate3d(-50%,-50%,0); transition:transform .45s ease }\r\n .btn-gradient:hover::after{ transform:translate3d(0,0,0) } \/* Corrected transform for hover effect *\/\r\n\r\n .btn-outline-glass{ display:inline-flex; align-items:center; justify-content:center; gap:0.5rem; text-decoration:none; border-radius:16px; font-weight:700; border:1px solid rgba(249,115,22,.35); color:var(--brand); padding:.8rem 1.2rem; background:rgba(255,255,255,.5); transition: background-color .2s ease, color .2s ease; }\r\n .btn-outline-glass:hover { background: rgba(249, 115, 22, 0.08); color: var(--brand); }\r\n\r\n \/* Scroll margin for sections now depends on only the unified header *\/\r\n section[id]{ scroll-margin-top: calc(var(--navbar-height) + 18px) }\r\n\r\n .reveal{ opacity:0; transform: translateY(12px) scale(.98); transition: .6s cubic-bezier(.2,.65,.2,1) }\r\n .reveal.in{ opacity:1; transform:none }\r\n\r\n .progress-top{ position:fixed; top:0; left:0; height:4px; width:0; background:linear-gradient(90deg,var(--brand),var(--brand-2)); z-index:1001 }\r\n\r\n\r\n \/* === GALLERY SPECIFIC STYLES === *\/\r\n .gallery-item {\r\n overflow: hidden;\r\n border-radius: var(--radius-lg);\r\n box-shadow: var(--shadow);\r\n border: 1px solid var(--line);\r\n cursor: pointer;\r\n display: block;\r\n }\r\n .gallery-item img {\r\n width: 100%;\r\n height: 250px;\r\n object-fit: cover;\r\n transition: transform 0.4s ease;\r\n }\r\n .gallery-item:hover img {\r\n transform: scale(1.08);\r\n }\r\n .modal-content{\r\n background: var(--card-bg); \/* Changed from --card to --card-bg *\/\r\n backdrop-filter: var(--blur);\r\n border: 1px solid var(--line);\r\n border-radius: var(--radius-xl);\r\n }\r\n .modal-content .btn-close{\r\n position: absolute;\r\n top: 1rem;\r\n right: 1rem;\r\n z-index: 10;\r\n filter: invert(1) grayscale(100%) brightness(200%); \/* Maintain visibility on light backgrounds *\/\r\n }\r\n .modal-body img{\r\n width: 100%;\r\n border-radius: var(--radius-lg);\r\n }\r\n .chip{display:inline-flex; align-items:center; gap:.55rem; padding:.5rem .8rem; border:1px solid var(--line); border-radius:999px; background:rgba(255,255,255,.7); font-weight:600}\r\n .flag{font-size:18px; display:inline-block; width:1.4em}\r\n\r\n\r\n \/*\r\n Unified Header Specific Styles, adapted from the Buggy page,\r\n with all dark mode styles removed.\r\n *\/\r\n .unified-header {\r\n position: sticky; \/* Ensure it's sticky *\/\r\n top: 0;\r\n z-index: 75;\r\n background: rgba(255, 255, 255, 0.85); \/* Slightly transparent white for a modern look *\/\r\n backdrop-filter: var(--blur);\r\n border-bottom:1px solid var(--line);\r\n }\r\n .unified-header .brand-badge { width: 44px; height: 44px; border-radius: var(--radius-md); background:linear-gradient(145deg,#fff,#eef4ff); border:1px solid #e7edff; }\r\n \/* Styles for the new FOX logo image that replaces the SVG *\/\r\n .brand-badge img.brand-logo-img {\r\n display: block; \/* Ensures image does not have extra space below it *\/\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain; \/* Scales image down to fit, maintaining aspect ratio *\/\r\n object-position: center; \/* Centers the image within the badge *\/\r\n padding: 2px; \/* Add some padding inside the badge *\/\r\n }\r\n .unified-header .brand div { font-size: 0.9rem; }\r\n .unified-header .brand div .small { font-size: 0.75rem; }\r\n \/* Navbar Toggler icon colors *\/\r\n .unified-header .navbar-toggler-icon { background-image: url(\"data:image\/svg+xml,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(11, 19, 42, 0.7)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'\/%3e%3c\/svg%3e\"); }\r\n\r\n\r\n \/* Utility class for content wrapping\/centering *\/\r\n .content-container{\r\n width:100%;\r\n max-width: 1600px;\r\n padding-left:clamp(16px, 5vw, 48px);\r\n padding-right:clamp(16px, 5vw, 48px);\r\n margin:0 auto;\r\n }\r\n\r\n \/* Custom Language Switcher styles for the unified header *\/\r\n .unified-header .lang-switcher { position: relative; }\r\n .unified-header .lang-menu-custom {\r\n position: absolute;\r\n top: calc(100% + 10px);\r\n right: 0;\r\n min-width: 160px;\r\n padding: .5rem;\r\n margin: 0;\r\n list-style: none;\r\n background-color: var(--card-bg);\r\n border: 1px solid var(--line);\r\n border-radius: var(--radius-lg);\r\n box-shadow: var(--shadow);\r\n z-index: 1000;\r\n opacity: 0;\r\n visibility: hidden;\r\n transform: translateY(-10px);\r\n transition: opacity .2s ease, transform .2s ease, visibility .2s;\r\n }\r\n .unified-header .lang-menu-custom.show { opacity: 1; visibility: visible; transform: translateY(0); }\r\n .unified-header .lang-menu-custom .lang-item {\r\n width: 100%;\r\n padding: .5rem 1rem;\r\n font-weight: 600;\r\n color: var(--ink);\r\n background-color: transparent;\r\n border: 0;\r\n border-radius: var(--radius-md);\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n gap: .75rem;\r\n }\r\n .unified-header .lang-menu-custom .lang-item:hover { background-color: rgba(249, 115, 22, 0.1); }\r\n\r\n \/* Custom Dropdown Styling for main navigation *\/\r\n .unified-header .dropdown-menu {\r\n padding: .5rem;\r\n border-radius: var(--radius-lg);\r\n background-color: var(--card-bg);\r\n border: 1px solid var(--line);\r\n box-shadow: var(--shadow);\r\n z-index: 100;\r\n min-width: 220px; \/* Wider for better readability *\/\r\n margin-top: 8px !important;\r\n }\r\n .unified-header .dropdown-item {\r\n padding: .65rem .9rem;\r\n font-weight: 500; \/* Slightly lighter for dropdown items *\/\r\n color: var(--ink);\r\n border-radius: var(--radius-md);\r\n text-decoration: none;\r\n background-color: transparent;\r\n transition: background-color .2s ease, color .2s ease;\r\n }\r\n .unified-header .dropdown-item:hover,\r\n .unified-header .dropdown-item:focus {\r\n background-color: rgba(249,115,22,.08);\r\n color: var(--brand);\r\n }\r\n \/* Main navigation link styles *\/\r\n .unified-header .nav-link {\r\n color: var(--ink);\r\n background: transparent;\r\n padding: .65rem 1rem;\r\n border-radius: var(--radius-md);\r\n font-weight: 600;\r\n transition: background-color .2s ease, color .2s ease;\r\n white-space: nowrap; \/* Prevent text wrapping for menu items on desktop *\/\r\n }\r\n .unified-header .nav-link:hover {\r\n background: rgba(249,115,22,.08);\r\n color: var(--brand);\r\n }\r\n .unified-header .nav-link.active {\r\n background: var(--brand);\r\n color: #fff;\r\n }\r\n \/* Ensure dropdown toggles also show active state when their submenu is active *\/\r\n .unified-header .dropdown-toggle.active {\r\n background: var(--brand);\r\n color: #fff !important;\r\n }\r\n\r\n \/* Styles for non-navigable menu items *\/\r\n .dropdown-item.non-navigable, .nav-link.non-navigable {\r\n pointer-events: none; \/* Disable click events *\/\r\n cursor: default; \/* Change cursor to default, not pointer *\/\r\n opacity: 0.7; \/* Optionally dim them slightly *\/\r\n }\r\n .dropdown-item.non-navigable:hover, .nav-link.non-navigable:hover {\r\n background-color: transparent !important; \/* Ensure no hover background *\/\r\n color: var(--ink) !important; \/* Ensure text color doesn't change on hover *\/\r\n }\r\n\r\n \/* Mobile Menu specific styles for perfect responsiveness and usability *\/\r\n @media (max-width: 991.98px) {\r\n \/* The main content-container now wraps everything on desktop too *\/\r\n .unified-header > .content-container {\r\n padding-top: 10px; \/* Some vertical padding for the top bar on mobile *\/\r\n padding-bottom: 10px;\r\n }\r\n\r\n \/* Styling for the collapsed navbar content (the mobile menu itself) *\/\r\n .unified-header .navbar-collapse {\r\n position: fixed; \/* Position relative to the viewport *\/\r\n top: var(--navbar-height); \/* Dynamically set height from JS *\/\r\n left: 0;\r\n width: 100vw; \/* Full viewport width *\/\r\n height: calc(100vh - var(--navbar-height)); \/* Fill remaining vertical space *\/\r\n overflow-y: auto; \/* Allow scrolling for long menus *\/\r\n background-color: var(--card-bg);\r\n border-top: 1px solid var(--line);\r\n margin: 0;\r\n padding: 20px 16px; \/* Apply desired padding directly to the collapse content for mobile *\/\r\n box-shadow: 0 10px 20px rgba(0,0,0,0.05);\r\n border-radius: 0;\r\n z-index: 70;\r\n }\r\n .unified-header .navbar-collapse .nav-item {\r\n width: 100%;\r\n margin-bottom: 8px; \/* Added slight margin for mobile nav items *\/\r\n }\r\n .unified-header .navbar-collapse .nav-link,\r\n .unified-header .navbar-collapse .dropdown-item {\r\n padding: .85rem 1rem; \/* Slightly larger padding for touch targets *\/\r\n font-size: 1.05rem;\r\n white-space: normal; \/* Allow wrapping within mobile menu if needed *\/\r\n }\r\n \/* Mobile-specific: When Tours dropdown is active, the toggle itself should also look active *\/\r\n .unified-header .navbar-collapse .dropdown-toggle[aria-expanded=\"true\"] {\r\n background-color: var(--orange-subtle-bg); \/* Use a subtle background *\/\r\n color: var(--brand); \/* Text color to brand *\/\r\n border-radius: var(--radius-md);\r\n }\r\n \/* Submenu (Tours) expands inline on mobile *\/\r\n .unified-header .navbar-collapse .dropdown-menu {\r\n position: static;\r\n width: 100%;\r\n border: none;\r\n box-shadow: none;\r\n background-color: rgba(249,115,22,.05);\r\n margin-top: 5px;\r\n border-radius: var(--radius-md);\r\n padding: 5px;\r\n }\r\n .unified-header .navbar-collapse .dropdown-item {\r\n padding-left: 2rem; \/* Indent sub-items *\/\r\n font-size: 1.05rem; \/* Match parent font size *\/\r\n }\r\n \/* Language switcher in mobile menu *\/\r\n .unified-header .navbar-collapse .lang-switcher { margin-top: 15px; text-align: center; position: static; }\r\n .unified-header .navbar-collapse .lang-switcher .btn { width: auto; justify-content: center; padding: 0.5rem 1.5rem; }\r\n .unified-header .navbar-collapse .lang-menu-custom {\r\n position: static;\r\n width: 100%;\r\n box-shadow: none;\r\n border: none;\r\n background-color: transparent;\r\n transform: translateY(0);\r\n opacity: 1;\r\n visibility: visible;\r\n margin-top: 10px;\r\n display: grid; \/* Use grid for better layout of language items on mobile *\/\r\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\r\n gap: 5px;\r\n }\r\n .unified-header .navbar-collapse .lang-switcher .lang-item { justify-content: center; padding: .6rem 1rem; background-color: rgba(0,0,0,0.03); }\r\n\r\n \/* Mobile specific styling for right-side action buttons within the collapsed menu *\/\r\n .unified-header .navbar-collapse .action-buttons-container {\r\n display: grid !important; \/* Force grid layout for buttons *\/\r\n grid-template-columns: 1fr; \/* Stack buttons vertically *\/\r\n gap: 10px; \/* Space between stacked buttons *\/\r\n margin-top: 20px !important; \/* Add space above buttons in mobile menu *\/\r\n }\r\n .unified-header .navbar-collapse .action-buttons-container .btn {\r\n width: 100%; \/* Make buttons full width *\/\r\n justify-content: center; \/* Center content of buttons *\/\r\n }\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce){ *{ transition:none!important; animation:none!important; scroll-behavior:auto!important } }\r\n <\/style>\r\n\r\n<\/head>\r\n\r\n<body oncontextmenu=\"return false;\" ondragstart=\"return false;\">\r\n\r\n<div class=\"progress-top\" id=\"progress\"><\/div>\r\n\r\n\r\n<header class=\"unified-header sticky-top navbar navbar-expand-lg\" id=\"mainHeader\">\r\n \r\n <div class=\"content-container d-flex align-items-center w-100 py-2 py-lg-0\">\r\n <a class=\"brand d-flex align-items-center gap-2 text-decoration-none\" href=\"https:\/\/foxmarsaalam.com\/de\/\">\r\n <div class=\"brand-badge\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/67ZkRRWL\/FOX-Logo-Custom.png\" alt=\"\" class=\"brand-logo-img\"\r\n data-en-alt=\"FOX Marsa Alam Logo\"\r\n data-de-alt=\"FOX Marsa Alam Logo\"\r\n data-ru-alt=\"FOX Marsa Alam Logo\"\r\n data-it-alt=\"FOX Marsa Alam Logo\"\r\n data-cz-alt=\"FOX Marsa Alam Logo\"\r\n data-pl-alt=\"FOX Marsa Alam Logo\">\r\n <\/div>\r\n <div>\r\n <div class=\"fw-bold\" style=\"color:var(--ink);\" data-en=\"FOX MARSA ALAM\" data-de=\"FOX MARSA ALAM\" data-ru=\"FOX MARSA ALAM\" data-it=\"FOX MARSA ALAM\" data-cz=\"FOX MARSA ALAM\" data-pl=\"FOX MARSA ALAM\">FOX MARSA ALAM<\/div>\r\n <div class=\"text-muted small\" data-en=\"Gallery\" data-de=\"Galerie\" data-ru=\"\u0413\u0430\u043b\u0435\u0440\u0435\u044f\" data-it=\"Galleria\" data-cz=\"Galerie\" data-pl=\"Galeria\">Gallery<\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n \r\n <button class=\"navbar-toggler ms-auto\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#navbarNav\" aria-controls=\"navbarNav\" aria-expanded=\"false\"\r\n aria-label=\"Toggle navigation\" data-en-arialabel=\"Toggle navigation\" data-de-arialabel=\"Navigation umschalten\" data-ru-arialabel=\"\u041f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044e\" data-it-arialabel=\"Mostra\/nascondi navigazione\" data-cz-arialabel=\"P\u0159epnout navigaci\" data-pl-arialabel=\"Prze\u0142\u0105cz nawigacj\u0119\">\r\n <span class=\"navbar-toggler-icon\"><\/span>\r\n <\/button>\r\n\r\n \r\n <div class=\"collapse navbar-collapse\" id=\"navbarNav\">\r\n <div class=\"content-container d-flex flex-column flex-lg-row align-items-lg-center justify-content-between py-3 py-lg-0\">\r\n <ul class=\"navbar-nav mx-auto mb-2 mb-lg-0 gap-lg-2\">\r\n <li class=\"nav-item\"><a href=\"https:\/\/foxmarsaalam.com\/de\/\" class=\"nav-link\" data-en=\"Home\" data-de=\"Startseite\" data-ru=\"\u0413\u043b\u0430\u0432\u043d\u0430\u044f\" data-it=\"Home\" data-cz=\"Dom\u016f\" data-pl=\"Strona g\u0142\u00f3wna\">Home<\/a><\/li>\r\n <li class=\"nav-item dropdown\">\r\n \r\n <a class=\"nav-link dropdown-toggle\" href=\"#navbarDropdownToursMenu\" role=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#navbarDropdownToursMenu\" aria-expanded=\"false\" data-en=\"Tours\" data-de=\"Touren\" data-ru=\"\u0422\u0443\u0440\u044b\" data-it=\"Tour\" data-cz=\"V\u00fdlety\" data-pl=\"Wycieczki\">\r\n Tours\r\n <\/a>\r\n \r\n <ul class=\"dropdown-menu collapse\" id=\"navbarDropdownToursMenu\">\r\n <li><a class=\"dropdown-item\" href=\"https:\/\/foxmarsaalam.com\/de\/super-safari\/\" data-en=\"Super Safari\" data-de=\"Super Safari\" data-ru=\"\u0421\u0443\u043f\u0435\u0440 \u0421\u0430\u0444\u0430\u0440\u0438\" data-it=\"Super Safari\" data-cz=\"Super Safari\" data-pl=\"Super Safari\">Super Safari<\/a><\/li>\r\n <li><a class=\"dropdown-item\" href=\"https:\/\/foxmarsaalam.com\/de\/%d9%8djeep-safari\/\" data-en=\"Jeep Safari\" data-de=\"Jeep Safari\" data-ru=\"\u0414\u0436\u0438\u043f-\u0441\u0430\u0444\u0430\u0440\u0438\" data-it=\"Jeep Safari\" data-cz=\"Jeep Safari\" data-pl=\"Jeep Safari\">Jeep Safari<\/a><\/li>\r\n <li><a class=\"dropdown-item\" href=\"https:\/\/foxmarsaalam.com\/de\/buggy-spider\/\" data-en=\"Buggy Spider\" data-de=\"Buggy Spider\" data-ru=\"\u0411\u0430\u0433\u0433\u0438-\u043f\u0430\u0443\u043a\" data-it=\"Buggy Spider\" data-cz=\"Buggy Spider\" data-pl=\"Buggy Spider\">Buggy Spider<\/a><\/li>\r\n <li><a class=\"dropdown-item\" href=\"https:\/\/foxmarsaalam.com\/de\/quad-sunset-bbq\/\" data-en=\"Quad Sunset BBQ\" data-de=\"Quad bei Sonnenuntergang & BBQ\" data-ru=\"\u041a\u0432\u0430\u0434\u0440\u043e\u0446\u0438\u043a\u043b\u044b \u043d\u0430 \u0437\u0430\u043a\u0430\u0442\u0435 \u0438 \u0431\u0430\u0440\u0431\u0435\u043a\u044e\" data-it=\"Quad al Tramonto con BBQ\" data-cz=\"\u010cty\u0159kolky p\u0159i z\u00e1padu s\u0142o\u0144ca s BBQ\" data-pl=\"Quady o zachodzie s\u0142o\u0144ca z grillem\">Quad Sunset BBQ<\/a><\/li>\r\n <li><a class=\"dropdown-item\" href=\"https:\/\/foxmarsaalam.com\/de\/desert-atv-adventure\/\" data-en=\"Desert ATV Adventure\" data-de=\"W\u00fcsten-ATV-Abenteuer\" data-ru=\"\u041f\u0440\u0438\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u043d\u0430 \u043a\u0432\u0430\u0434\u0440\u043e\u0446\u0438\u043a\u043b\u0430\u0445 \u0432 \u043f\u0443\u0441\u0442\u044b\u043d\u0435\" data-it=\"Avventura in ATV nel Deserto\" data-cz=\"Dobrodru\u017estv\u00ed na \u010dty\u0159kolce v pou\u0161ti\" data-pl=\"Pustynna przygoda na quadach\">Desert ATV Adventure<\/a><\/li>\r\n <li><a class=\"dropdown-item\" href=\"https:\/\/foxmarsaalam.com\/de\/camel-ride\/\" data-en=\"Camel Ride\" data-de=\"Kamelritt\" data-ru=\"\u041f\u0440\u043e\u0433\u0443\u043b\u043a\u0430 na \u0432\u0435\u0440\u0431\u043b\u044e\u0434\u0430\u0445\" data-it=\"Passeggiata in Cammello\" data-cz=\"J\u00edzda na velbloudu\" data-pl=\"Przeja\u017cd\u017cka na wielb\u0142\u0105dach\">Camel Ride<\/a><\/li>\r\n <li><a class=\"dropdown-item\" href=\"https:\/\/foxmarsaalam.com\/de\/horse-ride\/\" data-en=\"Horse Ride\" data-de=\"Ausritt\" data-ru=\"\u041f\u0440\u043e\u0433\u0443\u043b\u043a\u0430 na \u043b\u043e\u0448\u0430\u0434\u044f\u0445\" data-it=\"Passeggiata a Cavallo\" data-cz=\"J\u00edzda na koni\" data-pl=\"Jazda konna\">Horse Ride<\/a><\/li>\r\n \r\n <\/ul>\r\n <\/li>\r\n <li class=\"nav-item\"><span class=\"nav-link non-navigable\" data-en=\"Transfer Service\" data-de=\"Transferservice\" data-ru=\"\u0422\u0440\u0430\u043d\u0441fer\" data-it=\"Servizio Transfer\" data-cz=\"Transferov\u00e9 slu\u017eby\" data-pl=\"Us\u0142ugi transferowe\">Transfer Service<\/span><\/li>\r\n <li class=\"nav-item\"><a href=\"https:\/\/foxmarsaalam.com\/de\/gallery\/\" class=\"nav-link active\" data-en=\"Gallery\" data-de=\"Galerie\" data-ru=\"\u0413\u0430\u043b\u0435\u0440\u0435\u044f\" data-it=\"Galleria\" data-cz=\"Galerie\" data-pl=\"Galeria\">Gallery<\/a><\/li>\r\n <li class=\"nav-item\"><a href=\"https:\/\/foxmarsaalam.com\/de\/abou-us\/\" class=\"nav-link\" data-en=\"About Us\" data-de=\"\u00dcber uns\" data-ru=\"\u041e \u043d\u0430\u0441\" data-it=\"Chi siamo\" data-cz=\"O n\u00e1s\" data-pl=\"O nas\">About Us<\/a><\/li>\r\n \r\n <li class=\"nav-item\"><a href=\"https:\/\/foxmarsaalam.com\/de\/411-2\/\" class=\"nav-link\" data-en=\"Contact Us\" data-de=\"Kontakt\" data-ru=\"\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b\" data-it=\"Contattaci\" data-cz=\"Kontakt\" data-pl=\"Kontakt\">Contact Us<\/a><\/li>\r\n <\/ul>\r\n\r\n \r\n <div class=\"action-buttons-container d-flex flex-column flex-lg-row align-items-center gap-lg-3 mt-3 mt-lg-0\">\r\n <div class=\"lang-switcher\">\r\n <button id=\"lang-switcher-btn\" class=\"btn btn-outline-glass d-flex align-items-center gap-2\" type=\"button\"\r\n aria-label=\"Select Language\" data-en-arialabel=\"Select Language\" data-de-arialabel=\"Sprache ausw\u00e4hlen\" data-ru-arialabel=\"\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u044f\u0437\u044b\u043a\" data-it-arialabel=\"Seleziona la lingua\" data-cz-arialabel=\"Vyberte jazyk\" data-pl-arialabel=\"Wybierz j\u0119zyk\">\r\n <i class=\"bi bi-translate fs-5\"><\/i>\r\n <span id=\"lang-indicator-text\" class=\"fw-bold small d-none d-lg-inline\">EN<\/span>\r\n <\/button>\r\n <ul id=\"lang-menu-custom\" class=\"lang-menu-custom\">\r\n <li><button class=\"lang-item\" data-lang=\"en\"><span>\ud83c\uddec\ud83c\udde7<\/span> English<\/button><\/li>\r\n <li><button class=\"lang-item\" data-lang=\"de\"><span>\ud83c\udde9\ud83c\uddea<\/span> Deutsch<\/button><\/li>\r\n <li><button class=\"lang-item\" data-lang=\"ru\"><span>\ud83c\uddf7\ud83c\uddfa<\/span> \u0420\u0443\u0441\u0441\u043a\u0438\u0439<\/button><\/li>\r\n <li><button class=\"lang-item\" data-lang=\"it\"><span>\ud83c\uddee\ud83c\uddf9<\/span> Italiano<\/button><\/li>\r\n <li><button class=\"lang-item\" data-lang=\"cz\"><span>\ud83c\udde8\ud83c\uddff<\/span> \u010ce\u0161tina<\/button><\/li>\r\n <li><button class=\"lang-item\" data-lang=\"pl\"><span>\ud83c\uddf5\ud83c\uddf1<\/span> Polski<\/button><\/li>\r\n <\/ul>\r\n <\/div>\r\n \r\n <a href=\"https:\/\/wa.me\/201212014040\" class=\"btn btn-success d-flex align-items-center justify-content-center gap-2\" target=\"_blank\" rel=\"noopener\">\r\n <i class=\"bi bi-whatsapp\"><\/i> <span data-en=\"WhatsApp Us\" data-de=\"WhatsApp\" data-ru=\"WhatsApp\" data-it=\"WhatsApp\" data-cz=\"WhatsApp\" data-pl=\"WhatsApp\">WhatsApp Us<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/foxmarsaalam.com\/de\/411-2\/\" class=\"btn btn-gradient\"> \r\n <span data-en=\"Book Now\" data-de=\"Jetzt Buchen\" data-ru=\"\u0411\u0440\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u0442\u044c\" data-it=\"Prenota Ora\" data-cz=\"Rezervovat\" data-pl=\"Rezerwuj\">Book Now<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n<main class=\"content\">\r\n\r\n <section id=\"top\" class=\"hero\">\r\n <div class=\"wrap hero-inner\">\r\n <div class=\"row align-items-center\">\r\n <div class=\"col-lg-10 mx-auto text-center\">\r\n <h1 class=\"display-5 fw-bold gradient-text\" data-en=\"Moments from the Heart of Egypt\" data-de=\"Momente aus dem Herzen \u00c4gyptens\" data-ru=\"\u041c\u043e\u043c\u0435\u043d\u0442\u044b \u0438\u0437 \u0441\u0435\u0440\u0434\u0446\u0430 \u0415\u0433\u0438\u043f\u0442\u0430\" data-it=\"Momenti dal Cuore dell'Egitto\" data-cz=\"Okam\u017eiky ze Srdce Egypta\" data-pl=\"Chwile z Serca Egiptu\">Moments from the Heart of Egypt<\/h1>\r\n <p class=\"lead mb-4 text-secondary\" data-en=\"Browse our collection of real photos from thrilling desert safaris, beautiful landscapes, and cultural encounters. Get inspired for your next adventure with us!\" data-de=\"St\u00f6bern Sie in unserer Sammlung echter Fotos von aufregenden W\u00fcstensafaris, wundersch\u00f6nen Landschaften und kulturellen Begegnungen. Lassen Sie sich f\u00fcr Ihr n\u00e4chstes Abenteuer mit uns inspirieren!\" data-ru=\"\u041f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u0442\u0435 \u043d\u0430\u0448\u0443 \u043a\u043e\u043b\u043b\u0435\u043a\u0446\u0438\u044e \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0445 \u0444\u043e\u0442\u043e\u0433\u0440\u0430\u0444\u0438\u0439 \u0437\u0430\u0445\u0432\u0430\u0442\u044b\u0432\u0430\u044e\u0449\u0438\u0445 \u0441\u0430\u0444\u0430\u0440\u0438 \u043f\u043e \u043f\u0443\u0441\u0442\u044b\u043d\u0435, \u043a\u0440\u0430\u0441\u0438\u0432\u044b\u0445 \u043f\u0435\u0439\u0437\u0430\u0436\u0435\u0439 \u0438 \u043a\u0443\u043b\u044c\u0442\u0443\u0440\u043d\u044b\u0445 \u0432\u0441\u0442\u0440\u0435\u0447. \u0412\u0434\u043e\u0445\u043d\u043e\u0432\u0438\u0442\u0435\u0441\u044c \u043d\u0430 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0435 \u043f\u0440\u0438\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0441 \u043d\u0430\u043c\u0438!\" data-it=\"Sfoglia la nostra collezione di foto reali di emozionanti safari nel deserto, paesaggi mozzafiato e incontri culturali. Lasciati ispirare per la tua prossima avventura con noi!\" data-cz=\"Prohl\u00e9dn\u011bte si na\u0161i sb\u00edrku skute\u010dn\u00fdch fotografi\u00ed z nap\u00ednav\u00fdch pou\u0161tn\u00edch safari, kr\u00e1sn\u00fdch krajin a kulturn\u00edch setk\u00e1n\u00ed. Nechte se inspirovat pro sv\u00e9 dal\u0161\u00ed dobrodru\u017estv\u00ed s n\u00e1mi!\" data-pl=\"Przejrzyj nasz\u0105 kolekcj\u0119 prawdziwych zdj\u0119\u0107 z ekscytuj\u0105cych safari po pustyni, pi\u0119knych krajobraz\u00f3w i spotka\u0144 kulturowych. Zainspiruj si\u0119 na swoj\u0105 kolejn\u0105 przygod\u0119 z nami!\">Browse our collection of real photos from thrilling desert safaris, beautiful landscapes, and cultural encounters. Get inspired for your next adventure with us!<\/p>\r\n <a href=\"#gallery\" class=\"btn btn-gradient\"><i class=\"bi bi-camera me-1\"><\/i> <span data-en=\"Explore Our Gallery\" data-de=\"Unsere Galerie erkunden\" data-ru=\"\u041f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0433\u0430\u043b\u0435\u0440\u0435\u044e\" data-it=\"Esplora la nostra Galleria\" data-cz=\"Prozkoumat na\u0161i galerii\" data-pl=\"Odkryj nasz\u0105 Galeri\u0119\">Explore Our Gallery<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"gallery\" class=\"wrap py-5\">\r\n <div class=\"row g-3 g-md-4\">\r\n \r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/7JbppXrS\/3a3f63e1da68bfb021ea0934dd05d1ed.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/7JbppXrS\/3a3f63e1da68bfb021ea0934dd05d1ed.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/9xr2Dyx\/5b6730cbc8ff45f62e600951fa68e9c2.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/9xr2Dyx\/5b6730cbc8ff45f62e600951fa68e9c2.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/4ZjP8mHF\/6c0ccd9ac7a9163d449d57af4fbfce61.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/4ZjP8mHF\/6c0ccd9ac7a9163d449d57af4fbfce61.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/nqg2Lg68\/8d49958eb36c92d3ee59114059951523.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/nqg2Lg68\/8d49958eb36c92d3ee59114059951523.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/zTdzT6Sy\/412b54f12a349d85fc171e1c893eaf01.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/zTdzT6Sy\/412b54f12a349d85fc171e1c893eaf01.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/dswX8SZq\/5970d2e112ee07564cfe8ecd0356f75b.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/dswX8SZq\/5970d2e112ee07564cfe8ecd0356f75b.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/8nqjRWMs\/21067c226c8b62efaa0d3976e0872f32.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/8nqjRWMs\/21067c226c8b62efaa0d3976e0872f32.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/tpYHrnvS\/db9d2ce62c6f82a3387d8f14e5569f1b.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/tpYHrnvS\/db9d2ce62c6f82a3387d8f14e5569f1b.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/hRW7WrLC\/f23faacfdaf4c3610a810eaf565f03f4.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/hRW7WrLC\/f23faacfdaf4c3610a810eaf565f03f4.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/d4wLGY19\/1f2c11aca52f369d92af4f0f3964b38d.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/d4wLGY19\/1f2c11aca52f369d92af4f0f3964b38d.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/WpfWXVcg\/59d2ca94e3997f60cfbe0d6e5a41dc0d.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/WpfWXVcg\/59d2ca94e3997f60cfbe0d6e5a41dc0d.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/KzGndYnb\/157502bf349cfcacf0e9b1e70d5aa41c.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/KzGndYnb\/157502bf349cfcacf0e9b1e70d5aa41c.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/rKR9LXCb\/75060995d6d3ca0f67e6781fcccf564c.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/rKR9LXCb\/75060995d6d3ca0f67e6781fcccf564c.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/nMJ3RC81\/a6427b99d51c7c487a588c1585e2ac53.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/nMJ3RC81\/a6427b99d51c7c487a588c1585e2ac53.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/5X3LCGLz\/9355f6c09de2e99d8e4c8cf19e78aaf6.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/5X3LCGLz\/9355f6c09de2e99d8e4c8cf19e78aaf6.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/1Y5wVZFD\/361b1ab2c3f7186c787bcdd9b65fa092.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/1Y5wVZFD\/361b1ab2c3f7186c787bcdd9b65fa092.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/hFsdNj1v\/7ef52fe46bca131132dfd4ff5acf3e0b.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/hFsdNj1v\/7ef52fe46bca131132dfd4ff5acf3e0b.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/BH25F5d1\/1f3e870c684934ff7de1882c5402d798.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/BH25F5d1\/1f3e870c684934ff7de1882c5402d798.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/WNDmVD8v\/78ed29a798d97c67c3b8f12c324c1472.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/WNDmVD8v\/78ed29a798d97c67c3b8f12c324c1472.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/qMxnTQkt\/b5e14cd4b93e22d08b57e7c414999fac.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/qMxnTQkt\/b5e14cd4b93e22d08b57e7c414999fac.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/7tC3WHGd\/82393ffa7e3b6ab5895290a40b9358d7.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/7tC3WHGd\/82393ffa7e3b6ab5895290a40b9358d7.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/DPKZsbYK\/desert-1071908-1280.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/DPKZsbYK\/desert-1071908-1280.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/4wdKQZy3\/desert-1071918.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/4wdKQZy3\/desert-1071918.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/xtd4dj2L\/desert-1068620.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/xtd4dj2L\/desert-1068620.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/G3WbPng1\/safari-4652364.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/G3WbPng1\/safari-4652364.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/cXMczxJw\/pexels-bubi-2867769.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/cXMczxJw\/pexels-bubi-2867769.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/TBnF93f1\/pexels-adrienn-csiszer-47480053-7541203.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/TBnF93f1\/pexels-adrienn-csiszer-47480053-7541203.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/0VZgqmPZ\/pexels-cansu-hangul-464804780-26729157.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/0VZgqmPZ\/pexels-cansu-hangul-464804780-26729157.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/qYFCQtSJ\/pexels-bn-gaber-3563948-27693788.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/qYFCQtSJ\/pexels-bn-gaber-3563948-27693788.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/8g7pXnkV\/pexels-deiby-tum-tum-2536965-33151590.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/8g7pXnkV\/pexels-deiby-tum-tum-2536965-33151590.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/vxh4YW5J\/pexels-matreding-4397891.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/vxh4YW5J\/pexels-matreding-4397891.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/rGdgdK9B\/pexels-tima-miroshnichenko-5976690.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/rGdgdK9B\/pexels-tima-miroshnichenko-5976690.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/KcybNnSQ\/pexels-bezzaponnaya-8863499.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/KcybNnSQ\/pexels-bezzaponnaya-8863499.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/sdzGcnjK\/pexels-popovkin-14085753.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/sdzGcnjK\/pexels-popovkin-14085753.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/rGzTwcp6\/pexels-epirojenes-16959272.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/rGzTwcp6\/pexels-epirojenes-16959272.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/G4Pd7J4z\/pexels-tima-miroshnichenko-5976946.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/G4Pd7J4z\/pexels-tima-miroshnichenko-5976946.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/6cJLRTSw\/pexels-ahmed-zaki-173186242-28322807.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/6cJLRTSw\/pexels-ahmed-zaki-173186242-28322807.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/k6KqVcN6\/pexels-mahmut-31684277.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/k6KqVcN6\/pexels-mahmut-31684277.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/BRfGD6s\/pexels-sarasamirk-11563114.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/BRfGD6s\/pexels-sarasamirk-11563114.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/3mCZPzGf\/pexels-einfoto-14137300.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/3mCZPzGf\/pexels-einfoto-14137300.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/kVtPrddq\/pexels-einfoto-14137298.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/kVtPrddq\/pexels-einfoto-14137298.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/fzkYNxJ9\/pexels-fady-9483336.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/fzkYNxJ9\/pexels-fady-9483336.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/p600BpWt\/pexels-popovkin-14085757.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/p600BpWt\/pexels-popovkin-14085757.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/rRxp4bYN\/pexels-talha-can-854259528-19873063.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/rRxp4bYN\/pexels-talha-can-854259528-19873063.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/zWM05RKB\/pexels-aboud17-32902068.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/zWM05RKB\/pexels-aboud17-32902068.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/60dnrm5s\/pexels-epirojenes-16959271.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/60dnrm5s\/pexels-epirojenes-16959271.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/KxqtS9mS\/pexels-paulo-veloso-724211738-27894855.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/KxqtS9mS\/pexels-paulo-veloso-724211738-27894855.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/mVgcMBRV\/pexels-mjlo-30709724.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/mVgcMBRV\/pexels-mjlo-30709724.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/VcyHZ2Nh\/pexels-axp-photography-500641970-18991512.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/VcyHZ2Nh\/pexels-axp-photography-500641970-18991512.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/KScMgZP\/pexels-indu-bikash-sarker-116278202-20506675.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/KScMgZP\/pexels-indu-bikash-sarker-116278202-20506675.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/JRcz02HD\/pexels-diego-f-parra-33199-15238562.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/JRcz02HD\/pexels-diego-f-parra-33199-15238562.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/XftFMM4w\/pexels-francesco-albanese-2150950215-31730169.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/XftFMM4w\/pexels-francesco-albanese-2150950215-31730169.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/wFcvZDmL\/pexels-mohamed-eessa74-1306424906-24743611.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/wFcvZDmL\/pexels-mohamed-eessa74-1306424906-24743611.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/qF3VyptJ\/pexels-axp-photography-500641970-18934678.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/qF3VyptJ\/pexels-axp-photography-500641970-18934678.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/JjPpYcTD\/pexels-mahmut-31674879.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/JjPpYcTD\/pexels-mahmut-31674879.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/1YmtB74v\/pexels-yigithan02-5572502.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/1YmtB74v\/pexels-yigithan02-5572502.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/V02TgDYf\/pexels-francesco-albanese-2150950215-31730176.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/V02TgDYf\/pexels-francesco-albanese-2150950215-31730176.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/XfYwvmkv\/pexels-axp-photography-500641970-18934668.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/XfYwvmkv\/pexels-axp-photography-500641970-18934668.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/cKjFjGCS\/pexels-axp-photography-500641970-18934706.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/cKjFjGCS\/pexels-axp-photography-500641970-18934706.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/yBhtbJSY\/pexels-diego-f-parra-33199-15188088.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/yBhtbJSY\/pexels-diego-f-parra-33199-15188088.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/mVdVrw1K\/pexels-frans-van-heerden-201846-631339.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/mVdVrw1K\/pexels-frans-van-heerden-201846-631339.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/5g632qJT\/sean-wang-Zms-TWt-Uc03w-unsplash.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/5g632qJT\/sean-wang-Zms-TWt-Uc03w-unsplash.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"col-6 col-md-4 col-lg-3 reveal\">\r\n <a href=\"#\" class=\"gallery-item\" data-bs-toggle=\"modal\" data-bs-target=\"#galleryModal\" data-bs-img-src=\"https:\/\/i.ibb.co\/3y8z11cd\/calin-stan-a8-ZSKCBE1xk-unsplash.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/3y8z11cd\/calin-stan-a8-ZSKCBE1xk-unsplash.jpg\" alt=\"Marsa Alam Adventure Photo\">\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n\r\n<footer class=\"border-top\" style=\"border-color: var(--line) !important; background: var(--card-bg)\">\r\n<div class=\"wrap py-5\">\r\n<p class=\"small text-muted\"\r\ndata-en=\"Professional desert tours in Marsa Alam & El Quseir \u2022 Safety-first \u2022 Multilingual support\"\r\ndata-de=\"Professionelle W\u00fcstentouren in Marsa Alam & El Quseir \u2022 Sicherheit an erster Stelle \u2022 Mehrsprachige Betreuung\"\r\ndata-ru=\"\u041f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u0442\u0443\u0440\u044b \u043f\u043e \u043f\u0443\u0441\u0442\u044b\u043d\u0435 \u0432 \u041c\u0430\u0440\u0441\u0430-\u0410\u043b\u0430\u043c\u0435 \u0438 \u042d\u043b\u044c-\u041a\u0443\u0441\u0435\u0439\u0440\u0435 \u2022 \u0411\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u044c \u043f\u0440\u0435\u0436\u0434\u0435 \u0432\u0441\u0435\u0433\u043e \u2022 \u041c\u043d\u043e\u0433\u043e\u044f\u0437\u044b\u0447\u043d\u0430\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430\"\r\ndata-it=\"Tour professionali nel deserto a Marsa Alam ed El Quseir \u2022 La sicurezza prima di tutto \u2022 Supporto multilingue\"\r\ndata-cz=\"Profesion\u00e1ln\u00ed pou\u0161tn\u00ed v\u00fdlety v Marsa Alam & El Quseir \u2022 Bezpe\u010dnost na prvn\u00edm m\u00edst\u011b \u2022 V\u00edcejazy\u010dn\u00e1 podpora\"\r\ndata-pl=\"Profesjonalne wycieczki na pustyni\u0119 w Marsa Alam i El Quseir \u2022 Bezpiecze\u0144stwo przede wszystkim \u2022 Wieloj\u0119zyczne wsparcie\">Professional desert tours in Marsa Alam & El Quseir \u2022 Safety-first \u2022 Multilingual support<\/p>\r\n<p class=\"small text-muted opacity-75\">\u00a9 <span id=\"year\"><\/span> FOX MARSA ALAM. <span\r\ndata-en=\"All rights reserved.\"\r\ndata-de=\"Alle Rechte vorbehalten.\"\r\ndata-ru=\"\u0412\u0441\u0435 \u043f\u0440\u0430\u0432\u0430 \u0437\u0430\u0449\u0438\u0449\u0435\u043d\u044b.\"\r\ndata-it=\"Tutti i diritti riservati.\" data-cz=\"V\u0161echna pr\u00e1va vyhrazena.\" data-pl=\"Wszelkie prawa zastrze\u017cone.\">All rights reserved.<\/span><\/p>\r\n<\/div>\r\n<\/footer>\r\n<\/main>\r\n\r\n\r\n<nav class=\"mobile-rail d-lg-none\">\r\n <ul class=\"nav nav-pills flex-nowrap\">\r\n <li class=\"nav-item\"><a class=\"nav-link active\" href=\"#top\" data-en=\"Top\" data-de=\"Oben\" data-ru=\"\u041d\u0430\u0432\u0435\u0440\u0445\" data-it=\"Inizio\" data-cz=\"Nahoru\" data-pl=\"G\u00f3ra\">Top<\/a><\/li>\r\n <li class=\"nav-item\"><a class=\"nav-link\" href=\"#gallery\" data-en=\"Gallery\" data-de=\"Galerie\" data-ru=\"\u0413\u0430\u043b\u0435\u0440\u0435\u044f\" data-it=\"Galleria\" data-cz=\"Galerie\" data-pl=\"Galeria\">Gallery<\/a><\/li>\r\n <li class=\"nav-item\"><a class=\"nav-link\" href=\"https:\/\/foxmarsaalam.com\/de\/411-2\/\" data-en=\"Contact\" data-de=\"Kontakt\" data-ru=\"\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b\" data-it=\"Contatto\" data-cz=\"Kontakt\" data-pl=\"Kontakt\">Contact<\/a><\/li>\r\n <\/ul>\r\n<\/nav>\r\n\r\n\r\n<div class=\"modal fade\" id=\"galleryModal\" tabindex=\"-1\" aria-labelledby=\"galleryModalLabel\" aria-hidden=\"true\">\r\n <div class=\"modal-dialog modal-lg modal-dialog-centered\">\r\n <div class=\"modal-content\">\r\n <div class=\"modal-body p-2\">\r\n <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"><\/button>\r\n <img decoding=\"async\" src=\"\" class=\"img-fluid\" id=\"modalImage\" alt=\"Gallery Image\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.3\/dist\/js\/bootstrap.bundle.min.js\"><\/script>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n const unifiedHeader = document.getElementById('mainHeader');\r\n \/\/ For this page, there are no internal \"tabs\" below the hero, so we set tabs to null\r\n const tabs = null; \r\n const navbarCollapseElement = document.getElementById('navbarNav'); \/\/ Main mobile menu collapse\r\n\r\n \/\/ --- START: Content Security Additions (JavaScript) ---\r\n \/\/ Disable right-click on the document\r\n document.addEventListener('contextmenu', function(e) {\r\n e.preventDefault();\r\n }, false);\r\n\r\n \/\/ Disable common keyboard shortcuts for copying, saving, and developer tools\r\n document.addEventListener('keydown', function(e) {\r\n \/\/ Check for Ctrl\/Cmd combinations and F12\r\n if (\r\n (e.ctrlKey && e.shiftKey && e.key === 'I') || \/\/ Ctrl+Shift+I (devtools)\r\n (e.ctrlKey && e.shiftKey && e.key === 'J') || \/\/ Ctrl+Shift+J (devtools)\r\n (e.ctrlKey && e.key === 'U') || \/\/ Ctrl+U (view source)\r\n (e.metaKey && e.key === 'U') || \/\/ Cmd+U (view source on Mac)\r\n (e.ctrlKey && e.key === 'S') || \/\/ Ctrl+S (save page)\r\n (e.metaKey && e.key === 'S') || \/\/ Cmd+S (save page on Mac)\r\n (e.ctrlKey && e.key === 'C') || \/\/ Ctrl+C (copy)\r\n (e.metaKey && e.key === 'C') || \/\/ Cmd+C (copy on Mac)\r\n (e.ctrlKey && e.key === 'X') || \/\/ Ctrl+X (cut)\r\n (e.metaKey && e.key === 'X') || \/\/ Cmd+X (cut on Mac)\r\n (e.ctrlKey && e.key === 'A') || \/\/ Ctrl+A (select all)\r\n (e.metaKey && e.key === 'A') || \/\/ Cmd+A (select all on Mac)\r\n e.key === 'F12' \/\/ F12 (devtools)\r\n ) {\r\n e.preventDefault();\r\n \/\/ Optionally, show a message to the user\r\n \/\/ alert('Content protection is active.');\r\n }\r\n });\r\n\r\n \/\/ Prevent text selection specifically on images as a fallback\/additional measure\r\n document.querySelectorAll('img').forEach(img => {\r\n img.addEventListener('selectstart', function(e) {\r\n e.preventDefault();\r\n });\r\n img.addEventListener('dragstart', function(e) {\r\n e.preventDefault();\r\n });\r\n });\r\n \/\/ --- END: Content Security Additions (JavaScript) ---\r\n\r\n\r\n \/\/ --- Dynamic Header Height & Scroll-Margin Calculation ---\r\n \/\/ Calculates the combined height of unifiedHeader and any potential tabs (none for this page) for sticky offsets\r\n const calculateNavbarHeight = () => {\r\n const headerHeight = unifiedHeader ? unifiedHeader.offsetHeight : 0;\r\n document.documentElement.style.setProperty('--navbar-height', `${headerHeight}px`);\r\n \/\/ On this page, there are no separate 'tabs' below the hero, so --tabs-h remains 0 or is not directly used for offset calculation here.\r\n \/\/ We ensure sections account for only the main header.\r\n setSectionScrollMargin();\r\n };\r\n\r\n const setSectionScrollMargin = () => {\r\n const headerHeight = unifiedHeader ? unifiedHeader.offsetHeight : 0;\r\n \/\/ Scroll margin only depends on the main header\r\n document.querySelectorAll('section[id]').forEach(sec => {\r\n sec.style.scrollMarginTop = `${headerHeight + 18}px`; \/\/ 18px is an additional buffer\r\n });\r\n };\r\n\r\n const getStickyOffset = () => {\r\n let totalOffset = 18; \/\/ base margin\r\n if (unifiedHeader && getComputedStyle(unifiedHeader).position === 'sticky') {\r\n totalOffset += unifiedHeader.offsetHeight;\r\n }\r\n \/\/ No 'tabs' to account for on this specific page, 'tabs' is null\r\n return totalOffset;\r\n };\r\n\r\n window.addEventListener('load', calculateNavbarHeight);\r\n window.addEventListener('resize', calculateNavbarHeight);\r\n if (navbarCollapseElement) {\r\n navbarCollapseElement.addEventListener('shown.bs.collapse', calculateNavbarHeight);\r\n navbarCollapseElement.addEventListener('hidden.bs.collapse', calculateNavbarHeight);\r\n }\r\n calculateNavbarHeight(); \/\/ Initial call\r\n\r\n\r\n \/\/ --- Scroll Progress Bar ---\r\n const progress = document.getElementById('progress');\r\n const onScrollProgressBar = () => {\r\n const scrolled = document.documentElement.scrollTop || document.body.scrollTop;\r\n const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;\r\n if (progress && height > 0) { \/\/ Only update if scrollable\r\n progress.style.width = (scrolled \/ height * 100) + '%';\r\n } else if (progress) {\r\n progress.style.width = '0%'; \/\/ No scrollbar, no progress\r\n }\r\n };\r\n document.addEventListener('scroll', onScrollProgressBar, { passive: true });\r\n onScrollProgressBar();\r\n\r\n \/\/ --- Active Section Link Syncing (for internal page links on mobile-rail) ---\r\n const observeInternalSections = () => {\r\n const ids = ['#top', '#gallery']; \/\/ Sections for this specific Gallery page\r\n \/\/ Select all internal navigation links (mobile-rail) and relevant main header links\r\n const links = document.querySelectorAll('.mobile-rail .nav-link, .unified-header .nav-link:not(.dropdown-toggle), .unified-header .dropdown-item'); \r\n const sections = ids.map(s=>document.querySelector(s)).filter(Boolean);\r\n if (sections.length === 0) return;\r\n\r\n \/\/ Disconnect previous observers to prevent duplicates on resize\r\n if (window.intersectionObserverInstance) {\r\n window.intersectionObserverInstance.disconnect();\r\n }\r\n\r\n const observerOptions = {\r\n rootMargin: `-${getStickyOffset()}px 0px -55% 0px`\r\n };\r\n\r\n const io = new IntersectionObserver((entries)=>{\r\n entries.forEach(e=>{\r\n if(e.isIntersecting){\r\n \/\/ Deactivate all relevant links first\r\n links.forEach(l=>l.classList.remove('active'));\r\n\r\n \/\/ Activate matching internal links in mobile-rail\r\n document.querySelectorAll(`.mobile-rail .nav-link[href=\"#${e.target.id}\"]`).forEach(el=>el.classList.add('active'));\r\n\r\n \/\/ Ensure the 'Gallery' link in the unified header is active\r\n const galleryLink = document.querySelector('.unified-header .nav-link[href=\"https:\/\/foxmarsaalam.com\/gallery\/\"]');\r\n if (galleryLink) {\r\n galleryLink.classList.add('active'); \/\/ Activate the main Gallery link\r\n }\r\n \r\n \/\/ Ensure 'Tours' dropdown toggle is NOT active and none of its items are active\r\n const toursDropdownToggle = document.querySelector('.unified-header .nav-link.dropdown-toggle[href=\"#navbarDropdownToursMenu\"]');\r\n if (toursDropdownToggle) {\r\n toursDropdownToggle.classList.remove('active');\r\n }\r\n document.querySelectorAll('.unified-header .dropdown-menu .dropdown-item').forEach(item => item.classList.remove('active'));\r\n\r\n } else {\r\n \/\/ If a section is no longer intersecting, specifically deactivate its link in mobile-rail\r\n document.querySelectorAll(`.mobile-rail .nav-link[href=\"#${e.target.id}\"]`).forEach(el => el.classList.remove('active'));\r\n }\r\n })\r\n }, observerOptions);\r\n sections.forEach(s=>io.observe(s));\r\n window.intersectionObserverInstance = io; \/\/ Store observer to disconnect later\r\n };\r\n window.addEventListener('load', observeInternalSections);\r\n \/\/ Re-observe sections if content changes dynamically or on layout changes\r\n let resizeTimer;\r\n window.addEventListener('resize', () => {\r\n clearTimeout(resizeTimer);\r\n resizeTimer = setTimeout(() => {\r\n calculateNavbarHeight(); \/\/ Recalculate sticky heights first\r\n observeInternalSections(); \/\/ Then re-observe sections\r\n }, 100); \/\/ Debounce to prevent excessive calls\r\n });\r\n\r\n\r\n \/\/ --- Smooth Scroll for Anchor Links ---\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(a=>{\r\n a.addEventListener('click',e=>{\r\n const targetSelector = a.getAttribute('href');\r\n if (targetSelector === '#' || !targetSelector) return;\r\n const el = document.querySelector(targetSelector);\r\n if (el){\r\n e.preventDefault();\r\n \/\/ Scroll to element accounting for sticky header, with a small buffer\r\n const top = el.getBoundingClientRect().top + window.scrollY - getStickyOffset() + 2;\r\n window.scrollTo({ top, behavior:'smooth' });\r\n }\r\n })\r\n });\r\n\r\n \/\/ --- Reveal Animations ---\r\n const reveals = document.querySelectorAll('.reveal');\r\n const revealObserver = new IntersectionObserver((entries)=>{\r\n entries.forEach(e=>{ if(e.isIntersecting){ e.target.classList.add('in'); revealObserver.unobserve(e.target); } })\r\n },{threshold:.1});\r\n reveals.forEach(el=>revealObserver.observe(el));\r\n\r\n\r\n \/\/ --- Language Functionality (from unified header, adapted) ---\r\n const langConfig = {\r\n en: { name: \"EN\" }, de: { name: \"DE\" }, ru: { name: \"RU\" },\r\n it: { name: \"IT\" }, cz: { name: \"CZ\" }, pl: { name: \"PL\" }\r\n };\r\n \/\/ Page-specific meta translations (for Gallery page)\r\n const metaTranslations = {\r\n en: { title: \"Gallery | Marsa Alam Adventures\", description: \"Browse our collection of real photos from thrilling desert safaris, beautiful landscapes, and cultural encounters. Get inspired for your next adventure with us!\" },\r\n de: { title: \"Galerie | Marsa Alam Abenteuer\", description: \"St\u00f6bern Sie in unserer Sammlung echter Fotos von aufregenden W\u00fcstensafaris, wundersch\u00f6nen Landschaften und kulturellen Begegnungen. Lassen Sie sich f\u00fcr Ihr n\u00e4chstes Abenteuer mit uns inspirieren!\" },\r\n ru: { title: \"\u0413\u0430\u043b\u0435\u0440\u0435\u044f | \u041f\u0440\u0438\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f \u0432 \u041c\u0430\u0440\u0441\u0430-\u0410\u043b\u0430\u043c\u0435\", description: \"\u041f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u0442\u0435 \u043d\u0430\u0448\u0443 \u043a\u043e\u043b\u043b\u0435\u043a\u0446\u0438\u044e \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0445 \u0444\u043e\u0442\u043e\u0433\u0440\u0430\u0444\u0438\u0439 \u0437\u0430\u0445\u0432\u0430\u0442\u044b\u0432\u0430\u044e\u0449\u0438\u0445 \u0441\u0430\u0444\u0430\u0440\u0438 \u043f\u043e \u043f\u0443\u0441\u0442\u044b\u043d\u0435, \u043a\u0440\u0430\u0441\u0438\u0432\u044b\u0445 \u043f\u0435\u0439\u0437\u0430\u0436\u0435\u0439 \u0438 \u043a\u0443\u043b\u044c\u0442\u0443\u0440\u043d\u044b\u0445 \u0432\u0441\u0442\u0440\u0435\u0447. \u0412\u0434\u043e\u0445\u043d\u043e\u0432\u0438\u0442\u0435\u0441\u044c \u043d\u0430 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0435 \u043f\u0440\u0438\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0441 \u043d\u0430\u043c\u0438!\" },\r\n it: { title: \"Galleria | Avventure a Marsa Alam\", description: \"Sfoglia la nostra collezione di foto reali di emozionanti safari nel deserto, paesaggi mozzafiato e incontri culturali. Lasciati ispirare per la tua prossima avventura con noi!\" },\r\n cz: { title: \"Galerie | Dobrodru\u017estv\u00ed v Marsa Alam\", description: \"Prohl\u00e9dn\u011bte si na\u0161i sb\u00edrku skute\u010dn\u00fdch fotografi\u00ed z nap\u00ednav\u00fdch pou\u0161tn\u00edch safari, kr\u00e1sn\u00fdch krajin a kulturn\u00edch setk\u00e1n\u00ed. Nechte se inspirovat pro sv\u00e9 dal\u0161\u00ed dobrodru\u017estv\u00ed s n\u00e1mi!\" },\r\n pl: { title: \"Galeria | Przygody w Marsa Alam\", description: \"Przejrzyj nasz\u0105 kolekcj\u0119 prawdziwych zdj\u0119\u0107 z ekscytuj\u0105cych safari po pustyni, pi\u0119knych krajobraz\u00f3w i spotka\u0144 kulturowych. Zainspiruj si\u0119 na swoj\u0105 kolejn\u0105 przygod\u0119 z nami!\" }\r\n };\r\n const translatableElements = document.querySelectorAll(\"[data-en]\");\r\n const metaDescTag = document.querySelector('meta[name=\"description\"]');\r\n const langIndicatorText = document.getElementById('lang-indicator-text');\r\n const switcherBtn = document.getElementById('lang-switcher-btn');\r\n const switcherMenu = document.getElementById('lang-menu-custom');\r\n\r\n const translatePage = lang => {\r\n const effectiveLang = langConfig[lang] ? lang : \"en\";\r\n document.documentElement.lang = effectiveLang; \/\/ Set HTML lang attribute\r\n localStorage.setItem(\"user-lang\", effectiveLang);\r\n\r\n translatableElements.forEach(el => {\r\n const translationKey = el.dataset[effectiveLang] !== undefined ? effectiveLang : 'en';\r\n const newText = el.dataset[translationKey];\r\n\r\n \/\/ Special handling for elements with icons (e.g., buttons, chips, list items with icons)\r\n \/\/ This needs to be robust for <span> elements that replace <a>.\r\n if ((el.tagName === 'A' || el.tagName === 'BUTTON' || el.classList.contains('chip') || (el.tagName === 'SPAN' && el.classList.contains('dropdown-item')) || (el.tagName === 'SPAN' && el.classList.contains('nav-link'))) && el.querySelector('i')) {\r\n const icon = el.querySelector('i');\r\n const tempDiv = document.createElement('div');\r\n tempDiv.innerHTML = newText;\r\n const translatedTextContent = tempDiv.textContent.trim(); \/\/ Get text content without HTML\r\n\r\n \/\/ Clear existing child nodes, keeping the icon if it's part of the original structure\r\n Array.from(el.childNodes).forEach(node => {\r\n if (node !== icon && !(node.nodeType === Node.TEXT_NODE && node.textContent.trim() === '')) {\r\n el.removeChild(node);\r\n }\r\n });\r\n \/\/ Re-add content based on the translation\r\n if (icon) {\r\n el.appendChild(document.createTextNode(' ' + translatedTextContent)); \/\/ Add new text node after icon\r\n } else {\r\n el.innerHTML = newText; \/\/ Fallback to raw innerHTML for elements without specific icon handling\r\n }\r\n }\r\n \/\/ Special handling for `<li>` elements containing `<strong>`\r\n else if (el.tagName === 'LI' && el.querySelector('strong')) {\r\n const fullTextTemplate = el.dataset.en;\r\n const translatedFullText = el.dataset[translationKey] || el.dataset.en;\r\n\r\n const strongMatch = fullTextTemplate.match(\/<strong>(.*?)<\\\/strong>\/);\r\n const originalStrongContent = strongMatch ? strongMatch[1] : '';\r\n\r\n if (translatedFullText.includes('<strong>')) {\r\n el.innerHTML = translatedFullText;\r\n } else if (originalStrongContent) {\r\n const colonIndex = translatedFullText.indexOf(':');\r\n if (colonIndex !== -1) {\r\n const textBeforeColon = translatedFullText.substring(0, colonIndex + 1);\r\n const textAfterColon = translatedFullText.substring(colonIndex + 1).trim();\r\n el.innerHTML = `${textBeforeColon} <strong>${originalStrongContent}<\/strong> ${textAfterColon}`;\r\n } else {\r\n el.innerHTML = newText;\r\n }\r\n }\r\n else {\r\n el.innerHTML = newText;\r\n }\r\n }\r\n else {\r\n el.innerHTML = newText;\r\n }\r\n });\r\n const metaInfo = metaTranslations[effectiveLang];\r\n document.title = metaInfo.title;\r\n if (metaDescTag) metaDescTag.setAttribute('content', metaInfo.description);\r\n\r\n \/\/ Also translate placeholder, aria-label, alt, and title attributes if they exist\r\n const props = [{attr: 'aria-label', datasetKey: 'Arialabel'}, {attr: 'placeholder', datasetKey: 'Placeholder'}, {attr: 'title', datasetKey: 'Title'}, {attr: 'alt', datasetKey: 'Alt'}]; \r\n props.forEach(p => {\r\n document.querySelectorAll(`[data-en-${p.attr}]`).forEach(el => {\r\n const translation = el.dataset[`${effectiveLang}${p.datasetKey}`] || el.dataset[`en${p.datasetKey}`];\r\n if (translation) el.setAttribute(p.attr, translation);\r\n });\r\n });\r\n\r\n if (langIndicatorText) langIndicatorText.textContent = langConfig[effectiveLang].name;\r\n };\r\n\r\n\r\n if (switcherBtn && switcherMenu) {\r\n switcherBtn.addEventListener('click', (e) => {\r\n e.stopPropagation();\r\n \/\/ Desktop floating menu behavior\r\n if (window.innerWidth >= 992) {\r\n switcherMenu.classList.toggle('show');\r\n }\r\n });\r\n }\r\n\r\n \/\/ Language selection buttons\r\n document.querySelectorAll('.lang-item').forEach(button => {\r\n button.addEventListener('click', (e) => {\r\n const lang = e.currentTarget.dataset.lang;\r\n translatePage(lang);\r\n if (switcherMenu && window.innerWidth >= 992) { \/\/ Only hide on desktop after selection\r\n switcherMenu.classList.remove('show');\r\n }\r\n \/\/ If in mobile view and the main navbar is open, close it after language selection\r\n if (navbarCollapseElement && navbarCollapseElement.classList.contains('show')) {\r\n bsNavbarCollapse.hide();\r\n }\r\n });\r\n });\r\n\r\n \/\/ ENSURE MOBILE MENU CLOSES ON LINK CLICK (CRITICAL FOR USABILITY)\r\n const bsNavbarCollapse = navbarCollapseElement ? new bootstrap.Collapse(navbarCollapseElement, { toggle: false }) : null;\r\n\r\n const toursSubMenu = document.getElementById('navbarDropdownToursMenu');\r\n const bsToursSubMenuCollapse = toursSubMenu ? new bootstrap.Collapse(toursSubMenu, { toggle: false }) : null;\r\n\r\n \/\/ 1. When any navigable link\/item is clicked (including dropdown items)\r\n \/\/ Note: non-navigable spans also have event listeners to close the menu for better UX on mobile.\r\n document.querySelectorAll('#navbarNav .nav-link:not([data-bs-toggle=\"collapse\"]), #navbarNav .dropdown-item, .lang-item, .mobile-rail .nav-link, .dropdown-item.non-navigable, .nav-link.non-navigable').forEach(link => {\r\n link.addEventListener('click', (e) => {\r\n \/\/ Prevent default behavior only if it's a non-navigable item AND it's an anchor that might accidentally navigate\r\n if (link.classList.contains('non-navigable') || link.tagName === 'SPAN') {\r\n e.preventDefault(); \/\/ Stop any potential default action for spans or non-navigable elements\r\n }\r\n \/\/ If the clicked link\/item is within the 'Tours' submenu and the submenu is open\r\n if (toursSubMenu && toursSubMenu.contains(link) && toursSubMenu.classList.contains('show')) {\r\n bsToursSubMenuCollapse.hide(); \/\/ Explicitly hide the Tours submenu\r\n }\r\n \/\/ Close the main mobile menu if it's open\r\n if (navbarCollapseElement && navbarCollapseElement.classList.contains('show')) {\r\n bsNavbarCollapse.hide();\r\n }\r\n });\r\n });\r\n\r\n \/\/ 2. Handle clicks outside the menu for desktop dropdowns and the main mobile menu\r\n document.addEventListener('click', (e) => {\r\n const isClickInsideToursSubMenu = toursSubMenu && toursSubMenu.contains(e.target);\r\n const toursDropdownToggle = document.querySelector('.nav-item.dropdown > .nav-link.dropdown-toggle[href=\"#navbarDropdownToursMenu\"]'); \/\/ Corrected selector\r\n const isClickInsideToursToggle = toursDropdownToggle && toursDropdownToggle.contains(e.target);\r\n\r\n const isClickInsideMainNavbarCollapse = navbarCollapseElement && navbarCollapseElement.contains(e.target);\r\n const navbarToggler = unifiedHeader.querySelector('.navbar-toggler');\r\n const isClickInsideNavbarToggler = navbarToggler && navbarToggler.contains(e.target);\r\n\r\n const isClickInsideLangSwitcher = switcherBtn && switcherBtn.contains(e.target);\r\n const isClickInsideLangMenu = switcherMenu && switcherMenu.contains(e.target);\r\n\r\n\r\n \/\/ Desktop: Close Tours submenu if open and click is outside of it or its toggle\r\n if (window.innerWidth >= 992 && toursSubMenu && toursSubMenu.classList.contains('show') && !isClickInsideToursSubMenu && !isClickInsideToursToggle) {\r\n bsToursSubMenuCollapse.hide();\r\n }\r\n\r\n \/\/ Desktop: Close language switcher menu if open and click is outside of it or its toggle\r\n if (window.innerWidth >= 992 && switcherMenu && switcherMenu.classList.contains('show') && !isClickInsideLangSwitcher && !isClickInsideLangMenu) {\r\n switcherMenu.classList.remove('show');\r\n }\r\n\r\n \/\/ Mobile: Close main navbar collapse if open and click is outside of it and its toggler\r\n \/\/ This covers closing the main menu regardless of whether a sub-menu was open inside it\r\n if (navbarCollapseElement && navbarCollapseElement.classList.contains('show') && !isClickInsideMainNavbarCollapse && !isClickInsideNavbarToggler) {\r\n bsNavbarCollapse.hide();\r\n }\r\n });\r\n\r\n \/\/ --- Initialize Page on Load ---\r\n \/\/ Initialize language first\r\n translatePage(localStorage.getItem(\"user-lang\") || \"en\");\r\n\r\n \/\/ After initial translation and DOM load, mark the 'Gallery' link in the unified header as active\r\n const currentPath = window.location.pathname;\r\n if (currentPath.includes('\/gallery\/')) {\r\n const galleryLink = document.querySelector('.unified-header .nav-link[href=\"https:\/\/foxmarsaalam.com\/gallery\/\"]');\r\n if (galleryLink) {\r\n \/\/ Ensure no other main nav links are active initially from potential server-side rendering\r\n document.querySelectorAll('.unified-header .navbar-nav .nav-link').forEach(item => item.classList.remove('active'));\r\n galleryLink.classList.add('active');\r\n \r\n \/\/ Explicitly deactivate Tours dropdown and its items on this page\r\n const toursDropdownToggle = document.querySelector('.unified-header .nav-link.dropdown-toggle[href=\"#navbarDropdownToursMenu\"]');\r\n if (toursDropdownToggle) {\r\n toursDropdownToggle.classList.remove('active');\r\n }\r\n document.querySelectorAll('.unified-header .dropdown-menu .dropdown-item').forEach(item => item.classList.remove('active'));\r\n }\r\n }\r\n\r\n \/\/ Initialize the year in the footer\r\n const yearSpan = document.getElementById('year');\r\n if (yearSpan) {\r\n yearSpan.textContent = new Date().getFullYear();\r\n }\r\n \r\n \/\/ === SCRIPT FOR GALLERY MODAL ===\r\n const galleryModal = document.getElementById('galleryModal');\r\n if (galleryModal) {\r\n galleryModal.addEventListener('show.bs.modal', event => {\r\n const triggerElement = event.relatedTarget;\r\n const imgSrc = triggerElement.getAttribute('data-bs-img-src');\r\n const modalImage = galleryModal.querySelector('#modalImage');\r\n modalImage.src = imgSrc;\r\n \/\/ Optionally, update the alt text for accessibility in the modal\r\n modalImage.alt = triggerElement.querySelector('img').alt;\r\n });\r\n }\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Gallery | Marsa Alam Adventures FOX MARSA ALAM Gallery Home Tours Super Safari Jeep Safari Buggy Spider Quad Sunset BBQ Desert ATV Adventure Camel Ride Horse Ride Transfer Service Gallery About Us Contact Us EN \ud83c\uddec\ud83c\udde7 English \ud83c\udde9\ud83c\uddea Deutsch \ud83c\uddf7\ud83c\uddfa \u0420\u0443\u0441\u0441\u043a\u0438\u0439 \ud83c\uddee\ud83c\uddf9 Italiano \ud83c\udde8\ud83c\uddff \u010ce\u0161tina \ud83c\uddf5\ud83c\uddf1 Polski WhatsApp Us Book Now Moments from the Heart […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","_glsr_average":0,"_glsr_ranking":0,"_glsr_reviews":0,"footnotes":""},"class_list":["post-12877","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/foxmarsaalam.com\/de\/wp-json\/wp\/v2\/pages\/12877","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/foxmarsaalam.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/foxmarsaalam.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/foxmarsaalam.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/foxmarsaalam.com\/de\/wp-json\/wp\/v2\/comments?post=12877"}],"version-history":[{"count":13,"href":"https:\/\/foxmarsaalam.com\/de\/wp-json\/wp\/v2\/pages\/12877\/revisions"}],"predecessor-version":[{"id":13805,"href":"https:\/\/foxmarsaalam.com\/de\/wp-json\/wp\/v2\/pages\/12877\/revisions\/13805"}],"wp:attachment":[{"href":"https:\/\/foxmarsaalam.com\/de\/wp-json\/wp\/v2\/media?parent=12877"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}