big screens

index.html

@@ -220,7 +220,7 @@
         <h1>  هُنا يبدأ <span> المرح الحقيقي </span></h1>
          <div class="casual_text">
           <p>  استمتع بأجواءِ اللعب الحُرّ على أكثرَ </p>
-          <p>   من ٢٠ جهازَ كمبيوتر جيمينج و١٠</p>
+          <p>    من ٢٠ جهازَ كمبيوتر جيمينج  و ١٠  </p>
           <p>أجهزة بلايستيشن ٥ متاحة للجميع.</p>
           <p> شارك في بطولات قصيرة تُفجر الحماس،</p>
           <p>  واربح جوائز مميّزة، أو تحد أصدقاءك في</p>

index.js

@@ -95,7 +95,7 @@ let user_phone=document.getElementById("phone")
 let book_now1=document.getElementById("book_now1")
 
 function changeLanguage(lang) {
-  console.log("function")
+  // console.log("function")
 
 
     if(lang === 'ar') {
@@ -188,11 +188,12 @@ document.querySelector(".ar_lang1").addEventListener("click", () => changeLangua
 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 => {
   button.addEventListener("click", () => {
    list.classList.add("hidden")
    header.classList.remove("PB")
+   opened=false
   });
 });
 list_btn.onclick=function()
@@ -202,10 +203,12 @@ list_btn.onclick=function()
   if (!list.classList.contains("hidden"))
   {
     header.classList.add("PB")
+    opened=true
   }
   else
   {
     header.classList.remove("PB")
+    opened=false
   }
 }
 let lastScrollTop = 0;
@@ -216,6 +219,7 @@ let lastScrollTop = 0;
     if (scrollTop > lastScrollTop) {
        list.classList.add("hidden")
        header.classList.remove("PB")
+       opened=false
 
     } 
 
@@ -224,8 +228,16 @@ let lastScrollTop = 0;
 
 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) {
+    // console.log(opened)
+     list.classList.add("hidden")
+     header.classList.remove("PB")
+  }
 });
-
   // ======================= Organize Logic
  function openNewWindow(url,target) {
     // Opens a new tab with example.com, specifying dimensions

style.css

@@ -82,6 +82,7 @@ body {
     box-sizing: border-box;
     width: 100%;
     height: auto;
+    background: var(--bck_color);
 }
 
 .ltr,
@@ -665,7 +666,7 @@ header .right_side a:nth-child(4) {
     width: 60px;
     object-fit: contain;
     left: 20px;
-    top: 350px;
+    top: 110px;
 }
 
 .e_sport a {
@@ -786,7 +787,7 @@ header .right_side a:nth-child(4) {
 .letters div p:nth-child(1) {
     font-size: 50px;
     width: 55%;
-    line-height: 50px;
+    line-height: 4rem;
     font-family: var(--sora_font);
     margin-bottom: 50px;
 }
@@ -847,8 +848,10 @@ header .right_side a:nth-child(4) {
 .social_accounts .buttonc_parent button
 {
     font-size: 16px;
+    padding: 7px 30px;
 }
 
+
 /* ============================ */
 /* ============ Hidden Header== */
 .right_side_h {
@@ -929,6 +932,31 @@ header .right_side a:nth-child(4) {
 /* ========================== */
 /* =====Responsive========== */
 /* Zoom Out 60%  */
+@media(min-width:2257px)
+{
+    .swiper_parent,
+     .e_sport,
+     .casual_ar,
+     .Vr_zone_ar,
+     .card_game_ar,
+     .mobile_ar,
+     .cosplay_ar,
+     .vr-section,
+     .ticketing_section,
+     .oragnize,
+     .letters,
+     .hero_sectionh2,
+     .casual_av,
+     .Vr_zone,
+     .card_game,
+     .mobile,
+     .cosplay,
+     .vr-section
+    {
+        width: min(80%, 2200px);
+        margin: 0 auto;
+    }
+}
 @media(max-width:2200px)
 {
     .e_sport a
@@ -1986,7 +2014,7 @@ header .right_side a:nth-child(4) {
     width: 100%;
     height: 100%;
     object-fit: cover;
-    object-position: 0 65%;
+    /* object-position: 0 65%; */
     /* border-radius: 50px; */
     /* border-top-right-radius: 20px; */
     /* clip-path: polygon(0 0, 68% 0, 100% 66%, 100% 101%, 0 100%); */
@@ -2075,7 +2103,7 @@ header .right_side a:nth-child(4) {
     color: var(--text_color);
     font-size: 35px;
     /* font-weight: bold; */
-    line-height: 39px;
+    line-height: 3.5rem;
     width: 90%;
     margin-left: 10%;
     font-family: var(--font_noor_light);
@@ -2249,8 +2277,23 @@ header .right_side a:nth-child(4) {
 {
     transform: translateX(-100px);
 }
+@media(min-width:2257px)
+{
+    .card_game_ar .card_game_cont .text
+    {
+        transform: translateX(30px);
+    }
+     .card_game .card_game_cont,
+     .card_game_ar .card_game_cont
+    {
+        width: 100%;
+        margin-left: 0;
+    }
+}
+
 @media(max-width:2200px)
 {
+   
     .card_game_ar .card_game_cont .text
     {
         transform: translateX(20px);
@@ -2708,6 +2751,8 @@ header .right_side a:nth-child(4) {
     .card_game .card_game_cont .text h1 
     {
         font-size: 30px;
+        margin-bottom: 20px;
+        margin-top: 0;
     }
     .card_game .card_game_cont img,
     .card_game_ar .card_game_cont img {
@@ -2735,7 +2780,7 @@ header .right_side a:nth-child(4) {
     }
 
     .card_game .card_game_cont .text {
-        margin: 20px 0;
+        margin: 20px 0 0 0 ;
     }
 
     .card_game_ar .card_game_cont .text div {
@@ -2953,7 +2998,7 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
     margin-bottom: 0;
     font-weight: normal;
     font-family: var(--font_noor_light);
-    line-height: 35px;
+    line-height: 3rem;
 
 }
 
@@ -2991,9 +3036,25 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
 
 .mobile .mobile_cont .main_img {
     position: relative;
+    height: 650px;
 }
 
-
+@media(min-width:2257px)
+{
+    .mobile .mobile_cont .text h1
+    {
+        line-height: 4rem;
+    }
+    .mobile .mobile_cont .text p
+    {
+        line-height: 3.5rem;
+    }
+    .mobile_cont
+    {
+        width: 100%;
+        margin-left: 0;
+    }
+}
 
 @media(max-width:2200px) {
     .mobile .mobile_cont .text h1 {
@@ -3213,11 +3274,16 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
     .mobile_cont .text {
         transform: translateX(0);
         margin-top: 20px;
+        padding: 0;
     }
      .mobile .mobile_cont .text p {
        
         line-height: 32px;
     }
+    .mobile .mobile_cont .text h1
+    {
+        margin-top: 0;
+    }
 }
    
 @media(max-width:500px) {
@@ -3230,6 +3296,7 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
         font-size: 25px;
         width: 100%;
         line-height: 32px;
+        margin-bottom: 20px;
     }
 
     .mobile .mobile_cont .text p {
@@ -3408,6 +3475,24 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
     background: linear-gradient(90deg,  #1f0c4e ,#be2fbe75 99%);
     opacity: 0.4;
 }
+@media(min-width:2257px)
+{
+    .mobile_ar .mobile_cont .text h1
+    {
+        font-size: 45px;
+        line-height: 4.5rem;
+    }
+     .mobile_ar .mobile_cont .text p
+     {
+        font-size: 30px;
+        line-height: 3rem;
+     }
+     .mobile_ar .mobile_cont
+     {
+        width: 100%;
+        margin-left: 0;
+     }
+}
 @media(max-width:2200px)
 {
     .mobile_ar .mobile_cont
@@ -3707,7 +3792,7 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
 .casual_av .casual_av_cont .text h1:nth-child(1) {
     color: #aa09b4;
     font-family: var(--sora_extrabold) !important;
-    direction: ltr;
+    /* direction: ltr; */
     font-size: 70px;
     width: 100%;
     /* text-align: center; */
@@ -3729,7 +3814,7 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
     /* margin-left: 10%; */
     line-height: 42px;
     font-family: var(--font_noor_bold) !important;
-    padding-right: 170px;
+    /* padding-right: 170px; */
 
 
 
@@ -3742,8 +3827,8 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
     font-weight: normal;
     font-family: var(--font_noor_light);
     line-height: 38px;
-    transform: translateX(-20px);
-    padding-right: 70px;
+    /* transform: translateX(-20px); */
+    /* padding-right: 70px; */
 
 }
 
@@ -3826,6 +3911,20 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
     font-family: var(--font_noor_light);
     font-size: 40px;
  }
+ @media(min-width:2257px)
+ {
+    .casual_av .casual_av_cont .text p
+    {
+        line-height: 1.6rem;
+    }
+    .casual_av .casual_av_cont,
+    .casual_ar .casual_av_cont
+    {
+        width: 100%;
+        margin-left: 0;
+    }
+    
+ }
 @media(max-width:2200px) {
     .casual_av .casual_av_cont
     {
@@ -3872,7 +3971,7 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
         flex-direction: column;
         align-items: start;
         justify-content: end;
-        padding-right: 130px;
+        padding-right: 10px;
     }
     .casual_av .casual_av_cont .text .casual_text p {
         padding-right: 0px;
@@ -3960,7 +4059,7 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
     .casual_av .casual_av_cont .text .casual_text p {
         padding-right: 0px;
         /* transform: translateX(-110px); */
-        font-size: 32px;
+        font-size: 34px;
         /* width: 80%; */
         line-height: 52px;
         /* direction: ltr; */
@@ -3968,10 +4067,44 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
         margin: 0;
         transform: translateX(0px);
     }
-   
+       .casual_av .casual_av_cont .text .casual_text p:nth-child(4)
+    {
+        transform: translateX(-20px) ;
+        /* color: red; */
+    }
+       .casual_av .casual_av_cont .text .casual_text p:nth-child(2)
+    {
+        transform: translateX(-104px) ;
+        /* color: red; */
+    }
+       .casual_av .casual_av_cont .text .casual_text p:nth-child(3)
+    {
+        transform: translateX(-75px) ;
+        /* color: red; */
+    }
+       .casual_av .casual_av_cont .text .casual_text p:nth-child(1)
+    {
+        transform: translateX(-45px) ;
+        /* color: red; */
+    }
+       .casual_av .casual_av_cont .text .casual_text p:nth-child(5)
+    {
+        transform: translateX(-40px) ;
+        /* color: red; */
+    }
+       .casual_av .casual_av_cont .text .casual_text p:nth-child(6)
+    {
+        transform: translateX(-25px) ;
+        /* color: red; */
+    }
+       .casual_av .casual_av_cont .text .casual_text p:nth-child(7)
+    {
+        transform: translateX(-10px) ;
+        /* color: red; */
+    }
      .casual_av .casual_av_cont .text .casual_text p:nth-child(8)
      {
-      transform: translateX(30px);
+      transform: translateX(0px);
      }
      .casual_av .casual_av_cont .img_parent,
     .casual_av .casual_av_cont .main_img{
@@ -4019,7 +4152,7 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
 {
     .casual_av .casual_av_cont .text .casual_text
     {
-        padding-right: 186px;
+        padding-right: 130px;
     }
     
 }
@@ -4032,7 +4165,7 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
         padding-right: 200px;
         transform: translateX(0);
         font-size: 45px ;
-        
+        /* color: red; */
        
     }
      .casual_av .casual_av_cont a
@@ -4114,6 +4247,39 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
 
 
 @media(max-width:1800px) {
+      .casual_av .casual_av_cont .text .casual_text p:nth-child(1)
+     {
+        transform: translateX(-76px);
+     }
+      .casual_av .casual_av_cont .text .casual_text p:nth-child(2)
+     {
+        transform: translateX(-120px);
+     }
+     .casual_av .casual_av_cont .text .casual_text p:nth-child(3)
+     {
+        transform: translateX(-90px);
+     }
+     .casual_av .casual_av_cont .text .casual_text p:nth-child(4)
+     {
+         transform: translateX(-50px);
+     }
+     .casual_av .casual_av_cont .text .casual_text p:nth-child(5)
+     {
+         transform: translateX(-70px);
+     }
+     .casual_av .casual_av_cont .text .casual_text p:nth-child(6)
+     {
+         transform: translateX(-50px);
+     }
+     .casual_av .casual_av_cont .text .casual_text p:nth-child(7)
+     {
+         transform: translateX(-50px);
+     }
+     .casual_av .casual_av_cont .text .casual_text p:nth-child(8)
+     {
+       
+         transform: translateX(46px);
+     }
      .casual_ar .casual_av_cont a
     {
         font-size: 27px;
@@ -4132,7 +4298,7 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
       .casual_av .casual_av_cont .text .casual_text p {
         padding-right: 0px;
         /* transform: translateX(-110px); */
-        font-size: 30px;
+        font-size: 35px;
         line-height: 36px;
         width: 100%;
       }
@@ -4204,24 +4370,45 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
      {
        
          transform: translateX(20px);
-         /* color: b/lack; */
+         /* color: black; */
      }
       .casual_av .casual_av_cont .text .casual_text p
       {
         font-size: 26px;
       }
 
+}
+@media(max-width:1700px)
+{
+    .casual_av .casual_av_cont .text .casual_text p:nth-child(8)
+    {
+        transform: translateX(0px);
+    }
+      .casual_av .casual_av_cont .text .casual_text p
+      {
+        font-size: 26px;
+        /* color: black; */
+      }
+      .casual_av .casual_av_cont .text .casual_text
+    {
+        padding-right: 110px;
+        transform: translateX(10px);
+    }
+
 }
 
-@media(max-width:1500px) {
+@media(max-width:1445px) {
     
+   
     .casual_av .casual_av_cont .text .casual_text
     {
         padding-right: 110px;
+        transform: translateX(300px);
     }
     .casual_av .casual_av_cont .text .casual_text p:nth-child(8)
      {
-         transform: translateX(10px);
+         transform: translateX(30px);
+         /* color: blue; */
      }
       .casual_av .casual_av_cont .text .casual_text p {
        
@@ -4291,7 +4478,7 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
 {
         .casual_av .casual_av_cont .text .casual_text {
         padding-right: 110px;
-        transform: translateX(-51px);
+        transform: translateX(5px);
     }
         .casual_av .casual_av_cont .img_parent {
         height: 442px;
@@ -4299,8 +4486,156 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
     .casual_av .casual_av_cont a {
         bottom: 80px;
     }
+     .casual_av .casual_av_cont .text .casual_text p:nth-child(1)
+    {
+        transform: translateX(-45px) ;
+        /* color: red; */
+    }
+     .casual_av .casual_av_cont .text .casual_text p:nth-child(2)
+    {
+        transform: translateX(-94px) ;
+        /* color: red; */
+    }
+     .casual_av .casual_av_cont .text .casual_text p:nth-child(3)
+    {
+        transform: translateX(-65px) ;
+        /* color: red; */
+    }
+       .casual_av .casual_av_cont .text .casual_text p:nth-child(4) {
+        transform: translateX(-29px);
+    }
+       .casual_av .casual_av_cont .text .casual_text p:nth-child(5) {
+        transform: translateX(-50px);
+    }
+       .casual_av .casual_av_cont .text .casual_text p:nth-child(6) {
+        transform: translateX(-42px);
+    }
+    .casual_av .casual_av_cont .text .casual_text p:nth-child(8) {
+        transform: translateX(-36px);}
+        .casual_av .casual_av_cont .text h1, .casual_av .casual_av_cont .text h1 span
+        {
+            font-size: 40px;
+        }
+        .casual_av .casual_av_cont .text h1
+        {
+            transform: translateX(45px);
+        }
+        .casual_av .casual_av_cont .text h1:nth-child(1)
+        {
+            transform: translateX(0px);
+        }
 }
+@media(max-width:1430px) {
+    
+      .casual_av .casual_av_cont .text .casual_text p:nth-child(2)
+    {
+        transform: translateX(-90px) ;
+        /* color: red; */
+    }
+      .casual_av .casual_av_cont .text .casual_text p:nth-child(3)
+    {
+        transform: translateX(-65px) ;
+        /* color: red; */
+    }
+      .casual_av .casual_av_cont .text .casual_text p:nth-child(4)
+    {
+        transform: translateX(-20px) ;
+        /* color: red; */
+    }
+      .casual_av .casual_av_cont .text .casual_text p:nth-child(5)
+    {
+        transform: translateX(-45px) ;
+        /* color: red; */
+    }
+      .casual_av .casual_av_cont .text .casual_text p:nth-child(6)
+    {
+        transform: translateX(-35px) ;
+        /* color: red; */
+    }
+      .casual_av .casual_av_cont .text .casual_text p:nth-child(7)
+    {
+        transform: translateX(-35px) ;
+        /* color: red; */
+    }
+    .casual_av .casual_av_cont .text .casual_text
+    {
+        padding-right: 110px;
+        transform: translateX(0px);
+    }
+    .casual_av .casual_av_cont .text .casual_text p:nth-child(8)
+     {
+         transform: translateX(-15px);
+         /* color: blue; */
+     }
+      .casual_av .casual_av_cont .text .casual_text p {
+       
+        font-size: 24px;
+        line-height: 34px;
+      }
+   .casual_av .casual_av_cont
+    {
+        /* background-color: red; */
+        grid-template-columns: 55% 45%;
+    }
+    .casual_av .casual_av_cont .text h1
+    {
+        transform: translateX(40px);
+    }
+    .casual_av .casual_av_cont .text h1:nth-child(1)
+    {
+       font-size: 42px;
+       /* color: #00ff00; */
+       transform: translateX(0);
+       
+    }
+    
+    .casual_av .casual_av_cont .text h1,
+    .casual_av .casual_av_cont .text h1 span
+    {
+        font-size: 40px;
+    }
+    .casual_av .casual_av_cont a
+    {
+        bottom: 60px;
+    }
+    .casual_av .casual_av_cont .img_parent::after {
 
+        height: 97%;
+
+    }
+     .casual_av .casual_av_cont a,
+      .casual_ar .casual_av_cont a
+    {
+        font-size: 20px;
+    }
+
+
+    .casual_av .casual_av_cont .img_parent::after {
+
+        left: -30px;
+        width: 105%;
+        height: 100%;
+    }
+     .casual_av .casual_av_cont .text p
+     {
+        font-size: 25px;
+        transform: translateX(-60px);
+        line-height: 38px;
+        width: 90%;
+        /* color: red; */
+     }
+
+    .casual_av .casual_av_cont .text h1:nth-child(1) {
+        padding-right: 10px;
+        text-align: center;
+    }
+    .casual_av .casual_av_cont .img_parent
+    {
+        height: 480px;
+    }
+
+  
+}
 @media(max-width:1300px) {
         .casual_av .casual_av_cont .text .casual_text {
        
@@ -4392,38 +4727,42 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
     }
    .casual_av .casual_av_cont .text .casual_text p:nth-child(1)
     {
-        transform: translateX(-50px) ;
+        transform: translateX(-85px) ;
         /* color: red; */
     }
+    .casual_av .casual_av_cont .text .casual_text
+    {
+        transform: translateX(50px);
+    }
    .casual_av .casual_av_cont .text .casual_text p:nth-child(2)
     {
-        transform: translateX(-80px) ;
+        transform: translateX(-130px) ;
     }
    .casual_av .casual_av_cont .text .casual_text p:nth-child(3)
     {
-        transform: translateX(-80px) ;
+        transform: translateX(-100px) ;
     }
    .casual_av .casual_av_cont .text .casual_text p:nth-child(4)
     {
-        transform: translateX(-35px) ;
+        transform: translateX(-60px) ;
         /* color: black; */
     }
    .casual_av .casual_av_cont .text .casual_text p:nth-child(5)
     {
-        transform: translateX(-65px) ;
+        transform: translateX(-75px) ;
     }
    .casual_av .casual_av_cont .text .casual_text p:nth-child(6)
     {
-        transform: translateX(-50px) ;
+        transform: translateX(-65px) ;
     }
    .casual_av .casual_av_cont .text .casual_text p:nth-child(7)
     {
-        transform: translateX(-45px) ;
+        transform: translateX(-60px) ;
     }
   
    .casual_av .casual_av_cont .text .casual_text p:nth-child(8)
     {
-        transform: translateX(-45px) !important;
+        transform: translateX(-60px) !important;
     }
 
    
@@ -4448,7 +4787,7 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
     }
     .casual_av .casual_av_cont .text .casual_text p
     {
-        font-size: 20px;
+        font-size: 25px;
     }
     .casual_av .casual_av_cont .img_parent,
     .casual_ar .casual_av_cont .main_img {
@@ -4489,41 +4828,45 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
     {
         font-size: 30px;
     }
+       .casual_av .casual_av_cont .text .casual_text p
+     {
+        font-size: 20px;
+     }
    
       .casual_av .casual_av_cont .text .casual_text p:nth-child(1)
     {
-        transform: translateX(-50px) ;
+        transform: translateX(-75px) ;
         /* color: red; */
     }
    .casual_av .casual_av_cont .text .casual_text p:nth-child(2)
     {
-        transform: translateX(-80px) ;
+        transform: translateX(-110px) ;
     }
    .casual_av .casual_av_cont .text .casual_text p:nth-child(3)
     {
-        transform: translateX(-80px) ;
+        transform: translateX(-90px) ;
     }
    .casual_av .casual_av_cont .text .casual_text p:nth-child(4)
     {
-        transform: translateX(-35px) ;
+        transform: translateX(-60px) ;
         /* color: black; */
     }
    .casual_av .casual_av_cont .text .casual_text p:nth-child(5)
     {
-        transform: translateX(-65px) ;
+        transform: translateX(-75px) ;
     }
    .casual_av .casual_av_cont .text .casual_text p:nth-child(6)
     {
-        transform: translateX(-50px) ;
+        transform: translateX(-68px) ;
     }
    .casual_av .casual_av_cont .text .casual_text p:nth-child(7)
     {
-        transform: translateX(-45px) ;
+        transform: translateX(-64px) ;
     }
   
    .casual_av .casual_av_cont .text .casual_text p:nth-child(8)
     {
-        transform: translateX(-45px) !important;
+        transform: translateX(-55px) !important;
     }
 
 }
@@ -4825,7 +5168,7 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
     text-transform: uppercase;
     color: var(--text_color);
 }
-@media(min-width:2200px)
+@media(min-width:2257px)
 {
      .casual_ar .casual_av_cont .text h1:nth-child(1) {
         font-size: 60px;
@@ -4846,9 +5189,14 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
     }
       .casual_ar .casual_av_cont .img_parent,
     .casual_ar .casual_av_cont .main_img{
-     height: 580px;
+     height: 700px;
      margin-top: 26px;
     }
+     .casual_ar .casual_av_cont
+    {
+        width: 100%;
+        margin-left: 0;
+    }
 }
  @media(max-width:2200px)
 
@@ -5278,7 +5626,7 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
     color: var(--text_color);
     font-weight: normal;
     font-family: var(--font_noor_light);
-    line-height: 48px;
+    line-height: 4rem;
 }
 .cosplay .cosplay_cont .text p span
 {
@@ -5353,7 +5701,18 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
     text-transform: uppercase;
     color: var(--text_color);
 }
-
+@media(min-width:2200px)
+{
+    .cosplay .cosplay_cont .text h1
+    {
+        line-height: 4.7rem;
+    }
+    .cosplay .cosplay_cont
+    {
+        width: 100%;
+        margin-left: 0;
+    }
+}
 @media(max-width:2200px) {
     .cosplay .cosplay_cont .text h1 {
         font-size: 57px;
@@ -5491,7 +5850,7 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
     .cosplay .cosplay_cont .main_img,
     .cosplay .cosplay_cont .img_parent
     {
-        height: 350px;
+        height: 320px;
     }
     .cosplay .cosplay_cont .text p {
         font-size: 30px;
@@ -5562,6 +5921,7 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
 
     .cosplay .cosplay_cont .text h1 {
         font-size: 30px;
+        margin-right: 0;
     }
 
     .cosplay .cosplay_cont>div {
@@ -5583,6 +5943,7 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
     .cosplay .cosplay_cont .text h1 {
       
         width: 81%;
+       
     }
 }
 
@@ -5621,6 +5982,7 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
         font-size: 25px;
         width: 100%;
           line-height: 39px;
+          margin-bottom: 20px;
     }
 
     .cosplay .cosplay_cont .text p {
@@ -5796,6 +6158,26 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
     text-transform: uppercase;
     color: var(--text_color);
 }
+@media(min-width:2257px)
+
+{
+    .cosplay_ar .cosplay_cont .text h1
+    {
+        font-size: 45px;
+        line-height: 4.5rem;
+        width: 100%;
+    }
+    .cosplay_ar .cosplay_cont .text p 
+    {
+        font-size: 35px;
+        line-height: 3rem;
+    }
+    .cosplay_ar .cosplay_cont
+    {
+        width: 100%;
+        margin-left: 0;
+    }
+}
 @media(max-width:2200px)
 {
     .cosplay_ar .cosplay_cont a
@@ -6184,7 +6566,7 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
     margin-bottom: 0;
     font-weight: normal;
     font-family: var(--font_noor_light);
-    line-height: 38px;
+    line-height: 3rem;
     margin-top: 0;
 
 }
@@ -6235,7 +6617,22 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
     z-index: 5;
 }
 
-
+@media(min-width:2257px)
+{
+    .Vr_zone .Vr_zone_cont .text h1
+    {
+        line-height: 3.2rem;
+    }
+    .Vr_zone .Vr_zone_cont .text p
+    {
+        line-height: 3.5rem;
+    }
+    .Vr_zone_cont
+    {
+        width: 100%;
+        margin-left: 0;
+    }
+}
 @media(max-width:2200px) {
     .Vr_zone .Vr_zone_cont a
     {
@@ -6318,12 +6715,15 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
         height: 580px;
         
     }
+ 
 
 }
+
 @media(max-width:1800px) {
      .Vr_zone .Vr_zone_cont a
     {
         font-size: 27px;
+      
     }
     .Vr_zone .Vr_zone_cont .text h1 {
         font-size: 45px ;
@@ -6348,7 +6748,9 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
     .Vr_zone .Vr_zone_cont .main_img
     {
         height: 470px;
+      
     }
+   
     
 }
 @media(max-width:1700px)
@@ -6357,10 +6759,7 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
     {
         height: 500px;
     }
-    .casual_av .casual_av_cont .text .casual_text p:nth-child(8)
-    {
-        transform: translateX(10px);
-    }
+   
 }
 @media(max-width:1500px) {
     .Vr_zone .Vr_zone_cont a
@@ -6373,6 +6772,7 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
         line-height: 35px;
       
     }
+  
 
     .Vr_zone .Vr_zone_cont .main_img 
     {
@@ -6384,6 +6784,10 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
         font-size: 40px;
         line-height: 53px;
     }
+    .casual_av .casual_av_cont .text .casual_text
+    {
+        /* transform: translate(-29px); */
+    }
 
 }
 @media(max-width:1300px) {
@@ -6408,7 +6812,7 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
     {
         transform: translateX(45px);
     }
-
+      
 }
 @media(max-width:1030px)
 {
@@ -6451,6 +6855,7 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
 
     .Vr_zone .Vr_zone_cont .text h1 {
         font-size: 30px;
+        margin-top: 0;
     }
 
     .Vr_zone .Vr_zone_cont>div {
@@ -6473,6 +6878,7 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
         font-size: 25px;
         width: 100%;
         line-height: 34px;
+        margin-bottom: 20px;
     }
 
     .Vr_zone .Vr_zone_cont .text p {
@@ -6622,6 +7028,25 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
     opacity: .5;
     opacity: .3;
 }
+@media(min-width:2257px)
+{
+    .Vr_zone_ar .Vr_zone_ar_cont .text h1
+    {
+        font-size: 40px;
+        line-height: 3.5rem;
+    }
+    .Vr_zone_ar .Vr_zone_ar_cont .text p
+    {
+        font-size: 30px;
+        line-height: 3rem;
+    }
+    .Vr_zone_ar .Vr_zone_ar_cont
+    {
+        width: 100%;
+        margin-left: 0;
+    }
+   
+}
 @media(max-width:2200px)
 {
     

style2.css

@@ -1116,6 +1116,37 @@
 }
 /* ========================== */
 /* =====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
@@ -2100,7 +2131,7 @@
     display: flex;
     align-items: start;
     justify-content: center;
-    width: 95%;
+    /* width: 95%; */
     /* padding: 0 0 70px; */
     background: linear-gradient(to right, #0f0d42, #270c54 70%, #3e0b65);
     /* min-height: 500px; */
@@ -2146,11 +2177,12 @@
 .vr-title1 {
     font-family: var(--sora_extrabold);
     font-size: 30px;
-    margin-bottom: 15px;
+    margin-bottom: 45px;
     line-height: 35px;
     word-wrap: break-word;
     font-weight: 700;
     width: 90%;
+    text-align: start;
 }
 
 .neon {
@@ -2179,6 +2211,7 @@
     color: var(--text_color);
     font-family: var(--font_noor_light);
     font-size: 40px;
+        line-height: 5rem;
 }
 
 .arbt {
@@ -2187,6 +2220,7 @@
     direction: ltr;
     font-family: var(--font_noor_bold);
     font-size: 70px;
+    /* line-height: 5rem; */
 }
 
 /* الزر */
@@ -2223,18 +2257,23 @@
 
     flex-direction: row-reverse;
 }
+
 @media(min-width:2200px)
 {
    .vr-title1
    {
     /* color: red; */
-    font-size: 60px;
-    line-height: 60px;
+    font-size: 45px;
+    line-height: 4.5rem;
+   }
+   .arbt
+   {
+    text-align: end;
    }
     .vr-p p
     {
-        font-size: 40px;
-        line-height: 45px;
+        font-size: 30px;
+        line-height: 3rem;
     }
     .vr-image
     {
@@ -2245,6 +2284,10 @@
     {
         font-size: 35px;
     }
+    .arb
+    {
+        line-height: 4rem;
+    }
 }
 @media(max-width:2200px) {
     .arbt {
@@ -2254,6 +2297,7 @@
         font-size: 36px;
         width: 90%;
         margin-left: 10%;
+        line-height: 52px;
     }
     .vr-btn1
     {
@@ -2263,14 +2307,20 @@
     }
     .vr-image
     {
-        height: 600px;
+        height: 620px;
         /* background: red; */
     }
      .arbt {
       
         margin-top: 0px;
+        text-align: end;
         /* color: red; */
-        margin-bottom: 40px;
+        margin-bottom: 60px;
+        /* margin: 0; */
+        width: 100%;
+        /* background-color: black; */
+        /* padding-left: 30px; */
+        /* direction: rtl; */
     }
  
     .vr-p p
@@ -2287,10 +2337,23 @@
 }
 @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: red; */
+        /* color: black; */
         margin-top: 0px;
+        text-align: end;
+       
     }
     .vr-btn1
     {
@@ -2304,12 +2367,13 @@
         font-size: 50px;
         margin-left: 120px;
         /* color: gray; */
+          /* color: red; */
     }
     .arb {
         font-size: 30px;
         width: 80%;
         margin-left: 20%;
-        /* color: red; */
+      
     }
     .vr-btn1
     {
@@ -2385,6 +2449,9 @@
     {
         font-size: 45px;
         line-height: 45px;
+        /* color: red; */
+        /* margin: 0; */
+        width: 100%;
         
     }
 }
@@ -2521,7 +2588,7 @@
     }
     .vr-title1
     {
-        width: 80%;
+        width: 100%;
     }
 }
 @media(max-width:1300px)
@@ -2622,10 +2689,10 @@
 
     .vr-title1 {
         font-size: 25px;
-        text-align: right;
+        text-align: end;
         margin-left: 5%;
         line-height: 30px;
-        width: 95%;
+        width: 100%;
     }
 
     .title1en {
@@ -2692,15 +2759,15 @@
      .vr-con
      {
         transform: translateX(0);
-        margin: 30px 0 0;
+        margin: 20px 0 0 0;
         padding: 0;
      }
     .vr-title1 {
         font-size: 25px;
         text-align: end;
         margin-left: 0;
-        margin-bottom: 30px;
-        width: 85%;
+        margin-bottom: 20px;
+        width: 100%;
         margin-top: 0;
     }
 

style3.css

@@ -6,7 +6,7 @@
     overflow: hidden;
     margin-left: 40px;
     width: 100%;
-    /* height: 100%; */
+    height: 700px;
 }
 
 .mainiMg1h img {
@@ -51,7 +51,7 @@
     /* background-color: beige; */
 }
 .wordh21 {
-     transform: translate(100px,0px);
+     transform: translate(120px,0px);
     display: flex;
     font-size: 60px;
     /* width: 50%; */
@@ -84,7 +84,7 @@
 
 .hero-sech21 {
     display: flex;
- transform: translate(20px, 10px);
+ transform: translate(0px, 10px);
    
     font-size: 40px;
     font-weight: 400;
@@ -94,7 +94,7 @@
 
 .hero-sech22 {
     display: flex;
- transform: translate(20px, -10px);
+ transform: translate(0px, -10px);
     right: -20px;
     /* top: 148px; */
     font-size: 40px;
@@ -110,7 +110,7 @@
     font-weight: 400;
     /* width: 35% !important; */
     font-family: var(--font_noor_light);
-    transform: translate(10px, -30px);
+    transform: translate(-3px, -30px);
 
   
 }
@@ -122,7 +122,7 @@
     font-weight: 400;
     /* width: 35% !important; */
     font-family: var(--font_noor_light);
-    transform: translate(1px, -50px);
+    transform: translate(-5px, -50px);
 
     right: -8px;
     top: 214px;
@@ -130,7 +130,7 @@
 
 .hero-sech25 {
     display: flex;
-    transform: translate(-5px, -80px);
+    transform: translate(-10px, -80px);
     font-size: 40px;
     font-weight: 400;
     /* width: 35% !important; */
@@ -167,6 +167,13 @@
     position: relative;
     transform: translate(0,0);
 }
+@media(min-width:2200px)
+{
+    .hero_sectionh2 a
+    {
+        width: 75%;
+    }
+}
 @media(max-width:2000px)
 {
     .hero_desc_ar
@@ -303,7 +310,9 @@
     
   
 
-}
+} 
+  .mainiMg1h{
+  height: 500px;}
 }
 @media(max-width:1700px)
 {
@@ -318,7 +327,6 @@
 }
 
 
-
     .wordh22 {
         font-size: 45px;
 
@@ -380,29 +388,29 @@
 }
 
 .hero-sech21 {
-       font-size: 30px;
+       font-size: 28px;
 
 }
 
 .hero-sech22 {
-      font-size: 30px;
+      font-size: 28px;
 
 }
 
 .hero-sech23 {
-        font-size: 30px;
+        font-size: 28px;
 
 
   
 }
 
 .hero-sech24 {
-       font-size: 30px;
+       font-size: 28px;
 
 }
 
 .hero-sech25 {
-       font-size: 30px;
+       font-size: 28px;
 
    
 }
@@ -419,7 +427,7 @@
 {
     .hero_desc_ar
     {
-        transform: translateX(-5px);
+        transform: translateX(0px);
         /* background-color: gray; */
     }
     .wordh21 {
@@ -470,6 +478,8 @@
   
 
 }
+   .mainiMg1h{
+  height: 400px;}
 }
 @media(max-width:1200px)
 {
@@ -594,9 +604,19 @@
      .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;
@@ -640,7 +660,7 @@
     border-bottom-right-radius: 10% 0%;
     overflow: hidden;
     width: 100%;
-    /* height: 100%; */
+    height: 700px;
 }
 
 .mainiMg1h_en img {
@@ -704,6 +724,7 @@
     font-size: 20px;
     font-family: var(--sora_extrabold);
     /* flex-direction: row-reverse; */
+    
       
 
 }
@@ -729,11 +750,11 @@
 {
     font-family: var(--sora_font);
 }
-@media(min-width:2200px)
+@media(min-width:2257px)
 {
      .wordh21_en
     {
-        font-size: 40px;
+        font-size: 45px;
         transform: translateX(-50px);
     }
     .wordh21_en .the_en
@@ -742,11 +763,11 @@
     }
     .hero_desc_en .hero_title2_en
     {
-        font-size: 40px;
+        font-size: 45px;
     }
         .hero_desc_en p
     {
-        font-size: 25px;
+        font-size: 35px;
     }
      .wordh22_en
     {
@@ -788,19 +809,26 @@
     }
     .hero_sectionh2_en a
     {
-         transform: translate(9%, 30px);
-         font-size: 20px;
+         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: 500px;
+        height: 700px;
     }
 }
 @media(max-width:2200px)
 {
      .wordh21_en
     {
-        font-size: 40px;
+        font-size: 45px;
         transform: translateX(-50px);
     }
     .wordh21_en .the_en
@@ -813,11 +841,12 @@
     }
         .hero_desc_en p
     {
-        font-size: 25px;
+        font-size: 30px;
     }
      .wordh22_en
     {
         transform: translateX(5px);
+        font-size: 45px;
     }
     .wordh23_en
     {
@@ -860,7 +889,7 @@
     }
     .hero_sectionh2_en .mainiMg1h_en
     {
-        height: 540px;
+        height: 600px;
     }
 }
 @media(max-width:1600px)
@@ -1091,7 +1120,7 @@
     .wordh22_en,
     .wordh23_en
     {
-        font-size: 30px;
+        font-size: 35px;
     }
     .wordh22_en
     {
@@ -1104,7 +1133,7 @@
     }
     .hero_desc_en p
     {
-        font-size: 20px;
+        font-size: 22px;
         margin-top: 2px;
         margin-bottom: 0;
     }
@@ -1135,7 +1164,7 @@
     }
     .hero_desc_en
     {
-        transform: translate(-30px,10px);
+        transform: translate(-36px, -31px)
     }
     .hero_sectionh2_en a
     {
@@ -1146,11 +1175,11 @@
     }
     .hero_sectionh2_en .mainiMg1h_en
     {
-        height: 480px;
+        height: 431px;
     }
     .hero_sectionh2_en
     {
-        grid-template-columns: 63% 37%;
+        grid-template-columns: 60% 40%;
     }
 
 }