Skip to content

B
base Project
Commit e95eae81 authored by TokaKaram's avatar TokaKaram
Browse files
Options

pixel

parent b3495679
Show whitespace changes
Inline Side-by-side
Showing with 1695 additions and 14795 deletions
.gitignore 0 → 100644
View file @ e95eae81
.env
node_modules/
\ No newline at end of file
images/3.webp 0 → 100644
View file @ e95eae81
File added
images/game1.webp
View file @ e95eae81
No preview for this file type
images/game2.webp
View file @ e95eae81
No preview for this file type
images/game3.webp
View file @ e95eae81
No preview for this file type
images/game5.webp
View file @ e95eae81
No preview for this file type
images/game6.webp
View file @ e95eae81
No preview for this file type
images/vr.webp 0 → 100644
View file @ e95eae81
File added
images/vr1.webp 0 → 100644
View file @ e95eae81
File added
index.html
View file @ e95eae81
......@@ -4,37 +4,51 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap" rel="stylesheet">
<title>THE BASE</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="style2.css">
<link rel="stylesheet" href="style3.css">
<script type="text/javascript"
src="https://cdn.jsdelivr.net/npm/@emailjs/browser@4/dist/email.min.js">
</script>
<script type="text/javascript">
(function(){
emailjs.init({
publicKey: "d2Ro5scl2UY-N-y5R",
});
})();
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css" media="print" onload="this.media='all'">
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1588375225949393');
</script>
<script>
!function (w, d, t) {
w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for(var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var i="https://analytics.tiktok.com/i18n/pixel/events.js";ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=i,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};var o=document.createElement("script");o.type="text/javascript",o.async=!0,o.src=i+"?sdkid="+e+"&lib="+t;var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(o,a)};
ttq.load('D4NI3IBC77UAP2AEGCG0');
ttq.page();
}(window, document, 'ttq');
</script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css">
<script src="https://cdn.jsdelivr.net/npm/toastify-js"></script>
<script type='text/javascript'>
(function(e,t,n){if(e.snaptr)return;var a=e.snaptr=function()
{a.handleRequest?a.handleRequest.apply(a,arguments):a.queue.push(arguments)};
a.queue=[];var s='script';r=t.createElement(s);r.async=!0;
r.src=n;var u=t.getElementsByTagName(s)[0];
u.parentNode.insertBefore(r,u);})(window,document,
'https://sc-static.net/scevent.min.js');
snaptr('init', '463aee2f-ba43-495d-ac5c-0e3049c2f668');
</script>
</head>
<body>
<header id="header">
<div class="left_side">
<div class="logo_cont">
<img src="./images/logo (4).png" alt="Logo">
<img src="./images/logo (4).webp" alt="Logo" fetchpriority="high">
<!-- <p class="logo">
<span id="logo_the">The </span>
<span id="logo_base">base</span>
......@@ -81,7 +95,7 @@
<!-- ============Hero_AR -->
<div class="hero_sectionh2_en hidden1 " id="hero_en">
<div class="mainiMg1h_en">
<img src="./images/main1.jpg">
<img src="./images/main1.webp" fetchpriority="high" alt="">
</div>
<div class="hero_desc_en">
<h3 id="hero_title" class="hero_title2_en">
......@@ -97,14 +111,14 @@
</div>
</h3>
<p id="hero_desc" class="hero-sech21_en">A festival built for gamers, </p>
<p id="hero_desc" class="hero-sech22_en">creators, and fans who live</p>
<p id="hero_desc" class="hero-sech23_en"> for the action.</p>
<p id="hero_desc" class="hero-sech24_en">Three days of pure energy,</p>
<p id="hero_desc" class="hero-sech25_en">competition, and community.</p>
<p class="hero-sech22_en">creators, and fans who live</p>
<p class="hero-sech23_en"> for the action.</p>
<p class="hero-sech24_en">Three days of pure energy,</p>
<p class="hero-sech25_en">competition, and community.</p>
<a class="bookA1_en" onclick="gotoTic('ticketing_section')"> Book now</a>
</div>
<div class="hero_desc_res_en " >
<h3 id="hero_title" class="hero_title2_en">
<h3 class="hero_title2_en">
Welcome to <span class="the">THE BASE</span> — where the game comes
alive!
......@@ -119,10 +133,10 @@ alive!
</div>
<div class="hero_sectionh2 " id="hero_ar">
<div class="mainiMg1h">
<img src="./images/main.jpg">
<img src="./images/main.webp" fetchpriority="high" alt="">
</div>
<div class="hero_desc_ar">
<h3 id="hero_title" class="hero_title2">
<h3 class="hero_title2">
<div class="wordh21">
<span>مرحبًا بكم في</span>
<span class="the">THE BASE</span>
......@@ -131,16 +145,16 @@ alive!
<span>حيث تنبِض الألعابُ بالحياة.</span>
</div>
</h3>
<p id="hero_desc" class="hero-sech21"> مهرجان ضخم لعشّاق الجيمينج، وصنّاع</p>
<p id="hero_desc" class="hero-sech22">المحتوى، والجماهير اللي بتعيش على</p>
<p id="hero_desc" class="hero-sech23">الحماس والإثارة.</p>
<p id="hero_desc" class="hero-sech24" > ثلاثة أيام من الطاقة الخالِصة ، والمنافسة ، </p>
<p id="hero_desc" class="hero-sech25">وروح المجتمع. </p>
<p class="hero-sech21"> مهرجان ضخم لعشّاق الجيمينج، وصنّاع</p>
<p class="hero-sech22">المحتوى، والجماهير اللي بتعيش على</p>
<p class="hero-sech23">الحماس والإثارة.</p>
<p class="hero-sech24" > ثلاثة أيام من الطاقة الخالِصة ، والمنافسة ، </p>
<p class="hero-sech25">وروح المجتمع. </p>
<a id="book_now" class="bookA1" onclick="gotoTic('ticketing_section_ar')">احجز الان</a>
</div>
<div class="hero_desc_res_ar">
<h3 id="hero_title" class="hero_title2">
<h3 class="hero_title2">
مرحبا بكم في
<span class="the">THE BASE</span>
......@@ -170,15 +184,15 @@ alive!
<div class="swiper-wrapper">
<div class="swiper-slide"><img src="/images/game1.webp" alt=""></div>
<div class="swiper-slide"><img src="/images/game2.webp" alt=""></div>
<div class="swiper-slide"><img src="/images/game3.png" alt=""></div>
<div class="swiper-slide"><img src="/images/game3.webp" alt=""></div>
<div class="swiper-slide"><img src="/images/game4.png" alt=""></div>
<div class="swiper-slide"><img src="/images/game3.1.webp" alt=""></div>
<div class="swiper-slide"><img src="/images/game4.webp" alt=""></div>
<div class="swiper-slide"><img src="/images/game5.webp" alt=""></div>
<div class="swiper-slide"><img src="/images/game6.webp" alt=""></div>
<div class="swiper-slide"><img src="/images/website_landing_page-02.webp" alt=""></div>
<div class="swiper-slide"><img src="/images/website_landing_page-03.webp" alt=""></div>
<div class="swiper-slide"><img src="/images/website_landing_page-04.webp" alt=""></div>
<div class="swiper-slide"><img src="/images/Call_of_Duty_Warzone_2.0_-_Logo.png" alt=""></div>
<div class="swiper-slide"><img src="/images/Call_of_Duty_Warzone_2.0_-_Logo.webp" alt=""></div>
</div>
<div class="swiper-pagination"> prev</div>
......@@ -191,13 +205,13 @@ alive!
<h1 id="esports_title">بطولات الرياضات الالكترونية</h1>
<div class="images_cont">
<div>
<img src="/images/Vlogo-removebg-preview.png" class="valorantt_img">
<img src="/images/Vlogo-removebg-preview.webp" class="valorantt_img" loading="lazy" alt="">
</div>
<div>
<img src="/images/cod-02.png" class="yasouu_img">
<img src="/images/cod-02.webp" class="yasouu_img" loading="lazy" alt="">
</div>
<div>
<img src="images/Gemini_Generated_Image_t5hpwt5hpwt5hpwt-removebg-preview.png" class="bellinghamm_img">
<img loading="lazy" alt="" src="images/Gemini_Generated_Image_t5hpwt5hpwt5hpwt-removebg-preview.webp" class="bellinghamm_img">
</div>
</div>
<div class="button_parent">
......@@ -211,7 +225,7 @@ alive!
<div class="main_img">
<div class="img_parent">
<img src="./images/pc - ps5 area1.jpg" />
<img src="./images/pc - ps5 area1.webp" loading="lazy" alt=""/>
</div>
<a>PC - PS5 Zone</a>
......@@ -259,7 +273,7 @@ comfort — where gaming is pure joy!</p>
</div>
<div class="main_img">
<div class="img_parent">
<img src="./images/pc - ps5 area.jpg" />
<img src="./images/pc - ps5 area.webp" loading="lazy" alt="" />
</div>
<a>PC - PS5 Zone</a>
......@@ -283,7 +297,7 @@ comfort — where gaming is pure joy!</p>
</div>
<div class="main_img">
<img src="./images/vr1.png">
<img src="./images/vr1.webp" loading="lazy" alt="">
<a>VR Zone</a>
</div>
</div>
......@@ -292,7 +306,7 @@ comfort — where gaming is pure joy!</p>
<div class="Vr_zone_ar hidden1" id="Vr_zone_en">
<div class="Vr_zone_ar_cont">
<div class="main_img">
<img src="./images/vr.png">
<img src="./images/vr.webp" loading="lazy" alt="">
<a>VR Zone</a>
</div>
<div class="text">
......@@ -317,7 +331,7 @@ comfort — where gaming is pure joy!</p>
<div class="card_game_cont">
<div class="main_img">
<div class="img_parent">
<img src="./images/card-boardgames.jpeg" />
<img src="./images/card-boardgames.webp" loading="lazy" alt="" />
</div>
<a>Card / Board games</a>
</div>
......@@ -331,7 +345,7 @@ comfort — where gaming is pure joy!</p>
<div class="card_game_cont">
<div class="main_img">
<div class="img_parent">
<img src="./images/card-boardgames.jpeg" />
<img src="./images/card-boardgames.webp" loading="lazy" alt="" />
</div>
<a>Card / Board games</a>
</div>
......@@ -365,7 +379,7 @@ comfort — where gaming is pure joy!</p>
</div>
</div>
<div class="main_img">
<img src="./images/mobile ar.png">
<img src="./images/mobile ar.webp" loading="lazy" alt="">
<div class="overlay-vr_m"></div>
</div>
</div>
......@@ -385,7 +399,7 @@ comfort — where gaming is pure joy!</p>
</div>
</div>
<div class="main_img">
<img src="./images/mobile ar.png">
<img src="./images/mobile ar.webp" loading="lazy" alt="">
</div>
</div>
</div>
......@@ -405,7 +419,7 @@ comfort — where gaming is pure joy!</p>
</div>
<div class="main_img">
<div class="img_parent">
<img src="./images/cosplay .jpg" />
<img src="./images/cosplay .webp" loading="lazy" alt=""/>
</div>
<a>Cosplay area</a>
......@@ -427,7 +441,7 @@ comfort — where gaming is pure joy!</p>
</div>
<div class="main_img">
<div class="img_parent">
<img src="./images/cosplay .jpg" />
<img src="./images/cosplay .webp"loading="lazy" alt="" />
</div>
<a>Cosplay area</a>
......@@ -435,13 +449,10 @@ comfort — where gaming is pure joy!</p>
</div>
</div>
</div>
<div class="vr_parent" id="vr_section_p">
<div class="vr-section vr-section_ar">
<div class="vr-image">
<img src="images/car simulator .png" alt="description" />
<img src="images/car simulator .webp" alt="description" loading="lazy" />
<div class="overlay-vr"></div>
</div>
......@@ -467,7 +478,7 @@ comfort — where gaming is pure joy!</p>
<div class="vr_parent hidden1" id="vr_section_en_p">
<div class="vr-section vr-section-en ">
<div class="vr-image imageen">
<img src="images/car simulator .png" alt="description" />
<img src="images/car simulator .webp " loading="lazy" alt="description" />
<div class="overlay-vr"></div>
</div>
......@@ -488,13 +499,13 @@ comfort — where gaming is pure joy!</p>
<div class="ticketing_section hidden1" id="ticketing_section">
<div class="title" id="ticketing1">
<img src="./images/ticketing.png" />
<img src="./images/ticketing.webp" loading="lazy" alt="" />
</div>
<div class="ticket_types">
<div class="days_t">
<div class="ticket_type">
<h1 id="pass3_title">3 Day pass - regular</h1>
<h1 >3 Day pass - regular</h1>
<span>15 KD</span>
</div>
<div class="text">
......@@ -506,14 +517,19 @@ comfort — where gaming is pure joy!</p>
</p>
</div>
<button class="btn2_type" onclick="openNewWindow( 'https://portal.myfatoorah.com/En/KWT/PayInvoice/LinkInvoiceDetails/060615219482625862'
)">Book your pass</button>
<button class="btn2_type btn-tracking" onclick="
tracking(15);
window.open('https://portal.myfatoorah.com/En/KWT/PayInvoice/LinkInvoiceDetails/060615219482625862');
">
Book your pass
</button>
</div>
<div class="days_t">
<div class="ticket_type">
<h1 id="pass3_title" class="day_ticket">1 Day pass - regular</h1>
<h1 class="day_ticket">1 Day pass - regular</h1>
<span>10 KD</span>
</div>
<div class="text">
......@@ -525,8 +541,10 @@ comfort — where gaming is pure joy!</p>
</div>
<button class="btn2_type_s"
onclick="openNewWindow('https://portal.myfatoorah.com/En/KWT/PayInvoice/LinkInvoiceDetails/060615219482625963')">Book
<button class="btn2_type_s btn-tracking"
onclick="openNewWindow('https://portal.myfatoorah.com/En/KWT/PayInvoice/LinkInvoiceDetails/060615219482625963');
tracking(10);
">Book
your pass</button>
......@@ -534,7 +552,7 @@ comfort — where gaming is pure joy!</p>
</div>
<div class="days">
<div class="ticket_type">
<h1 id="pass3_title">VIP Ticket</h1>
<h1 >VIP Ticket</h1>
<span>50 KD</span>
</div>
<div class="text">
......@@ -547,8 +565,10 @@ comfort — where gaming is pure joy!</p>
</div>
<button class="btnn2"
onclick="openNewWindow('https://portal.myfatoorah.com/En/KWT/PayInvoice/LinkInvoiceDetails/060615219482626062')">Book
<button class="btnn2 btn-tracking"
onclick="openNewWindow('https://portal.myfatoorah.com/En/KWT/PayInvoice/LinkInvoiceDetails/060615219482626062');
tracking(50);
">Book
your pass</button>
......@@ -564,13 +584,13 @@ comfort — where gaming is pure joy!</p>
<div class="ticketing_section ticketing_section_ar " id="ticketing_section_ar">
<div class="title" id="ticketing1">
<img src="./images/ticketing.png" />
<img src="./images/ticketing.webp" alt="" />
</div>
<div class="ticket_types">
<div class="days_t">
<div class="ticket_type">
<h1 id="pass3_title">3 Day pass - regular</h1>
<h1 >3 Day pass - regular</h1>
<span>15 KD</span>
</div>
<div class="text">
......@@ -585,14 +605,16 @@ comfort — where gaming is pure joy!</p>
</div>
<button class="btn2_type" onclick="openNewWindow( 'https://portal.myfatoorah.com/En/KWT/PayInvoice/LinkInvoiceDetails/060615219482625862'
<button class="btn2_type btn-tracking" onclick="
tracking(15);
openNewWindow( 'https://portal.myfatoorah.com/En/KWT/PayInvoice/LinkInvoiceDetails/060615219482625862'
)">احجز الان</button>
</div>
<div class="days_t">
<div class="ticket_type">
<h1 id="pass3_title" class="day_ticket">1 Day pass - regular</h1>
<h1 class="day_ticket">1 Day pass - regular</h1>
<span>10 KD</span>
</div>
<div class="text">
......@@ -603,8 +625,10 @@ comfort — where gaming is pure joy!</p>
</div>
<button class="btn2_type_s"
onclick="openNewWindow('https://portal.myfatoorah.com/En/KWT/PayInvoice/LinkInvoiceDetails/060615219482625963')">احجز
<button class="btn2_type_s btn-tracking"
onclick="
tracking(10);
openNewWindow('https://portal.myfatoorah.com/En/KWT/PayInvoice/LinkInvoiceDetails/060615219482625963')">احجز
الان</button>
......@@ -626,9 +650,11 @@ comfort — where gaming is pure joy!</p>
</div>
<button class="btnn2"
onclick="openNewWindow('https://portal.myfatoorah.com/En/KWT/PayInvoice/LinkInvoiceDetails/060615219482626062')">احجز
الآن</button>
<button class="btnn2 btn-tracking"
onclick="
tracking(50);
openNewWindow('https://portal.myfatoorah.com/En/KWT/PayInvoice/LinkInvoiceDetails/060615219482626062')">احجز الان
</button>
</div>
......@@ -665,10 +691,10 @@ comfort — where gaming is pure joy!</p>
<div>
<img src="./images/website landing page-07.png">
<img src="./images/website landing page-06.png">
<img src="./images/website landing page-08.png">
<img src="./images/sia_logo.png" class="sia_logo">
<img src="./images/website landing page-07.webp" loading="lazy" alt="">
<img src="./images/website landing page-06.webp" loading="lazy" alt="">
<img src="./images/website landing page-08.webp" loading="lazy" alt="">
<img src="./images/sia_logo.webp" class="sia_logo"loading="lazy" alt="">
</div>
</div>
<div class="oragnize_slider" id="organize">
......@@ -677,10 +703,10 @@ comfort — where gaming is pure joy!</p>
<div class="swiper organize_slider">
<div class="swiper-wrapper">
<div class="swiper-slide"><img src="./images/website landing page-07.png" alt=""></div>
<div class="swiper-slide"><img src="./images/website landing page-06.png" alt=""></div>
<div class="swiper-slide"><img src="./images/website landing page-08.png" alt=""></div>
<div class="swiper-slide"><img src="./images/sia_logo.png" ></div>
<div class="swiper-slide"><img src="./images/website landing page-07.webp" loading="lazy" alt=""></div>
<div class="swiper-slide"><img src="./images/website landing page-06.webp" loading="lazy" alt=""></div>
<div class="swiper-slide"><img src="./images/website landing page-08.webp" loading="lazy" alt=""></div>
<div class="swiper-slide"><img src="./images/sia_logo.webp" loading="lazy" alt="" ></div>
</div>
<div class="swiper-pagination"></div>
......@@ -694,7 +720,7 @@ comfort — where gaming is pure joy!</p>
<h1 id="newsletter">News letter</h1>
<div>
<div class="image">
<img src="./images/logo.png" alt="Logo">
<img src="./images/logo.webp" alt="Logo" loading="lazy">
</div>
<div class="info">
<p id="newsletter_text">Receive the latest news from THE BASE - gaming festival</p>
......@@ -717,20 +743,39 @@ comfort — where gaming is pure joy!</p>
<div class="social_accounts">
<div class="icons">
<a onclick="openNewWindow('https://x.com/thebasekuwait')"><img src="./images/twitter.png"></a>
<a onclick="openNewWindow('https://www.instagram.com/kuwaitthebase/')"><img src="./images/instagram.png"></a>
<a onclick="openNewWindow('https://www.facebook.com/profile.php?id=61581965409215')"><img src="./images/facebook-app-symbol.png"></a>
<a onclick="
trackingContact();
openNewWindow('https://x.com/thebasekuwait')"><img loading="lazy" src="./images/twitter.webp" alt=""></a>
<a onclick="
trackingContact();
openNewWindow('https://www.instagram.com/kuwaitthebase/')"><img loading="lazy" src="./images/instagram.webp" alt=""></a>
<a onclick="
trackingContact();
openNewWindow('https://www.facebook.com/profile.php?id=61581965409215')"><img loading="lazy" src="./images/facebook-app-symbol.webp" alt=""></a>
</div>
<div class="buttonc_parent">
<button onclick="openWhatsApp()">Contact us </button>
<button onclick="
trackingContact();
openWhatsApp()">Contact us </button>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script type="text/javascript"
src="https://cdn.jsdelivr.net/npm/@emailjs/browser@4/dist/email.min.js">
</script>
<script type="text/javascript">
(function(){
emailjs.init({
publicKey: "d2Ro5scl2UY-N-y5R",
});
})();
</script>
<script src="https://cdn.jsdelivr.net/npm/toastify-js"></script>
<script src="index.js"></script>
......
index.js
View file @ e95eae81
const swiper = new Swiper(".mySwiper", {
const swiper = new Swiper(".mySwiper", {
slidesPerView: 7,
spaceBetween: 30,
loop: false,
speed:550,
speed: 550,
pagination: {
el: ".swiper-pagination",
clickable: true,
......@@ -13,43 +11,42 @@
// when window width is >= 320px
320: {
slidesPerView: 1,
spaceBetween: 10
spaceBetween: 10,
},
// when window width is >= 480px
480: {
slidesPerView: 2,
spaceBetween: 15
spaceBetween: 15,
},
// when window width is >= 640px
640: {
slidesPerView: 3,
spaceBetween: 20
spaceBetween: 20,
},
768: {
slidesPerView: 4,
spaceBetween: 20
spaceBetween: 20,
},
1024: {
slidesPerView: 5,
spaceBetween: 20
spaceBetween: 20,
},
1200: {
slidesPerView: 7,
spaceBetween: 20
}
}
,
spaceBetween: 20,
},
},
on: {
slideChangeTransitionStart() {
document.querySelector(".swiper_parent").classList.add("show_b");
},
// لما يخلص الحركة
slideChangeTransitionEnd() {
document.querySelector(".swiper_parent").classList.remove("show_b"); }
}
document.querySelector(".swiper_parent").classList.remove("show_b");
},
},
});
const swiper_organize = new Swiper(".organize_slider", {
const swiper_organize = new Swiper(".organize_slider", {
slidesPerView: 1,
// spaceBetween: 30,
loop: true,
......@@ -60,117 +57,110 @@
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
}
},
});
// =========================
// Translation
let card_game_Ar=document.getElementById("card_game_Ar")
let card_game_en=document.getElementById("card_game_en")
let mobile_Ar=document.getElementById("mobile_Ar")
let mobile_en=document.getElementById("mobile_en")
let cosplay_Ar=document.getElementById("cosplay_Ar")
let cosplay_en=document.getElementById("cosplay_en")
let ticketing_btn_en=document.getElementById("ticketing_bnt_en")
let ticketing_ar=document.getElementById("ticketing_ar")
let ticketing_btn1=document.getElementById("ticketing_btn1")
let ticketing_section_ar=document.getElementById("ticketing_section_ar")
let ticketing_section=document.getElementById("ticketing_section")
let vr_section=document.getElementById("vr_section_p")
let vr_section_en=document.getElementById("vr_section_en_p")
let casual_av_ar=document.getElementById("casual_av_ar")
let casual_en=document.getElementById("casual_en")
let hero_en=document.getElementById("hero_en")
let hero_ar=document.getElementById("hero_ar")
let Vr_zone_en=document.getElementById("Vr_zone_en")
let Vr_zone_AR=document.getElementById("Vr_zone_AR")
let playable_games_title=document.getElementById("playable_games_title")
let esports_title=document.getElementById("esports_title")
let e_sport_btn=document.getElementById("e_sport_btn")
let header=document.getElementById("header")
let Ar_flag=true
let user_email=document.getElementById("email")
let user_phone=document.getElementById("phone")
let book_now1=document.getElementById("book_now1")
// =========================
// Translation
let card_game_Ar = document.getElementById("card_game_Ar");
let card_game_en = document.getElementById("card_game_en");
let mobile_Ar = document.getElementById("mobile_Ar");
let mobile_en = document.getElementById("mobile_en");
let cosplay_Ar = document.getElementById("cosplay_Ar");
let cosplay_en = document.getElementById("cosplay_en");
let ticketing_btn_en = document.getElementById("ticketing_bnt_en");
let ticketing_ar = document.getElementById("ticketing_ar");
let ticketing_btn1 = document.getElementById("ticketing_btn1");
let ticketing_section_ar = document.getElementById("ticketing_section_ar");
let ticketing_section = document.getElementById("ticketing_section");
let vr_section = document.getElementById("vr_section_p");
let vr_section_en = document.getElementById("vr_section_en_p");
let casual_av_ar = document.getElementById("casual_av_ar");
let casual_en = document.getElementById("casual_en");
let hero_en = document.getElementById("hero_en");
let hero_ar = document.getElementById("hero_ar");
let Vr_zone_en = document.getElementById("Vr_zone_en");
let Vr_zone_AR = document.getElementById("Vr_zone_AR");
let playable_games_title = document.getElementById("playable_games_title");
let esports_title = document.getElementById("esports_title");
let e_sport_btn = document.getElementById("e_sport_btn");
let header = document.getElementById("header");
let Ar_flag = true;
let user_email = document.getElementById("email");
let user_phone = document.getElementById("phone");
let book_now1 = document.getElementById("book_now1");
function changeLanguage(lang) {
// console.log("function")
if(lang === 'ar') {
Ar_flag=true
card_game_en.classList.add("hidden1")
card_game_Ar.classList.remove("hidden1")
mobile_en.classList.add("hidden1")
mobile_Ar.classList.remove("hidden1")
cosplay_en.classList.add("hidden1")
cosplay_Ar.classList.remove("hidden1")
ticketing_btn_en.classList.add("hidden1")
ticketing_ar.classList.remove("hidden1")
ticketing_section_ar.classList.remove("hidden1")
ticketing_section.classList.add("hidden1")
vr_section_en.classList.add("hidden1")
vr_section.classList.remove("hidden1")
casual_av_ar.classList.remove("hidden1")
casual_en.classList.add("hidden1")
hero_ar.classList.remove("hidden1")
hero_en.classList.add("hidden1")
Vr_zone_AR.classList.remove("hidden1")
Vr_zone_en.classList.add("hidden1")
ticketing_btn1.innerHTML=" ticketing"
esports_title.classList.remove("En_font")
ticketing_btn1.classList.remove("En_font")
e_sport_btn.classList.remove("En_font")
playable_games_title.classList.remove("En_font")
playable_games_title.innerHTML="الألعاب المتاحه"
esports_title.innerHTML=" بطولات الرياضات الالكترونية"
e_sport_btn.innerHTML="احجز الان"
ticketing_btn1.innerHTML=" التذاكر"
document.querySelector(".en_lang").classList.add("colored")
document.querySelector(".en_lang1").classList.add("colored")
document.querySelector(".ar_lang").classList.remove("colored")
document.querySelector(".ar_lang1").classList.remove("colored")
if (lang === "ar") {
Ar_flag = true;
card_game_en.classList.add("hidden1");
card_game_Ar.classList.remove("hidden1");
mobile_en.classList.add("hidden1");
mobile_Ar.classList.remove("hidden1");
cosplay_en.classList.add("hidden1");
cosplay_Ar.classList.remove("hidden1");
ticketing_btn_en.classList.add("hidden1");
ticketing_ar.classList.remove("hidden1");
ticketing_section_ar.classList.remove("hidden1");
ticketing_section.classList.add("hidden1");
vr_section_en.classList.add("hidden1");
vr_section.classList.remove("hidden1");
casual_av_ar.classList.remove("hidden1");
casual_en.classList.add("hidden1");
hero_ar.classList.remove("hidden1");
hero_en.classList.add("hidden1");
Vr_zone_AR.classList.remove("hidden1");
Vr_zone_en.classList.add("hidden1");
ticketing_btn1.innerHTML = " ticketing";
esports_title.classList.remove("En_font");
ticketing_btn1.classList.remove("En_font");
e_sport_btn.classList.remove("En_font");
playable_games_title.classList.remove("En_font");
playable_games_title.innerHTML = "الألعاب المتاحه";
esports_title.innerHTML = " بطولات الرياضات الالكترونية";
e_sport_btn.innerHTML = "احجز الان";
ticketing_btn1.innerHTML = " التذاكر";
document.querySelector(".en_lang").classList.add("colored");
document.querySelector(".en_lang1").classList.add("colored");
document.querySelector(".ar_lang").classList.remove("colored");
document.querySelector(".ar_lang1").classList.remove("colored");
} else {
Ar_flag=false
card_game_en.classList.remove("hidden1")
card_game_Ar.classList.add("hidden1")
mobile_en.classList.remove("hidden1")
mobile_Ar.classList.add("hidden1")
cosplay_en.classList.remove("hidden1")
cosplay_Ar.classList.add("hidden1")
ticketing_btn_en.classList.remove("hidden1")
ticketing_ar.classList.add("hidden1")
ticketing_section_ar.classList.add("hidden1")
ticketing_section.classList.remove("hidden1")
vr_section_en.classList.remove("hidden1")
vr_section.classList.add("hidden1")
casual_av_ar.classList.add("hidden1")
casual_en.classList.remove("hidden1")
hero_ar.classList.add("hidden1")
hero_en.classList.remove("hidden1")
Vr_zone_AR.classList.add("hidden1")
Vr_zone_en.classList.remove("hidden1")
playable_games_title.classList.add("En_font")
esports_title.classList.add("En_font")
e_sport_btn.classList.add("En_font")
ticketing_btn1.classList.add("En_font")
Ar_flag = false;
card_game_en.classList.remove("hidden1");
card_game_Ar.classList.add("hidden1");
mobile_en.classList.remove("hidden1");
mobile_Ar.classList.add("hidden1");
cosplay_en.classList.remove("hidden1");
cosplay_Ar.classList.add("hidden1");
ticketing_btn_en.classList.remove("hidden1");
ticketing_ar.classList.add("hidden1");
ticketing_section_ar.classList.add("hidden1");
ticketing_section.classList.remove("hidden1");
vr_section_en.classList.remove("hidden1");
vr_section.classList.add("hidden1");
casual_av_ar.classList.add("hidden1");
casual_en.classList.remove("hidden1");
hero_ar.classList.add("hidden1");
hero_en.classList.remove("hidden1");
Vr_zone_AR.classList.add("hidden1");
Vr_zone_en.classList.remove("hidden1");
playable_games_title.classList.add("En_font");
esports_title.classList.add("En_font");
e_sport_btn.classList.add("En_font");
ticketing_btn1.classList.add("En_font");
// e_sport_btn.classList.remove("En_font")
ticketing_btn1.innerHTML="Ticketing"
playable_games_title.innerHTML=" Playable games"
esports_title.innerHTML="E-Sports tournaments"
e_sport_btn.innerHTML="Book now"
document.querySelector(".en_lang").classList.remove("colored")
document.querySelector(".en_lang1").classList.remove("colored")
document.querySelector(".ar_lang").classList.add("colored")
document.querySelector(".ar_lang1").classList.add("colored")
ticketing_btn1.innerHTML = "Ticketing";
playable_games_title.innerHTML = " Playable games";
esports_title.innerHTML = "E-Sports tournaments";
e_sport_btn.innerHTML = "Book now";
document.querySelector(".en_lang").classList.remove("colored");
document.querySelector(".en_lang1").classList.remove("colored");
document.querySelector(".ar_lang").classList.add("colored");
document.querySelector(".ar_lang1").classList.add("colored");
}
}
......@@ -179,149 +169,151 @@ function changeLanguage(lang) {
// changeLanguage("en")
// }
document.querySelector(".en_lang").addEventListener("click", () => changeLanguage("en"));
document.querySelector(".en_lang1").addEventListener("click", () => changeLanguage("en"));
document.querySelector(".ar_lang").addEventListener("click", () => changeLanguage("ar"));
document.querySelector(".ar_lang1").addEventListener("click", () => changeLanguage("ar"));
document
.querySelector(".en_lang")
.addEventListener("click", () => changeLanguage("en"));
document
.querySelector(".en_lang1")
.addEventListener("click", () => changeLanguage("en"));
document
.querySelector(".ar_lang")
.addEventListener("click", () => changeLanguage("ar"));
document
.querySelector(".ar_lang1")
.addEventListener("click", () => changeLanguage("ar"));
// =========================
// ==========List Logic===============
let list_btn=document.getElementById("open_list")
let list =document.querySelector(".right_side_h")
let list_btn = document.getElementById("open_list");
let list = document.querySelector(".right_side_h");
let buttons = document.querySelectorAll(".right_side_h a");
let opened=false
buttons.forEach(button => {
let opened = false;
buttons.forEach((button) => {
button.addEventListener("click", () => {
list.classList.add("hidden")
header.classList.remove("PB")
opened=false
list.classList.add("hidden");
header.classList.remove("PB");
opened = false;
});
});
list_btn.onclick=function()
{
list.classList.toggle("hidden")
if (!list.classList.contains("hidden"))
{
header.classList.add("PB")
opened=true
}
else
{
header.classList.remove("PB")
opened=false
list_btn.onclick = function () {
list.classList.toggle("hidden");
if (!list.classList.contains("hidden")) {
header.classList.add("PB");
opened = true;
} else {
header.classList.remove("PB");
opened = false;
}
}
};
let lastScrollTop = 0;
window.addEventListener("scroll", function () {
window.addEventListener("scroll", function () {
let scrollTop = window.pageYOffset || document.documentElement.scrollTop;
if (scrollTop > lastScrollTop) {
list.classList.add("hidden")
header.classList.remove("PB")
opened=false
list.classList.add("hidden");
header.classList.remove("PB");
opened = false;
}
lastScrollTop = scrollTop <= 0 ? 0 : scrollTop;
});
});
window.addEventListener("resize", function() {
list.classList.add("hidden")
opened=false
header.classList.remove("PB")
window.addEventListener("resize", function () {
list.classList.add("hidden");
opened = false;
header.classList.remove("PB");
});
document.addEventListener("click", (e) => {
if (!list.contains(e.target) &&e.target!=list_btn) {
if (!list.contains(e.target) && e.target != list_btn) {
// console.log(opened)
list.classList.add("hidden")
header.classList.remove("PB")
list.classList.add("hidden");
header.classList.remove("PB");
}
});
// ======================= Organize Logic
function openNewWindow(url,target) {
// Opens a new tab with example.com, specifying dimensions
if(target=="self")
{
// ======================= Organize Logic
function openNewWindow(url, target) {
if (target == "self") {
window.open(url, "_self");
history.pushState("", document.title, window.location.pathname + window.location.search);
}
else
window.open(url, "_blank");
}
e_sport_btn.onclick = function() {
history.pushState(
"",
document.title,
window.location.pathname + window.location.search
);
} else window.open(url, "_blank");
}
e_sport_btn.onclick = function () {
const targetId = Ar_flag ? "ticketing_section_ar" : "ticketing_section";
const target = document.getElementById(targetId);
if (target) {
target.scrollIntoView({ behavior: "smooth" });
// Remove hash from URL
history.pushState("", document.title, window.location.pathname + window.location.search);
history.pushState(
"",
document.title,
window.location.pathname + window.location.search
);
}
};
function gotoTic(targetId)
{
// const targetId = "ticketing_section_ar"
function gotoTic(targetId) {
const target = document.getElementById(targetId);
if (target) {
target.scrollIntoView({ behavior: "smooth" });
// Remove hash from URL
history.pushState("", document.title, window.location.pathname + window.location.search);
history.pushState(
"",
document.title,
window.location.pathname + window.location.search
);
}
}
ticketing_btn1.onclick = function() {
ticketing_btn1.onclick = function () {
const targetId = Ar_flag ? "ticketing_section_ar" : "ticketing_section";
const target = document.getElementById(targetId);
if (target) {
target.scrollIntoView({ behavior: "smooth" });
// Remove hash from URL
history.pushState("", document.title, window.location.pathname + window.location.search);
history.pushState(
"",
document.title,
window.location.pathname + window.location.search
);
}
};
const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
function sendEmail(event)
{
function sendEmail(event) {
event.preventDefault();
if(!user_email.value||!user_phone.value)
notify()
else if(!emailPattern.test(user_email.value))
notify1()
else{
var Params={
email:user_email.value,
phone: user_phone.value
}
const servieceID="service_n1e464q"
const templateID="template_3dejf6d"
emailjs.send(servieceID,templateID,Params)
.then(
res=>{
document.getElementById("email").value="";
document.getElementById("phone").value="";
notifyS()
if (!user_email.value || !user_phone.value) notify();
else if (!emailPattern.test(user_email.value)) notify1();
else {
var Params = {
email: user_email.value,
phone: user_phone.value,
};
const servieceID = "service_n1e464q";
const templateID = "template_3dejf6d";
emailjs
.send(servieceID, templateID, Params)
.then((res) => {
document.getElementById("email").value = "";
document.getElementById("phone").value = "";
notifyS();
})
.catch((error) => console.log("Error : ", error));
}
).catch((error)=>console.log("Error : ",error))
}
}
function openWhatsApp() {
const phone = "96595504919"; // full number, no '+'
const appUrl = `whatsapp://send?phone=${phone}`;
const webUrl = `https://wa.me/${phone}`;
// Detect platform
const ua = navigator.userAgent.toLowerCase();
const isAndroid = ua.includes("android");
const isIOS = /iphone|ipad|ipod/.test(ua);
// Try open WhatsApp app
window.location.href = appUrl;
setTimeout(() => {
......@@ -362,3 +354,146 @@ function notifyS() {
backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
}).showToast();
}
function generateUUID() {
return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function (c) {
var r = (Math.random() * 16) | 0,
v = c == "x" ? r : (r & 0x3) | 0x8;
return v.toString(16);
});
}
// 1. دالة مساعدة لجلب الكوكيز (عشان الـ Server-Side Tracking)
function getCookie(name) {
const value = `; ${document.cookie}`;
const parts = value.split(`; ${name}=`);
if (parts.length === 2) return parts.pop().split(";").shift();
return null;
}
function tracking(price) {
const uniqueEventID = generateUUID();
const fbp = getCookie("_fbp");
const fbc = getCookie("_fbc");
const ttp = getCookie("_ttp");
console.log("Event Fired with ID:", uniqueEventID);
if (typeof fbq !== "undefined") {
fbq("track", "InitiateCheckout", {}, { eventID: uniqueEventID });
}
if (typeof ttq !== "undefined") {
ttq.track("InitiateCheckout", { event_id: uniqueEventID });
}
if (typeof snaptr !== "undefined") {
snaptr("track", "START_CHECKOUT", { event_id: uniqueEventID });
}
fetch("http://localhost:3000/api/track", {
method: "POST",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify({
event_name: "InitiateCheckout",
event_id: uniqueEventID,
value: price,
currency: "KD",
fbp: fbp,
fbc: fbc,
ttp: ttp,
}),
})
.then((response) => {
console.log("response", response);
})
.catch((err) => {
console.error("Server-Side Error:", err);
});
}
function trackingContact() {
const uniqueEventID = generateUUID();
const fbp = getCookie("_fbp");
const fbc = getCookie("_fbc");
const ttp = getCookie("_ttp");
console.log("Contact Event Fired with ID:", uniqueEventID);
if (typeof fbq !== "undefined") {
fbq("track", "Contact", {}, { eventID: uniqueEventID });
}
// TikTok
if (typeof ttq !== "undefined") {
ttq.track("Contact", { event_id: uniqueEventID });
}
// Snapchat
if (typeof snaptr !== "undefined") {
snaptr("track", "VIEW_CONTENT", { event_id: uniqueEventID });
}
// --- B. Server-Side API (CAPI) ---
fetch("http://localhost:3000/api/track", {
method: "POST",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify({
event_name: "Contact",
event_id: uniqueEventID,
value: 0,
currency: "KD",
fbp: fbp,
fbc: fbc,
ttp: ttp,
}),
})
.then((response) => {
if (response.ok) {
console.log("✅ Contact Event sent to Server");
}
})
.catch((err) => {
console.error("Server-Side Error:", err);
});
}
function trackPageView() {
const uniqueEventID = generateUUID();
const fbp = getCookie("_fbp");
const fbc = getCookie("_fbc");
const ttp = getCookie("_ttp");
console.log("📄 PageView Fired with ID:", uniqueEventID);
if (typeof fbq !== "undefined") {
fbq("track", "PageView", {}, { eventID: uniqueEventID });
}
if (typeof snaptr !== "undefined") {
snaptr("track", "PAGE_VIEW", { event_id: uniqueEventID });
}
fetch("http://localhost:3000/api/track", {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({
event_name: "PageView",
event_id: uniqueEventID,
value: 0,
currency: "KD",
fbp: fbp,
fbc: fbc,
ttp: ttp,
}),
})
.then((res) => {
if (res.ok) console.log("✅ Server PageView Sent");
})
.catch((err) => console.error("Server PageView Error:", err));
}
trackPageView();
package-lock.json 0 → 100644
View file @ e95eae81
{
"name": "base-project",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"dependencies": {
"cors": "^2.8.5",
"dotenv": "^17.2.3",
"express": "^5.2.1"
}
},
"node_modules/accepts": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/accepts/-/accepts-2.0.0.tgz",
"integrity": "sha512-5cvg6CtKwfgdmVqY1WIiXKc3Q1bkRqGLi+2W/6ao+6Y7gu/RCwRuAhGEzh5B4KlszSuTLgZYuqFqo5bImjNKng==",
"license": "MIT",
"dependencies": {
"mime-types": "^3.0.0",
"negotiator": "^1.0.0"
},
"engines": {
"node": ">= 0.6"
}
},
"node_modules/body-parser": {
"version": "2.2.1",
"resolved": "https://registry.npmjs.org/body-parser/-/body-parser-2.2.1.tgz",
"integrity": "sha512-nfDwkulwiZYQIGwxdy0RUmowMhKcFVcYXUU7m4QlKYim1rUtg83xm2yjZ40QjDuc291AJjjeSc9b++AWHSgSHw==",
"license": "MIT",
"dependencies": {
"bytes": "^3.1.2",
"content-type": "^1.0.5",
"debug": "^4.4.3",
"http-errors": "^2.0.0",
"iconv-lite": "^0.7.0",
"on-finished": "^2.4.1",
"qs": "^6.14.0",
"raw-body": "^3.0.1",
"type-is": "^2.0.1"
},
"engines": {
"node": ">=18"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/express"
}
},
"node_modules/bytes": {
"version": "3.1.2",
"resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
"integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
"license": "MIT",
"engines": {
"node": ">= 0.8"
}
},
"node_modules/call-bind-apply-helpers": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
"integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
"license": "MIT",
"dependencies": {
"es-errors": "^1.3.0",
"function-bind": "^1.1.2"
},
"engines": {
"node": ">= 0.4"
}
},
"node_modules/call-bound": {
"version": "1.0.4",
"resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
"integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
"license": "MIT",
"dependencies": {
"call-bind-apply-helpers": "^1.0.2",
"get-intrinsic": "^1.3.0"
},
"engines": {
"node": ">= 0.4"
},
"funding": {
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/content-disposition": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-1.0.1.tgz",
"integrity": "sha512-oIXISMynqSqm241k6kcQ5UwttDILMK4BiurCfGEREw6+X9jkkpEe5T9FZaApyLGGOnFuyMWZpdolTXMtvEJ08Q==",
"license": "MIT",
"engines": {
"node": ">=18"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/express"
}
},
"node_modules/content-type": {
"version": "1.0.5",
"resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
"integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
"license": "MIT",
"engines": {
"node": ">= 0.6"
}
},
"node_modules/cookie": {
"version": "0.7.2",
"resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.2.tgz",
"integrity": "sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==",
"license": "MIT",
"engines": {
"node": ">= 0.6"
}
},
"node_modules/cookie-signature": {
"version": "1.2.2",
"resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.2.2.tgz",
"integrity": "sha512-D76uU73ulSXrD1UXF4KE2TMxVVwhsnCgfAyTg9k8P6KGZjlXKrOLe4dJQKI3Bxi5wjesZoFXJWElNWBjPZMbhg==",
"license": "MIT",
"engines": {
"node": ">=6.6.0"
}
},
"node_modules/cors": {
"version": "2.8.5",
"resolved": "https://registry.npmjs.org/cors/-/cors-2.8.5.tgz",
"integrity": "sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==",
"license": "MIT",
"dependencies": {
"object-assign": "^4",
"vary": "^1"
},
"engines": {
"node": ">= 0.10"
}
},
"node_modules/debug": {
"version": "4.4.3",
"resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
"integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
"license": "MIT",
"dependencies": {
"ms": "^2.1.3"
},
"engines": {
"node": ">=6.0"
},
"peerDependenciesMeta": {
"supports-color": {
"optional": true
}
}
},
"node_modules/depd": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
"integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
"license": "MIT",
"engines": {
"node": ">= 0.8"
}
},
"node_modules/dotenv": {
"version": "17.2.3",
"resolved": "https://registry.npmjs.org/dotenv/-/dotenv-17.2.3.tgz",
"integrity": "sha512-JVUnt+DUIzu87TABbhPmNfVdBDt18BLOWjMUFJMSi/Qqg7NTYtabbvSNJGOJ7afbRuv9D/lngizHtP7QyLQ+9w==",
"license": "BSD-2-Clause",
"engines": {
"node": ">=12"
},
"funding": {
"url": "https://dotenvx.com"
}
},
"node_modules/dunder-proto": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
"integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
"license": "MIT",
"dependencies": {
"call-bind-apply-helpers": "^1.0.1",
"es-errors": "^1.3.0",
"gopd": "^1.2.0"
},
"engines": {
"node": ">= 0.4"
}
},
"node_modules/ee-first": {
"version": "1.1.1",
"resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
"integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==",
"license": "MIT"
},
"node_modules/encodeurl": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
"integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
"license": "MIT",
"engines": {
"node": ">= 0.8"
}
},
"node_modules/es-define-property": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
"integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
"license": "MIT",
"engines": {
"node": ">= 0.4"
}
},
"node_modules/es-errors": {
"version": "1.3.0",
"resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
"integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
"license": "MIT",
"engines": {
"node": ">= 0.4"
}
},
"node_modules/es-object-atoms": {
"version": "1.1.1",
"resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
"integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
"license": "MIT",
"dependencies": {
"es-errors": "^1.3.0"
},
"engines": {
"node": ">= 0.4"
}
},
"node_modules/escape-html": {
"version": "1.0.3",
"resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
"integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
"license": "MIT"
},
"node_modules/etag": {
"version": "1.8.1",
"resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
"integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
"license": "MIT",
"engines": {
"node": ">= 0.6"
}
},
"node_modules/express": {
"version": "5.2.1",
"resolved": "https://registry.npmjs.org/express/-/express-5.2.1.tgz",
"integrity": "sha512-hIS4idWWai69NezIdRt2xFVofaF4j+6INOpJlVOLDO8zXGpUVEVzIYk12UUi2JzjEzWL3IOAxcTubgz9Po0yXw==",
"license": "MIT",
"dependencies": {
"accepts": "^2.0.0",
"body-parser": "^2.2.1",
"content-disposition": "^1.0.0",
"content-type": "^1.0.5",
"cookie": "^0.7.1",
"cookie-signature": "^1.2.1",
"debug": "^4.4.0",
"depd": "^2.0.0",
"encodeurl": "^2.0.0",
"escape-html": "^1.0.3",
"etag": "^1.8.1",
"finalhandler": "^2.1.0",
"fresh": "^2.0.0",
"http-errors": "^2.0.0",
"merge-descriptors": "^2.0.0",
"mime-types": "^3.0.0",
"on-finished": "^2.4.1",
"once": "^1.4.0",
"parseurl": "^1.3.3",
"proxy-addr": "^2.0.7",
"qs": "^6.14.0",
"range-parser": "^1.2.1",
"router": "^2.2.0",
"send": "^1.1.0",
"serve-static": "^2.2.0",
"statuses": "^2.0.1",
"type-is": "^2.0.1",
"vary": "^1.1.2"
},
"engines": {
"node": ">= 18"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/express"
}
},
"node_modules/finalhandler": {
"version": "2.1.1",
"resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-2.1.1.tgz",
"integrity": "sha512-S8KoZgRZN+a5rNwqTxlZZePjT/4cnm0ROV70LedRHZ0p8u9fRID0hJUZQpkKLzro8LfmC8sx23bY6tVNxv8pQA==",
"license": "MIT",
"dependencies": {
"debug": "^4.4.0",
"encodeurl": "^2.0.0",
"escape-html": "^1.0.3",
"on-finished": "^2.4.1",
"parseurl": "^1.3.3",
"statuses": "^2.0.1"
},
"engines": {
"node": ">= 18.0.0"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/express"
}
},
"node_modules/forwarded": {
"version": "0.2.0",
"resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
"integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==",
"license": "MIT",
"engines": {
"node": ">= 0.6"
}
},
"node_modules/fresh": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/fresh/-/fresh-2.0.0.tgz",
"integrity": "sha512-Rx/WycZ60HOaqLKAi6cHRKKI7zxWbJ31MhntmtwMoaTeF7XFH9hhBp8vITaMidfljRQ6eYWCKkaTK+ykVJHP2A==",
"license": "MIT",
"engines": {
"node": ">= 0.8"
}
},
"node_modules/function-bind": {
"version": "1.1.2",
"resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
"integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
"license": "MIT",
"funding": {
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/get-intrinsic": {
"version": "1.3.0",
"resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
"integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
"license": "MIT",
"dependencies": {
"call-bind-apply-helpers": "^1.0.2",
"es-define-property": "^1.0.1",
"es-errors": "^1.3.0",
"es-object-atoms": "^1.1.1",
"function-bind": "^1.1.2",
"get-proto": "^1.0.1",
"gopd": "^1.2.0",
"has-symbols": "^1.1.0",
"hasown": "^2.0.2",
"math-intrinsics": "^1.1.0"
},
"engines": {
"node": ">= 0.4"
},
"funding": {
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/get-proto": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
"integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
"license": "MIT",
"dependencies": {
"dunder-proto": "^1.0.1",
"es-object-atoms": "^1.0.0"
},
"engines": {
"node": ">= 0.4"
}
},
"node_modules/gopd": {
"version": "1.2.0",
"resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
"integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
"license": "MIT",
"engines": {
"node": ">= 0.4"
},
"funding": {
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/has-symbols": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
"integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
"license": "MIT",
"engines": {
"node": ">= 0.4"
},
"funding": {
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/hasown": {
"version": "2.0.2",
"resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
"integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
"license": "MIT",
"dependencies": {
"function-bind": "^1.1.2"
},
"engines": {
"node": ">= 0.4"
}
},
"node_modules/http-errors": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.1.tgz",
"integrity": "sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==",
"license": "MIT",
"dependencies": {
"depd": "~2.0.0",
"inherits": "~2.0.4",
"setprototypeof": "~1.2.0",
"statuses": "~2.0.2",
"toidentifier": "~1.0.1"
},
"engines": {
"node": ">= 0.8"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/express"
}
},
"node_modules/iconv-lite": {
"version": "0.7.0",
"resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.7.0.tgz",
"integrity": "sha512-cf6L2Ds3h57VVmkZe+Pn+5APsT7FpqJtEhhieDCvrE2MK5Qk9MyffgQyuxQTm6BChfeZNtcOLHp9IcWRVcIcBQ==",
"license": "MIT",
"dependencies": {
"safer-buffer": ">= 2.1.2 < 3.0.0"
},
"engines": {
"node": ">=0.10.0"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/express"
}
},
"node_modules/inherits": {
"version": "2.0.4",
"resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
"integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
"license": "ISC"
},
"node_modules/ipaddr.js": {
"version": "1.9.1",
"resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
"integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
"license": "MIT",
"engines": {
"node": ">= 0.10"
}
},
"node_modules/is-promise": {
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/is-promise/-/is-promise-4.0.0.tgz",
"integrity": "sha512-hvpoI6korhJMnej285dSg6nu1+e6uxs7zG3BYAm5byqDsgJNWwxzM6z6iZiAgQR4TJ30JmBTOwqZUw3WlyH3AQ==",
"license": "MIT"
},
"node_modules/math-intrinsics": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
"integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
"license": "MIT",
"engines": {
"node": ">= 0.4"
}
},
"node_modules/media-typer": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/media-typer/-/media-typer-1.1.0.tgz",
"integrity": "sha512-aisnrDP4GNe06UcKFnV5bfMNPBUw4jsLGaWwWfnH3v02GnBuXX2MCVn5RbrWo0j3pczUilYblq7fQ7Nw2t5XKw==",
"license": "MIT",
"engines": {
"node": ">= 0.8"
}
},
"node_modules/merge-descriptors": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-2.0.0.tgz",
"integrity": "sha512-Snk314V5ayFLhp3fkUREub6WtjBfPdCPY1Ln8/8munuLuiYhsABgBVWsozAG+MWMbVEvcdcpbi9R7ww22l9Q3g==",
"license": "MIT",
"engines": {
"node": ">=18"
},
"funding": {
"url": "https://github.com/sponsors/sindresorhus"
}
},
"node_modules/mime-db": {
"version": "1.54.0",
"resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.54.0.tgz",
"integrity": "sha512-aU5EJuIN2WDemCcAp2vFBfp/m4EAhWJnUNSSw0ixs7/kXbd6Pg64EmwJkNdFhB8aWt1sH2CTXrLxo/iAGV3oPQ==",
"license": "MIT",
"engines": {
"node": ">= 0.6"
}
},
"node_modules/mime-types": {
"version": "3.0.2",
"resolved": "https://registry.npmjs.org/mime-types/-/mime-types-3.0.2.tgz",
"integrity": "sha512-Lbgzdk0h4juoQ9fCKXW4by0UJqj+nOOrI9MJ1sSj4nI8aI2eo1qmvQEie4VD1glsS250n15LsWsYtCugiStS5A==",
"license": "MIT",
"dependencies": {
"mime-db": "^1.54.0"
},
"engines": {
"node": ">=18"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/express"
}
},
"node_modules/ms": {
"version": "2.1.3",
"resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
"integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
"license": "MIT"
},
"node_modules/negotiator": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/negotiator/-/negotiator-1.0.0.tgz",
"integrity": "sha512-8Ofs/AUQh8MaEcrlq5xOX0CQ9ypTF5dl78mjlMNfOK08fzpgTHQRQPBxcPlEtIw0yRpws+Zo/3r+5WRby7u3Gg==",
"license": "MIT",
"engines": {
"node": ">= 0.6"
}
},
"node_modules/object-assign": {
"version": "4.1.1",
"resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
"integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
"license": "MIT",
"engines": {
"node": ">=0.10.0"
}
},
"node_modules/object-inspect": {
"version": "1.13.4",
"resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
"integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
"license": "MIT",
"engines": {
"node": ">= 0.4"
},
"funding": {
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/on-finished": {
"version": "2.4.1",
"resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
"integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
"license": "MIT",
"dependencies": {
"ee-first": "1.1.1"
},
"engines": {
"node": ">= 0.8"
}
},
"node_modules/once": {
"version": "1.4.0",
"resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
"integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
"license": "ISC",
"dependencies": {
"wrappy": "1"
}
},
"node_modules/parseurl": {
"version": "1.3.3",
"resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
"integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
"license": "MIT",
"engines": {
"node": ">= 0.8"
}
},
"node_modules/path-to-regexp": {
"version": "8.3.0",
"resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-8.3.0.tgz",
"integrity": "sha512-7jdwVIRtsP8MYpdXSwOS0YdD0Du+qOoF/AEPIt88PcCFrZCzx41oxku1jD88hZBwbNUIEfpqvuhjFaMAqMTWnA==",
"license": "MIT",
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/express"
}
},
"node_modules/proxy-addr": {
"version": "2.0.7",
"resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
"integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==",
"license": "MIT",
"dependencies": {
"forwarded": "0.2.0",
"ipaddr.js": "1.9.1"
},
"engines": {
"node": ">= 0.10"
}
},
"node_modules/qs": {
"version": "6.14.0",
"resolved": "https://registry.npmjs.org/qs/-/qs-6.14.0.tgz",
"integrity": "sha512-YWWTjgABSKcvs/nWBi9PycY/JiPJqOD4JA6o9Sej2AtvSGarXxKC3OQSk4pAarbdQlKAh5D4FCQkJNkW+GAn3w==",
"license": "BSD-3-Clause",
"dependencies": {
"side-channel": "^1.1.0"
},
"engines": {
"node": ">=0.6"
},
"funding": {
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/range-parser": {
"version": "1.2.1",
"resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
"integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
"license": "MIT",
"engines": {
"node": ">= 0.6"
}
},
"node_modules/raw-body": {
"version": "3.0.2",
"resolved": "https://registry.npmjs.org/raw-body/-/raw-body-3.0.2.tgz",
"integrity": "sha512-K5zQjDllxWkf7Z5xJdV0/B0WTNqx6vxG70zJE4N0kBs4LovmEYWJzQGxC9bS9RAKu3bgM40lrd5zoLJ12MQ5BA==",
"license": "MIT",
"dependencies": {
"bytes": "~3.1.2",
"http-errors": "~2.0.1",
"iconv-lite": "~0.7.0",
"unpipe": "~1.0.0"
},
"engines": {
"node": ">= 0.10"
}
},
"node_modules/router": {
"version": "2.2.0",
"resolved": "https://registry.npmjs.org/router/-/router-2.2.0.tgz",
"integrity": "sha512-nLTrUKm2UyiL7rlhapu/Zl45FwNgkZGaCpZbIHajDYgwlJCOzLSk+cIPAnsEqV955GjILJnKbdQC1nVPz+gAYQ==",
"license": "MIT",
"dependencies": {
"debug": "^4.4.0",
"depd": "^2.0.0",
"is-promise": "^4.0.0",
"parseurl": "^1.3.3",
"path-to-regexp": "^8.0.0"
},
"engines": {
"node": ">= 18"
}
},
"node_modules/safer-buffer": {
"version": "2.1.2",
"resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
"integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
"license": "MIT"
},
"node_modules/send": {
"version": "1.2.0",
"resolved": "https://registry.npmjs.org/send/-/send-1.2.0.tgz",
"integrity": "sha512-uaW0WwXKpL9blXE2o0bRhoL2EGXIrZxQ2ZQ4mgcfoBxdFmQold+qWsD2jLrfZ0trjKL6vOw0j//eAwcALFjKSw==",
"license": "MIT",
"dependencies": {
"debug": "^4.3.5",
"encodeurl": "^2.0.0",
"escape-html": "^1.0.3",
"etag": "^1.8.1",
"fresh": "^2.0.0",
"http-errors": "^2.0.0",
"mime-types": "^3.0.1",
"ms": "^2.1.3",
"on-finished": "^2.4.1",
"range-parser": "^1.2.1",
"statuses": "^2.0.1"
},
"engines": {
"node": ">= 18"
}
},
"node_modules/serve-static": {
"version": "2.2.0",
"resolved": "https://registry.npmjs.org/serve-static/-/serve-static-2.2.0.tgz",
"integrity": "sha512-61g9pCh0Vnh7IutZjtLGGpTA355+OPn2TyDv/6ivP2h/AdAVX9azsoxmg2/M6nZeQZNYBEwIcsne1mJd9oQItQ==",
"license": "MIT",
"dependencies": {
"encodeurl": "^2.0.0",
"escape-html": "^1.0.3",
"parseurl": "^1.3.3",
"send": "^1.2.0"
},
"engines": {
"node": ">= 18"
}
},
"node_modules/setprototypeof": {
"version": "1.2.0",
"resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
"integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==",
"license": "ISC"
},
"node_modules/side-channel": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz",
"integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==",
"license": "MIT",
"dependencies": {
"es-errors": "^1.3.0",
"object-inspect": "^1.13.3",
"side-channel-list": "^1.0.0",
"side-channel-map": "^1.0.1",
"side-channel-weakmap": "^1.0.2"
},
"engines": {
"node": ">= 0.4"
},
"funding": {
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/side-channel-list": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.0.tgz",
"integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==",
"license": "MIT",
"dependencies": {
"es-errors": "^1.3.0",
"object-inspect": "^1.13.3"
},
"engines": {
"node": ">= 0.4"
},
"funding": {
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/side-channel-map": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
"integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
"license": "MIT",
"dependencies": {
"call-bound": "^1.0.2",
"es-errors": "^1.3.0",
"get-intrinsic": "^1.2.5",
"object-inspect": "^1.13.3"
},
"engines": {
"node": ">= 0.4"
},
"funding": {
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/side-channel-weakmap": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
"integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
"license": "MIT",
"dependencies": {
"call-bound": "^1.0.2",
"es-errors": "^1.3.0",
"get-intrinsic": "^1.2.5",
"object-inspect": "^1.13.3",
"side-channel-map": "^1.0.1"
},
"engines": {
"node": ">= 0.4"
},
"funding": {
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/statuses": {
"version": "2.0.2",
"resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.2.tgz",
"integrity": "sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==",
"license": "MIT",
"engines": {
"node": ">= 0.8"
}
},
"node_modules/toidentifier": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
"integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
"license": "MIT",
"engines": {
"node": ">=0.6"
}
},
"node_modules/type-is": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/type-is/-/type-is-2.0.1.tgz",
"integrity": "sha512-OZs6gsjF4vMp32qrCbiVSkrFmXtG/AZhY3t0iAMrMBiAZyV9oALtXO8hsrHbMXF9x6L3grlFuwW2oAz7cav+Gw==",
"license": "MIT",
"dependencies": {
"content-type": "^1.0.5",
"media-typer": "^1.1.0",
"mime-types": "^3.0.0"
},
"engines": {
"node": ">= 0.6"
}
},
"node_modules/unpipe": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
"integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
"license": "MIT",
"engines": {
"node": ">= 0.8"
}
},
"node_modules/vary": {
"version": "1.1.2",
"resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
"integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
"license": "MIT",
"engines": {
"node": ">= 0.8"
}
},
"node_modules/wrappy": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
"integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
"license": "ISC"
}
}
}
package.json 0 → 100644
View file @ e95eae81
{
"dependencies": {
"cors": "^2.8.5",
"dotenv": "^17.2.3",
"express": "^5.2.1"
}
}
server.js 0 → 100644
View file @ e95eae81
const express = require("express");
const cors = require("cors");
const dotenv = require("dotenv");
dotenv.config();
const app = express();
app.use(express.json());
const port = 3000;
app.use(cors());
// --- Helper Function: Send to TikTok ---
async function sendToTikTok(
event_name,
event_id,
user_ip,
user_agent,
value,
currency,
ttp_cookie
) {
console.log("Tik tok");
if (!process.env.TIKTOK_ACCESS_TOKEN) {
console.log("No TikTok Access Token");
return;
}
try {
await fetch("https://business-api.tiktok.com/open_api/v1.3/event/track/", {
method: "POST",
headers: {
"Access-Token": process.env.TIKTOK_ACCESS_TOKEN,
"Content-Type": "application/json",
},
body: JSON.stringify({
pixel_code: process.env.TIKTOK_PIXEL_ID,
event: [
{
type: event_name, // TikTok uses similar names (InitiateCheckout)
event_id: event_id,
timestamp: new Date().toISOString(),
context: {
user: {
ip: user_ip,
user_agent: user_agent,
},
ad: {
callback: ttp_cookie, // كوكي تيك توك لو موجودة
},
},
properties: {
currency: currency || "KD",
value: Number(value) || 0,
},
},
],
}),
});
console.log("✅ TikTok Request Sent");
} catch (e) {
console.error("❌ TikTok Error:", e.message);
}
}
// --- Helper Function: Send to Snapchat ---
async function sendToSnapchat(
event_name,
event_id,
user_ip,
user_agent,
value,
currency
) {
if (!process.env.SNAP_ACCESS_TOKEN) return;
let snapEventName = event_name;
if (event_name === "InitiateCheckout") snapEventName = "START_CHECKOUT";
if (event_name === "Contact") snapEventName = "ADD_TO_CART";
if (event_name === "PageView") snapEventName = "PAGE_VIEW";
try {
await fetch("https://tr.snapchat.com/v2/conversion", {
method: "POST",
headers: {
Authorization: `Bearer ${process.env.SNAP_ACCESS_TOKEN}`,
"Content-Type": "application/json",
},
body: JSON.stringify({
pixel_id: process.env.SNAP_PIXEL_ID,
event_type: snapEventName,
event_conversion_type: "WEB",
event_id: event_id,
timestamp: Math.floor(Date.now() / 1000).toString(),
ipv4: user_ip,
user_agent: user_agent,
price: value ? value.toString() : "0",
currency: currency || "KD",
integration: "custom_api",
}),
});
console.log("✅ Snap Request Sent");
} catch (e) {
console.error("❌ Snap Error:", e.message);
}
}
// --- Helper Function: Send to Meta ---
async function sendToMeta(event_name, event_id, user_data, custom_data) {
try {
const response = await fetch(
`https://graph.facebook.com/v19.0/${process.env.META_PIXEL_ID}/events?access_token=${process.env.MetaCAPI}`,
{
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({
data: [
{
event_name: event_name,
event_time: Math.floor(Date.now() / 1000),
event_id: event_id,
user_data: user_data,
custom_data: custom_data,
action_source: "website",
},
],
}),
}
);
const data = await response.json();
// لو فيسبوك رد بـ Error
if (data.error) {
console.error("❌ Meta API Error:", data.error.message);
} else {
console.log("✅ Meta Sent Successfully");
}
} catch (e) {
console.error("❌ Meta Network Error:", e.message);
}
}
// async function sendToSnapchat(
// event_name,
// event_id,
// user_ip,
// user_agent,
// value,
// currency
// ) {
// if (!process.env.SNAP_ACCESS_TOKEN) return;
// let snapEventName = event_name;
// if (event_name === "InitiateCheckout") snapEventName = "START_CHECKOUT";
// if (event_name === "Contact") snapEventName = "ADD_TO_CART";
// if (event_name === "PageView") snapEventName = "PAGE_VIEW";
// const payload = {
// pixel_id: process.env.SNAP_PIXEL_ID,
// event_type: snapEventName,
// event_conversion_type: "WEB",
// event_id: event_id,
// timestamp: Math.floor(Date.now() / 1000).toString(),
// ipv4: user_ip,
// user_agent: user_agent,
// price: value ? value.toString() : "0",
// currency: currency || "KD",
// integration: "custom_api",
// };
// // --- Retry Logic Start ---
// const maxRetries = 2; // هنحاول مرتين كحد أقصى
// for (let attempt = 1; attempt <= maxRetries; attempt++) {
// try {
// const response = await fetch("https://tr.snapchat.com/v2/conversion", {
// method: "POST",
// headers: {
// Authorization: `Bearer ${process.env.SNAP_ACCESS_TOKEN}`,
// "Content-Type": "application/json",
// },
// body: JSON.stringify(payload),
// });
// const data = await response.json();
// if (data.status === "SUCCESS") {
// console.log("✅ Snap Sent Successfully");
// break; // لو نجح، اخرج من اللوب خلاص
// } else {
// console.log(`⚠️ Snap Warning (Attempt ${attempt}):`, data);
// }
// } catch (e) {
// console.error(`❌ Snap Error (Attempt ${attempt}): Failed`);
// if (attempt === maxRetries) {
// console.error("Giving up on Snap after 2 attempts."); // لو فشل مرتين خلاص
// } else {
// // استنى ثانية قبل المحاولة التانية
// await new Promise((res) => setTimeout(res, 1000));
// }
// }
// }
// // --- Retry Logic End ---
// }
// app.post("/api/track", async (req, res) => {
// try {
// const { event_name, event_id, value, currency, fbp, fbc, ttp } = req.body;
// if (!event_name) {
// return res.status(400).json({ error: "Missing event_name" });
// }
// const userIp = req.ip || req.connection.remoteAddress;
// const userAgent = req.headers["user-agent"];
// let userData = {
// client_user_agent: userAgent,
// client_ip_address: userIp,
// fbp: fbp,
// fbc: fbc,
// };
// console.log(`📡 Sending Event: ${event_name} to ALL platforms...`);
// // 3. إرسال للكل في نفس الوقت (Parallel Execution)
// const results = await Promise.allSettled([
// fetch(
// `https://graph.facebook.com/v19.0/${process.env.META_PIXEL_ID}/events?access_token=${process.env.MetaCAPI}`,
// {
// method: "POST",
// headers: { "Content-Type": "application/json" },
// body: JSON.stringify({
// data: [
// {
// event_name: event_name,
// event_time: Math.floor(Date.now() / 1000),
// event_id: event_id,
// user_data: userData,
// custom_data: {
// currency: currency || "KD",
// value: Number(value) || 0,
// },
// action_source: "website",
// },
// ],
// }),
// }
// ).then(async (res) => {
// const data = await res.json();
// console.log("✅ Meta Sent:", data.events_received);
// }),
// sendToTikTok(
// event_name,
// event_id,
// userIp,
// userAgent,
// value,
// currency,
// ttp
// ),
// sendToSnapchat(event_name, event_id, userIp, userAgent, value, currency),
// ]);
// const metaResult =
// results[0].status === "fulfilled" ? results[0].value : null;
// return res.status(200).json({
// success: true,
// message: "Requests sent to Meta, TikTok, and Snap",
// fb_response: metaResult,
// });
// } catch (error) {
// console.error("Global CAPI Error:", error);
// return res.status(500).json({ success: false, error: error.message });
// }
// });
app.post("/api/track", (req, res) => {
try {
const { event_name, event_id, value, currency, fbp, fbc, ttp } = req.body;
res
.status(200)
.json({ success: true, message: "Tracking started in background" });
(async () => {
try {
console.log(`🚀 Background Task Started: ${event_name}`);
const userIp = req.ip || req.connection.remoteAddress;
const userAgent = req.headers["user-agent"];
// 1. Meta Data Preparation
const metaUserData = {
client_user_agent: userAgent,
client_ip_address: userIp,
fbp,
fbc,
};
const metaCustomData = {
currency: currency || "KD",
value: Number(value) || 0,
};
// 2. Run All
await Promise.allSettled([
sendToMeta(event_name, event_id, metaUserData, metaCustomData),
sendToTikTok(
event_name,
event_id,
userIp,
userAgent,
value,
currency,
ttp
),
sendToSnapchat(
event_name,
event_id,
userIp,
userAgent,
value,
currency
),
]);
console.log(`🏁 Background Task Finished: ${event_name}`);
} catch (bgError) {
console.error("⚠️ Background Task Error:", bgError.message);
}
})();
} catch (error) {
console.error("Request Error:", error);
if (!res.headersSent) res.status(500).json({ success: false });
}
});
app.listen(port, () => console.log(`Example app listening on port ${port}!`));
style.css
View file @ e95eae81
This source diff could not be displayed because it is too large. You can view the blob instead.
style2.css deleted 100644 → 0
View file @ b3495679
Changes suppressed. Click to show.
/* ====================================== */
/* ===============Hero================= */
.mainiMg {
width: 60%;
position: relative;
height: 90vh;
/* background: url('your-image.jpg') center/cover no-repeat; */
clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%);
border-top-right-radius: 20% 100%;
border-bottom-right-radius: 10% 0%;
overflow: hidden;
margin-left: 40px;
transform: translateY(-40px);
object-position: 40% 70%;
display: flex !important;
flex-direction: row-reverse;
}
.mainiMg img {
width: 100%;
height: 100%;
object-fit: cover;
}
.mainiMg::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(to right, rgba(128, 0, 128, 0.5), rgba(11, 11, 58, 0.9));
}
.hero_section,
.activate_section,
.VR_section {
display: grid;
align-items: start;
padding: 10px 50px 0 50px;
background-color: #0d0d41;
}
.ltr_size {
grid-template-columns: 48% 50%;
box-sizing: border-box;
column-gap: 10px;
padding: 80px 30px 40px;
justify-content: center;
align-items: center;
}
.ltr_size img {
width: 100%;
}
.ltr_size div:nth-child(1) {
margin-top: 100px;
}
.rtl_size {
grid-template-columns: 53% 45%;
box-sizing: border-box;
column-gap: 10px;
align-items: center;
padding: 80px 0px 0px;
}
#vr2_btn {
padding: 10px 40px;
}
.hero_section {
color: white;
font-family: var(--main-font);
text-transform: uppercase;
display: flex;
direction: ltr !important;
}
.hero_title .span {
width: 100%;
height: 100%;
position: relative;
font-family: "Archivo Black", sans-serif;
}
.word1 {
font-family: var(--sora_font);
display: flex;
position: absolute;
font-size: 40px;
width: 40%;
top: 24%;
right: 6%;
margin-left: 30px;
}
.word1 .the {
color: #aa09b4;
margin-left: 10px;
font-family: var(--sora_font);
}
.word2 {
font-family: "Archivo Black", sans-serif;
display: flex;
position: absolute;
font-size: 40px;
width: 40%;
top: 32%;
right: 4.5%;
margin-left: 40px;
font-family: var(--sora_font);
}
.word2 .base {
color: #aa09b4;
margin-right: 10px;
font-family: var(--sora_font);
}
.word4 {
font-family: "Archivo Black", sans-serif;
display: flex;
position: absolute;
font-size: 40px;
width: 35%;
top: 41%;
right: 8%;
font-family: var(--sora_font);
}
.word3 {
display: flex;
position: absolute;
font-family: "Archivo Black", sans-serif;
font-size: 40px;
width: 30%;
right: 11%;
top: 50%;
font-family: var(--sora_font);
}
.hero-sec {
display: flex;
position: absolute;
left: 60%;
top: 60%;
font-size: 22px;
width: 30% !important;
}
.hero-sec2 {
display: flex;
position: absolute;
left: 60.5%;
top: 65%;
font-size: 22px;
width: 30% !important;
font-family: var(--sora_font);
}
.hero-sec3 {
display: flex;
position: absolute;
left: 62%;
top: 70%;
font-size: 22px;
width: 30% !important;
font-family: var(--sora_font);
}
.hero-sec4 {
display: flex;
position: absolute;
left: 63%;
top: 75%;
font-size: 22px;
width: 30% !important;
font-family: var(--sora_font);
}
.hero-sec5 {
display: flex;
position: absolute;
left: 64%;
top: 80%;
font-size: 22px;
width: 30% !important;
font-family: var(--sora_font);
}
.hero_section a {
font-family: "Archivo Black", sans-serif;
position: absolute;
top: 650px;
right: 5px;
color: #ffffff;
text-transform: uppercase;
font-weight: bold;
text-decoration: none;
border: none;
border-radius: 50px 0 0 50px;
background: linear-gradient(90deg, #aa09b4, #620b80, #270c54);
padding: 15px 20px;
display: block;
width: 30%;
height: 8%;
cursor: pointer;
outline: none;
text-align: start;
box-sizing: border-box;
font-size: 15px;
font-family: var(--sora_font);
}
.hero_desc_res {
display: none;
}
.hero_desc_res h3 {
font-size: 30px;
}
.hero_desc_res h3 span {
color: #be2fbe;
}
.hero_desc_res p {
font-size: 20px;
line-height: 32px;
}
@media(max-width:1800px) {
.word1 {
top: 28%;
left: 51%;
}
.word2 {
top: 35%;
left: 52%;
}
.word4 {
top: 41%;
left: 56%;
}
.word3 {
top: 48%;
left: 57%;
}
.hero-sec {
position: absolute;
left: 58%;
top: 58%;
}
.hero-sec2 {
top: 63%;
left: 59%;
}
.hero-sec3 {
left: 60%;
top: 68%;
}
.hero-sec4 {
left: 61%;
top: 73%;
}
.hero-sec5 {
left: 62%;
top: 78%;
}
.hero_section a {
top: 650px;
width: 37%;
}
}
@media(max-width:1500px) {
.word1 {
top: 31%;
}
.word2 {
top: 37%;
}
.word4 {
top: 46%;
/* left: 50%; */
}
.word3 {
top: 55%;
left: 58%;
}
.hero-sec {
position: absolute;
left: 58%;
top: 65%;
}
.hero-sec2 {
top: 70%;
left: 59%;
}
.hero-sec3 {
left: 60%;
top: 75%;
}
.hero-sec4 {
left: 61%;
top: 80%;
}
.hero-sec5 {
left: 62%;
top: 85%;
}
.hero_section a {
top: 750px;
}
}
@media(max-width:1450px) {
.word3 {
top: 55%;
left: 58%;
}
.hero-sec {
position: absolute;
left: 59%;
top: 65%;
}
.hero-sec2 {
top: 70%;
left: 60%;
}
.hero-sec3 {
left: 61%;
top: 75%;
}
.hero-sec4 {
left: 62%;
top: 80%;
}
.hero-sec5 {
left: 63%;
top: 85%;
}
.hero_section a {
top: 500px;
/* background: green !important; */
}
}
@media(max-width:1440px) {
.hero_section a {
top: 700px;
/* background: bisque !important; */
width: 34%;
}
}
@media(max-width:1430px) {
.hero_section a {
/* backgrou nd: red; */
top: 620px;
/* background: bisque !important; */
width: 37%;
}
.word2 {
top: 39%;
font-size: 35px;
}
}
@media(max-width:1300px) {
.hero_section a {
top: 600px;
}
}
@media(max-width:1030px) {
.word1 {
top: 30%;
}
.word2 {
top: 37%;
font-size: 35px;
}
.word4 {
top: 46%;
}
.word3 {
top: 55%;
}
.hero-sec {
position: absolute;
left: 60%;
top: 65%;
font-size: 18px;
}
.hero-sec2 {
top: 70%;
font-size: 18px;
left: 61%;
}
.hero-sec3 {
left: 62%;
top: 75%;
font-size: 18px;
}
.hero-sec4 {
left: 63%;
top: 80%;
font-size: 18px;
}
.hero-sec5 {
left: 64%;
top: 85%;
font-size: 18px;
line-height: 24px;
}
.hero_section a {
top: 650px;
width: 33%;
right: 0%;
}
}
@media(max-width:800px) {
.word1 {
position: relative;
top: unset;
left: unset;
}
.word2 {
position: relative;
top: unset;
left: unset;
}
.word4 {
position: relative;
top: unset;
left: unset;
}
.word3 {
position: relative;
top: unset;
left: unset;
}
.hero-sec {
position: relative;
top: unset;
left: unset;
}
.hero-sec2 {
position: relative;
top: unset;
left: unset;
}
.hero-sec3 {
position: relative;
top: unset;
left: unset;
}
.hero-sec4 {
position: relative;
top: unset;
left: unset;
}
.hero-sec5 {
position: relative;
top: unset;
left: unset;
}
.hero_section a {
position: relative;
top: unset;
left: unset;
width: 100%;
transform: translateX(76px);
}
.hero_desc {
display: none;
}
.hero_section {
display: grid;
grid-template-columns: 80% !important;
justify-content: center;
}
.mainiMg {
width: 100%;
height: auto;
}
.hero_desc_res {
display: block;
}
}
@media(max-width:500px) {
.hero_section {
grid-template-columns: 100% !important;
padding: 0 3% !important;
}
.mainiMg {
margin: 0 !important;
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
border-top-right-radius: 0% 0%;
border-bottom-right-radius: 0% 0%;
}
.hero_desc_res h3 {
font-size: 18px;
}
.hero_desc_res p {
font-size: 14px;
}
.hero_section a {
transform: translateX(13px);
}
}
@media(max-width:400px) {
.hero_section a {
transform: translateX(10px);
}
}
@media(max-width:350px) {
.hero_section a {
transform: translateX(7px);
}
}
/* ==================================== */
/* ===========ticketing================ */
.ticketing_section {
background-color: var(--bck_color);
padding-top: 10px;
}
.ticketing_section>.title {
display: flex;
justify-content: center;
column-gap: 10px;
padding-bottom: 10px;
}
.ticketing_section>.title h1 {
margin: 30px 0;
text-align: center;
color: white;
text-transform: uppercase;
position: relative;
font-size: 37px;
font-family: var(--main-font);
}
.ticketing_section .ticket_type h1,
.ticketing_section .ticket_type span
{
font-family: var(--sora_extrabold);
}
.ticketing_section .title img {
width: 400px;
}
.ticketing_section>.title {
margin-bottom: 60px;
}
.ticketing_section .days {
background: linear-gradient(to bottom, #920aa2 10%, #660b82, #2c0c57 70%);
border-top-right-radius: 80px;
padding-bottom: 40px;
color: white;
width: 95%;
margin: 0 2.5%;
}
.ticketing_section .days>div,
.ticketing_section .days_2>div {
font-family: var(--sora_extrabold);
}
.ticketing_section .ticket_type {
display: flex;
align-items: center;
justify-content: space-between;
width: 90%;
margin: 0 5%;
font-family: var(--sora_extrabold);
}
.ticketing_section .ticket_type span {
font-size: 40px;
font-weight: bold;
font-family: var(--sora_extrabold);
}
.ticketing_section .days>div:nth-child(2) {
margin-left: 40px;
align-items: start;
}
.ticketing_section .ticket_types {
display: grid;
grid-template-columns: 56% 44%;
width: 95%;
margin: 0px 2.5%;
background: linear-gradient(to right, #2c0c57, #2c0c57 50%, var(--bck_color) 98%);
}
.ticketing_section .ticket_types .days_t {
background: linear-gradient(to right, #2c0c57, #660b82 50%, #920aa2 80%);
color: white;
border-top-right-radius: 80px;
position: relative;
padding-bottom: 80px;
}
.ticketing_section .days_t .day_ticket {
width: 50%;
}
.ticketing_section .days_t .text p {
font-weight: 400;
font-family: var(--sora_font);
color: white;
font-size: 25px;
width: 90%;
margin: 20px 5%;
line-height: 32px;
}
.ticketing_section_ar .days_t .text p,
.ticketing_section_ar .days .text p {
direction: rtl;
font-family: var(--font_noor_light);
}
.ticketing_section .days .text p {
font-weight: 400;
font-family: var(--sora_font);
color: white;
font-size: 25px;
}
.ticketing_section .days a {
color: #ffffff;
text-transform: uppercase;
font-weight: bold;
text-decoration: none;
border: none;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
background: linear-gradient(90deg, var(--purple_col), #6a1a97, var(--bck_color));
padding: 7px 20px;
display: block;
width: 50%;
margin: 0px 0 0 40%;
cursor: pointer;
outline: none;
text-align: start;
margin-top: 110px;
transform: translateX(23px);
}
.ticketing_section .days_t a {
color: #ffffff;
text-transform: uppercase;
font-weight: bold;
text-decoration: none;
border: none;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
background: linear-gradient(90deg, var(--purple_col), #6a1a97, var(--bck_color));
padding: 7px 20px;
display: block;
width: 50%;
margin: 0px 0 0 40%;
cursor: pointer;
outline: none;
text-align: start;
margin-top: 110px;
transform: translateX(23px);
}
.ticketing_section .days:nth-child(3) {
padding-bottom: 50px;
}
.map {
width: 95%;
margin: 0 2.5%;
}
.map iframe {
width: 100%;
height: 450px;
border-radius: 20px;
border: none;
}
/* ============================ */
/* ============ Hidden Header== */
.right_side_h {
display: flex;
flex-direction: column;
row-gap: 20px;
justify-content: center;
position: fixed;
background: var(--bck_color);
width: 100%;
right: 0;
padding: 20px 10px;
top: 75px;
transition: transform 0.3s ease, opacity 0.3s ease;
}
.right_side_h a {
background-color: transparent;
color: white;
outline: none;
border: none;
text-transform: uppercase;
font-family: var(--main-font);
font-weight: bold;
cursor: pointer;
text-align: center;
}
.hidden1 {
display: none !important;
}
/* ========================= */
/* ========Arabic============*/
.ticketing_sec_ar .days .text {
margin: 0 40px 0 0;
}
.ticketing_sec_ar .days>.text p {
width: 80%;
margin: 0;
}
.ticketing_sec_ar a {
margin: 60px 46.5% 0 0;
background: linear-gradient(90deg, var(--bck_color), #6a1a97, var(--purple_col));
border-radius: 8px;
}
.card_ar {
column-gap: 40px;
}
/* .days_grid .days:nth-child(2) a
{
margin-top: 40px;
} */
.arab-b {
direction: rtl;
}
.arab-p {
direction: rtl;
text-align: right;
width: 90%;
line-height: 1.3;
font-size: 30px;
width: 83%;
margin-left: 10% !important;
}
/* .days_grid .pass1{
direction: rtl !important;
} */
.passp12 {
direction: rtl !important;
width: 95%;
font-size: 30px;
}
.first-p {
width: 90%;
font-size: 30px;
line-height: 1.2;
}
.gg {
font-size: 30px;
width: 75%;
line-height: 1.2;
margin-top: 10%;
}
.perfect {
font-size: 30px;
width: 80%;
}
.vipp {
font-size: 30px;
width: 120%;
}
.pass1 {
direction: rtl;
width: 90%;
font-size: 33px;
margin-top: 10% !important;
margin-left: 40% !important;
}
.vipar {
direction: rtl;
font-size: 33px;
width: 180%;
}
.vipp {
width: 180%;
}
.btnn2 {
color: #ffffff;
text-transform: uppercase;
font-weight: bold;
text-decoration: none;
border: none;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
background: linear-gradient(90deg, #aa09b4, #5f0b7d, #490b6d);
padding: 7px 20px;
display: block;
width: 25%;
cursor: pointer;
outline: none;
text-align: center;
margin-top: 50px;
margin-left: 75%;
font-size: 18px;
font-family: var(--font_noor_bold);
}
.btn2_type {
color: #ffffff;
text-transform: uppercase;
font-weight: bold;
text-decoration: none;
border: none;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
background: linear-gradient(90deg, #aa09b4, #5f0b7d, #490b6d);
padding: 7px 20px;
display: block;
width: 35%;
cursor: pointer;
outline: none;
text-align: center;
margin-top: 50px;
margin-left: 65%;
font-size: 18px;
position: absolute;
bottom: 20px;
font-family: var(--font_noor_light);
}
.btn2_type_s {
color: #ffffff;
text-transform: uppercase;
font-weight: bold;
text-decoration: none;
border: none;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
background: linear-gradient(90deg, #aa09b4, #5f0b7d, #490b6d);
padding: 7px 20px;
display: block;
width: 45%;
cursor: pointer;
outline: none;
text-align: center;
margin-top: 50px;
margin-left: 55%;
font-size: 18px;
position: absolute;
bottom: 20px;
font-family: var(--font_noor_bold);
}
.ticketing_section_ar .days_grid .days:nth-child(1) a {
margin-top: 35px;
}
.ticketing_section .btnn2,
.btn2_type,
.btn2_type_s {
font-family: var(--sora_extrabold);
}
/* ========================== */
/* =====Responsive========== */
@media(min-width:2257px)
{
.ticketing_section .days_t .text p,
.ticketing_section .days .text p
{
font-size: 30px;
line-height: 3rem;
}
.letters h1
{
font-size: 40px;
line-height: 4.5rem;
}
.letters div p:nth-child(1)
{
font-size: 40px;
line-height: 3.5rem;
}
.ticketing_section .ticket_types
{
width: 100%;
margin-left: 0;
}
.ticketing_section .days,
.map
{
width: 100%;
margin: 0;
}
}
@media(max-width:2200px)
{
.ticketing_section .title img
{
width: 600px;
}
.ticketing_section .ticket_type
{
font-size: 30px;
/* width: 100%; */
/* color: blue; */
}
.ticketing_section .days_t .day_ticket
{
font-size: 45px;
/* color: red; */
}
.ticketing_section_ar .days_t .text p, .ticketing_section_ar .days .text p
{
font-size: 47px;
line-height: 58px;
}
.btnn2
{
width: 20%;
margin-left: 80%;
}
.btnn2,
.btn2_type_s,
.btn2_type
{
font-size: 25px;
}
.ticketing_section .ticket_type h1
{
/* width: 50%; */
}
.ticketing_section .ticket_type span
{
font-size: 55px;
}
.play_games h1
{
font-size: 60px;
}
.ticketing_section .days_t .text p,
.ticketing_section .days .text p
{
font-size: 35px;
line-height: 45px;
}
}
@media(max-width:2000px)
{
.ticketing_section .title img
{
width: 580px;
}
.ticketing_section .ticket_type
{
font-size: 25px;
/* width: 100%; */
}
.ticketing_section .days_t .day_ticket
{
font-size: 35px;
}
.ticketing_section_ar .days_t .text p, .ticketing_section_ar .days .text p
{
font-size: 40px;
line-height: 52px;
}
.btnn2,
.btn2_type_s,
.btn2_type
{
font-size: 25px;
}
.btn2_type_s,
.btnn2
{
transform: translateX(46px);
}
.ticketing_section .ticket_type h1
{
/* width: 50%; */
}
.ticketing_section .ticket_type span
{
font-size: 50px;
}
}
@media(max-width:1880px) {
.btn2_type_s,
.btnn2
{
transform: translateX(40px);
}
.ticketing_section .title img
{
width: 500px;
}
.ticketing_section a {
margin: 0px 0 0 44%;
margin-left: 44%;
}
.ticketing_sec_ar a {
margin: 60px 46.5% 0 0 !important;
background: linear-gradient(90deg, var(--bck_color), #6a1a97, var(--purple_col));
border-radius: 8px;
}
/* .ticketing_section_ar .days_grid .days:nth-child(1) a
{
margin-top: 50px;
} */
.ticketing_section a {
width: 37%;
margin: 40px 0 0 60%;
}
.ticketing_section_ar a {
width: 37%;
margin: 20px 0 0 60%;
}
}
@media(max-width:1850px)
{
.ticketing_section .title img
{
width: 530px;
}
.ticketing_section .ticket_type
{
font-size: 25px;
/* width: 100%; */
}
.ticketing_section .days_t .day_ticket
{
font-size: 35px;
}
.ticketing_section_ar .days_t .text p, .ticketing_section_ar .days .text p
{
font-size: 40px;
line-height: 52px;
}
.btnn2,
.btn2_type_s,
.btn2_type
{
font-size: 25px;
}
.ticketing_section .days_t .text p,
.ticketing_section .days .text p
{
font-size: 25px;
line-height: 35px;
}
.ticketing_section .ticket_type span
{
font-size: 50px;
}
}
@media(max-width:1800px)
{
.ticketing_section .title img
{
width: 500px;
}
.ticketing_section .ticket_type
{
font-size: 20px;
/* width: 100%; */
}
.ticketing_section .days_t .day_ticket
{
font-size: 35px;
}
.ticketing_section_ar .days_t .text p, .ticketing_section_ar .days .text p
{
font-size: 30px;
line-height: 42px;
}
.btnn2,
.btn2_type_s,
.btn2_type
{
font-size: 22px;
}
.ticketing_section .ticket_type h1
{
/* width: 50%; */
}
.ticketing_section .ticket_type span
{
font-size: 50px;
}
}
@media(max-width:1600px)
{
.btn2_type_s,
.btnn2
{
transform: translateX(37px);
}
}
@media(max-width:1500px) {
.btn2_type_s,
.btnn2
{
transform: translateX(32px);
}
.ticketing_section .ticket_type
{
font-size: 20px;
/* width: 100%; */
}
.ticketing_section .days_t .day_ticket
{
font-size: 35px;
}
.ticketing_section_ar .days_t .text p, .ticketing_section_ar .days .text p
{
font-size: 25px;
line-height: 42px;
}
.btnn2,
.btn2_type_s,
.btn2_type
{
font-size: 18px;
}
.ticketing_section .ticket_type h1
{
/* width: 50%; */
}
.ticketing_section .ticket_type span
{
font-size: 35px;
}
.ticketing_sec_ar a {
margin: 60px 46.5% 0 0;
background: linear-gradient(90deg, var(--bck_color), #6a1a97, var(--purple_col));
border-radius: 8px;
}
.ticketing_section .days>div:nth-child(1) {
width: 90%;
margin-left: 5%;
}
.ticketing_section a {
margin: 20px 0 0 60%;
width: 37%;
}
.ticketing_section_ar a {
margin: 30px 0 0 60%;
}
}
@media(max-width:1440px)
{
.ticketing_section_ar .days_t .text p, .ticketing_section_ar .days .text p {
font-size: 25px;
line-height: 35px;
}
.ticketing_section .btnn2,
.btn2_type,
.btn2_type_s
{
padding: 8px 0px 3px 20px;
font-size: 16px;
text-align: start;
}
.btn2_type_s ,
.btn2_type
{
bottom: 60px;
}
}
@media(max-width:1300px) {
.ticketing_section .ticket_type
{
font-size: 18px;
/* width: 100%; */
}
.ticketing_section .days_t .day_ticket
{
font-size: 30px;
}
.ticketing_section_ar .days_t .text p, .ticketing_section_ar .days .text p
{
font-size: 25px;
line-height: 38px;
}
.btnn2
{
width: 20%;
/* background: red; */
margin-left: 80%;
}
.btnn2,
.btn2_type_s,
.btn2_type
{
font-size: 18px;
transform: translateX(30px);
}
.ticketing_section .ticket_type span
{
font-size: 35px;
}
.ticketing_sec_ar a {
margin: 60px 46.5% 0 0;
background: linear-gradient(90deg, var(--bck_color), #6a1a97, var(--purple_col));
border-radius: 8px;
}
.ticketing_section .days>div:nth-child(1) {
width: 90%;
margin-left: 5%;
}
.ticketing_section a {
margin: 20px 0 0 60%;
width: 37%;
}
.ticketing_section_ar a {
margin: 30px 0 0 60%;
}
.ticketing_section .btnn2,
.btn2_type,
.btn2_type_s
{
padding: 7px 0px 7px 20px;
font-size: 14px;
/* text-align: start; */
display: flex;
align-items: baseline;
}
.btn2_type_s
{
bottom: 60px;
}
.ticketing_section .days_t .text p
{
width: 87%;
}
.ticketing_section .days_t .text .days3_p
{
width: 95%;
}
.btn2_type
{
bottom: 60px;
}
}
@media(max-width:1200px) {
.ticketing_section a {
margin: 40px 0 0 38%;
}
.ticketing_sec_ar a {
margin: 60px 46.5% 0 0;
background: linear-gradient(90deg, var(--bck_color), #6a1a97, var(--purple_col));
border-radius: 8px;
}
.ticketing_section .days_t .text p {
font-size: 20px;
}
}
@media(max-width:1030px) {
.btnn2, .btn2_type_s, .btn2_type
{
transform: translateX(0);
}
.ticketing_section .title img
{
width: 450px;
}
.ticketing_section .days .text p {
line-height: 33px;
font-size: 25px;
}
.btnn2 {
width: 25%;
/* background: red; */
margin-left: 75%;
}
.ticketing_section .days_t .text p {
font-size: 18px;
line-height: 25px;
}
.btn2_type {
width: 45%;
margin-left: 55%;
}
.btn2_type_s {
width: 55%;
margin-left: 45%;
}
.ticketing_section .ticket_types .days_t {
padding-bottom: 60px;
}
.ticketing_section>.title {
margin-bottom: 30px;
}
.ticketing_section .ticket_type h1
{
font-size: 25px;
}
.ticketing_section .days_t .day_ticket {
font-size: 25px;
}
.ticketing_section .ticket_type span {
font-size: 25px;
}
.ticketing_section .ticket_type
{
margin: 3%;
}
.btn2_type_s, .btn2_type
{
bottom: 40px;
transform: translateX(25px);
}
.ticketing_section .btnn2
{
transform: translateX(25px);
}
.ticketing_section .btnn2, .btn2_type, .btn2_type_s {
padding: 7px 0px 3px 20px;
}
}
@media(max-width:950px) {
.btn2_type_s, .btn2_type ,
.ticketing_section .btnn2
{
bottom: 40px;
transform: translateX(0px);
width: 35%;
margin-left: 65%;
}
.ticketing_section .title img
{
width: 400px;
}
.pass1 {
margin-top: 0% !important;
}
.ticketing_section .days:nth-child(3) a {
margin-left: 52% !important;
}
.ticketing_sec_ar .days:nth-child(3) a,
.ticketing_sec_ar a {
margin: 60px 52% 0 0 !important;
}
.last div:nth-child(1) h1 {
font-size: 25px;
}
.card_ar div:nth-child(1) a {
left: 165px;
}
.ticketing_section .days>div:nth-child(2) {
flex-direction: column;
margin-left: 0;
}
.ticketing_section .days .text p {
width: 95%;
margin-left: 2% !important;
/* text-align: center; */
font-size: 18px;
font-weight: normal;
margin-top: 30px;
line-height: 28px;
/* margin-left: 3% !important; */
}
.btnn2 {
font-size: 18px ;
}
/* .days_grid
{
grid-template-columns: 100% !important;
} */
.ticketing_section a {
width: 40%;
margin-left: 45%;
}
.ticketing_section .last>div:nth-child(1) {
width: 80% !important;
margin: 0 10% !important;
}
/* .days_grid a
{
transform: translateX(70px);
} */
.ticketing_sec_ar a {
transform: translateX(0);
margin: 0 55% 0 0;
}
.ticketing_sec_ar .days_grid .days:nth-child(2) a,
.ticketing_sec_ar a
/* .ticketing_sec_ar .days_grid .days:nth-child(1) a,
.ticketing_section .days_grid .days:nth-child(1) a */
{
margin-top: 30px !important;
}
.ticketing_section .days>div:nth-child(2) div {
width: 100%;
}
.btnn2 {
margin-top: 20px;
}
.ticketing_section .last a {
margin-top: 20px;
}
.ticketing_section .ticket_types {
grid-template-columns: 100%;
row-gap: 0px;
}
.ticketing_section .ticket_types .days_t {
background: linear-gradient(to bottom, #920aa2 10%, #660b82, #2c0c57 70%);
}
.ticketing_section .ticket_types .days_t:nth-child(2) {
border-radius: 0;
}
.ticketing_section .ticket_types .days_t:nth-child(1) {
padding-bottom: 60px;
}
.ticketing_section .days_t .day_ticket {
width: unset;
}
.map {
width: 95%;
margin: 0 2.5;
}
.ticketing_section .days {
border-radius: 0;
}
}
@media(max-width:700px) {
.ticketing_sec_ar a {
margin: 120px 25% 0 0;
transform: translateX(0) !important;
}
.ticketing_sec_ar .days_grid .days:nth-child(2) a,
.ticketing_sec_ar a,
.ticketing_sec_ar .days_grid .days:nth-child(1) a {
margin-top: 30px !important;
}
.ticketing_section .days:nth-child(3) a {
margin: 20px 0% 0 6% !important;
}
.ticketing_section .last a {
width: 60%;
margin: 20px 0% 0 25% !important;
}
.ticketing_sec_ar .last a,
.ticketing_sec_ar .days:nth-child(3) a {
margin: 60px 31% 0 0% !important;
}
.ticketing_section .days>div:nth-child(1) {
flex-direction: column;
width: 100%;
margin: 0;
}
.ticketing_section .days>div:nth-child(1) h1,
.ticketing_section .days>div:nth-child(1) span {
font-size: 30px;
text-align: center;
}
.ticketing_section .days>div:nth-child(2)>div {
width: 100%;
margin: 0 0%;
}
.ticketing_section a {
width: 60%;
margin-left: 20%;
}
.days_grid {
grid-template-columns: 100% !important;
margin-top: 40px;
/* column-gap: 30px; */
}
.days_grid>div:nth-child(2) {
margin-left: 0 !important;
}
.last {
margin-top: 20px !important;
}
.days_grid a {
transform: translateX(50px);
}
.right_side_h {
width: 40% !important;
}
.list_icon {
display: block;
}
.last div:nth-child(1) h1 {
width: 60%;
text-align: center;
}
.ticketing_section .days .text p {
font-size: 14px;
line-height: 28px;
}
.ticketing_section .days_grid .days p {
font-size: 14px !important;
}
.btnn2 {
margin-top: 20px;
}
.ticketing_section .ticket_type {
flex-direction: column;
justify-content: center;
}
.ticketing_section .ticket_type h1,
.ticketing_section .ticket_type span {
font-size: 30px;
text-align: center;
margin-bottom: 0;
}
.ticketing_section .days_t .text p {
font-size: 14px;
line-height: 28px;
width: 95%;
margin-left: 2%;
font-weight: normal;
}
.btn2_type,
.btn2_type_s {
width: 60%;
margin-left: 40%;
}
.ticketing_section .title img {
width: 300px;
}
.ticketing_section>.title {
margin-bottom: 30px;
}
.ticketing_section .days {
border-radius: 0;
}
.ticketing_section .ticket_types .days_t,
.ticketing_section .ticket_types .days_t:nth-child(2) {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
}
@media(max-width:500px) {
.ticketing_sec_ar a {
margin: 120px 32% 0 0 !important;
}
.play_games h1 {
font-size: 25px;
}
.ticketing_sec_ar .days>div:nth-child(2) {
margin: 0;
}
.ticketing_sec_ar .btnn2 {
width: 65%;
margin-left: 35%;
}
.btn2_type_s, .btn2_type, .ticketing_section .btnn2
{
width: 60%;
margin-left: 40%;
}
.ticketing_section .days>div:nth-child(1) h1 {
margin-bottom: 0;
}
.ticketing_section .days .text p {
margin-left: 2% !important;
}
.ticketing_section .ticket_type h1,
.ticketing_section .days>div:nth-child(1) h1
{
font-size: 20px;
}
.ticketing_section .ticket_type span,
.ticketing_section .days>div:nth-child(1) span {
font-size: 25px;
}
.ticketing_section .ticket_types .days_t {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.ticketing_section .days_t .day_ticket
{
font-size: 18px;
}
/*
.ticketing_section .title img
{
width: 400px;
} */
.ticketing_section .days_t .text p,
.ticketing_section .days .text p
{
line-height: 23px;
}
.btn2_type_s, .btn2_type, .ticketing_section .btnn2
{
bottom: 30px;
}
}
@media(max-width:400px) {
.vipp {
width: 100% !important;
}
.ticketing_section .ticket_type h1,
.ticketing_section .ticket_type span {
font-size: 18px;
}
.ticketing_section_ar .btnn2 {
width: 65% !important;
margin-left: 35% !important;
}
.ticketing_section .days>div:nth-child(1) h1 {
margin-bottom: 5px;
}
.ticketing_section .days>div:nth-child(1) h1,
.ticketing_section .days>div:nth-child(1) span {
font-size: 18px !important;
}
.ticketing_section .days .text p,
.ticketing_sec_ar .days .text p {
/* font-size: 12px; */
margin-left: 0 !important;
}
.ticketing_section .text p {
margin-top: 30px !important;
}
.btnn2 {
/* width: 38% !important; */
font-size: 14px !important;
/* margin-left: 63%; */
}
.btn2_type,
.btn2_type_s {
font-size: 14px;
}
.ticketing_sec_ar .days .text p {
/* text-align: center; */
margin-top: 10px;
}
.ticketing_section>h1 {
font-size: 25px;
}
.days_grid a {
transform: translateX(25px);
}
.ticketing_section .days:nth-child(3) a {
margin: 60px 0% 0 23% !important;
}
.ticketing_section .last a {
margin: 20px 0% 0 23% !important;
}
.ticketing_sec_ar .days:nth-child(3) a,
.ticketing_sec_ar .last a {
margin: 60px 30% 0 0% !important;
}
.ticketing_section a {
margin: 60px 0 0 24% !important;
}
.ticketing_sec_ar a {
margin: 60px 29% 0 0% !important;
}
.ticketing_section .days .text p {
margin-left: 2% !important;
}
}
@media(max-width:322px) {
/* .ticketing_section .days > div:nth-child(2) p
{
margin-left: 2% !important;
} */
.ticketing_section .days:nth-child(3) a,
.ticketing_section .last a {
margin-left: 20%;
}
.ticketing_section .last a {
margin: 20px 0% 0 20% !important;
}
.ticketing_section .days>.text p {
/* font-size: 11px; */
margin-right: 2% !important;
}
.arab-b {
font-size: 13px !important;
}
.days_grid .pass1 {
/* font-size: 13px !important; */
}
.ticketing_section a {
margin: 60px 0 0 20% !important;
}
.ticketing_section .days:nth-child(3) a {
margin: 60px 0% 0 20% !important;
}
.ticketing_sec_ar .days:nth-child(3) a,
.ticketing_sec_ar .last a {
margin: 60px 28% 0% 0 !important;
}
.ticketing_sec_ar a {
margin: 120px 28% 0 0 !important;
}
.btnn2 {
width: 65% !important;
margin-left: 35% !important;
font-size: 13px !important;
}
.ticketing_section_ar .btnn2 {
width: 70% !important;
margin-left: 30% !important;
}
}
/* /////////////////////// */
.vr_parent {
margin: 0;
padding: 0;
font-family: var(--main-font);
background-color: var(--bck_color);
color: #fff;
overflow-x: hidden;
padding: 0 0 70px 0;
}
.vr-section {
display: flex;
align-items: start;
justify-content: center;
/* width: 95%; */
/* padding: 0 0 70px; */
background: linear-gradient(to right, #0f0d42, #270c54 70%, #3e0b65);
/* min-height: 500px; */
gap: 40px;
flex-wrap: wrap;
}
.vr-image {
position: relative;
width: 45%;
overflow: hidden;
height: 500px;
}
.vr-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.overlay-vr {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(90deg, var(--title_color) 0%, #200c4e 75%);
opacity: 0.4;
}
.vr-con {
width: 50%;
background: var(--gradient);
padding: 40px 0px 0 0px;
height: auto;
box-sizing: border-box;
transform: translateX(-20px);
}
/* العنوان */
.vr-title1 {
font-family: var(--sora_extrabold);
font-size: 30px;
margin-bottom: 45px;
line-height: 35px;
word-wrap: break-word;
font-weight: 700;
width: 90%;
text-align: start;
}
.neon {
color: var(--neon);
}
/* الفقرة */
.vr-p {
font-size: 23px;
line-height: 28px;
margin-bottom: 25px;
font-family: var(--sora_font);
color: var(--text_color);
}
.vr-p p
{
margin: 0;
width: 93%;
}
/* النص العربي */
.arb {
direction: rtl;
text-align: right;
width: 100%;
color: var(--text_color);
font-family: var(--font_noor_light);
font-size: 40px;
line-height: 5rem;
}
.arbt {
margin-left: 0%;
width: 100%;
direction: ltr;
font-family: var(--font_noor_bold);
font-size: 70px;
/* line-height: 5rem; */
}
/* الزر */
.vr-btn1 {
background: linear-gradient(to right, #0d0d4138 20%, #6a1a97, #a809b3);
outline: none;
border: none;
border-radius: 30px;
text-align: center;
font-size: 20px;
font-family: var(--sora_extrabold);
font-weight: bold;
padding: 10px 30px;
/* margin-top: 50px; */
margin-bottom: 20px;
text-transform: uppercase;
color: white;
margin-top: 30px;
transform: translateX(-20px);
/* background: red; */
}
/* .vr-btn1:hover {
transform: scale(1.05);
} */
.btnen {
margin-left: 10%;
}
/* ===== النسخة الإنجليزية ===== */
.vr-en {
flex-direction: row-reverse;
}
@media(min-width:2200px)
{
.vr-title1
{
/* color: red; */
font-size: 45px;
line-height: 4.5rem;
}
.arbt
{
text-align: end;
}
.vr-p p
{
font-size: 30px;
line-height: 3rem;
}
.vr-image
{
height: 640px;
/* background: red; */
}
.vr-btn1
{
font-size: 35px;
}
.arb
{
line-height: 4rem;
}
}
@media(max-width:2200px) {
.arbt {
font-size: 60px;
}
.arb {
font-size: 36px;
width: 90%;
margin-left: 10%;
line-height: 52px;
}
.vr-btn1
{
font-size: 31.5px;
margin-top: 30px;
}
.vr-image
{
height: 620px;
/* background: red; */
}
.arbt {
margin-top: 0px;
text-align: end;
/* color: red; */
margin-bottom: 60px;
/* margin: 0; */
width: 100%;
/* background-color: black; */
/* padding-left: 30px; */
/* direction: rtl; */
}
.vr-p p
{
font-size: 35px;
line-height: 45px;
}
.vr-title1
{
font-size: 50px;
line-height: 55px;
}
}
@media(max-width:2000px)
{
.vr-section
{
width: 90%;
margin: 0 5%;
}
.vr-title1
{
/* background-color: blue; */
width: 95%;
text-align: start;
}
.arbt {
margin-left: 50px;
/* color: black; */
margin-top: 0px;
text-align: end;
}
.vr-btn1
{
font-size: 30px;
margin-top: 20px;
/* transform: translateX(-80px); */
}
}
@media(max-width:1850px) {
.arbt {
font-size: 50px;
margin-left: 120px;
/* color: gray; */
/* color: red; */
}
.arb {
font-size: 30px;
width: 80%;
margin-left: 20%;
}
.vr-btn1
{
font-size: 30px;
margin-top: 10px;
}
.vr-image
{
height: 550px;
/* background: red; */
}
.arbt {
margin-top: 0px;
/* color: red; */
margin-bottom: 40px;
}
}
@media(max-width:1820px)
{
.vr-btn1
{
font-size: 30px;
margin-top: 10px;
/* background: red; */
}
.vr-image
{
height: 450px;
/* background: red; */
}
}
@media(max-width:1800px) {
.arbt {
font-size: 45px;
margin-left: 120px;
/* color: gray; */
}
.arb {
font-size: 26px ;
width: 80%;
line-height: 40px;
margin-left: 20%;
/* color: red; */
}
.vr-btn1
{
font-size: 27px;
margin-top: 10px;
}
.vr-image
{
height: 480px;
/* background: red; */
}
.arbt {
margin-top: 0px;
/* color: red; */
margin-bottom: 40px;
}
.arbt {
margin-left: 0;
text-align: end;
}
.vr-p p
{
font-size: 30px;
line-height: 33px;
}
.vr-title1
{
font-size: 45px;
line-height: 45px;
/* color: red; */
/* margin: 0; */
width: 100%;
}
}
@media(max-width:1500px) {
.arbt {
font-size: 45px;
margin-left: 0px;
/* color: gray; */
}
.arb {
font-size: 24px ;
width: 100%;
line-height: 40px;
margin-left: 0%;
/* color: red; */
}
.vr-btn1
{
font-size: 20px;
margin-top: 10px;
}
.vr-image
{
height: 450px;
/* background: red; */
}
.arbt {
margin-top: 0px;
/* color: red; */
margin-bottom: 40px;
}
}
@media(max-width:1500px) {
.arbt {
font-size: 45px;
margin-left: 0px;
/* color: gray; */
}
.arb {
font-size: 25px;
width: 100%;
line-height: 40px;
margin-left: 0%;
/* color: red; */
}
.vr-btn1
{
font-size: 20px;
margin-top: 10px;
}
.vr-image
{
height: 450px;
/* background: red; */
}
.arbt {
margin-top: 0px;
/* color: red; */
margin-bottom: 40px;
}
.vr-image
{
height: 430px;
/* background: black; */
}
.arb
{
line-height: 30px;
font-size: 25px;
}
.arbt {
margin-bottom: 25px;
font-size: 40px;
}
/* =================================== */
.vr-con {
width: 50%;
padding: 40px 0px 0 0px;
height: auto;
transform: translateX(-20px);
}
/* العنوان */
.vr-title1 {
font-size: 30px;
margin-bottom: 15px;
line-height: 35px;
width: 90%;
}
/* الفقرة */
.vr-p {
font-size: 25px;
line-height: 28px;
margin-bottom: 25px;
}
.vr-p p
{ font-size: 25px;
margin: 0;
width: 93%;
line-height: 28px;
}
}
@media(max-width:1440px)
{
.arb {
font-size: 30px;
line-height: 36px;
}
.vr-image {
height: 435px;
}
.arbt
{
margin-bottom: 30px;
}
.vr-title1
{
width: 100%;
}
}
@media(max-width:1300px)
{
.vr-btn1
{
font-size: 18px;
}
.vr-image
{
height: 390px;
/* background: black; */
}
.arb
{
line-height: 30px;
font-size: 25px;
}
.arbt {
margin-bottom: 25px;
font-size: 40px;
}
/* =================================== */
.vr-con {
width: 50%;
padding: 40px 0px 0 0px;
height: auto;
transform: translateX(-20px);
}
/* العنوان */
.vr-title1 {
font-size: 30px;
margin-bottom: 15px;
line-height: 35px;
width: 90%;
}
/* الفقرة */
.vr-p {
font-size: 25px;
line-height: 28px;
margin-bottom: 25px;
}
.vr-p p
{ font-size: 25px;
margin: 0;
width: 93%;
line-height: 28px;
}
.vr-image, .vr-con
{
height: 420px;
}
}
@media(max-width:1100px)
{
.vr-image
{
height: 420px;
/* background: red; */
}
}
/* ===== التابلت (1024px) ===== */
@media (max-width: 1024px) {
.vr-section {
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
text-align: left;
gap: 25px;
}
.vr-image,
.vr-con {
width: 48%;
height: 390px;
/* min-height: 350px; */
}
.vr-con {
padding: 30px;
}
.vr-title1 {
font-size: 25px;
text-align: end;
margin-left: 5%;
line-height: 30px;
width: 100%;
}
.title1en {
text-align: left;
}
.vr-p {
text-align: start;
margin-left: 5%;
margin-right: 5%;
width: 100%;
}
/* العربي يبدأ من نفس المسافة */
.arb {
direction: rtl;
text-align: right;
margin-right: 5%;
margin-left: 5%;
}
.vr-btn1 {
font-size: 18px;
padding: 10px 22px;
/* width: 200px; */
/* margin: 20px auto 0; */
display: block;
transform: translateX(0);
margin-top: 40px;
}
.vr-p p
{
font-size: 18px;
line-height: 23px;
}
.vr-con
{
transform: translateX(-43px);
}
}
/* ===== التابلت الصغير (768px) ===== */
@media (max-width: 768px) {
.vr-image img {
height: 100%;
}
.vr-section {
flex-direction: column;
gap: 0px;
}
.vr-image,
.vr-con {
width: 90%;
height: auto;
}
.vr-image
{
height: 400px;
}
.vr-con
{
transform: translateX(0);
margin: 20px 0 0 0;
padding: 0;
}
.vr-title1 {
font-size: 25px;
text-align: end;
margin-left: 0;
margin-bottom: 20px;
width: 100%;
margin-top: 0;
}
.vr-p {
font-size: 18px;
text-align: end;
margin: 0 auto;
}
.vr-section-en .vr-title1,
.vr-section-en .vr-p {
text-align: start;
}
.vr-section {
background: var(--bck_color);
}
.arb {
text-align: right;
margin: 0;
padding-right: 10%;
font-size: 22px;
}
.vr-btn1 {
width: 40%;
margin: 35px 0 0 0;
display: block;
}
.vr-section {
width: 90%;
margin: 0 5%;
align-items: center;
}
.vr-section>div {
width: 80%;
}
.vr-p p
{
font-size: 17px;
}
}
/* ===== الموبايل (600px) ===== */
@media (max-width: 600px) {
.vr-section {
width: 90%;
margin: 0 5%;
flex-direction: column;
gap: 0px;
}
.vr-image,
.vr-con {
width: 100%;
/* height: auto; */
}
.vr-con {
padding: 0px;
}
.vr-title1 {
font-size: 25px;
}
.vr-section-en .vr-title1 {
font-size: 18px;
}
.vr-p {
font-size: 18px;
}
.vr-section-en .vr-p {
font-size: 14px;
line-height: 32px;
}
.vr-p p
{
font-size: 14px;
line-height: 20px;
}
.arb {
text-align: right;
margin: 0;
padding-right: 10%;
line-height: 32px;
}
.vr-btn1 {
width: 70%;
padding: 12px 0;
/* margin: 0 auto; */
display: block;
}
.vr-section {
width: 94%;
margin: 0 3%;
}
.vr-section>div {
width: 100%;
}
}
@media(max-width:500px) {
.vr-btn1 {
width: 50%;
transform: translateX(0);
font-size: 16px;
}
}
@media(max-width:400px) {
.vr-title1 {
font-size: 20px;
}
.arb {
font-size: 16px;
}
.vr-btn1 {
margin-top: 25px;
width: 60%;
font-size: 16px;
font-weight: normal;
}
.vr-image
{
height: 350px;
}
}
/* ===================== */
/* ===================== */
/* ===================== */
/* ===================== */
/* ===================== */
/* ====================================== */
/* ===============Activate================= */
.bookN {
background: linear-gradient(to right, var(--purple_col) 20%, #6e2698, var(--bck_color));
color: white;
font-family: var(--title_font);
padding: 8px 30px;
border-radius: 25px;
outline: none;
border: none;
cursor: pointer;
font-weight: 700;
font-size: 18px;
margin-top: 100px;
margin-left: 10%;
display: inline-block;
position: absolute;
width: 10%;
height: 4%;
left: 35%;
top: 100%;
}
.imagg {
width: 100%;
position: relative;
height: 75vh;
overflow: hidden;
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
border-top-left-radius: 0 100%;
border-bottom-left-radius: 100% 200%;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
/* direction: ltr; */
top: 15% !important;
}
.imagg img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: 70% 70%;
}
.imagg::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(to right, rgba(11, 11, 58, 0.6), rgba(129, 33, 132, 0.5));
}
.casualt2 {
display: flex;
font-family: "Archivo Black", sans-serif;
}
.casual_text2 {
position: absolute;
top: 135%;
left: 7%;
font-weight: 400;
font-size: 30px;
color: white;
}
.casual_text3 {
position: absolute;
top: 135%;
left: 28%;
color: #00ff00;
font-weight: 400;
font-size: 30px;
}
.casual_text4 {
font-family: "Archivo Black", sans-serif;
position: absolute;
color: #00ff00;
font-weight: 400;
font-size: 30px;
top: 142%;
left: 7%;
}
.casual_text5 {
font-family: var(--main-font);
position: absolute;
font-weight: 400;
font-size: 22px;
color: white;
top: 153%;
left: 7%;
width: 37%;
}
.casual_text6 {
font-family: var(--main-font);
position: absolute;
font-weight: 400;
font-size: 22px;
color: white;
top: 170%;
left: 7%;
width: 40%;
}
.casual_text7 {
font-family: var(--main-font);
position: absolute;
font-weight: 400;
font-size: 22px;
color: white;
top: 188%;
left: 7%;
width: 40%;
}
.activate_section {
padding: 200px 0px 30px 0;
}
.activate_section div:nth-child(2) a {
position: absolute;
bottom: 30px;
z-index: 1;
right: 30px;
background: var(--background_buttons);
color: white;
font-family: var(--main-font);
padding: 10px 35px;
border-radius: 25px;
outline: none;
border: none;
cursor: pointer;
font-weight: 700;
font-size: 22px;
}
.activate_section h1 {
color: var(--title_color);
width: 80%;
margin-left: 4%;
font-weight: 800;
font-family: var(--title_font);
font-size: 40px;
margin-top: 0px !important;
position: absolute;
top: 128%;
}
/* =================================*/
/* =============VR==================*/
.VR_section {
width: 100%;
height: 130vh;
}
.iGv {
width: 65%;
position: absolute;
top: 220%;
left: 2%;
background-color: none;
border: 20px bold black;
border-right: 20px;
}
.imagVr {
width: 100%;
height: 80vh;
overflow: hidden;
}
.imagVr::after {
content: "";
position: absolute;
top: 220%;
left: 0;
width: 98%;
height: 90vh;
background: linear-gradient(to right, var(--bck_color) 20%, #6a1a97);
z-index: 1;
opacity: 0.7;
}
.VR_section span {
font-family: "Archivo Black", sans-serif;
z-index: 1;
}
.vr_txt1 {
position: absolute;
font-size: 32px;
font-weight: 600;
color: white;
top: 237%;
right: 11.5%;
}
.vr_txt2 {
position: absolute;
font-size: 32px;
font-weight: 600;
color: white;
top: 243%;
right: 34.5%;
}
.vr_last {
display: flex;
direction: ltr;
}
.vr_txt3 {
position: absolute;
font-size: 32px;
font-weight: 600;
color: #00ff00;
top: 243%;
right: 2%;
width: 32%;
}
.vr_txt4 {
position: absolute;
font-size: 32px;
font-weight: 600;
color: #00ff00;
top: 250%;
right: 3%;
width: 45%;
}
.VR_section p {
color: white;
font-size: 25px;
font-weight: 500;
line-height: 30px;
text-transform: uppercase;
margin-left: 0%;
font-family: var(--main-font);
z-index: 1;
/* margin-bottom: 40px; */
}
.vr_txt5 {
position: absolute;
top: 260%;
right: 3%;
width: 45%;
}
.vr_txt6 {
position: absolute;
top: 275%;
right: 3%;
width: 45%;
}
.vr_txt7 {
position: absolute;
top: 290%;
right: 3%;
width: 45%;
}
.VR_section a {
background: var(--background_buttons);
color: white;
font-family: var(--title_font);
padding: 8px 70px;
border-radius: 25px;
outline: none;
border: none;
cursor: pointer;
font-weight: 700;
font-size: 20px;
margin-top: 100px;
margin-left: 10%;
display: inline-block;
position: absolute;
/* width: 8%; */
height: 5%;
left: -5%;
top: 277%;
z-index: 1;
}
/* =============Responsive==================*/
/* @media (max-width: 320px) {
.hero_section {
padding: 0px;
position: relative;
display: block;
}
.hero_section a {
position: absolute;
top: 730%;
right: 0%;
width: 40%;
padding: 10px 20px 30px;
font-size: 16px;
}
.hero-sec {
top: 545%;
left: 4.5% !important;
width: 86% !important;
font-size: 20px;
}
.hero-sec2 {
top: 572%;
left: 4.5% !important;
width: 86% !important;
font-size: 20px;
}
.hero-sec3 {
top: 600%;
left:4.5% !important;
width: 50% !important;
font-size: 20px;
}
.hero-sec4 {
top: 628%;
left: 4.5% !important;
width: 84% !important;
font-size: 20px;
}
.hero-sec5 {
top: 656%;
left: 4.5% !important;
width: 90% !important;
font-size: 20px;
}
.mainiMg {
position: absolute !important;
top: 180% !important;
right: 5% !important;
width: 90%;
height: 50vh;
clip-path: none !important;
border-top-right-radius: 0 0 !important;
}
.word1 {
display: flex;
font-size: 24px;
top: 478%;
right: 0%;
width: 90%;
}
.word2 {
display: flex;
font-size: 24px;
top: 505%;
right: 2%;
width: 93%;
}
.word3 {
display: flex;
font-size: 24px;
top: 535%;
right: 4%;
width: 30%;
}
.word4 {
display: flex;
font-size: 24px;
top: 535%;
right: 15%;
width: 80%;
}
.activate_section .imagg {
position: absolute !important;
top: 149% !important;
left: 50% !important;
width: 90% !important;
height: 40vh !important;
transform: translate(-50%, -50%) !important;
}
.bookN{
left: 20% !important;
top: 100% !important;
padding: 10px 0px 8px 20px !important;
display: flex !important;
width: 40% !important;
align-items: center !important;
font-size: 16px !important;
}
.activate_section h1 {
font-family: "Archivo Black", sans-serif;
font-size: 24px;
top: 171.5%;
right: 5%;
width: 90% !important;
font-weight: 700;
}
.casual_text2 {
font-size: 20px;
top: 174%;
left: 4%;
width: 70%;
}
.casual_text3 {
font-size: 20px;
top: 174%;
left: 60%;
width: 35%;
}
.casual_text4 {
font-size: 20px;
top: 179% !important;
left: 4.5%;
width: 85%;
}
.casual_text5 {
font-size: 18px;
top: 185% !important;
left: 4.5%;
width: 85%;
}
.casual_text6 {
font-size: 18px;
top: 205% !important;
width: 80%;
left: 4.5%;
}
.casual_text7 {
font-size: 18px;
top: 225% !important;
width: 90%;
left: 4.5%;
}
.activate_section div:nth-child(2) a {
width: 40%;
padding: 8px 15px 8px 16px;
font-size: 18px !important;
}
.VR_section {
padding-bottom: 500% !important;
}
.iGv {
top: 246% !important;
height: 40%;
}
.imagVr::after {
top: 246%;
width: 98%;
height: 40%;
}
.VR_section .vr_last {
display: flex;
}
.vr_txt1 {
font-size: 18px;
top: 289%;
right: 2%;
width: 95%;
}
.vr_txt2 {
font-size: 18px;
top: 294%;
left: 3%;
width: 60%;
}
.vr_txt3 {
font-size: 18px;
top: 294%;
left: 35%;
width: 64%;
}
.vr_txt4 {
font-size: 18px;
top: 298%;
left: 3%;
width: 80%;
}
.vr_txt5 {
font-size: 18px !important;
top: 303%;
left: 5.5%;
width: 85%;
}
.vr_txt6 {
font-size: 18px !important;
top: 324%;
left: 5%;
width: 85%;
}
.vr_txt7 {
font-size: 18px !important;
top: 345%;
left: 5%;
width: 85%;
}
.VR_section a {
top: 258%;
padding: 8px 20px 1px 20px !important;
font-size: 12px;
width: 20%;
left: -5% !important;
}
} */
/* @media (max-width: 768px) {
.hero_section {
padding: 40px;
position: relative;
display: block;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.hero_section h3 {
font-size: 26px;
text-align: center;
}
.hero_section a {
position: absolute;
top:270%;
right: 0%;
width: 28%;
padding: 5px 20px 25px;
font-size: 18px;
}
.hero-sec {
top: 152%;
left: 59.5%;
width: 40% !important;
font-size:16px;
}
.hero-sec2 {
top: 170%;
left: 60% ;
width: 38% !important;
font-size:16px;
}
.hero-sec3 {
top: 188%;
left: 61% ;
width: 30% !important;
font-size:16px;
}
.hero-sec4 {
top: 205%;
left: 61.5% ;
width: 37% !important;
font-size:16px;
}
.hero-sec5 {
top: 222%;
left: 62% ;
width: 38% !important;
font-size:16px;
}
.mainiMg {
position: absolute;
top: 70%;
left: -1.5%;
width: 60%;
height: 60vh;
}
.word1 {
position: absolute;
display: flex;
font-size: 28px;
top: 52%;
right: 5%;
}
.word2 {
display: flex;
font-size: 28px;
top: 82%;
right: 1%;
width: 43%;
}
.word3 {
display: flex;
font-size: 28px;
top: 134%;
right: 11%;
}
.word4 {
display: flex;
font-size: 28px;
top: 108%;
right: 8%;
}
.activate_section .imagg {
position: absolute;
top: 90% !important;
width: 50%;
right: 2%;
height: 56%;
}
.bookN {
position: relative;
left: -30%;
top: -10%;
padding: 15px 15px;
display: flex;
width: 35%;
align-items: center;
}
.activate_section h1 {
font-size: 30px;
top: 90%;
left: -2%;
font-weight: 600;
}
.casual_text2 {
font-size: 22px;
top: 95%;
left: 4%;
}
.casual_text3 {
font-size: 22px;
top: 95%;
left: 29%;
}
.casual_text4 {
font-size: 22px;
top: 100%;
left: 4%;
}
.casual_text5 {
font-size: 16px;
top: 109.5%;
width: 44%;
left: 4%;
}
.casual_text6 {
font-size: 16px;
top: 121%;
width: 44%;
left: 4%;
}
.casual_text7 {
font-size: 16px;
top: 136%;
width: 50%;
left: 4%;
}
.activate_section div:nth-child(2) a {
width: 55%;
padding: 8px 5px 8px 13px;
font-size: 20px;
}
.VR_section {
padding-bottom: 100% !important;
top: 1500%;
}
.iGv {
top: 170%;
}
.imagVr::after {
top: 170%;
width: 98%;
height: 63.6%;
}
.vr_txt1 {
font-size: 20px;
top: 180%;
right: 15%;
}
.vr_txt2 {
font-size: 20px;
top: 185%;
right: 38%;
}
.vr_txt3 {
font-size: 20px;
top: 185%;
right: 1%;
width: 35%;
}
.vr_txt4 {
font-size: 20px;
top: 190%;
right: 4%;
width: 48%;
}
.vr_txt5 {
font-size: 14px !important;
top: 193%;
right: 6.5%;
width: 45%;
line-height: 20px !important;
}
.vr_txt6 {
font-size: 14px !important;
top: 204%;
right: 6.5%;
line-height: 20px !important;
}
.vr_txt7 {
font-size: 14px !important;
top: 215%;
right: 2%;
width: 50%;
line-height: 20px !important;
}
.VR_section a {
top: 200%;
padding: 5px 5px 6px 20px;
width: 15%;
font-size: 18px;
}
} */
/* @media (max-width: 1024px) {
.hero_section {
padding: 80px;
position: relative;
display: block;
}
.hero_section a {
position: absolute;
top: 600%;
right: 0%;
width: 30%;
padding: 10px 40px 30px;
font-size: 18px;
}
.hero-sec {
top: 380% !important;
left: 59% !important;
width: 40% !important;
font-size: 28px;
}
.hero-sec2 {
top: 410%;
left: 59.5% !important;
width: 38% !important;
font-size: 28px;
}
.hero-sec3 {
top: 440%;
left: 60% !important;
width: 30% !important;
font-size: 28px;
}
.hero-sec4 {
top: 470%;
left: 60.5% !important;
width: 35% !important;
font-size: 28px;
}
.hero-sec5 {
top: 500%;
left: 61% !important;
width: 39% !important;
font-size: 28px;
}
.mainiMg {
position: absolute;
top: 240% !important;
left: -1%;
width: 60%;
height: 45vh;
}
.word1 {
display: flex;
font-size: 32px;
top: 230%;
right: 4.5%;
}
.word2 {
display: flex;
font-size: 32px;
top: 270%;
right: 4%;
}
.word3 {
display: flex;
font-size: 32px;
top: 350%;
right: 11%;
}
.word4 {
display: flex;
font-size: 32px;
top: 310%;
right: 8%;
}
.activate_section .imagg {
position: absolute;
top: 86% !important;
width: 50%;
right: 2%;
height: 56%;
}
.bookN {
position: relative;
left: -30%;
top: 240%;
padding: 18px 30px;
display: flex;
width: 25%;
align-items: center;
}
.activate_section h1 {
font-family: "Archivo Black", sans-serif;
font-size: 40px;
top: 85%;
left: -2%;
font-weight: 700;
}
.casual_text2 {
font-size: 28px;
top: 90%;
left: 4%;
}
.casual_text3 {
font-size: 28px;
top: 90%;
left: 28%;
}
.casual_text4 {
font-size: 28px;
top: 95%;
left: 4%;
}
.casual_text5 {
font-size: 22px;
top: 102%;
width: 40%;
left: 4%;
}
.casual_text6 {
font-size: 22px;
top: 115%;
width: 40%;
left: 4%;
}
.casual_text7 {
font-size: 22px;
top: 128%;
width: 50%;
left: 4%;
}
.VR_section {
padding-bottom: 300% !important;
}
.iGv {
top: 150%;
}
.imagVr::after {
top: 150%;
width: 98%;
height: 48%;
}
.VR_section .vr_last {
font-size: 28px;
display: flex;
}
.vr_txt1 {
font-size: 28px;
top: 157%;
right: 12%;
}
.vr_txt2 {
font-size: 28px;
top: 161%;
right: 36%;
}
.vr_txt3 {
font-size: 28px;
top: 161%;
right: 3%;
}
.vr_txt4 {
font-size: 28px;
top: 165%;
right: 1%;
width: 50%;
}
.vr_txt5 {
font-size: 22px !important;
top: 168%;
right: 5.5%;
}
.vr_txt6 {
font-size: 22px !important;
top: 178%;
right: 5.5%;
}
.vr_txt7 {
font-size: 22px !important;
top: 188%;
right: 0%;
width: 50%;
}
.VR_section a {
top: 175%;
padding: 5px 40px !important;
width: 10%;
}
} */
/* @media (max-width: 1440px) {
.hero_section a {
position: absolute;
top: 80%;
right: 0%;
width: 30%;
padding: 20px 40px 30px 30px;
font-size: 24px;
}
.hero-sec {
top: 44%;
left: 58% !important;
width: 40% !important;
font-size: 30px;
}
.hero-sec2 {
top: 50%;
left: 59.3% !important;
width: 38% !important;
font-size: 30px;
width: 40% !important;
}
.hero-sec3 {
top: 56%;
left: 60.5% !important;
width: 30% !important;
font-size: 30px;
}
.hero-sec4 {
top: 62%;
left: 61.5% !important;
width: 38% !important;
font-size: 30px;
}
.hero-sec5 {
top: 68%;
left: 62.5% !important;
width: 37% !important;
font-size: 30px;
}
.word1 {
display: flex;
font-size: 55px;
top: 12%;
right: 6.5%
}
.word2 {
display: flex;
font-size: 55px;
top: 20%;
right: 2.5%;
width: 43%;
}
.word3 {
display: flex;
font-size: 55px;
top: 36%;
right: 13%;
}
.word4 {
display: flex;
font-size: 55px;
top: 28%;
right: 9%;
}
.activate_section{
padding: 40px;
}
.activate_section .imagg {
top: 30%;
width: 110%;
height: 70vh;
right: 10%;
}
.bookN {
position: relative;
left: 60%;
top: -410%;
padding: 25px 30px;
display: flex;
width: 25%;
align-items: center;
font-size: 22px;
}
.activate_section h1 {
font-family: "Archivo Black", sans-serif;
font-size: 50px;
top: 120%;
left: -2%;
font-weight: 700;
}
.casual_text2 {
font-size: 34px;
top: 125%;
left: 4%;
}
.casual_text3 {
font-size: 34px;
top: 125%;
left: 25%;
}
.casual_text4 {
font-size: 34px;
top: 130%;
left: 4%;
}
.casual_text5 {
font-size: 28px;
top: 138%;
width: 38%;
left: 4%;
}
.casual_text6 {
font-size:28px;
top: 155%;
width: 40%;
left: 4%;
}
.casual_text7 {
font-size:28px;
top: 172%;
width: 40%;
left: 4%;
}
.activate_section div:nth-child(2) a {
width: 33%;
padding: 15px 5px 15px 30px;
font-size: 30px;
}
.VR_section {
padding: 20px;
}
.iGv {
top: 220%;
height: 78%;
}
.imagVr::after {
top: 220%;
width: 99%;
height: 78%;
}
.VR_section .vr_last {
font-size: 28px;
display: flex;
}
.vr_txt1 {
font-size: 36px;
top: 240%;
right: 14.2%;
}
.vr_txt2 {
font-size: 36px;
top: 245%;
right: 37%;
}
.vr_txt3 {
font-size: 36px;
top: 245%;
right: 4%;
}
.vr_txt4 {
font-size: 36px;
top: 250%;
right: 0%;
width: 50%;
}
.vr_txt5 {
font-size: 28px !important;
top: 255%;
right: 5%;
}
.vr_txt6 {
font-size: 28px !important;
top: 267%;
right: 5%;
}
.vr_txt7 {
font-size: 28px !important;
top: 280%;
right: 0%;
width: 50%;
}
.VR_section a {
top: 270%;
padding: 15px 10px 10px 40px;
width: 15%;
font-size: 28px;
}
} */
/* Arabic RTL */
:root {
--bck_color: #0d0d41;
--main-font: "Lalezar", sans-serif;
--title_font: "Archivo Black", "sans-serif";
--purple_col: #801880;
--background_buttons: linear-gradient(to right, var(--bck_color) 20%, #6a1a97, var(--purple_col));
--title_color: #be2fbe;
}
body {
margin: 0;
box-sizing: border-box;
width: 100%;
height: auto;
}
.ltr,
.rtl,
.activate_section2 {
box-sizing: border-box;
}
/* ====================================== */
/* ===============Hero================= */
.mainiMg1h {
width: 60%;
position: relative;
/* z-index: -1; */
border-top-left-radius: 100% 300%;
border-bottom-left-radius: 10% 0%;
overflow: hidden;
margin-left: 40px;
object-position: 40% 70%;
}
.mainiMg1 img {
width: 100%;
height: 100%;
object-fit: cover;
}
.mainiMg1::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(to right, rgba(128, 0, 128, 0.5), rgba(11, 11, 58, 0.9));
}
.activate_section2,
.VR_section2 {
display: grid;
align-items: start;
padding: 10px 50px 0 50px;
background-color: #0d0d41;
font-family: "Lalezar", sans-serif;
direction: rtl;
}
.ltr_size {
grid-template-columns: 48% 50%;
box-sizing: border-box;
column-gap: 10px;
padding: 80px 30px 40px;
justify-content: center;
align-items: center;
}
.ltr_size img {
width: 100%;
}
.ltr_size div:nth-child(1) {
margin-top: 100px;
}
.rtl_size {
grid-template-columns: 53% 45%;
box-sizing: border-box;
column-gap: 10px;
align-items: center;
padding: 80px 0px 0px;
}
#vr_btn {
padding: 10px 40px;
}
.hero_section2 {
color: white;
font-family: var(--noor_font);
text-transform: uppercase;
display: flex;
flex-direction: row-reverse;
}
.word21 {
display: flex;
position: absolute;
font-size: 50px;
width: 50%;
top: 14%;
left: 6%;
font-weight: 600;
/* margin-left: 30px; */
font-family: var(--noor_font);
}
.word21 .the {
color: #aa09b4;
margin-right: 15px;
font-family: var(--sora_extrabold);
}
.word22 {
display: flex;
position: absolute;
font-size: 45px;
width: 40%;
top: 26%;
left: 3.5%;
font-weight: 600;
margin-left: 40px;
font-family: var(--noor_font);
}
.hero-sec21 {
display: flex;
position: absolute;
left: 9.5%;
top: 38%;
font-size: 30px;
font-weight: 400;
width: 35% !important;
font-family: var(--font_noor_light);
}
.hero-sec22 {
display: flex;
position: absolute;
left: 8.5%;
top: 44%;
font-size: 30px;
font-weight: 400;
font-family: var(--font_noor_light);
width: 35% !important;
}
.hero-sec23 {
display: flex;
position: absolute;
left: 7.8%;
top: 49.5%;
font-size: 30px;
font-weight: 400;
width: 35% !important;
font-family: var(--font_noor_light);
}
.hero-sec24 {
display: flex;
position: absolute;
left: 6.5%;
top: 57%;
font-size: 30px;
font-weight: 400;
width: 35% !important;
font-family: var(--font_noor_light);
}
.hero-sec25 {
display: flex;
position: absolute;
left: 5.5%;
top: 62%;
font-size: 30px;
font-weight: 400;
width: 35% !important;
font-family: var(--font_noor_light);
}
.hero_section2 a {
position: absolute;
bottom: 480px;
left: 0px;
color: #ffffff;
text-transform: uppercase;
font-weight: bold;
text-decoration: none;
border: none;
border-radius: 0 50px 50px 0;
background: linear-gradient(90deg, #2f0c5a, #690b84, #a709b2);
padding: 15px 20px;
display: flex;
width: 30%;
height: 8%;
cursor: pointer;
outline: none;
text-align: start;
box-sizing: border-box;
font-size: 20px;
font-family: var(--font_noor_bold);
flex-direction: row-reverse;
direction: ltr;
}
.hero_desc_res_ar {
display: none;
}
.hero_desc_res_ar h3 {
font-size: 30px;
font-weight: 700;
font-family: var(--main-font);
width: 100%;
/* line-height: 32px; */
}
.hero_desc_res_ar p {
font-size: 25px;
font-weight: 700;
font-family: var(--font_noor_light);
width: 100%;
line-height: 32px;
color: var(--text_color);
}
.hero_desc_res_ar h3 span {
color: #be2fbe;
}
@media(max-width:2200px)
{
.word21 {
font-size: 70px;
top: 20%;
left: -3%;
}
.mainiMg1
{
height: 900px;
}
.word22 {
font-size: 61px;
top: 28%;
left: 1.5%;
}
.hero-sec21 {
left: 5.5%;
top: 36%;
font-size: 40px;
}
.hero-sec22 {
left: 5.5%;
top: 41%;
font-size: 40px;
}
.hero-sec23 {
font-size: 40px;
left: 4%;
top: 45.5%;
}
.hero-sec24 {
font-size: 40px;
left: 3.5%;
top: 50%;
}
.hero-sec25 {
font-size: 40px;
left: 2.5%;
top: 55%;
}
.hero_section2 a
{
bottom: 20%;
top: unset;
}
}
/* zoom Out 60% */
@media(max-width:2150px) {
.word21 {
top: 20%;
left: -23%;
font-size: 79px;
width: 70%;
}
.word21 .the{
font-weight: bolder;
font-size: 79px;
}
.mainiMg1 {
/* height: 100%; */
width: 58%;
right: -38% !important;
}
.word22 {
top: 29%;
left: -28%;
font-size: 65px;
width: 70%;
font-size: 79px;
}
.hero-sec21 {
left: 6%;
top: 38%;
font-size: 40px;
font-family: var(--font_noor_light);
}
.hero-sec22 {
left: -19%;
top: 43%;
font-size: 40px;
width: 60% !important;
font-family: var(--font_noor_light);
}
.hero-sec23 {
left: 4.5%;
top: 47%;
font-size: 40px;
font-family: var(--font_noor_light);
}
.hero-sec24 {
left:-20.5%;
top: 52%;
font-size: 40px;
width: 60% !important;
font-family: var(--font_noor_light);
}
.hero-sec25 {
font-size: 40px;
left: 3.5%;
top: 57%;
font-family: var(--font_noor_light);
}
.hero_section2 a {
font-size: 16px;
top: unset;
height: 7%;
width: 32%;
font-family: var(--font_noor_light);
}
}
@media(max-width:2600px) {
.word21 {
top: 20%;
left: -22%;
font-size: 69px;
width: 70%;
/* color: red; */
}
.word21 {
top: 20%;
left: -22%;
font-size: 69px;
width: 70%;
/* color: blue; */
}
.word21 .the{
font-weight: bolder;
font-size: 69px;
}
.mainiMg1 {
height: 800px;
width: 58%;
right: -38% !important;
}
.word22 {
top: 28%;
left: -28%;
font-size: 65px;
width: 70%;
font-size: 69px;
}
.hero-sec21 {
left: 6%;
top: 36%;
font-size: 38px;
font-family: var(--font_noor_light);
}
.hero-sec22 {
left: -19%;
top: 41%;
font-size: 38px;
width: 60% !important;
font-family: var(--font_noor_light);
}
.hero-sec23 {
left: 5.5%;
top: 46%;
font-size: 38px;
font-family: var(--font_noor_light);
}
.hero-sec24 {
left:-20.5%;
top: 51%;
font-size: 38px;
width: 60% !important;
font-family: var(--font_noor_light);
}
.hero-sec25 {
font-size: 38px;
left: 3.5%;
top: 56%;
font-family: var(--font_noor_light);
}
.hero_section2 a {
font-size: 16px;
top: unset ;
height: 7%;
bottom: 26%;
width: 32%;
font-family: var(--font_noor_light);
}
}
@media(max-width:2000px) {
.word21 {
top: 20%;
left: -22%;
font-size: 69px;
width: 70%;
/* color: blue; */
}
.word21 .the{
font-weight: bolder;
font-size: 69px;
}
.mainiMg1 {
height: 800px;
width: 58%;
right: -38% !important;
}
.word22 {
top: 28%;
left: -28%;
font-size: 65px;
width: 70%;
font-size: 69px;
}
.hero-sec21 {
left: 6%;
top: 36%;
font-size: 38px;
font-family: var(--font_noor_light);
}
.hero-sec22 {
left: -19%;
top: 41%;
font-size: 38px;
width: 60% !important;
font-family: var(--font_noor_light);
}
.hero-sec23 {
left: 5.5%;
top: 46%;
font-size: 38px;
font-family: var(--font_noor_light);
}
.hero-sec24 {
left:-20.5%;
top: 51%;
font-size: 38px;
width: 60% !important;
font-family: var(--font_noor_light);
}
.hero-sec25 {
font-size: 38px;
left: 3.5%;
top: 56%;
font-family: var(--font_noor_light);
}
.hero_section2 a {
font-size: 16px;
top: unset ;
height: 7%;
bottom: 26%;
width: 32%;
font-family: var(--font_noor_light);
}
}
/* Zoom Out 70% */
@media(max-width:1950px) {
.word21 {
/* color: red; */
top: 30%;
left: -22%;
font-size: 65px;
/* color: red; */
}
.word1 .the
{
font-size: 65px;
}
.mainiMg1 {
height: auto;
}
.word22 {
top: 41%;
left: -28%;
font-size: 65px;
}
.hero-sec21 {
top: 51%;
left: 6%;
/* font-size: 40px; */
}
.hero-sec22 {
top: 57%;
left: -19.5%;
}
.hero-sec23 {
top: 63%;
left: 5%;
}
.hero-sec24 {
top: 69%;
left: -20.5%;
/* color: gray; */
}
.hero-sec25 {
top: 75%;
left: 4%;
/* color: red; */
}
.hero_section2 a {
top: 740px;
width: 32%;
/* color: black; */
}
}
@media(max-width:1830px) {
.word21 {
/* color: red; */
top: 30%;
left: -22%;
font-size: 65px;
/* color: red; */
}
.word1 .the
{
font-size: 65px;
}
.mainiMg1 {
height: auto;
}
.word22 {
top: 41%;
left: -28%;
font-size: 65px;
}
.hero-sec21 {
top: 51%;
left: 6%;
/* font-size: 40px; */
}
.hero-sec22 {
top: 57%;
left: -19.5%;
}
.hero-sec23 {
top: 63%;
left: 5%;
}
.hero-sec24 {
top: 69%;
left: -20.5%;
/* color: gray; */
}
.hero-sec25 {
top: 75%;
left: 4%;
/* color: red; */
}
.hero_section2 a {
top: 740px;
width: 32%;
/* color: black; */
}
}
/* Zoom Out 80% */
@media(max-width:1800px) {
.word21 {
/* color: rebeccapurple; */
top: 33%;
left: -22%;
font-size: 58px;
/* color: red; */
}
.mainiMg1 {
height: 500px;
}
.word21 .the
{
font-size: 58px;
}
.word22 {
top: 43.5%;
left: -27.5%;
font-size: 52px;
}
.hero-sec21 {
top: 51%;
left: 7%;
font-size: 32px;
}
.hero-sec22 {
top: 57%;
left: -18.5%;
font-size: 32px;
}
.hero-sec23 {
top: 63%;
left: 6%;
font-size: 32px;
}
.hero-sec24 {
top: 69%;
left: -19.5%;
font-size: 32px;
/* color: red; */
}
.hero-sec25 {
top: 76%;
left: 05%;
font-size: 32px;
}
.hero_section2 a {
top: 660px;
width: 32%;
/* color: blue; */
}
}
@media(max-width:1440px) {
/* .hero_section2
{
background: red;
} */
.mainiMg1 {
height: auto;
}
.word21 {
top: 31%;
left: -21%;
/* color: beige; */
font-size: 50px;
}
.word21 .the
{
font-size: 50px;
}
.word22 {
top: 40.5%;
left: -27%;
font-size: 42px;
}
.hero-sec21 {
top: 48%;
left: 8%;
font-size: 28px;
}
.hero-sec22 {
top: 55%;
left: -17.5%;
width: 100%;
font-size: 28px;
}
.hero-sec23 {
top: 60%;
left: 7%;
width: 100%;
font-size: 28px;
}
.hero-sec24 {
top: 67%;
left: -19%;
font-size: 28px;
}
.hero-sec25 {
top: 73%;
font-size: 28px;
left: 5%;
}
.hero_section2 a {
top: 620px;
width: 32%;
font-size: 16px;
display: flex;
align-items: center;
}
}
@media(max-width:1430px) {
/* .hero_section2
{
background: red;
}
*/
.mainiMg1 {
height: auto;
}
.word21 {
top: 35%;
left: -21%;
font-size: 50px;
}
.word21 .the
{
font-size: 50px;
}
.word22 {
top: 45%;
left: -28%;
font-size: 42px;
}
.hero-sec21 {
top: 55%;
left: 7%;
font-size: 28px;
}
.hero-sec22 {
top: 61%;
left: -18%;
width: 100%;
font-size: 28px;
}
.hero-sec23 {
top: 67%;
left: 6.5%;
width: 100%;
font-size: 28px;
}
.hero-sec24 {
top: 74%;
left: -19%;
font-size: 28px;
}
.hero-sec25 {
top: 81%;
font-size: 28px;
left: 4%;
}
.hero_section2 a {
top: 600px;
width: 32%;
font-size: 16px;
display: flex;
align-items: center;
}
}
/* Normal 100% */
@media(max-width:1300px) {
.word21 {
top: 40%;
left: -21%;
font-size: 42px;
}
.word21 .the
{
font-size: 42px;
}
.word22 {
top: 50%;
left: -28%;
font-size: 38px;
}
.hero-sec21 {
top: 58%;
font-size: 26px;
}
.hero-sec22 {
top: 64%;
font-size: 26px;
}
.hero-sec23 {
top: 70%;
font-size: 26px;
}
.hero-sec24 {
top: 76%;
font-size: 26px;
}
.hero-sec25 {
font-size: 26px;
top: 82%;
}
.hero_section2 a {
top: 570px;
font-size: 16px;
}
}
@media(max-width:1030px) {
.mainiMg1 {
height: 450px;
}
.word21 {
top: 38%;
left: 0%;
width: 50%;
font-size: 40px;
}
.word21 .the
{
font-size: 40px;
}
.word22 {
top: 47%;
left: -27%;
font-size: 35px;
}
.hero-sec21 {
top: 55%;
width: 40% !important;
left: 4%;
font-size: 21px;
}
.hero-sec22 {
top:61%;
left: -16%;
font-size: 21px;
}
.hero-sec23 {
top: 67%;
font-size: 21px;
left: 8%;
}
.hero-sec24 {
top: 73%;
width: 40% !important;
left: 2%;
font-size: 21px;
}
.hero-sec25 {
top: 79%;
left: 5%;
font-size: 21px;
}
.hero_section2 a {
top: 590px;
width: 38%;
}
}
@media(max-width:800px) {
.mainiMg1 img {
height: 300px;
}
.hero_section2 a {
top: unset;
width: 100%;
position: relative;
font-size: 16px;
}
.hero_desc_ar {
display: none;
}
.hero_desc_res_ar {
display: block;
}
.mainiMg1 {
right: unset !important;
margin: 0;
width: 100%;
height: 300px;
}
.hero_sectionh2 {
display: grid;
grid-template-columns: 80%;
justify-content: center;
}
}
@media(max-width:500px) {
.hero_sectionh2 {
grid-template-columns: 100%;
padding: 0px 5% 0;
}
.hero_desc_res_ar h3 {
font-size: 25px;
/* line-height: 32px; */
}
.hero_sectionh2 a {
padding: 10px;
}
.hero_desc_res_ar p {
font-size: 18px;
font-weight: normal;
}
.mainiMg1 {
clip-path: unset;
border-top-left-radius: 0% 0%;
/* border-top-left-radius: 100% 300%; */
border-bottom-left-radius: 10% 0%;
}
}
@media(max-width:400px) {
.hero_desc_res_ar h3 {
font-size: 20px;
line-height: 32px;
/* line-height: 32px; */
}
.hero_desc_res_ar p {
font-size: 16px;
}
.hero_sectionh2 {
grid-template-columns: 100%;
padding: 0px 3% 0;
}
}
@media(max-width:350px)
{
.letters>div div:nth-child(2) {
margin-left: 0%;
margin-right: 0%;
}
}
/* ====================================== */
/* ===============Activate================= */
.bookN2 {
background: linear-gradient(to right, var(--purple_col) 20%, #6e2698, var(--bck_color)) !important;
color: white;
font-family: var(--title_font) !important;
padding: 8px 5px 8px 60px !important;
border-radius: 25px !important;
outline: none !important;
border: none !important;
cursor: pointer !important;
font-weight: 700 !important;
font-size: 18px !important;
margin-top: 100px !important;
margin-left: 10% !important;
display: inline-block !important;
position: absolute !important;
width: 10% !important;
height: 4% !important;
left: 35% !important;
top: 100% !important;
direction: ltr !important;
}
.imagg1 {
width: 100%;
position: relative;
height: 75vh;
overflow: hidden;
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
border-top-right-radius: 0 100%;
border-bottom-right-radius: 100% 200%;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
transform: translate(-600px, -550px) !important;
}
.imagg1 img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: 70% 70%;
}
.imagg1::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(to right, rgba(11, 11, 58, 0.6), rgba(129, 33, 132, 0.5));
}
.casualt22 {
display: flex;
font-family: "Lalezar", sans-serif;
}
.casual_text22 {
position: absolute;
top: 143%;
left: 73%;
font-weight: 400;
font-size: 45px;
color: white;
}
.casual_text23 {
position: absolute;
top: 143%;
left: 54%;
color: #00ff00;
font-weight: 400;
font-size: 45px;
}
.casual_text24 {
font-family: var(--main-font);
position: absolute;
font-weight: 400;
font-size: 30px;
color: white;
top: 160% !important;
left: 45%;
width: 37%;
}
.casual_text25 {
font-family: var(--main-font);
position: absolute;
font-weight: 400;
font-size: 30px;
color: white;
top: 166% !important;
left: 41%;
width: 40%;
}
.casual_text26 {
font-family: var(--main-font);
position: absolute;
font-weight: 400;
font-size: 30px;
color: white;
top: 172%;
left: 38%;
width: 37%;
}
.casual_text27 {
font-family: var(--main-font);
position: absolute;
font-weight: 400;
font-size: 30px;
color: white;
top: 177.5%;
left: 41%;
width: 40%;
}
.casual_text28 {
font-family: var(--main-font);
position: absolute;
font-weight: 400;
font-size: 30px;
color: white;
top: 183%;
left: 42.5%;
width: 37%;
}
.casual_text29 {
font-family: var(--main-font);
position: absolute;
font-weight: 400;
font-size: 30px;
color: white;
top: 189%;
left: 40%;
width: 40%;
}
.casual_text31 {
font-family: var(--main-font);
position: absolute;
font-weight: 400;
font-size: 30px;
color: white;
top: 194%;
left: 15%;
width: 40%;
}
.activate_section2 {
padding: 200px 0px 30px 0;
}
.activate_section2 div:nth-child(1) a {
position: absolute;
bottom: 30px;
z-index: 1;
left: 10%;
background: var(--background_buttons);
color: white;
font-family: var(--main-font);
padding: 10px 35px;
border-radius: 25px;
outline: none;
border: none;
cursor: pointer;
font-weight: 700;
font-size: 21px;
}
.activate_section2 h1 {
color: var(--title_color);
width: 80%;
margin-left: 4%;
font-weight: 800;
font-family: var(--title_font);
font-size: 45px;
margin-top: 0px !important;
position: absolute;
top: 135%;
right: 6%;
}
/* =================================*/
/* =============VR==================*/
.VR_section2 {
padding: 400px;
direction: rtl;
}
.iGv2 {
width: 70% !important;
height: 90%;
position: absolute;
top: 220%;
left: 28%;
background-color: none;
border: 20px bold black;
border-right: 20px;
}
.imagVr2 {
width: 100%;
height: 80vh;
overflow: hidden;
}
.imagVr2::after {
content: "";
position: absolute;
top: 220%;
left: 0;
width: 98%;
height: 90%;
background: linear-gradient(to right, var(--bck_color) 20%, #6a1a97);
z-index: 1;
opacity: 0.7;
}
.vr_txt12 {
position: absolute;
font-size: 42px;
font-weight: 600;
color: white;
top: 237%;
left: 35%;
z-index: 1;
}
.vr_last2 {
display: flex;
}
.vr_txt23 {
position: absolute;
font-size: 42px;
font-weight: 600;
color: #00ff00;
top: 237%;
left: 2%;
width: 32%;
z-index: 1;
}
.vr_txt24 {
position: absolute;
font-size: 42px;
font-weight: 600;
color: #00ff00;
top: 245%;
left: 0%;
width: 45%;
z-index: 1;
}
.vr_txt25 {
position: absolute;
top: 260%;
left: 7%;
width: 38%;
color: white;
font-size: 30px;
font-weight: 500;
line-height: 30px;
text-transform: uppercase;
font-family: var(--main-font);
z-index: 1;
}
.vr_txt26 {
position: absolute;
top: 275%;
left: 7%;
width: 38%;
color: white;
font-size: 30px;
font-weight: 500;
line-height: 30px;
text-transform: uppercase;
font-family: var(--main-font);
z-index: 1;
}
.VR_section2 a {
background: var(--background_buttons);
color: white;
font-family: var(--title_font);
padding: 8px 70px;
border-radius: 25px;
outline: none;
border: none;
cursor: pointer;
font-weight: 700;
font-size: 20px;
margin-top: 100px;
margin-left: 10%;
display: inline-block;
position: absolute;
/* width: 8%; */
height: 5%;
left: 70% !important;
top: 277%;
z-index: 1;
}
style3.css deleted 100644 → 0
View file @ b3495679
.mainiMg1h {
position: relative;
border-top-left-radius: 100% 300%;
border-bottom-left-radius: 10% 0%;
overflow: hidden;
margin-left: 40px;
width: 100%;
height: 700px;
}
.mainiMg1h img {
width: 100%;
height: 100%;
object-fit: cover;
}
.mainiMg1h::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(to right, rgba(128, 0, 128, 0.5), rgba(11, 11, 58, 0.9));
}
.hero_sectionh2 {
display: grid;
align-items: start;
padding: 70px 50px 0 50px;
background-color: #0d0d41;
font-family: "Lalezar", sans-serif;
direction: rtl;
grid-template-columns: 60% 40%;
/* z-index: -1; */
}
#vr_btn {
padding: 10px 40px;
}
.hero_sectionh2 {
color: white;
font-family: var(--noor_font);
text-transform: uppercase;
display: grid;
/* grid-template-columns: 50% 50%; */
position: relative;
}
.hero_desc_ar
{
position: relative;
/* background-color: beige; */
}
.wordh21 {
transform: translate(120px,0px);
display: flex;
font-size: 60px;
/* width: 50%; */
font-weight: 600;
font-family: var(--noor_font);
}
.span_base
{
font-family: var(--sora_font)
}
.wordh21 .the {
color: #aa09b4;
margin-right: 15px;
font-family: var(--sora_extrabold);
}
.wordh22 {
display: flex;
font-size: 55px;
/* width: 40%; */
transform: translate(56px,0px);
font-weight: 600;
margin-left: 40px;
font-family: var(--noor_font);
}
.hero-sech21 {
display: flex;
transform: translate(0px, 10px);
font-size: 40px;
font-weight: 400;
/* width: 35% !important; */
font-family: var(--font_noor_light);
}
.hero-sech22 {
display: flex;
transform: translate(0px, -10px);
right: -20px;
/* top: 148px; */
font-size: 40px;
font-weight: 400;
font-family: var(--font_noor_light);
/* width: 35% !important; */
}
.hero-sech23 {
display: flex;
font-size: 40px;
font-weight: 400;
/* width: 35% !important; */
font-family: var(--font_noor_light);
transform: translate(-3px, -30px);
}
.hero-sech24 {
display: flex;
font-size: 40px;
font-weight: 400;
/* width: 35% !important; */
font-family: var(--font_noor_light);
transform: translate(-5px, -50px);
right: -8px;
top: 214px;
}
.hero-sech25 {
display: flex;
transform: translate(-10px, -80px);
font-size: 40px;
font-weight: 400;
/* width: 35% !important; */
font-family: var(--font_noor_light);
}
.hero_sectionh2 a {
color: #ffffff;
text-transform: uppercase;
font-weight: bold;
text-decoration: none;
border: none;
border-radius: 0 50px 50px 0;
background: linear-gradient(90deg, #2f0c5a, #690b84, #a709b2);
padding: 15px 20px;
display: flex;
width: 100%;
height: 8%;
cursor: pointer;
outline: none;
text-align: start;
box-sizing: border-box;
font-size: 20px;
font-family: var(--font_noor_bold);
/* flex-direction: row-reverse; */
transform: translate(-20%, -80px);
}
.hero_sectionh2 .hero_desc_res_ar a
{
position: relative;
transform: translate(0,0);
}
@media(min-width:2200px)
{
.hero_sectionh2 a
{
width: 75%;
}
}
@media(max-width:2000px)
{
.hero_desc_ar
{
transform: translateX(5px);
}
.wordh21 {
font-size: 50px;
}
.wordh22 {
font-size: 50px;
}
.hero-sech21 {
font-size: 40px;
}
.hero-sech22 {
font-size: 40px;
}
.hero-sech23 {
font-size: 40px;
}
.hero-sech24 {
font-size: 40px;
}
.hero-sech25 {
font-size: 40px;
}
.hero_sectionh2 a {
font-size: 20px;
}
}
@media(max-width:1920px)
{
.hero_desc_ar {
transform: translate(-10px, 26px);
}
.wordh21 {
transform: translate(137px,0)
}
.wordh22
{
transform: translate(80px, 0px);
}
}
@media(max-width:1800px)
{
.wordh21 {
transform: translate(100px,0px);
}
.wordh22 {
transform: translate(56px,0px);
}
}
@media(max-width:1750px)
{
.hero_desc_ar
{
transform: translateX(5px);
/* background-color: black; */
}
.wordh21 {
font-size: 50px;
}
.wordh22 {
font-size: 50px;
}
.hero-sech21 {
font-size: 30px;
}
.hero-sech22 {
font-size: 30px;
}
.hero-sech23 {
font-size: 30px;
}
.hero-sech24 {
font-size: 30px;
}
.hero-sech25 {
font-size: 30px;
}
.hero_sectionh2 a {
font-size: 20px;
}
.mainiMg1h{
height: 500px;}
}
@media(max-width:1700px)
{
.hero_desc_ar
{
transform: translateX(-5px);
/* background-color: red; */
}
.wordh21 {
font-size: 45px;
}
.wordh22 {
font-size: 45px;
}
.hero-sech21 {
font-size: 30px;
}
.hero-sech22 {
font-size: 30px;
}
.hero-sech23 {
font-size: 30px;
}
.hero-sech24 {
font-size: 30px;
}
.hero-sech25 {
font-size: 30px;
}
.hero_sectionh2 a {
font-size: 20px;
}
}
@media(max-width:1500px)
{
.hero_desc_ar
{
transform: translateX(-5px);
/* background-color: gray; */
}
.wordh21 {
font-size: 40px;
}
.wordh22 {
font-size: 40px;
}
.hero-sech21 {
font-size: 28px;
}
.hero-sech22 {
font-size: 28px;
}
.hero-sech23 {
font-size: 28px;
}
.hero-sech24 {
font-size: 28px;
}
.hero-sech25 {
font-size: 28px;
}
.hero_sectionh2 a {
font-size: 20px;
}
}
@media(max-width:1300px)
{
.hero_desc_ar
{
transform: translateX(0px);
/* background-color: gray; */
}
.wordh21 {
font-size: 35px;
}
.wordh22 {
font-size: 35px;
}
.hero-sech21 {
font-size: 25px;
}
.hero-sech22 {
font-size: 25px;
}
.hero-sech23 {
font-size: 25px;
}
.hero-sech24 {
font-size: 25px;
}
.hero-sech25 {
font-size: 25px;
transform: translate(-5px, -70px);
}
.hero_sectionh2 a {
font-size: 20px;
}
.mainiMg1h{
height: 400px;}
}
@media(max-width:1200px)
{
.hero_desc_ar
{
transform: translateX(-5px);
/* background-color: gray; */
}
.wordh21 {
font-size: 30px;
}
.wordh22 {
font-size: 30px;
}
.hero-sech21 {
font-size: 20px;
}
.hero-sech22 {
font-size: 20px;
}
.hero-sech23 {
font-size: 20px;
}
.hero-sech24 {
font-size: 20px;
}
.hero-sech25 {
font-size: 20px;
}
.hero_sectionh2 a {
font-size: 20px;
}
}
@media(max-width:1030px)
{
.hero_desc_ar
{
transform: translateX(-15px);
/* background-color: gray; */
}
.wordh21 {
font-size: 25px;
}
.wordh22 {
font-size: 25px;
}
.hero-sech21 {
font-size: 20px;
}
.hero-sech22 {
font-size: 20px;
}
.hero-sech23 {
font-size: 20px;
}
.hero-sech24 {
font-size: 20px;
}
.hero-sech25 {
font-size: 20px;
transform: translate(-5px , -70px);
}
.hero_sectionh2 a {
font-size: 20px;
}
}
@media(max-width:950px) {
.hero_sectionh2 {
display: grid;
grid-template-columns: 80%;
justify-content: center;
}
.hero_desc_res_ar {
display: block;
}
.hero_desc_ar {
display: none;
}
.mainiMg1h
{
height: 400px;
}
}
@media(max-width:500px) {
.mainiMg1h {
position: relative;
border-top-left-radius: 0% 0%;
border-bottom-left-radius: 0% 0%;
}
.hero_sectionh2 {
grid-template-columns: 100%;
padding: 0px 5% 0;
}
.hero_sectionh2 a {
padding: 10px;
}
}
@media(max-width:400px) {
.hero_sectionh2 {
grid-template-columns: 100%;
padding: 0px 3% 0;
}
}
/* =============================== */
.hero_sectionh2_en
{
display: grid;
align-items: start;
padding: 70px 50px 0 50px;
background-color: #0d0d41;
font-family: "Lalezar", sans-serif;
direction: ltr;
grid-template-columns: 60% 40%;
}
.mainiMg1h_en {
position: relative;
border-top-right-radius: 100% 300%;
border-bottom-right-radius: 10% 0%;
overflow: hidden;
width: 100%;
height: 700px;
}
.mainiMg1h_en img {
width: 100%;
height: 100%;
object-fit: cover;
}
.mainiMg1h_en::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(to right, rgba(128, 0, 128, 0.5), rgba(11, 11, 58, 0.9));
}
.hero_desc_en
{
position: relative;
/* background-color: bisque; */
color: white;
}
.wordh21_en
{
display: flex;
flex-direction: column;
align-items: start;
font-weight: 600;
font-family: var(--sora_extrabold);
}
.wordh22_en,
.wordh23_en
{
font-weight: 600;
font-family: var(--sora_extrabold);
}
.wordh21_en span span
{
color: #aa09b4;
}
.hero-sech21_en
{
font-family: var(--sora_font);
}
.hero_sectionh2_en a {
color: #ffffff;
text-transform: uppercase;
font-weight: bold;
text-decoration: none;
border: none;
border-radius: 50px 0 0 50px;
background: linear-gradient(90deg,#a709b2 , #690b84, #2f0c5a);
padding: 5px 20px;
display: flex;
width: 100%;
height: 8%;
cursor: pointer;
outline: none;
text-align: start;
box-sizing: border-box;
font-size: 20px;
font-family: var(--sora_extrabold);
/* flex-direction: row-reverse; */
}
.hero_desc_res_en
{
display: none;
color: white;
}
.hero_desc_en p
{
margin: 2px 0 0;
}
.hero_desc_res_en .hero_title2_en
{
font-family: var(--sora_extrabold);
}
.hero_desc_res_en .hero_title2_en span
{
color: #aa09b4;
}
.hero_desc_res_en p
{
font-family: var(--sora_font);
}
@media(min-width:2257px)
{
.wordh21_en
{
font-size: 45px;
transform: translateX(-50px);
}
.wordh21_en .the_en
{
transform: translateX(35px);
}
.hero_desc_en .hero_title2_en
{
font-size: 45px;
}
.hero_desc_en p
{
font-size: 35px;
}
.wordh22_en
{
transform: translateX(5px);
}
.wordh23_en
{
transform: translateX(25px);
}
.hero-sech21_en
{
transform: translateX(40px);
font-size: 20px;
}
.hero-sech22_en
{
transform: translateX(50px);
font-size: 20px;
}
.hero-sech23_en
{
transform: translateX(55px);
font-size: 20px;
}
.hero-sech24_en
{
transform: translateX(60px);
font-size: 20px;
}
.hero-sech25_en
{
transform: translateX(70px);
font-size: 20px;
}
.hero_desc_en
{
transform: translateX(-40px);
}
.hero_sectionh2_en a
{
transform: translate(8%, 30px);
font-size: 30px;
/* padding: 10px; */
width: 75%;
}
.hero_sectionh2_en
{
width: min(80%, 2200px);
margin: 0 auto;
}
.hero_sectionh2_en .mainiMg1h_en
{
height: 700px;
}
}
@media(max-width:2200px)
{
.wordh21_en
{
font-size: 45px;
transform: translateX(-50px);
}
.wordh21_en .the_en
{
transform: translateX(35px);
}
.hero_desc_en .hero_title2_en
{
font-size: 40px;
}
.hero_desc_en p
{
font-size: 30px;
}
.wordh22_en
{
transform: translateX(5px);
font-size: 45px;
}
.wordh23_en
{
transform: translateX(25px);
}
.hero-sech21_en
{
transform: translateX(40px);
font-size: 20px;
}
.hero-sech22_en
{
transform: translateX(50px);
font-size: 20px;
}
.hero-sech23_en
{
transform: translateX(55px);
font-size: 20px;
}
.hero-sech24_en
{
transform: translateX(60px);
font-size: 20px;
}
.hero-sech25_en
{
transform: translateX(70px);
font-size: 20px;
}
.hero_desc_en
{
transform: translateX(-40px);
}
.hero_sectionh2_en a
{
transform: translate(11%, 30px);
font-size: 20px;
}
.hero_sectionh2_en .mainiMg1h_en
{
height: 600px;
}
}
@media(max-width:1600px)
{
.wordh21_en
{
font-size: 40px;
transform: translateX(-50px);
}
.wordh21_en .the_en
{
transform: translateX(35px);
}
.hero_desc_en .hero_title2_en
{
font-size: 40px;
}
.hero_desc_en p
{
font-size: 25px;
}
.wordh22_en
{
transform: translateX(5px);
}
.wordh23_en
{
transform: translateX(25px);
}
.hero-sech21_en
{
transform: translateX(40px);
font-size: 20px;
}
.hero-sech22_en
{
transform: translateX(50px);
font-size: 20px;
}
.hero-sech23_en
{
transform: translateX(55px);
font-size: 20px;
}
.hero-sech24_en
{
transform: translateX(60px);
font-size: 20px;
}
.hero-sech25_en
{
transform: translateX(70px);
font-size: 20px;
}
.hero_desc_en
{
transform: translateX(-60px);
}
.hero_sectionh2_en a
{
transform: translate(15%, 30px);
font-size: 20px;
}
.hero_sectionh2_en .mainiMg1h_en
{
height: 560px;
}
}
@media(max-width:1440px)
{
.wordh21_en
{
font-size: 40px;
transform: translateX(-50px);
}
.wordh21_en .the_en
{
transform: translateX(35px);
}
.wordh22_en,
.wordh23_en
{
font-size: 40px;
}
.wordh22_en
{
transform: translateX(5px);
}
.wordh23_en
{
transform: translateX(25px);
}
.hero_desc_en p
{
font-size: 20px;
margin-top: 2px;
margin-bottom: 0;
}
.hero-sech21_en
{
transform: translateX(40px);
font-size: 20px;
}
.hero-sech22_en
{
transform: translateX(50px);
font-size: 20px;
}
.hero-sech23_en
{
transform: translateX(55px);
font-size: 20px;
}
.hero-sech24_en
{
transform: translateX(60px);
font-size: 20px;
}
.hero-sech25_en
{
transform: translateX(70px);
font-size: 20px;
}
.hero_desc_en
{
transform: translateX(-50px);
}
.hero_sectionh2_en a
{
transform: translate(18.5%, 30px);
font-size: 20px;
}
.hero_sectionh2_en .mainiMg1h_en
{
height: 490px;
}
}
@media(max-width:1430px)
{
.hero_sectionh2_en .mainiMg1h_en
{
height: 530px;
}
}
@media(max-width:1300px)
{
.wordh21_en
{
font-size: 40px;
transform: translateX(-50px);
}
.wordh21_en .the_en
{
transform: translateX(35px);
}
.wordh22_en,
.wordh23_en
{
font-size: 40px;
}
.wordh22_en
{
transform: translateX(5px);
}
.wordh23_en
{
transform: translateX(25px);
}
.hero_desc_en p
{
font-size: 20px;
}
.hero-sech21_en
{
transform: translateX(40px);
font-size: 20px;
}
.hero-sech22_en
{
transform: translateX(50px);
font-size: 20px;
}
.hero-sech23_en
{
transform: translateX(55px);
font-size: 20px;
}
.hero-sech24_en
{
transform: translateX(60px);
font-size: 20px;
}
.hero-sech25_en
{
transform: translateX(70px);
font-size: 20px;
}
.hero_desc_en
{
transform: translate(-40px,-20px);
}
.hero_sectionh2_en a
{
transform: translate(19.1%, 30px);
font-size: 20px;
}
.hero_sectionh2_en .mainiMg1h_en
{
height: 470px;
}
}
@media(max-width:1030px)
{
.wordh21_en
{
font-size: 30px;
transform: translateX(-50px);
}
.wordh21_en .the_en
{
transform: translateX(35px);
}
.wordh22_en,
.wordh23_en
{
font-size: 35px;
}
.wordh22_en
{
transform: translateX(5px);
}
.wordh23_en
{
transform: translateX(25px);
}
.hero_desc_en p
{
font-size: 22px;
margin-top: 2px;
margin-bottom: 0;
}
.hero-sech21_en
{
transform: translateX(40px);
}
.hero-sech22_en
{
transform: translateX(50px);
}
.hero-sech23_en
{
transform: translateX(55px);
}
.hero-sech24_en
{
transform: translateX(60px);
}
.hero-sech25_en
{
transform: translateX(70px);
}
.hero_desc_en
{
transform: translate(-36px, -31px)
}
.hero_sectionh2_en a
{
transform: translate(20%, 30px);
font-size: 20px;
width: 100%;
background: linear-gradient(90deg,#a709b2 , #690b84, #0d0d41);
}
.hero_sectionh2_en .mainiMg1h_en
{
height: 431px;
}
.hero_sectionh2_en
{
grid-template-columns: 60% 40%;
}
}
@media(max-width:900px)
{
.hero_desc_en
{
display: none;
}
.hero_desc_res_en
{
display: block;
}
.hero_sectionh2_en
{
grid-template-columns: 80%;
align-items: center;
justify-content: center;
}
.hero_desc_res_en .hero_title2_en
{
font-size: 30px;
}
.hero_desc_res_en p
{
font-size: 20px;
margin: 0;
}
}
@media(max-width:500px)
{
.hero_sectionh2_en .mainiMg1h_en
{
border-top-right-radius: 0% 0%;
border-bottom-right-radius: 0% 0%;
}
.hero_sectionh2_en
{
grid-template-columns: 90%;
padding: 0;
}
.hero_sectionh2_en a
{
transform: translate(0%, 30px);
font-size: 15px;
}
.hero_desc_res_en .hero_title2_en
{
font-size: 18px;
}
.hero_desc_res_en p
{
font-size: 14px;
}
.hero_sectionh2_en .mainiMg1h_en
{
height: 350px;
}
}
@media(max-width:350px)
{
.hero_desc_res_en .hero_title2_en
{
/* font-size: 16px; */
}
}
.PB
{
padding-bottom: 130px;
}
a,
button,
.letters div p:nth-child(1)
{
text-transform: unset !important;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment