:root {
    --bck_color: #0d0d41;
    --main-font: 'Montserrat', 'Poppins', 'Arial', sans-serif;
    --title_font: "Archivo Black", "sans-serif";
    --purple_col: #a409b0;
    --background_buttons: linear-gradient(to right, #210C50 20%, #400c66, #a409b0);
    --title_color: #aa09b4;
    --neon: #32ff00;
    --text_color: #e3e3e9;
    --sora_font: "Sora";
    --sora_extrabold: "Sora-ExtraBold";
    --sora_light:"Sora-Light";
    --noor_font: "Noor";
    --futura-font: "Futura-Bold";
    --font_noor_light: "Noor Light";
    --font_noor_bold: "Noor-Bold";
    --futura_extrablack_font: "Futura XBLK BT";
}

html {
    scroll-behavior: smooth;
}

a {
    text-decoration: none;
}

@font-face {
    font-family: "Sora";
    src: url("Fonts/Sora/static/Sora-Regular.ttf") format("opentype");
}

@font-face {
    font-family: "Sora-ExtraBold";
    src: url("Fonts/Sora/static/Sora-ExtraBold.ttf") format("truetype");
    font-weight: 900;
}

@font-face {
  font-family: "Sora-Light";
  src: url("Fonts/Sora/static/Sora-Light.ttf") format("truetype");
  font-weight: 300;
}


@font-face {
    font-family: "Noor";
    src: url("Fonts/noor/AGCRegular.ttf") format("opentype");
}

@font-face {
    font-family: "Futura XBLK BT";
    src: url("Fonts/futura/futur.ttf") format("truetype");
}

@font-face {
    font-family: "Futura-ExtraBlack";
    src: url("Fonts/futura/FuturaExtraBlackBT.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: "Noor Light";
    src: url("Fonts/noor/AGCLight.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Noor-Bold";
    src: url("Fonts/noor/AGCBold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

body {
    margin: 0;
    box-sizing: border-box;
    width: 100%;
    height: auto;
}

.ltr,
.rtl,
.letters,
.oragnize,
.play_games .e_sport {
    box-sizing: border-box;
}

/* ====================================== */
/* ===============Header================= */
header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--bck_color);
    padding: 0 30px;
}

header .logo_cont {
    display: flex;
    align-items: end;
    column-gap: 5px;
    justify-content: end;
}

header .left_side {
    color: white;
    font-family: var(--main-font);
    display: flex;
    align-items: center;
    transform: translateX(-170px);
}

header .left_side img {
    width: 165px;
    height: 100px;
    object-fit: contain;
    /* margin-right: 14px; */
}
header .left_side 
  {
    transform: translateX(0);
  } header .left_side img
  {
    width: 100% ;
    object-fit: contain;
    height: 100%;
    /* height: 20%; */
  }
   header .left_side .logo_cont
   {
    position: relative;
    /* background-color: red; */
    width: 18%;
   }
header .left_side .logo {
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    justify-content: center;
    font-family: var(--sora_font);
}

header .left_side .logo span:nth-child(1),
header .left_side .logo span:nth-child(2) {
    font-size: 25px;
    margin: 0px;
    font-weight: 700;
}

header .left_side .logo span:nth-child(3) {
    font-size: 8px;
}

header .left_side .date,
header .left_side .place {
    display: flex;
    flex-direction: column;
    text-transform: uppercase;
    margin-left: 40px;
    font-weight: 700;
    font-family: var(--sora_extrabold);
    row-gap: 2px;
}

header .left_side .date span:nth-child(2) {
    color: #2ae42a;
}

header .left_side .date span:nth-child(4) {
    color: #aa09b4;
}

header .left_side .date span:nth-child(4) span:nth-child(1) {
    color: white;
}

header .right_side {
    display: flex;
    column-gap: 20px;
    align-items: center;

}

header .right_side a {
    outline: none;
    border: none;
    font-family: var(--sora_extrabold);
    background-color: transparent;
    cursor: pointer;

}

header .right_side .ticketing_bnt_en,
header .right_side .ticketing_ar {
    background-color: #3023a2;
    color: white;
    padding: 2px 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    border-radius: 12px;
    font-family: var(--font_noor_bold);
}

header .right_side .ticketing_bnt_en {
    font-family: var(--sora_extrabold) !important;
}

header .right_side_h i {
    font-size: 20px;
    width: 30px;
    color: var(--text_color);
    font-size: 23px;
}

header .right_side .lines {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 3px;
}

header .right_side span {
    width: 30px;
    height: 4px;
    background: linear-gradient(90deg, var(--purple_col), #6a1a97, var(--bck_color));
    border-radius: 10px;

}

header .right_side a:nth-child(3),
header .right_side a:nth-child(4) {
    background: none;
    font-weight: bold;
}

.list_icon {
    display: none;
}

.en_lang {
    color: white;
}

.ar_lang {
    color: white;
}

 header .left_side .date,
  
   header .left_side .place
  {
    margin-left: 30px;
  }
@media(max-width:2200px)
{
 

  header .left_side .date,
  header .left_side .place
  {
    font-size: 22px;
  }
  header .left_side 
  {
    transform: translateX(0);
  } header .left_side img
  {
    width: 100% ;
    object-fit: contain;
    height: 100%;
    /* height: 20%; */
  }
   header .left_side
   {
    align-items: end;
   }
   header .left_side .logo_cont
   {
    position: relative;
    /* background-color: red; */
    width: 20%;
    height: 100%;
    align-items: end;
   }
   
  header .right_side .ticketing_bnt_en,
  header .right_side .ticketing_ar,
  header .right_side a:nth-child(3),
   header .right_side a:nth-child(4),
   header .right_side a
  {
    font-size: 26px;
  }
  header .left_side .date,
   header .left_side .place
  {
    margin-left: 30px;
  }

  

}
.right_side .ticketing_ar {
    padding: 6px 56px;
    font-size: 20px;
}

@media(max-width:1850px)
{
 header .left_side img
  {
    width: 100% ;
    object-fit: contain;
    height: 100%;
    /* height: 20%; */
  }
   header .left_side .logo_cont
   {
    position: relative;
    /* background-color: red; */
    width: 20%;
   }
  header .left_side .date,
  header .left_side .place
  {
    font-size: 20px;
  }
  header .right_side .ticketing_bnt_en,
  header .right_side .ticketing_ar,
  header .right_side a:nth-child(3),
   header .right_side a:nth-child(4),
   header .right_side a
  {
    font-size: 22px;
  }
  header .left_side .date, header .left_side .place
  {
    font-size: 17px;
  }
}
@media(max-width:1500px)
{

  header .left_side .date,
  header .left_side .place
  {
    font-size: 16px;
  }
  header .left_side img
  {
    width: 100% ;
    object-fit: contain;
    height: 100%;
    /* height: 20%; */
  }
   header .left_side .logo_cont
   {
    position: relative;
    /* background-color: red; */
    width: 19%;
   }
  header .right_side .ticketing_bnt_en,
  header .right_side .ticketing_ar,
  header .right_side a:nth-child(3),
   header .right_side a:nth-child(4),
   header .right_side a
  {
    font-size: 18px;
  }
 
}
@media(max-width:1300px)
{
    header .left_side .logo_cont
   {
    position: relative;
    /* background-color: red; */
    width: 22%;
    height: 100%;
   }
    header .left_side
    {
        transform: translateX(0px);
    }
  
  header .left_side .date,
  header .left_side .place
  {
    font-size: 14px;
  }
  header .right_side .ticketing_bnt_en,
  header .right_side .ticketing_ar,
  header .right_side a:nth-child(3),
   header .right_side a:nth-child(4),
   header .right_side a
  {
    font-size: 16px;
  }
}
@media(max-width:1030px)
{
    header .left_side .place
    {
      flex-direction: column;
      transform: translateY(0px);
    }
        header .left_side .date, header .left_side .place {
        font-size: 12px;
    }
    header .left_side .logo_cont
    {
        width: 25%;
    }
}

/* ==================================== */
/* ===========Play-Games================ */
.play_games {
    background-color: var(--bck_color);
    padding: 85px 0 30px 0;
    height: 300px;

}

.swiper_parent {
    background:
        linear-gradient(to left,
            #00ff00 0%,
            #00ff00 1%,
            var(--bck_color) 7%,
            var(--bck_color) 9%,
            var(--bck_color) 94%,
            #00ff00 98%,
            #00ff00 100%);

}

.play_games h1 {
    text-align: center;
    font-family: var(--font_noor_bold);
    font-weight: bold;
    color: var(--title_color);
    font-size: 60px;
}

.play_games_ar {
    direction: ltr;
}

.swiper {
    width: 93%;
    max-width: 100%;
    height: 200px;
    margin: 50px auto;
    margin: 0px 3.5%;
    box-sizing: border-box;
    padding: 40px 0 50px 0;
    /* z-index: -3; */


}

.swiper-pagination {
    position: relative;
    bottom: -20px !important;
    left: 0;
    width: 100%;
    text-align: center;
}



.swiper-pagination {
    bottom: 10px;
}

.swiper-slide img {
    width: 80%;
    margin-left: 10%;
    height: 100%;
    object-fit: contain;
    border-radius: 10px;
    z-index: -3;
    opacity: .8;
}

/* Pagination circles */
.swiper-pagination-bullet {
    background-color: var(--text_color);
    width: 20px;
    height: 20px;
    opacity: 1;
}

.swiper-pagination-bullet-active {
    background-color: #37069c;
}

/* ==================================== */
/* ===========E-sport================ */
.e_sport {
    background-color: var(--bck_color);
    padding: 50px 0 25px 0;
    /* margin-top: 50px; */


}

.e_sport h1 {
    /* text-align: start; */
    font-family: var(--noor_font);
    font-weight: bold;
    color: white;
    text-align: center;
    /* z-index: -2; */
    font-size: 50px;
}

.e_sport>div:nth-child(2) {
    display: grid;
  
        grid-template-columns: repeat(3, 569px);
   
    align-items: center;
    justify-content: center;
    column-gap: 20px;
    width: 95%;
    margin: 50px 2.5% 0;

}

.e_sport .button_parent {
    display: flex;
    align-items: center;
    justify-content: center;
}

.e_sport>div div {
    border-radius: 50px;
    background: linear-gradient(to right, var(--purple_col), #6a1a97);
    height: 605px;
    /* overflow: hidden; */
    position: relative;
    clip-path: inset(-100px 0 20px 0);


    /* -webkit-mask-image: linear-gradient(to bottom, black 90%, transparent 100%); */
}

.e_sport>div div img {
    width: 100%;
    /* margin: 10% 15% 0; */
    height: 125%;
    transform: translate(0px, 0px);
    transform: translateY(-70px);
    object-fit: cover;
    /* object-position: top top; */
    /* height: auto; */
}

.e_sport>div div .valorant_img {
    height: auto;
}

.e_sport>div div .bellingham_img {
    /* height: 155% !important ; */

    transform: translate(0px, -70px);
    /* width: 100%; */
    /* transform: translateX(10px); */


}

.e_sport>div div .yasou_img {
    transform: translateY(-90px);
    height: 140%;
    /* height: auto; */
}

.no_margin {
    margin-top: 0 !important;
}

.e_sport>div div {
    position: relative;
}

.e_sport>div div .abs_img,
.e_sport>div div .abs_img1,
.e_sport>div div .abs_img2 {
    position: absolute;
    width: 35px;
    height: 35px !important;
    left: 30px;
    top: 110px;
}

.e_sport>div div .abs_img1 {
    bottom: -42px;
    /* top: unset; */

}

.e_sport>div div .abs_img2 {
    width: 60px;
    object-fit: contain;
    left: 20px;
    top: 350px;
}

.e_sport a {
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
    text-decoration: none;
    border: none;
    border-radius: 22px;
    background: linear-gradient(90deg, #a509b0, #680b83, #1e0d4e);
    padding: 9px 65px;
    display: block;
    width: fit-content;
    /* margin-left: 40%; */
    cursor: pointer;
    outline: none;
    text-align: start;
    margin-top: 40px;
    transform: translateX(10px);
    font-size: 25px;
    font-family: var(--noor_font);
}

/* ==================================== */
/* ===========Oragnize================ */
.oragnize_slider {
    display: none;
}

.oragnize,
.oragnize_slider {
    background-color: var(--bck_color);
    padding-top: 20px;
}

.oragnize h1 {
    text-align: center;
    font-family: var(--sora_font);
    font-weight: 700;
    color: white;
    font-size: 60px;

}

.oragnize_slider h1 {
    text-align: center;
    font-family: var(--sora_font);
    font-weight: 700;
    color: white;
    font-size: 60px;

}

.oragnize div {
    background-color: white;
    display: grid;
    grid-template-columns: repeat(4, 20%);
    align-items: center;
    justify-content: space-between;
    padding: 0px 40px;

}

.oragnize div img {
    width: 100%;
}

/* ==================================== */
/* ===========letters================ */
.letters {
    background-color: var(--bck_color);
    padding: 20px 0;

}

.letters h1 {
    text-align: center;
    font-family: var(--sora_extrabold);
    font-weight: bold;
    color: var(--title_color);
    margin-bottom: 50px;
}

.letters>div {
    display: grid;
    grid-template-columns: 50% 45%;
    align-items: start;
    justify-content: center;
    column-gap: 5%;
}

.letters .image {
    display: flex;
    align-items: center;
    justify-content: end;
}

.letters>div div:nth-child(2) {
    margin-top: 0px;
}

.letters div img {
    width: 30%;
    height: 30%;
    object-fit: contain;
}

.letters div p {
    font-family: var(--main-font);
    text-transform: uppercase;
    font-weight: bold;
    color: white;
    display: flex;
    align-items: center;
    column-gap: 5px;
}

.letters div p:nth-child(1) {
    font-size: 50px;
    width: 55%;
    line-height: 50px;
    font-family: var(--sora_font);
    margin-bottom: 50px;
}

.letters div p span:nth-child(2) {
    width: 130px;
    height: 15px;
    padding: 8px 15px;
    border-radius: 10px;
    background: var(--background_buttons);
    display: inline-block;
}

.letters div form div {
    display: flex;
    align-items: center;
    column-gap: 5px;
    justify-content: start;
}

.letters form div input {
    outline: none;
    border: none;
    background: linear-gradient(to right, #9d09ab 20%, #450c6a, #200d4f);
    ;
    padding: 8px 15px;
    border-radius: 10px;
    margin: 0;
    width: 60%;
    color: white;
    font-family: var(--sora_font);
}

.letters form div label {
    font-size: 25px;
    font-weight: 700;
    font-family: var(--sora_font);
    color: white;
}

.letters form button {
    background: linear-gradient(to right, #151552f7 20%, #6a1a97, var(--purple_col));
    ;
    outline: none;
    border: none;
    color: white;
    padding: 5px 30px;
    margin-top: 40px;
    border-radius: 15px;
    font-size: 18px;
    font-family: var(--sora_extrabold);
    text-transform: uppercase;
    cursor: pointer;
    width: fit-content;

}

/* ============================ */
/* ============ 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 0.2s, opacity 0.3s ease 1s;
    transform: translateY(0);
   
    z-index: 4;
}

.right_side_h a {
    background-color: transparent;
    color: var(--text_color);
    outline: none;
    border: none;
    text-transform: uppercase;
    font-family: var(--main-font);
    font-weight: bold;
    cursor: pointer;
    text-align: center;
}

.hidden {
    opacity: 0;
  transform: translateY(-20px);
  pointer-events: none;
}

.hidden1 {
    display: none !important;
}

/* ========================= */
/* ========Arabic============*/

.newsletter_text_ar {
    width: 35% !important;
}

.e_sport_ar {
    direction: ltr !important;
}

.padd {
    padding: 50px 30px 30px;
}

.card_ar {
    column-gap: 40px;
}

.hero_title_res {
    display: none;
}
.info form div:nth-child(2)
{
    margin-top: 40px;
}

/* ========================== */
/* =====Responsive========== */
/* Zoom Out 60%  */
@media(max-width:2200px)
{
    .e_sport a
    {
        font-size: 25px;
    }
    .e_sport > div:nth-child(2)
    {
        grid-template-columns: repeat(3, 569px);
        /* background: blue; */
    }
    .e_sport>div div {
    
    height: 385px;
    }
    .e_sport > div div .bellingham_img
    {
        transform: translateY(-100px);
    }
    .e_sport > div div .yasou_img
    {
        height: 120%;
    }
    .e_sport > div div .abs_img2,
    .e_sport > div div .abs_img1,
    .e_sport > div div .abs_img
    {
     width: 90px;
     height: 90px !important;
     top: unset;
    }
    .e_sport > div div .abs_img2
    {
        top: 100px;
    }
    .e_sport > div div .abs_img
    {
        top: 100px;
    }
    .e_sport > div div .valorant_img
    {
        /* height: 120%; */
        transform: translateY(-100px);
    }
    .e_sport > div div
    {
       
        height: 678px;
    }
    .e_sport h1
    {
        font-size: 78px;
    }
     .info form div:nth-child(2)
    {
        margin-top: 40px;
    }
    .letters form div input
    {
        padding: 15px 25px;
        width: 60%;
    }
    .letters h1
    {
        font-size: 64px;
    }
    .letters div p:nth-child(1)
    {
        font-size: 38px;
        line-height: 53px;
        /* color: red; */
        width: 100%;
        margin-top: 0;
    }
    .letters form button
    {
        font-size: 31.5px;
        margin-top: 80px;
    }
    .letters div img {
    width: 55%;
    height: 50%;
  }
   .letters > div {
    width: 60%;
    margin-left: 10%;
  }
 
}

@media(max-width:1880px)
{ 
     .e_sport h1
    {
        font-size: 70px;
    }
            .letters div img
        {
            width: 40%;
            height: 20%;
            object-fit: contain;
        }
            
   
    .letters > div
    {
        align-items: center ;
        /* margin-left: 100%; */
    }
    .info
    {
        margin-top: 0px;
    }
    .info form div:nth-child(2)
    {
        margin-top: 20px;
    }
    .letters > div
    {
        width: 60%;
        margin-left: 10%;
    }
    .letters div p:nth-child(1)
    {
        width: 100%;
    }
    .e_sport > div div
    {
        height: 450px;
    }
     .e_sport > div div .abs_img2 {
  
    left: 4px;
    top: 120px;
}
  .e_sport > div div .abs_img2
    {
     left: 20px;
    }
    
   
}
/* Zoom Out 70% */
@media(max-width:1850px)
{
      .e_sport a
    {
        font-size: 30px;
    }
    .letters form div input
    {
        padding: 15px 25px;
        width: 50%;
        margin-left: 10px;
    }
    .letters h1
    {
        font-size: 54px;
    }
   
    .letters div p:nth-child(1)
    {
        font-size: 25px;
        line-height: 35px;
         margin-bottom: 30px;
        margin-top: 0;
    }
    .info form div:nth-child(2)
    {
        margin-top: 40px;
    }
    .letters form button
    {
        font-size: 28px;
        margin-top: 80px;
    }
    .letters div img
    {
        width: 60%;
        height: 40%;
    }
     .e_sport > div:nth-child(2)
    {
        grid-template-columns: repeat(3, 550px);
        /* background: red; */
    }
      .e_sport > div div
    {
       
        height: 600px;
    }

}
@media(max-width:1840px)
{
    .letters div img
    {
        width: 50%;
        height: 30%;
    }
     .letters > div
    {
        align-items: center ;
        /* background: red; */
    }
}
/* Zppm Out 80% */
@media(max-width:1800px)
{
      .e_sport a
    {
        font-size: 27px;
    }
     .e_sport > div:nth-child(2)
    {
        grid-template-columns: repeat(3, 31%);
        /* background: green; */
    }
    .letters div img
{
    width: 20%;
    height: 10%;
    object-fit: contain;
}
     
   
    .letters > div
    {
        align-items: center ;
        /* background: red; */
    }
    .info
    {
        margin-top: 0px;
    }
    .info form div:nth-child(2)
    {
        margin-top: 20px;
    }
    .letters > div
    {
        width: 60%;
        margin-left: 10%;
    }
    .letters div p:nth-child(1)
    {
        width: 100%;
    }
     .letters form div input
    {
        padding: 15px 25px;
        width: 50%;
        margin-left: 10px;
    }
    .letters h1
    {
        font-size: 44px;
    }
    .letters div p:nth-child(1)
    {
        margin-bottom: 20px;
        margin-top: 0;
        /* color: red; */
        line-height: 32px;

    }
  
    .info form div:nth-child(2)
    {
        margin-top: 25px;
    }
    .letters form button
    {
        font-size: 25px;
        margin-top: 40px;
    }
    .letters div img
    {
        width: 50%;
        height: 40%;
    }
    .e_sport > div div
    {
        height: 550px;
    }
     .e_sport > div div .abs_img2 {
  
    left: 6px;
    top: 90px;
    }
     .e_sport > div div .abs_img {
  
    left: 10px;
    top: 90px;
    }
  /* .e_sport > div div .abs_img2
    {
     left: 20px;
    } */
       /* .e_sport > div:nth-child(2)
    {
        grid-template-columns: repeat(3, 550px);
        background: black;
    } */
   
}
@media(max-width:1700px)
{
      .e_sport h1
    {
        font-size: 65px;
    }
}
/* Zoom Out 90% */
@media(max-width:1500px) {

      .e_sport h1
    {
        font-size: 60px;
    }
     .e_sport a
    {
        font-size: 25px;
    }
    .letters > div
    {
        align-items: center ;
    }
    .info
    {
        margin-top: 0px;
    }
    .info form div:nth-child(2)
    {
        margin-top: 20px;
    }
    .letters > div
    {
        width: 60%;
        margin-left: 10%;
    }
    .letters div p:nth-child(1)
    {
        width: 100%;
         margin-bottom: 20px;
        margin-top: 0;
        /* color: red; */
        line-height: 32px;
        font-size: 20px;
    }
     .letters form div input
    {
        padding: 10px 25px;
        width: 60%;
        margin-left: 10px;
    }
    .letters h1
    {
        font-size: 30px;
    }

  
    .info form div:nth-child(2)
    {
        margin-top: 25px;
    }
    .letters form button
    {
        font-size: 25px;
        margin-top: 40px;
    }
    .letters div img
    {
        width: 48%;
        height: 50%;
    }
 .e_sport > div:nth-child(2)
    {
        grid-template-columns: repeat(3, 31%);
        /* background: burlywood; */
    }
  
    .letters>div {
        align-items: start;
    }

    .info {
        margin-top: 0px;
    }

     .e_sport > div div .abs_img2,
    .e_sport > div div .abs_img1,
    .e_sport > div div .abs_img
    {
     width: 70px;
     height: 70px !important;
    }
     .e_sport > div div .abs_img
     {
        top: 100px;
        left: 10px;
     }
    .e_sport > div div .abs_img2
    {
  
        left: 6px;
        top: 80px;
    }
    .e_sport > div div .valorant_img,
    .e_sport > div div .bellingham_img
    {
        transform: translateY(-79px);
    }

}
@media(max-width:1450px)
{
    .letters>div div:nth-child(2) {
    margin-top: 20px;
}
}
/* @media(max-width:1480px) {
 .e_sport > div:nth-child(2)
    {
        grid-template-columns: repeat(3, 31%);
        background: black;
    }
    .e_sport>div div .abs_img2 {
        left: 20px;

    }
} */

/* Norma 100% */

@media(max-width:1300px) {
      .e_sport h1
    {
        font-size: 55px;
    }
      .e_sport a
    {
        font-size: 22px;
    }
 .e_sport > div:nth-child(2)
    {
        grid-template-columns: repeat(3, 31%);
        /* background: rebeccapurple; */
    }
    .e_sport>div div {
        height: 450px;
    }
      .letters > div
    {
        align-items: center ;
    }
    .info
    {
        margin-top: 0px;
    }
    .info form div:nth-child(2)
    {
        margin-top: 20px;
    }
    .letters > div
    {
        width: 60%;
        margin-left: 10%;
    }
    .letters div p:nth-child(1)
    {
        width: 100%;
         margin-bottom: 20px;
        margin-top: 0;
        /* color: red; */
        line-height: 32px;
        font-size: 20px;
    }
     .letters form div input
    {
        padding: 10px 25px;
        width: 60%;
        margin-left: 10px;
    }
    .letters h1
    {
        font-size: 30px;
    }

  
    .info form div:nth-child(2)
    {
        margin-top: 25px;
    }
    .letters form button
    {
        font-size: 18px;
        margin-top: 40px;
    }
    .letters div img
    {
        width: 52%;
        height: 52%;
    }
    .e_sport > div div .abs_img
    {
        top: 90px;
    }


}

@media(max-width:1200px) {
    .info {
        margin-top: 20px;
    }

    .oragnize h1,
    .oragnize_slider h1 {
        font-size: 45px;
    }

    .e_sport>div div {
        height: 420px;
    }


}


@media(max-width:1030px) {
   .e_sport > div:nth-child(2)
    {
        grid-template-columns: 40% 40%;
        justify-content: space-around;
        row-gap: 90px;
    }
   
   .e_sport > div div .abs_img {
        top: 95px;
        left: 13px;
    }
    .letters div p:nth-child(1)
    {
        font-size: 18px;
        margin-top: 0;
    }
    .letters div img
    {
        height: 80%;
        width: 70%;
    }
   .e_sport > div div .abs_img2 {
  
    left: 16px;
    top: 106px;
}
    .e_sport > div div .valorant_img {
        height: 122%;
        transform: translateY(-51px);
    }
    .e_sport > div div
    {
        height: 480px;
    }
}

@media(max-width:1000px) {
    .e_sport>div:nth-child(2) {
        grid-template-columns: 45% 45%;
        margin-top: 70px;
        row-gap: 80px;
    }

    header {
        flex-direction: column;
        justify-content: start;
        flex-wrap: wrap;
    }

    header .logo_cont {
        column-gap: 0;
    }

    header .left_side {
        justify-content: space-between;
    }

    header .left_side>div {
        width: 25%;
    }

    header .left_side>p {
        width: 35%;
    }

    header .left_side .date,
    header .left_side .place {
        flex-direction: row;
        flex-wrap: wrap;
        column-gap: 3px;
        margin: 0;
        text-align: center;
        justify-content: center;
    }

    header .right_side {
        justify-content: center;
    }

}

@media(max-width:950px) {
  
    .e_sport > div div .valorant_img, .e_sport > div div .bellingham_img {
        transform: translateY(-75px);
    }

    .e_sport > div div {
        height: 400px;
    }
    .e_sport > div div .yasou_img {
        height: 115%;
    }
   .letters div p:nth-child(1)
    {
        margin-top: 20px;
    }
   .e_sport h1
   {
    font-size: 45px;
   }

    .letters>div div:nth-child(2) {
     
        margin-right: 10%;
    }
    .oragnize div {
        grid-template-columns: 30% 30%;
        gap: 20px 100px;
        align-items: center;
        justify-content: center;

    }

    .letters div p:nth-child(1) {
        width: 100%;
    }

    .letters div p span:nth-child(2) {
        width: 200px;
    }

    .newsletter_text_ar {
        width: 100% !important;
    }

    .letters div img {
        width: 50%;
        height: 50%;
        object-fit: contain;
    }

    .info {
        margin-top: 0;
    }

    header .left_side .logo {
        display: none;
    }
    header 
    {
                padding-bottom:  40px;

    }
    header .left_side
    {
        align-items: center;
        /* padding-bottom:  40px; */
    }
    .letters > div {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 80%;
        margin-left: 15%;
    }
    header .left_side .date, header .left_side .place
    {
        /* flex-direction: column; */
        font-size: 17px;
    }

    .letters>div>div {
        width: 60%;
    }

    .letters .image {
        justify-content: start;
    }

     .e_sport > div div .abs_img
    {
        top: 93px;
    }
        .e_sport > div div .abs_img2 {
        left: 9px;
        top: 114px;
        }
    .e_sport > div div img,
    .e_sport > div div .valorant_img
    {
        height: 114%;
    }
    .e_sport > div div .valorant_img
    {
        transform: translateY(-44px);
    }
    .e_sport > div div .abs_img2,
     .e_sport > div div .abs_img1,
      .e_sport > div div .abs_img
     {
        width: 60px;
        height: 60px !important;
    }

}

@media(max-width:700px) {


      .e_sport > div:nth-child(2)
    {
        grid-template-columns: 80%;
       justify-content: center;
    }
    .e_sport h1
    {
        width:100%;
        margin-left: 0%;
        font-size: 30px;
        text-align: center;
    }
    .e_sport > div div img, .e_sport > div div .valorant_img {
        height: 119%;
    }

    .oragnize {
        display: none;
    }

    .oragnize div {
        grid-template-columns: 60%;
        row-gap: 30px;


    }

    .oragnize_slider {
        display: block;
    }

    .letters>div {
        grid-template-columns: 80%;
        row-gap: 30px;
        align-items: center;
        justify-content: center;
    }

    .letters>div>div {
        width: 80%;
    }

    .letters div:nth-child(1) {
        justify-content: start;
    }

    .letters div p:nth-child(1) {
        width: 100%;
        font-size: 14px;
        font-weight: normal;
        margin-bottom: 20px;
        margin-top: 0;
        text-align: start;
    }

    header {
        padding-bottom: 50px;
    }

    header .left_side>p {
        width: 100%;
        margin-left: 0%;
        align-items: center;
        justify-content: center;
        margin-top: 10px !important;
    }

    header .right_side {
        margin-top: 20px;
        display: none;
    }

    header .left_side {
        flex-wrap: wrap;
    }

    .right_side_h {
        width: 40% !important;
    }

    .list_icon {
        display: block;
    }

    .letters div p:nth-child(2),
    .letters div p:nth-child(3) {
        flex-direction: column;
        row-gap: 5px;
        align-items: start;
        margin-top: 10px;
    }



}

@media(max-width:500px) {

    .play_games h1 {
        font-size: 25px;
    }

    header .left_side .logo span:nth-child(1),
    header .left_side .logo span:nth-child(2) {
        font-size: 18px;
    }

    header .left_side .logo span:nth-child(3) {
        font-size: 5px;
    }

    .letters div:nth-child(1) {
        justify-content: start;
    }

    .letters .image {
        justify-content: center !important;
        width: 100%;

    }
.hero_section2
{
    position: relative;
    z-index: -1;
}
  
    header .logo_cont {
        align-items: center;
    }
     header .left_side 
     {
        padding: 15px 0 0 0 ;
     }
    header .left_side .logo_cont
    {
        width: 30%;
    }
    .letters form div input
    {
        width: 80%;
    }

}

@media(max-width:400px) {

    header {
        padding: 0 5px 50px;
    }

    .e_sport>div:nth-child(2) {
        grid-template-columns: 95%;
        justify-content: center;
        width: 90%;
        margin: 70px 5% 0;
    }

    .e_sport h1 {
        width: 100%;
        margin-left: 0%;
        font-size: 22px;
        text-align: center;
    }

    .oragnize h1,
    .oragnize_slider h1 {
        font-size: 30px;
    }

    .letters>div {
        grid-template-columns: 95%;
    }

    .letters h1 {
        font-size: 25px;
    }

    .letters div p:nth-child(1) {
        font-size: 18px;
    }

    header .left_side>div {
        width: 35%;
    }

    .swiper-slide img {
        width: 90%;
        margin-left: 5%;
    }





    .letters div p:nth-child(1) {
        /* text-align: center; */
        font-size: 15px;
    }

    .letters div p:nth-child(2),
    .letters div p:nth-child(3) {
        margin-bottom: 30px;
    }

    .letters>div>div {
        width: 100%;
    }

    .letters form div input {
        width: 50%;
    }

    .e_sport>div div .abs_img {
        left: 23px;
        top: 84px;
    }

    .e_sport>div div .abs_img1 {
        bottom: -37px;
    }

    .e_sport>div div .valorant_img {
        height: 117%;
    }

    .e_sport>div div .abs_img {
        left: 20px;
        top: 95px;
    }
}


@media(max-width:350px) {
    .letters>div {
        width: 90%;
        margin-left: 5%;
    }

   .e_sport > div div
    {
        height: 370px;
    }
       .e_sport > div div .abs_img2 {
  
            left: 7px;
        top: 99px;
}
.bellingham_img {
        transform: translateY(-36px);
        height: 105%;
    }
    .e_sport > div div .abs_img {
        left: 8px;
        top: 104px;
    }
.e_sport > div div .abs_img, 
.e_sport > div div .abs_img2,
.e_sport > div div .abs_img1{
            width: 50px;
        height: 50px !important;
    }


}

/* ====================card game ============= */
.card_game {
    background-color: var(--bck_color);
}

.card_game .card_game_cont {
    width: 90%;
    margin-left: 5%;
    display: grid;
    grid-template-columns: 55% 44%;
    justify-content: center;
    align-items: start;
    padding: 0 0 70px 0;
    column-gap: 1%;
}

.card_game .card_game_cont img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    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%); */
}

.card_game .card_game_cont .img_parent {
    overflow: hidden;
    /* clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%); */
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    /* border-top-right-radius: 20% 100%;
    border-bottom-right-radius: 10% 0%; */
    border-top-right-radius: 40% 100%;
    border-bottom-right-radius: 0% 0%;
    /* direction: ltr;  */
    /* transform: translateY(-40px); */
    position: relative;
}

.card_game .card_game_cont .main_img {
    position: relative;
}

.card_game .card_game_cont .main_img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    /* border-top-right-radius: 20% 100%;
    border-bottom-right-radius: 10% 0%; */
    border-top-right-radius: 40% 100%;
    border-bottom-right-radius: 0% 0%;
    background: linear-gradient(45deg, var(--title_color) 0%, #0d0d41b8 75%);

    /* border-radius: 50px; */
    /* border-top-right-radius: 20px; */
    /* clip-path: polygon(0 0, 68% 0, 100% 66%, 100% 101%, 0 100%);  */
    /* background: linear-gradient(90deg, var(--title_color) 0% , var(--title_color)30%, var(--text_color) 10%); */
    opacity: .6;
    z-index: 4;
}

.card_game .card_game_cont a {
    background: var(--background_buttons);
    outline: none;
    border: none;
    border-radius: 30px;
    text-align: center;
    font-size: 20px;
    font-family: var(--sora_extrabold);
    font-weight: bold;
    padding: 15px 30px;
    position: absolute;
    bottom: 50px;
    left: 90px;
    text-transform: uppercase;
    color: var(--text_color);
    z-index: 8;
}

.card_game .card_game_cont .text {
    font-family: var(--main-font);
    margin-top: 80px;
}

.card_game .card_game_cont .text h1 {
    color: var(--text_color);
    font-size: 47px;
    font-weight: 700;
    width: 100%;
    direction: rtl;
    color: var(--neon);
    ;
    font-family: var(--font_noor_bold);

}

.card_game .card_game_cont .text h1 span {
    color: var(--text_color);
}

.card_game .card_game_cont .text p {
    direction: rtl;
    color: var(--text_color);
    font-size: 35px;
    /* font-weight: bold; */
    line-height: 39px;
    width: 90%;
    margin-left: 10%;
    font-family: var(--font_noor_light);
}

/* =============== Arabic = =========== */
.card_game_ar {
    background-color: var(--bck_color);
}

.card_game_ar .card_game_cont {
    width: 90%;
    margin-left: 5%;
    display: grid;
    grid-template-columns: 55% 47%;
    justify-content: center;
    align-items: start;
    padding: 0 0px 70px 0;
    /* column-gap: 1%; */
}

.card_game_ar .card_game_cont img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 0 65%;

}

.card_game_ar .card_game_cont .img_parent {
   overflow: hidden;
    /* clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%); */
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    /* border-top-right-radius: 20% 100%;
    border-bottom-right-radius: 10% 0%; */
    border-top-right-radius: 40% 100%;
    border-bottom-right-radius: 0% 0%;
    /* direction: ltr;  */
    /* transform: translateY(-40px); */
    height: 600px;
}

.card_game_ar .card_game_cont .main_img,
.card_game_cont .img_parent
 {
    position: relative;
     height: 600px;
}

.card_game_ar .card_game_cont .main_img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, var(--title_color) 0%, #0d0d41b8 60%);
    /* background: linear-gradient(90deg, var(--title_color) 0% , var(--title_color)30%, var(--text_color) 10%); */
    opacity: .6;
}

.card_game_ar .card_game_cont a {
    background: var(--background_buttons);
    outline: none;
    border: none;
    border-radius: 30px;
    text-align: center;
    font-size: 20px;
    font-family: var(--sora_extrabold);
    font-weight: bold;
    padding: 15px 30px;
    position: absolute;
    bottom: 50px;
    left: 90px;
    text-transform: uppercase;
    color: var(--text_color);
    z-index: 8;
}

.card_game_ar .card_game_cont .text {
    font-family: var(--main-font);
    margin-top: 30px;
    position: relative;
}

.card_game_ar .card_game_cont .text h1 {
    /* color: var(--text_color); */
    font-size: 50px;
    font-weight: 700;
    width: 100%;
    direction: ltr;
    color: var(--neon);
    margin-left: 0%;
    font-family: var(--sora_extrabold);
    margin-bottom: 5px;


}

.card_game_ar .card_game_cont .text h1 span {
    color: white;
}



.card_game_ar .card_game_cont .text div h1:nth-child(2) {
    margin-left: 5%;
    margin-top: 5px;
}

  .card_game_ar .card_game_cont .text p
    {
        transform: translateX(-50px);
        font-size: 25px;
        margin-top: 0;
        margin-bottom: 10px;
        color: var(--text_color);
    }
    
    .card_game_ar .card_game_cont .text p:nth-child(2) {
       margin-top: 30px;
    }

    .card_game_ar .card_game_cont .text p:nth-child(3) {
       transform: translateX(-40px);
    }

    .card_game_ar .card_game_cont .text p:nth-child(4) {
          transform: translateX(-30px);
    }

    .card_game_ar .card_game_cont .text p:nth-child(5) {
     transform: translateX(-20px);
    }

    .card_game_ar .card_game_cont .text p:nth-child(6) {
         transform: translateX(-15px);
    
    }

    .card_game_ar .card_game_cont .text p:nth-child(7) {
       transform: translateX(-10px);
    }

    .card_game_ar .card_game_cont .text p:nth-child(8) {
     transform: translateX(-5px);
    }

    .card_game_ar .card_game_cont .text p:nth-child(9) {
     transform: translateX(0px);
    }

.card_game_ar .card_game_cont .text h1 span {
    color: white;
}

.card_game_ar .card_game_cont .text p {
    direction: ltr;
    color: var(--text_color);
    font-size: 35px;
    /* font-weight: bold; */
    line-height: 32px;
    width: 100%;
    /* margin-left: 0%; */
    /* margin-top: 0; */
    /* margin-bottom: 9px; */
    font-family: var(--sora_font);

}
.card_game_ar .card_game_cont .text div
{
    transform: translateX(-100px);
}
@media(max-width:2200px)
{
    .card_game_ar .card_game_cont .text
    {
        transform: translateX(20px);
    }
    .card_game .card_game_cont .main_img,
    .card_game .card_game_cont .img_parent
    {
        height: 600px;
        /* background: red; */
    }
    .card_game .card_game_cont .main_img img
    {
       object-position: 0 62%;
    }
    .card_game .card_game_cont .text h1
    {
        font-size: 60px;
    }
    .card_game .card_game_cont .text p
    {
        font-size: 36px;
        line-height: 52px;
        width: 85%;
        /* color: red; */
        margin: 0;
        direction: rtl;
        margin-left: 15%;
    }
     .card_game .card_game_cont a,
     .card_game_ar .card_game_cont a
    {
        left: 80px;
        font-size: 31.5px;
        bottom: 50px;
        
    }
        .card_game_ar .card_game_cont .text div
    {
        transform: translateX(-120px);
        /* background-color: red; */
    }

}
@media(max-width:2000px)
{
    .card_game .card_game_cont .main_img,
    .card_game .card_game_cont .img_parent
    {
        height: 580px;
        /* background: red; */
    }
    
    .card_game .card_game_cont .text h1
    {
        font-size: 52px;
    }
   
      .card_game .card_game_cont a,
      .card_game_ar .card_game_cont a
    {
        left: 80px;
        font-size: 30px;
        bottom: 20px;
    }
    .card_game_ar .card_game_cont .text div
    {
        transform: translateX(-100px);
    }
   
}

@media(max-width:1850px)
{
    .card_game .card_game_cont .main_img,
    .card_game .card_game_cont .img_parent
    {
        height: 550px;
        /* background: red; */
    }
    .card_game .card_game_cont .main_img img
    {
       object-position: 0 55%;
    }
    .card_game .card_game_cont .text h1
    {
        font-size: 50px;
        width: 100%;
    }
    .card_game .card_game_cont .text p
    {
        font-size: 36px;
        line-height: 52px;
        width: 85%;
        /* color: red; */
        margin: 0;
        direction: rtl;
        margin-left: 15%;
    }
     .card_game .card_game_cont a,
     .card_game_ar .card_game_cont a
    {
        left: 80px;
        font-size: 30px;
        bottom: 20px;
    }
     
}
@media(max-width:1800px)
{
    .card_game .card_game_cont .main_img,
    .card_game .card_game_cont .img_parent
    {
        height: 440px;
        /* background: red; */
    }
    .card_game .card_game_cont .main_img img
    {
       object-position: 0 55%;
    }
    .card_game .card_game_cont .text h1
    {
        font-size: 43px;
        width: 100%;
    }
    .card_game .card_game_cont .text p
    {
        font-size: 26px;
        line-height: 40px;
        width: 90%;
        /* color: red; */
        margin: 0;
        direction: rtl;
        margin-left: 10%;
    }
     .card_game .card_game_cont a,
     .card_game_ar .card_game_cont a
    {
       
        font-size: 27px;
        bottom: 20px;
    }
     .card_game .card_game_cont .text
    {
        margin-top: 40px;
    }
    .card_game_ar .card_game_cont .text p
    {
        font-size: 25px;
    }
    .card_game_ar .card_game_cont .text h1
    {
        font-size: 40px;
    }
}
@media(max-width:1500px)
{
   
    .card_game .card_game_cont a,
    .card_game_ar .card_game_cont a
    {
        left: 50px;
        bottom: 10px;
    }
    .card_game .card_game_cont .main_img,
    .card_game .card_game_cont .img_parent
    {
        height: 380px;
        /* background: red; */
    }
    .card_game .card_game_cont .text h1
    {
        font-size: 39px;
    }
    .card_game .card_game_cont .text p
    {
        font-size: 24px;
        line-height: 35px;
     
    }
    .card_game .card_game_cont .text
    {
        margin-top: 10px;
    }
     .card_game .card_game_cont a,
     .card_game_ar .card_game_cont a
    {
        left: 80px;
        font-size: 20px;
        bottom: 20px;
    }
     .card_game_ar .card_game_cont .text p
    {
        font-size: 25px;
        line-height: 20px;
    }
    .card_game_ar .card_game_cont .text h1
    {
        font-size: 40px;
    }
    
}
@media(max-width:1440px)
{
    .card_game .card_game_cont .main_img, .card_game .card_game_cont .img_parent
    {
        height: 387px;
    }
    .card_game .card_game_cont .text p 
    {
   font-size: 32px;
   line-height: 39px;
    }
    .card_game_ar .card_game_cont .text
    {
        transform: translateX(15px);
    }
    .card_game_ar .card_game_cont .text div
    {
        transform: translateX(-102px);
    }
    .card_game_ar .card_game_cont .main_img, .card_game_ar .card_game_cont .img_parent
    {
        height: 500px;
    }

}
@media(max-width:1439px) {
    .card_game_ar .card_game_cont .text p {
        /* left: -60px;
        top: 130px; */
        margin-left: 10px;
      
    }

   
    
}

@media(max-width:1300px)
{
    .card_game_ar .card_game_cont .main_img, .card_game_ar .card_game_cont .img_parent
    {
        height: 450px;
    }
    .card_game .card_game_cont a,
    .card_game_ar .card_game_cont a
    {
        left: 50px;
        bottom: 10px;
        font-size: 18px;
        padding: 7px 20px;
        
    }
  
    .card_game .card_game_cont .text h1
    {
        font-size: 35px;
        line-height: 52px;
    }
    .card_game .card_game_cont .text p
    {
        font-size: 25px;
        line-height: 33px;

     
    }
    .card_game .card_game_cont .text
    {
        margin-top: 10px;
    }
    .card_game_ar .card_game_cont .text h1
    {
    font-size: 35px;
    width: 100%;
    margin: 0;
    /* color: red; */
    /* letter-spacing: 1px; */
   
    transform: translateX(-80px);
    }
    .card_game_ar .card_game_cont .text h1 span 
    {
        margin-right: 5px;
        /* color: red; */
    }
   
    .card_game_ar .card_game_cont .text p
    {
        transform: translateX(-50px);
        font-size: 25px;
        margin-top: 0;
        margin-bottom: 10px;
        /* color: white; */
        /* color: rebeccapurple; */
    }
    
    .card_game_ar .card_game_cont .text p:nth-child(2) {
       margin-top: 30px;
    }

    .card_game_ar .card_game_cont .text p:nth-child(3) {
       transform: translateX(-40px);
    }

    .card_game_ar .card_game_cont .text p:nth-child(4) {
          transform: translateX(-30px);
    }

    .card_game_ar .card_game_cont .text p:nth-child(5) {
     transform: translateX(-20px);
    }

    .card_game_ar .card_game_cont .text p:nth-child(6) {
         transform: translateX(-15px);
    
    }

    .card_game_ar .card_game_cont .text p:nth-child(7) {
       transform: translateX(-10px);
    }

    .card_game_ar .card_game_cont .text p:nth-child(8) {
     transform: translateX(-5px);
    }

    .card_game_ar .card_game_cont .text p:nth-child(9) {
     transform: translateX(0px);
    }
    .card_game_ar .card_game_cont .text div
    {
        transform: translateX(-10px);
    }

    
}

@media(max-width:1030px) {

    .card_game_ar .card_game_cont .text div {
         font-size: 35px;
    }

    .card_game_ar .card_game_cont .text p {
        margin-left: 0px;
        margin-top: 0;
    }

    .card_game_ar .card_game_cont {
        grid-template-columns: 62% 37%;
    }

    .card_game .card_game_cont .text h1 {
        font-size: 27px;
        margin-bottom: 0;
        /* color: red; */
    }

    .card_game .card_game_cont .text p {
        font-size: 25px;
    }

    /*  */
    .card_game_ar .card_game_cont .text h1 {
        font-size: 23px;
    }
    .card_game_ar .card_game_cont .main_img, .card_game_ar .card_game_cont .img_parent
    {
        height: 360px;
    }
    .card_game_ar .card_game_cont .text p {
        font-size: 17px;
        /* margin-left: 10%; */
        margin-bottom: 5px;
    }

    .card_game .card_game_cont .text {
        margin-top: 15px;
    }
    .card_game .card_game_cont .main_img, .card_game .card_game_cont .img_parent
    {
        height: 355px;
    }
    .card_game .card_game_cont .main_img img {
        object-position: 0 68%;
    }

    .card_game_ar .card_game_cont .text div h1:nth-child(2) {
        margin-left: 2%;
    }

    .card_game_ar .card_game_cont .text div {
       transform: translateX(-2px);
    }

 

}

@media(max-width:800px) {
     .card_game_ar .card_game_cont .text p
    {
        transform: translateX(-50px);
        font-size: 25px;
        margin-top: 0;
        margin-bottom: 10px;
        /* color: white; */
    }
    .card_game_ar .card_game_cont .text div,
    .card_game_ar .card_game_cont .text h1,
    .card_game_ar .card_game_cont .text
    {
        transform: translateX(0);
    }
    .card_game_ar .card_game_cont .text p:nth-child(2) {
       margin-top: 30px;
       transform: translateX(0);
    }

    .card_game_ar .card_game_cont .text p:nth-child(3) {
       transform: translateX(0px);
    }

    .card_game_ar .card_game_cont .text p:nth-child(4) {
          transform: translateX(0px);
    }

    .card_game_ar .card_game_cont .text p:nth-child(5) {
     transform: translateX(0px);
    }

    .card_game_ar .card_game_cont .text p:nth-child(6) {
         transform: translateX(0px);
    
    }

    .card_game_ar .card_game_cont .text p:nth-child(7) {
       transform: translateX(0px);
    }

    .card_game_ar .card_game_cont .text p:nth-child(8) {
     transform: translateX(0px);
    }

    .card_game_ar .card_game_cont .text p:nth-child(9) {
     transform: translateX(0px);
    }

    .card_game .card_game_cont .main_img, .card_game .card_game_cont .img_parent {
        height: 400px;
    }
    .card_game .card_game_cont .text h1 
    {
        font-size: 30px;
    }
    .card_game .card_game_cont img,
    .card_game_ar .card_game_cont img {
        height: 100%;
    }

    .card_game .card_game_cont,
    .card_game_ar .card_game_cont {
        grid-template-columns: 80%;
        justify-content: center;
    }

    .card_game_ar .card_game_cont .text p {
        margin-left: 0;
        font-size: 18px;
    }
    .card_game .card_game_cont .text p
    {
        font-size: 22px;
        line-height: 30px;
    }
    .card_game_ar .card_game_cont .text h1 {
        width: 100%;
        margin-left: 0;
    }

    .card_game .card_game_cont .text {
        margin: 20px 0;
    }

    .card_game_ar .card_game_cont .text div {
        position: relative;
        left: unset;
        top: unset;

    }

    .card_game_ar .card_game_cont .text p {
        position: relative;
        top: unset !important;
        left: unset !important;
        font-size: 18px;
        margin-bottom: 10px;
    }

    .card_game_ar .card_game_cont .text div h1:nth-child(2) {
        margin-left: 0;
        margin-bottom: 20px;
    }

    .card_game_ar .card_game_cont .text h1
    {
        font-size: 25px;
    }
    .card_game_ar .card_game_cont .text p
    {
        font-size: 17px;
        display: inline;
        line-height: 29px;
    }
}

@media(max-width:500px) {
    .card_game_ar .card_game_cont .text div h1:nth-child(2)
    {
        margin-top: 10px;
    }
    .card_game_ar .card_game_cont .text p:nth-child(2)
    {
        margin-top: 25px;
    }
    .card_game .card_game_cont,
    .card_game_ar .card_game_cont {
        grid-template-columns: 100%;
        justify-content: center;
    }

    .card_game_ar .card_game_cont {
        width: 90%;
        margin: 0 5%;
        padding: 0 0 70px 0;
    }

    .card_game .card_game_cont .text h1 {
        font-size: 25px;

    }

    .card_game_ar .card_game_cont .text h1 {
        font-size: 18px;

    }

    .card_game_ar .card_game_cont .text h1 {
        width: 100%;
        margin-left: 0%;
    }

    .card_game .card_game_cont .text p {
        font-size: 18px;
        line-height: 28px;

    }

    .card_game_ar .card_game_cont .text p {
        font-size: 14px;

    }

    .card_game_ar .card_game_cont .text p {
        margin-left: 0%;
        margin-bottom: 1px;
    }

    .card_game_ar .card_game_cont a,
    .card_game .card_game_cont a, 
    .card_game_ar .card_game_cont a {
        font-size: 16px;
        padding: 6px 25px;
        left: 10px;
        bottom: 25px;
    }

    .card_game .card_game_cont .img_parent {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
        border-bottom-right-radius: 0 0%;
        border-top-right-radius: 0% 0%;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        /* border-radius: 0; */
    }

    .card_game .card_game_cont .main_img::after {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
        border-bottom-right-radius: 0 0%;
        border-top-right-radius: 0% 0%;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }

    .card_game_ar .card_game_cont .img_parent {
        /* overflow: hidden; */
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        border-top-right-radius: 0% 0%;
        border-bottom-right-radius: 0% 0%;
        /* direction: ltr;  */
        /* transform: translateY(-40px); */
        position: relative;
    }
}

@media(max-width:400px) {

    .card_game .card_game_cont,
    .card_game_ar .card_game_cont {
        width: 94%;
        margin: 0 3%;
    }

    .card_game .card_game_cont .text h1 {
        font-size: 20px;
    }

    .card_game_ar .card_game_cont .text h1 {
        font-size: 18px;
        line-height: 32px;
    }

    .card_game .card_game_cont .text p {
        font-size: 16px;
        font-weight: normal;
        line-height: 28px;
    }

    .card_game_ar .card_game_cont .text p {
        font-size: 14px;
        font-weight: normal;
    }

    .card_game .card_game_cont .text {
        /* padding: 0 10px; */
    }
}

/* ===========mobile  */
.mobile {
    background-color: var(--bck_color);
    padding: 0 0 70px 0;
}

.mobile_cont {
    display: grid;
    grid-template-columns: 40% 60%;
    justify-content: center;
    width: 90%;
    margin-left: 5%;
background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
}
.mobile .mobile_cont .main_img::after {
   content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: linear-gradient(to right, transparent, rgba(150, 0, 200, 0.55) 99%); */
    opacity: .5;
}

.mobile_cont .text {
    direction: rtl;
    padding-top: 70px;
    position: relative;
    transform: translateX(15px);
    z-index: 7;
  /* background: linear-gradient(to right, #160b46); */
  height: 100%;


}

.mobile .mobile_cont .text h1 span {
    color: #00ff00;
}

.mobile .mobile_cont .text h1 {
    color: white;
    font-size: 45px;
    font-weight: 700;
    width: 80%;
    direction: rtl;
    /* margin-left: 10%; */
    line-height: 51px;
    font-family: var(--font_noor_bold);



}

.mobile .mobile_cont .text p {
    font-size: 30px;
    color: var(--text_color);
    margin-bottom: 0;
    font-weight: normal;
    font-family: var(--font_noor_light);
    line-height: 35px;

}

.mobile .mobile_cont img {
    width: 100%;
    height: 100%;
      z-index: -1;
    object-fit: cover;
    object-position: 90%;
    /* border-bottom-right-radius: 20px; */
    /* border-top-right-radius: 20px; */
}

.mobile .mobile_cont .a_parent {
    margin-top: 0px;
    display: flex;
    align-items: start;
    justify-content: end;
}

.mobile .mobile_cont a {
    background: var(--background_buttons);
    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;
    text-transform: uppercase;
    color: var(--text_color);
}

.mobile .mobile_cont .main_img {
    position: relative;
}



@media(max-width:2200px) {
    .mobile .mobile_cont .text h1 {
        font-size: 60px ;
        width: 100%;
        line-height: 70px;
    }
    .mobile .mobile_cont .text p
    {
         /* line-height: 72px; */
    }
    .mobile .mobile_cont .text p {
        font-size: 36px ;
        line-height: 52px;
        width: 90%;
        /* color: red; */
    }
    .mobile_cont .text
    {
        padding-top: 30px;
    }
  .mobile .mobile_cont a
  {
    font-size: 31.5px;
  }
     .mobile .mobile_cont .main_img img
     {
        height: 100%;
     }
    .mobile .mobile_cont .main_img 
    {
        height: 650px;
       
    }

}
@media(max-width:2000px) {
    .mobile .mobile_cont .text h1 {
          
      
        line-height: 80px;
    }
   .mobile .mobile_cont a
   {
    font-size: 30px;
   }

}

@media(max-width:1850px) {
    .mobile .mobile_cont .text h1 {
        font-size: 50px ;
     
      
    }
    .mobile .mobile_cont .text p {
        font-size: 30px ;
      
    }

    .mobile .mobile_cont .main_img 
    {
        height: 650px;
        
    }

}
@media(max-width:1800px) {
    .mobile .mobile_cont .text h1 {
        font-size: 45px ;
        line-height: 66px;
      
    }
    .mobile .mobile_cont a
    {
        font-size: 27px;
    }
    .mobile .mobile_cont .text p {
        font-size: 26px ;
        line-height: 38px;
      
    }

    .mobile .mobile_cont .main_img 
    {
        height: 580px;
        
    }

}
@media(max-width:1500px) {
     .mobile .mobile_cont .text h1 
     {
        line-height: 68px;
     }
   .mobile .mobile_cont a
    {
        font-size: 20px;
    }
    .mobile .mobile_cont .text p {
        font-size: 24px ;
        width: 100%;
        line-height: 32px;
      
    }

    .mobile .mobile_cont .main_img 
    {
        height: 570px;
        
    }
    .mobile .mobile_cont a
    {
        margin-top: 14px;
    }

}
@media(max-width:1440px)
{
    .mobile .mobile_cont .main_img {
        height: 480px;
    }
    .mobile .mobile_cont .text h1 {
        line-height: 57px;
    }
    .mobile .mobile_cont .text p {
        font-size: 28px;
    }
    .mobile .mobile_cont a {
        margin-top: 20px;
    }
}
@media(max-width:1300px) {
    .mobile .mobile_cont a
    {
        font-size: 18px;
        margin-top: 50px;
    }
    .mobile .mobile_cont .text h1 {
        font-size: 35px;
        line-height: 52px;
    }

    .mobile .mobile_cont .text p {
        font-size: 25px;
    }
     .mobile .mobile_cont .main_img 
    {
        height: 470px;
        
    }
     .mobile .mobile_cont a
    {
        margin-top: 30px;
    }
  

}
@media(max-width:1030px)
{
   
    .mobile .mobile_cont img {
    width: 100%;
    height: 100%;
      z-index: -1;
    object-fit: cover;
    object-position: unset;
    /* border-bottom-right-radius: 20px; */
    /* border-top-right-radius: 20px; */
}
        .mobile .mobile_cont .text h1 {
            font-size: 30px;
            line-height: 37px;
        }

        .mobile .mobile_cont .text p {
        font-size: 22px;
        width: 100%;
    }
    .mobile .mobile_cont .main_img {
        height: 442px;
    }
}
@media(max-width:800px) {
     .mobile .mobile_cont .main_img 
    {
        height: 400px;
        
    }

    .mobile .mobile_cont img,
    .mobile_ar .mobile_cont img {
        height: 100%;
    }

    .mobile .mobile_cont {
        display: flex;
        flex-direction: column-reverse;

        align-items: center;
        background: var(--bck_color);

    }

    .mobile .mobile_cont .text h1 {
        font-size: 30px;
    }

    .mobile .mobile_cont>div {
        width: 80%;
    }.mobile .mobile_cont a
    {
        margin-top: 30px;
        font-size: 18px;
    }

    .mobile_cont .text {
        transform: translateX(0);
        margin-top: 20px;
    }
     .mobile .mobile_cont .text p {
       
        line-height: 32px;
    }
}
   
@media(max-width:500px) {
    .mobile .mobile_cont>div {
        width: 100%;

    }

    .mobile .mobile_cont .text h1 {
        font-size: 25px;
        width: 100%;
        line-height: 32px;
    }

    .mobile .mobile_cont .text p {
        font-size: 18px;
        line-height: 26px;
    }

    .mobile .mobile_cont .a_parent {
        margin-top: 0px;
    }
    .mobile .mobile_cont a 
    {
        margin-top: 20px;
    }
    .mobile .mobile_cont a {
        font-size: 16px;
    }
}

@media(max-width:400px) {

    .mobile .mobile_cont a {
        font-size: 16px;
        margin-top: 20px;
        padding: 10px 40px;
    }

    .mobile .mobile_cont .text h1 {
        font-size: 20px;
       width: 90%;
        line-height: 29px;
    }

    .mobile .mobile_cont .text p {
        font-size: 16px;
    }
}

@media(max-width:350px) {
    .mobile .mobile_cont {
        width: 94%;
        margin: 0 3%;
    }

    .mobile .mobile_cont .a_parent {
        margin-top: 0px;
    }
        .mobile .mobile_cont .text p {
      
        line-height: 24px;
        }
}

/* ===========mobile ar===========  */
.mobile_ar {
    background-color: var(--bck_color);
    padding: 0 0 70px 0;
}

.mobile_ar .mobile_cont {
    display: grid;
    grid-template-columns: 40% 60%;
    justify-content: center;
    width: 90%;
    margin-left: 5%;
    background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);

}

.mobile_ar .mobile_cont .text {
    direction: ltr;
    margin-top: 70px;
    position: relative;
    transform: translateX(80px);
    z-index: 2;


}

.mobile_ar .mobile_cont .main_img {
    position: relative;
    height: 860px;
}

.mobile_ar .mobile_cont .text h1 span {
    color: #00ff00;
}

.mobile_ar .mobile_cont .text h1 {
    color: white;
    font-size: 67px;
      line-height: 72px;
    font-weight: 700;
    width: 100%;
    direction: ltr;
    margin-left: 0%;
    font-family: var(--sora_font);

  


}

.mobile_ar .mobile_cont .text p {
    font-size: 40px;
    line-height: 55px;
    color: var(--text_color);

    font-weight: normal;
    font-family: var(--sora_font);

    margin: 0;

}

.mobile_ar .mobile_cont img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: -4;
    object-position: 90%;
    /* border-bottom-right-radius: 20px; */
    /* border-top-right-radius: 20px; */
}

.mobile_ar .mobile_cont .a_parent {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: start;
}

.mobile_ar .mobile_cont a {
    background: var(--background_buttons);
    outline: none;
    border: none;
    border-radius: 30px;
    text-align: center;
    font-size: 37px;
    font-family: var(--sora_extrabold);
    font-weight: bold;
    padding: 10px 30px;
    margin-top: 20px;
    text-transform: uppercase;
    color: var(--text_color);
}

.mobile .mobile_cont .main_img {
    position: relative;
    /* z-index: ; */
}

.mobile_ar .mobile_cont .main_img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background-color:var(--title_color); */
    background: linear-gradient(90deg, transparent 0%, var(--title_color)90%);
    background: linear-gradient(90deg,
            #160b46,
            rgba(150, 0, 200, 0.55));
    /* mix-blend-mode: multiply; */
    opacity: .5;
    opacity: .3;
}
.overlay-vr_m {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg,  #1f0c4e ,#be2fbe75 99%);
    opacity: 0.4;
}
@media(max-width:2200px)
{
    .mobile_ar .mobile_cont
    {
        grid-template-columns: 43% 57%;
    }
     .mobile_ar .mobile_cont .text 
     {
        transform: translateX(120px);
     }
    .mobile_ar .mobile_cont .text h1
    {
        font-size: 45px;
        line-height: 60px;
        margin-bottom: 10px;
    }
     .mobile_ar .mobile_cont .text p {
        font-size: 30px;
        line-height: 38px;
        width: 100%;
    }
    .mobile_ar .mobile_cont .main_img
    {
        height: 630px;
    }
    .mobile_ar .mobile_cont a
    {
        font-size: 31.5px;
        margin-top: 5px;
    }

}
@media(max-width:2000px)
{
    .mobile_ar .mobile_cont a
    {
        font-size: 30px;
       
    }
}
@media(max-width:1800px)
{
    .mobile_ar .mobile_cont a
    {
        font-size: 27px;
       
    }
}
@media(max-width:1780px)
{
    .mobile_ar .mobile_cont
    {
        grid-template-columns: 43% 57%;
    }
     .mobile_ar .mobile_cont .text 
     {
        transform: translateX(100px);
     }
    .mobile_ar .mobile_cont .text h1
    {
        font-size: 40px;
        line-height: 57px;
        margin-bottom: 10px;
    }
     .mobile_ar .mobile_cont .text p {
        font-size: 27px;
        line-height: 36px;
        width: 100%;
    }
    .mobile_ar .mobile_cont .main_img
    {
        height: 580px;
    }
    .mobile_ar .mobile_cont a
    {
       
        margin-top: 5px;
    }

}
@media(max-width:1750px)
{
    .mobile_ar .mobile_cont .text h1
    {
        font-size: 38px;
        line-height: 52px;
        margin-bottom: 10px;
    }
     .mobile_ar .mobile_cont .main_img
    {
        height: 600px;
    }
}
/* @media(max-width:1800px) {
    .mobile_ar .mobile_cont .text p {
        font-size: 25px;
    }

    .mobile_ar .mobile_cont .text {
        margin-top: 30px;
    }

    .mobile_ar .mobile_cont .text h1 {
        font-size: 35px;
    }

    .mobile_ar .mobile_cont .text {
        transform: translateX(100px);
    }
} */

@media(max-width:1500px) {
     .mobile_ar .mobile_cont .text 
     {
        transform: translateX(70px);
     }
    .mobile_ar .mobile_cont .text p {
        font-size: 23px;
        line-height: 29px;
    }


    .mobile_ar .mobile_cont .text h1 {
        font-size: 35px;
        line-height: 42px;
        margin-bottom: 15px;
    }
     .mobile_ar .mobile_cont a
    {
        font-size: 20px;
    }
     .mobile_ar .mobile_cont .main_img
    {
        height: 500px;
    }
}

@media(max-width:1300px) {
    .mobile_ar .mobile_cont .text p {
        font-size: 20px;
        line-height: 26px;
    }

    .mobile_ar .mobile_cont .text {
        margin-top: 30px;
    }

    .mobile_ar .mobile_cont .text h1 {
        font-size: 32px;
        line-height: 40px;
        margin-top: 32px;
    }

    .mobile_ar .mobile_cont .a_parent {
        padding-bottom: 30px;
    }
     .mobile_ar .mobile_cont a
    {
        font-size: 18px;
        margin-top: 5px;
    }
      .mobile_ar .mobile_cont .main_img
    {
        height: 460px;
    }
}
@media(max-width:1030px)
{
    .mobile_ar .mobile_cont .text h1 {
        font-size: 27px;
        line-height: 36px;
    }
        .mobile_ar .mobile_cont .text p {
        font-size: 18px;
        line-height:25px;
        }
        .mobile_ar .mobile_cont a
        {
            margin-top: 13px;
        }
        .mobile_ar .mobile_cont img
        {
            object-position: unset;
        }
}

@media(max-width:800px) {
    .mobile_ar .mobile_cont .main_img
    {
        height: 400px;
    }
    .mobile_ar .mobile_cont {
        display: flex;
        flex-direction: column-reverse;

        align-items: center;
        background: var(--bck_color);

    }

    .mobile_ar .mobile_cont>div {
        width: 80%;
    }

    .mobile_ar .mobile_cont .text {
        transform: translateX(0);
        margin-top: 30px;
    }
    .mobile_ar .mobile_cont .text h1
    {
        font-size: 25px;
        line-height: 32px;
        width: 80%;
    }
    .Vr_zone_ar .Vr_zone_ar_cont .text p,.mobile_ar .mobile_cont .text p
    {
        font-size: 17px;
    }
}

@media(max-width:500px) {
    .mobile_ar .mobile_cont>div {
        width: 100%;

    }

    .mobile_ar .mobile_cont .text h1 {
        font-size: 18px;
        width: 100%;
        line-height: 32px;
    }

    .mobile_ar .mobile_cont .text p {
        font-size: 14px;
    }

    .mobile_ar .mobile_cont .a_parent {
        margin-top: 10px;
    }
    .mobile_ar .mobile_cont a
    {
        font-size: 16px;
    }
}

@media(max-width:400px) {
    .mobile_ar .mobile_cont {
        width: 94%;
        margin: 0 3%;
    }
}

@media(max-width:350px) {
    .mobile_ar .mobile_cont {
        width: 94%;
        margin: 0 3%;
    }

    .mobile_ar .mobile_cont .a_parent {
        margin-top: 0px;
    }
}

/* -======================= */
/* =============== casual */
.casual_av {
    background-color: var(--bck_color);
    padding: 70px 0;
}

.casual_av .casual_av_cont {
    display: grid;
    grid-template-columns: 55% 43%;
    /* align-items: center; */
    justify-content: space-between;
    width: 90%;
    margin: 0 5%;
}

.casual_av .casual_av_cont .text {
    direction: rtl;
    margin-top: 0px;
    position: relative;
    /* transform: translateX(30px); */
    z-index: 2;


}

.casual_av .casual_av_cont .text h1:nth-child(1) {
    color: #aa09b4;
    font-family: var(--sora_extrabold) !important;
    direction: ltr;
    font-size: 70px;
    width: 100%;
    /* text-align: center; */
    margin-top: 0px;
    padding: 0;
    font-weight: 700;
}

.casual_av .casual_av_cont .text h1 span {
    color: #00ff00;
}

.casual_av .casual_av_cont .text h1 {
    color: white;
    font-size: 55px;
    font-weight: 700;
    width: 100%;
    direction: rtl;
    /* margin-left: 10%; */
    line-height: 42px;
    font-family: var(--font_noor_bold) !important;
    padding-right: 170px;



}

.casual_av .casual_av_cont .text p {
    font-size: 30px;
    color: var(--text_color);

    font-weight: normal;
    font-family: var(--font_noor_light);
    line-height: 38px;
    transform: translateX(-20px);
    padding-right: 70px;

}

.casual_av .casual_av_cont .main_img {
    overflow: visible;
}

.casual_av .casual_av_cont img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.casual_av .casual_av_cont .img_parent {
    width: 100%;
    position: relative;
    height: 100%;
    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;
    /* direction: ltr;  */
    /* transform: translateY(-40px); */
    position: relative;

}


.casual_av .casual_av_cont .main_img {
    position: relative;
}

.casual_av .casual_av_cont .img_parent::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    /* background-color:var(--title_color); */
    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;
    background: linear-gradient(90deg, var(--title_color)90%, var(--bck_color));
    opacity: .3;
}

.casual_av .casual_av_cont a
{
    background: var(--background_buttons);
    outline: none;
    border: none;
    border-radius: 30px;
    text-align: center;
    font-size: 20px;
    font-family: var(--sora_extrabold);
    font-weight: bold;
    padding: 10px 40px;
    position: absolute;
    bottom: 20px;
    left: 20px;
    text-transform: uppercase;
    color: var(--text_color);
}
  .casual_av .casual_av_cont .text .casual_text_res
{
    display: none;
}
   .casual_av .casual_av_cont .img_parent,
    .casual_av .casual_av_cont .main_img{
     height: 700px;
    }
      .casual_av .casual_av_cont .text .casual_text p
     {
    font-family: var(--font_noor_light);
    font-size: 40px;
 }
@media(max-width:2200px) {
    .casual_av .casual_av_cont
    {
        grid-template-columns: 59% 41%;
    }
   
    .casual_av .casual_av_cont .img_parent {
        width: 100%;
        left: -1%;
    }

    .casual_av .casual_av_cont img {
        width: 100%;
        height: 100%;
    }
    .casual_av .casual_av_cont a
    {
        font-size: 31.5px;
    }


    .casual_av .casual_av_cont .img_parent::after {
        height: 100%;
        width: 105%;
    }

    .casual_av .casual_av_cont .text h1:nth-child(1) {
        font-size: 72px ;
        padding-right: 10px;
        text-align: center;
    }

    .casual_av .casual_av_cont .text h1 {
        /* padding-right: 10px; */
        /* text-align: start; */
        padding-right: 150px;
        transform: translateX(0);
        font-size: 60px ;
       
    }
    .casual_av .casual_av_cont .text .casual_text
    {
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: end;
        padding-right: 130px;
    }
    .casual_av .casual_av_cont .text .casual_text p {
        padding-right: 0px;
        /* transform: translateX(-110px); */
        font-size: 36px;
        /* width: 80%; */
        line-height: 52px;
        /* direction: ltr; */
        margin: 0;
        transform: translateX(0px);
    }
     
     .casual_av .casual_av_cont .text .casual_text p:nth-child(2)
     {
        transform: translateX(-36px);
     }
     .casual_av .casual_av_cont .text .casual_text p:nth-child(3)
     {
        transform: translateX(-36px);
     }
     .casual_av .casual_av_cont .text .casual_text p:nth-child(4)
     {
         transform: translateX(6px);
     }
     .casual_av .casual_av_cont .text .casual_text p:nth-child(5)
     {
         transform: translateX(-36px);
     }
     .casual_av .casual_av_cont .text .casual_text p:nth-child(6)
     {
         transform: translateX(6px);
     }
     .casual_av .casual_av_cont .text .casual_text p:nth-child(7)
     {
         transform: translateX(6px);
     }
     .casual_av .casual_av_cont .text .casual_text p:nth-child(8)
     {
        direction: ltr;
        /* background-color: #00ff00; */
        width: 100%;
     }

      .casual_av .casual_av_cont .img_parent,
    .casual_av .casual_av_cont .main_img{
     height: 620px;
    }
/* ================== */
    
    
}
@media(max-width:2000px) {
   
     .casual_av .casual_av_cont a
    {
        font-size: 30px;
    }

       .casual_av .casual_av_cont .text h1 {
        /* padding-right: 10px; */
        /* text-align: start; */
        padding-right: 150px;
        transform: translateX(50px);
        font-size: 60px ;
        /* color: blueviolet; */
       
    }
     .casual_av .casual_av_cont .text h1  span 
     {
        font-size: 60px;
     }
    .casual_av .casual_av_cont .text .casual_text
    {
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: end;
        padding-right: 130px;
    }
    .casual_av .casual_av_cont .text .casual_text p {
        padding-right: 0px;
        /* transform: translateX(-110px); */
        font-size: 32px;
        /* width: 80%; */
        line-height: 52px;
        /* direction: ltr; */
        width: 100%;
        margin: 0;
        transform: translateX(0px);
    }
   
     .casual_av .casual_av_cont .text .casual_text p:nth-child(8)
     {
      transform: translateX(30px);
     }
     .casual_av .casual_av_cont .img_parent,
    .casual_av .casual_av_cont .main_img{
    height: 550px;
    }
    .casual_av .casual_av_cont
    {
        grid-template-columns: 55% 45%;
        /* background-color: red; */
    }
    .casual_av .casual_av_cont .img_parent {
        width: 100%;
        left: -1%;
    }

    .casual_av .casual_av_cont img {
        width: 100%;
        height: 100%;
    }

  
    .casual_av .casual_av_cont .img_parent::after {
        height: 100%;
        width: 105%;
    }

    .casual_av .casual_av_cont .text h1:nth-child(1) {
        font-size: 62px ;
        padding-right: 10px;
        text-align: center;
    }

       .casual_av .casual_av_cont .img_parent,
    .casual_av .casual_av_cont .main_img{
     height: 620px;
     /* background-color: red; */
    }

    /* ================== */
    
   
    
}
@media(max-width:1920px)
{
    .casual_av .casual_av_cont .text .casual_text
    {
        padding-right: 186px;
    }
    
}

@media(max-width:1850px)
{
    .casual_av .casual_av_cont .text h1 {
        /* padding-right: 10px; */
        /* text-align: start; */
        padding-right: 200px;
        transform: translateX(0);
        font-size: 45px ;
        
       
    }
     .casual_av .casual_av_cont a
    {
        font-size: 27px;
    }

    .casual_av .casual_av_cont .text h1
    {
        font-size: 45px;
    }
      .casual_av .casual_av_cont .text .casual_text
    {
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: end;
        padding-right: 170px;
    }
    .casual_av .casual_av_cont .text .casual_text p {
        padding-right: 0px;
        /* transform: translateX(-110px); */
        font-size: 28px;
        /* width: 80%; */
        line-height: 42px;
        /* direction: ltr; */
        margin: 0;
        width: 100%;
        transform: translateX(0px);
    }
     .casual_av .casual_av_cont .text .casual_text p:nth-child(2)
     {
        transform: translateX(-36px);
     }
     .casual_av .casual_av_cont .text .casual_text p:nth-child(3)
     {
        transform: translateX(-36px);
     }
     .casual_av .casual_av_cont .text .casual_text p:nth-child(4)
     {
         transform: translateX(6px);
     }
     .casual_av .casual_av_cont .text .casual_text p:nth-child(5)
     {
         transform: translateX(-36px);
     }
     .casual_av .casual_av_cont .text .casual_text p:nth-child(6)
     {
         transform: translateX(6px);
     }
     .casual_av .casual_av_cont .text .casual_text p:nth-child(7)
     {
         transform: translateX(6px);
     }
     .casual_av .casual_av_cont .text .casual_text p:nth-child(8)
     {
       
         transform: translateX(46px);
     }
    .casual_av .casual_av_cont .text h1:nth-child(1)
    {
       font-size: 62px;
    }
    .casual_av .casual_av_cont .text h1,
    .casual_av .casual_av_cont .text h1 span
    {
        font-size: 50px;
    }
    .casual_av .casual_av_cont a
    {
        bottom: 40px;
    }
    .casual_av .casual_av_cont .img_parent, .casual_av .casual_av_cont .main_img
    {
        height: 500px;
    }
}



@media(max-width:1800px) {
    .casual_av .casual_av_cont .text h1 {
       
        padding-right: 160px;
        /* color: black; */
        
    }
    .casual_av .casual_av_cont .text .casual_text
    {
        padding-right: 130px;
    }
      .casual_av .casual_av_cont .text .casual_text p {
        padding-right: 0px;
        /* transform: translateX(-110px); */
        font-size: 30px;
        line-height: 36px;
        width: 100%;
      }
       .casual_av .casual_av_cont .text .casual_text p:nth-child(8)
     {
        
         transform: translateX(-10px);
         /* background-color: red; */
         
     }
    .casual_av .casual_av_cont
    {
        grid-template-columns: 55% 45%;
    }
    .casual_av .casual_av_cont .text h1:nth-child(1)
    {
       font-size: 52px;
       
    }
    .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: 40px;
    }
     .casual_av .casual_av_cont .text p
     {
        font-size: 30px;
        width: 90%;
        transform: translateX(-70px);
     }
    .casual_av .casual_av_cont .img_parent::after {

        height: 100%;

    }

     .casual_av .casual_av_cont .img_parent,
    .casual_av .casual_av_cont .main_img{
       height: 500px;
        
    }

}
/* Zoom OUT 75% Google */
@media(max-width:1780px)
{
    .casual_av .casual_av_cont .text .casual_text p:nth-child(8)
    {
        transform: translateX(20px);
    }
}

@media(max-width:1750px)
{
    .casual_av .casual_av_cont .text .casual_text p:nth-child(8)
     {
       
         transform: translateX(50px);
         /* color: gray; */
     }
}
@media(max-width:1730px)
{
    .casual_av .casual_av_cont .text .casual_text p:nth-child(8)
     {
       
         transform: translateX(20px);
         /* color: b/lack; */
     }
      .casual_av .casual_av_cont .text .casual_text p
      {
        font-size: 26px;
      }

}

@media(max-width:1500px) {
    
    .casual_av .casual_av_cont .text .casual_text
    {
        padding-right: 110px;
    }
    .casual_av .casual_av_cont .text .casual_text p:nth-child(8)
     {
         transform: translateX(10px);
     }
      .casual_av .casual_av_cont .text .casual_text p {
       
        font-size: 25px;
        line-height: 34px;
      }
   .casual_av .casual_av_cont
    {
        /* background-color: red; */
        grid-template-columns: 55% 45%;
    }
    .casual_av .casual_av_cont .text h1:nth-child(1)
    {
       font-size: 42px;
       /* color: #00ff00; */
       
    }
    .casual_av .casual_av_cont .text h1,
    .casual_av .casual_av_cont .text h1 span
    {
        font-size: 35px;
    }
    .casual_av .casual_av_cont a
    {
        bottom: 60px;
    }
    .casual_av .casual_av_cont .img_parent::after {

        height: 97%;

    }
     .casual_av .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:1440px)
{
        .casual_av .casual_av_cont .text .casual_text {
        padding-right: 110px;
        transform: translateX(-51px);
    }
        .casual_av .casual_av_cont .img_parent {
        height: 442px;
    }
    .casual_av .casual_av_cont a {
        bottom: 80px;
    }
}

@media(max-width:1300px) {
        .casual_av .casual_av_cont .text .casual_text {
       
        transform: translateX(0px);
    }
     .casual_av .casual_av_cont
    {
        /* background-color: red; */
        grid-template-columns: 55% 45%;
    }
      .casual_av .casual_av_cont a
    {
        bottom: 30px;
    }
    
    .casual_av .casual_av_cont .img_parent {
        width: 100%;
    }

    .casual_av .casual_av_cont img {
        width: 100%;
        height: 100%;
    }

  

    .casual_av .casual_av_cont .img_parent::after {

        left: -3px;
        height: 100%;

    }

    .casual_av .casual_av_cont .text h1:nth-child(1) {
        font-size: 45px;
        padding-right: 10px;
        text-align: center;
        /* color: black; */
        
    }

    .casual_av .casual_av_cont .text h1 {
        /* padding-right: 10px; */
        /* text-align: start; */
        padding-right: 80px;
        transform: translateX(0);
        font-size: 45px;
        /* color: red; */
    }
    .casual_av .casual_av_cont .text h1 span
    {
        font-size: 39px;
    }

  
   
      .casual_av .casual_av_cont .text .casual_text
    {
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: end;
        padding-right: 50px;
    }
       .casual_av .casual_av_cont .text .casual_text
    {
        /* padding-right: 80px; */
    }
    .casual_av .casual_av_cont .text .casual_text p {
        padding-right: 0px;
        /* transform: translateX(-110px); */
        font-size: 25px;
        /* width: 80%; */
        line-height: 32px;
        /* direction: ltr; */
        margin: 0;
        width: 100%;
        transform: translateX(0px);
    }
    
     .casual_av .casual_av_cont .text h1 {
        /* padding-right: 10px; */
        text-align: center;
        padding-right: 0px;
        transform: translateX(0);
        width: 100%;
        font-size: 39px;
        /* color: black; */
    }
   .casual_av .casual_av_cont .text .casual_text p:nth-child(1)
    {
        transform: translateX(-50px) ;
        /* color: red; */
    }
   .casual_av .casual_av_cont .text .casual_text p:nth-child(2)
    {
        transform: translateX(-80px) ;
    }
   .casual_av .casual_av_cont .text .casual_text p:nth-child(3)
    {
        transform: translateX(-80px) ;
    }
   .casual_av .casual_av_cont .text .casual_text p:nth-child(4)
    {
        transform: translateX(-35px) ;
        /* color: black; */
    }
   .casual_av .casual_av_cont .text .casual_text p:nth-child(5)
    {
        transform: translateX(-65px) ;
    }
   .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(-45px) ;
    }
  
   .casual_av .casual_av_cont .text .casual_text p:nth-child(8)
    {
        transform: translateX(-45px) !important;
    }

   
     .casual_av .casual_av_cont .main_img,
     .casual_av .casual_av_cont .img_parent
    {
        height: 420px;
    }
    .casual_av .casual_av_cont a
    {
        font-size: 18px;
    }
   
}

@media(max-width:1030px) {

    .casual_av .casual_av_cont .text .casual_text
    {
        padding-right:40px;
    }
    .casual_av .casual_av_cont .text .casual_text p
    {
        font-size: 20px;
    }
    .casual_av .casual_av_cont .img_parent,
    .casual_ar .casual_av_cont .main_img {
        height: 400px;
    }
    .casual_av .casual_av_cont .main_img,
    .casual_ar .casual_av_cont .main_img {
        height: 400px;
    }

    .casual_av .casual_av_cont a,
    .casual_ar .casual_av_cont a {
        bottom: 22px;
    }

    .casual_av .casual_av_cont .img_parent::after {
        height: 100%;
    }

    .casual_av .casual_av_cont .text h1:nth-child(1) {
        font-size: 30px;
        padding-right: 0px;
        text-align: center;
    }

    .casual_av .casual_av_cont .text h1 {
        /* padding-right: 10px; */
        text-align: center;
        padding-right: 0px;
        transform: translateX(0);
        width: 100%;
        font-size: 30px;
        /* color: black; */
    }
   
    
    .casual_av .casual_av_cont .text h1 span 
    {
        font-size: 30px;
    }
   
      .casual_av .casual_av_cont .text .casual_text p:nth-child(1)
    {
        transform: translateX(-50px) ;
        /* color: red; */
    }
   .casual_av .casual_av_cont .text .casual_text p:nth-child(2)
    {
        transform: translateX(-80px) ;
    }
   .casual_av .casual_av_cont .text .casual_text p:nth-child(3)
    {
        transform: translateX(-80px) ;
    }
   .casual_av .casual_av_cont .text .casual_text p:nth-child(4)
    {
        transform: translateX(-35px) ;
        /* color: black; */
    }
   .casual_av .casual_av_cont .text .casual_text p:nth-child(5)
    {
        transform: translateX(-65px) ;
    }
   .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(-45px) ;
    }
  
   .casual_av .casual_av_cont .text .casual_text p:nth-child(8)
    {
        transform: translateX(-45px) !important;
    }

}

@media(max-width:800px) {
        .casual_av .casual_av_cont .text .casual_text,
        .casual_av .casual_av_cont .text .casual_text p
        {
            display: none;
        }
        .casual_av .casual_av_cont .text .casual_text_res
        {
            display: block;
        }
    .casual_av .casual_av_cont .main_img {
        height: 300px;
    }

    .casual_av .casual_av_cont .img_parent{
        /* height: 300px; */
    }

    .casual_av .casual_av_cont .img_parent::after {

        height: 99.5%;

    }

    .casual_av .casual_av_cont {
        display: flex;
        flex-direction: column;

        align-items: center;
        background: var(--bck_color);
        justify-content: center;

    }

    .casual_av .casual_av_cont>div {
        width: 80%;
    }

    .casual_av .casual_av_cont .text h1:nth-child(1) {
        text-align: end;
    }

    .casual_av .casual_av_cont .text h1 {
        font-size: 30px;
        text-align: start;
    }

    .casual_av .casual_av_cont>div {
        width: 80%;
    }

    .casual_av .casual_av_cont .text {
        margin-top: 20px;
    }

    .casual_av .casual_av_cont .text p {
        font-size: 22px;
        transform: translateX(0);
        padding: 0;

    }

    .casual_av .casual_av_cont a,
    .casual_ar .casual_av_cont a {
        bottom: 20px;
    }
    .casual_av .casual_av_cont .main_img, .casual_ar .casual_av_cont .main_img,
        .casual_av .casual_av_cont .img_parent
    {
        height: 400px;
    }
}

@media(max-width:500px) {
    .casual_av .casual_av_cont .img_parent {
        width: 100%;
        position: relative;
        height: 100%;
        overflow: hidden;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
        border-top-left-radius: 0 0%;
        border-bottom-left-radius: 0% 0%;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        position: relative;
    }

    .casual_av .casual_av_cont .img_parent::after {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
        border-top-left-radius: 0 0%;
        border-bottom-left-radius: 0% 0%;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        width: 100%;
        left: 0;
        top: 0;

    }

    .casual_av .casual_av_cont>div {
        width: 100%;

    }

    .casual_av .casual_av_cont .text h1:nth-child(1) {
        font-size: 25px;
    }

    .casual_av .casual_av_cont .text h1,
    .casual_av .casual_av_cont .text h1 span {
        font-size: 25px;
        width: 100%;
    }

    .casual_av .casual_av_cont .text p {
        font-size: 18px;
        line-height: 32px;
    }

    .casual_av .casual_av_cont a {

        font-size: 16px;
        right: 30px;
        padding: 5px 10px;
        width: fit-content;
    }

}

@media(max-width:400px) {

    .casual_av .casual_av_cont .text h1,
    .casual_av .casual_av_cont .text h1:nth-child(1) {
        font-size: 20px;
    }

    .casual_av .casual_av_cont .text p {
        font-size: 16px;
    }
}

@media(max-width:350px) {
    .casual_av .casual_av_cont {
        width: 94%;
        margin: 0 3%;
    }

    .mobile .mobile_cont .a_parent {
        margin-top: 0px;
    }

    .casual_av .casual_av_cont .text p {
        font-size: 16px;
    }

    .casual_av .casual_av_cont .img_parent::after {

        width: 108%;

    }

    .casual_av .casual_av_cont a {
        width: fit-content;
    }
}

/* ===========casual ========= */
/* ===================casual AR========= */
/* -===========Cosplay AR============ */

.casual_ar {
    background-color: var(--bck_color);
    padding: 70px 0;
}

.casual_ar .casual_av_cont {
    display: grid;
    grid-template-columns: 43% 55%;
    /* align-items: center; */
    justify-content: center;
    width: 90%;
    margin: 0 5%;
}

.casual_ar .casual_av_cont .text {
    direction: ltr;
    margin-top: 0px;
    position: relative;
    /* transform: translateX(30px); */
    z-index: 2;


}

.casual_ar .casual_av_cont .text h1:nth-child(1) {
    color: #aa09b4;
    font-family: var(--sora_extrabold);
    direction: ltr;
    font-size: 39px;
    width: 100%;
    /* text-align: center; */
    margin-top: 0px;
    padding: 0;
    font-weight: 700;
    line-height: 10px;
}

.casual_ar .casual_av_cont .text h1 span {
    color: var(--neon);
    ;
}

.casual_ar .casual_av_cont .text h1 {
    color: white;
    font-size: 30px;
    font-weight: 700;
    width: 80%;
    direction: ltr;
    /* margin-left: 10%; */
    line-height: 42px;
    font-family: var(--sora_font);



}

.casual_ar .casual_av_cont .text p {
    font-size: 20px;
    color: var(--text_color);

    font-weight: normal;
    font-family: var(--sora_font);
    line-height: 30px;
    margin: 0;

}

.casual_ar .casual_av_cont img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    /* border-bottom-right-radius: 20px; */
    /* border-top-right-radius: 20px; */
}

.casual_ar .casual_av_cont .img_parent {
    width: 100%;
    position: relative;
    height: 500px;
    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;  */
    transform: translateY(-40px);

}

.casual_ar .casual_av_cont .main_img {
    position: relative;
}

.casual_ar .casual_av_cont .img_parent::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    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;
    background: linear-gradient(90deg, var(--bck_color) 0%, var(--title_color)60%);
    opacity: .3;
}

.casual_ar .casual_av_cont a {
    background: var(--background_buttons);
    outline: none;
    border: none;
    border-radius: 30px;
    text-align: center;
    font-size: 20px;
    font-family: var(--sora_extrabold);
    font-weight: bold;
    padding: 10px 40px;
    position: absolute;
    bottom: 70px;
    right: 50px;
    text-transform: uppercase;
    color: var(--text_color);
}
 @media(max-width:2200px)

{
      .casual_ar .casual_av_cont .main_img img
        {
       height: 100%;
        }
      .casual_ar .casual_av_cont .img_parent,
    .casual_ar .casual_av_cont .main_img{
     height: 620px;
     margin-top: 26px;
    }
      .casual_ar .casual_av_cont .text p
     {
        font-size: 36px;
        /* color: red; */
        width: 100%;
        line-height: 42px;
        width: 97%;
     }
       .casual_ar .casual_av_cont .text h1 {
        font-size: 50px;
        line-height: 55px;
    }
    .casual_ar .casual_av_cont .text h1:nth-child(1) {
        font-size: 65px;
        margin-bottom: 40px;
    }
    .casual_ar .casual_av_cont .text h1
    {
        margin-bottom: 10px;
        /* margin-top: 25px; */
    }
}
@media(max-width:2000px)
{
     .casual_ar .casual_av_cont .img_parent,
    .casual_ar .casual_av_cont .main_img{
     height: 680px;
     margin-top: 26px;
    }
     .casual_ar .casual_av_cont .text p
     {
        font-size: 32px;
     }
      .casual_ar .casual_av_cont .text h1:nth-child(1) {
        margin-bottom: 60px;
    }
    .casual_ar .casual_av_cont .text h1
    {
        margin-bottom: 20px;
        /* margin-top: 25px; */
    }
}
@media(max-width:1850px)
{
      .casual_ar .casual_av_cont .img_parent,
    .casual_ar .casual_av_cont .main_img{
     height: 600px;
     margin-top: 25px;
    }
        .casual_ar .casual_av_cont .text p
     {
        font-size: 30px;
        line-height: 38px;
       
     }
       .casual_ar .casual_av_cont .text h1 {
        font-size: 45px;
        line-height: 50px;
    }
    .casual_ar .casual_av_cont .text h1:nth-child(1) {
        font-size: 60px;
    }
}
@media(max-width:1800px) {
       .casual_ar .casual_av_cont .img_parent,
    .casual_ar .casual_av_cont .main_img{
     height: 580px;
     margin-top: 25px;
    }
    .casual_ar .casual_av_cont .text h1 {
        font-size: 35px;
        line-height: 42px;
    }

    .casual_ar .casual_av_cont .text h1:nth-child(1) {
        font-size: 50px;
    }

    .casual_ar .casual_av_cont .text p {
        font-size: 25px;
        /* color: black; */
    }

    .casual_ar .casual_av_cont .img_parent::after {

        height: 100%;

    }
       .casual_ar .casual_av_cont a
    {
        font-size: 24px;
        bottom: 40px;
        padding: 10px 35px;
    }
}

@media(max-width:1500px) {
      .casual_ar .casual_av_cont .img_parent,
    .casual_ar .casual_av_cont .main_img{
     height: 450px;
     margin-top: 23px;
    }
    .casual_ar .casual_av_cont .text h1 {
        font-size: 30px;
        width: 90%;
        line-height: 38px;
        margin-bottom: 3px;

    }

    .casual_ar .casual_av_cont .text h1:nth-child(1) {
        font-size: 48px;
        margin-bottom: 40px;
    }

    .casual_ar .casual_av_cont .text p {
        font-size: 22px ;
        /* color: red; */
        /* color: black; */
        line-height: 28px;
        width: 99%;
    }
    .casual_ar .casual_av_cont .img_parent::after {

        left: -30px;
        width: 104%;
        height: 100%;
    }

    .casual_ar .casual_av_cont .text {
        margin-top: 0px;
    }

    .casual_ar .casual_av_cont .text h1 {
        font-size: 35px;
        line-height: 48px;

    }
  

   
}





@media(max-width:1441px) {
    .casual_ar .casual_av_cont .img_parent::after {

        height: 100%;

    }
}

@media(max-width:1439px) {
    .casual_ar .casual_av_cont .img_parent::after {

        height: 100%;
        left: -21px;
    }
  
}

@media(max-width:1300px) {
     .casual_ar .casual_av_cont .img_parent,
    .casual_ar .casual_av_cont .main_img{
     height: 420px;
     margin-top: 20px;
    }
    .casual_ar .casual_av_cont .text {
        margin-top: 10px;
    }
   

    .casual_ar .casual_av_cont .text h1:nth-child(1) {
        font-size: 45px;
        line-height: 10px;
        margin-top: -20px;

    }

    .casual_ar .casual_av_cont .text h1 {
        font-size: 30px;
        line-height: 38px;
        width: 90%;
        margin-bottom: 10px;

    }

    .casual_ar .casual_av_cont .text p {
        font-size: 20px;
        line-height: 28px;
        /* color: blue; */
    }
    .casual_ar .casual_av_cont a
    {
        font-size: 20px;
        bottom: 40px;
        padding: 10px 35px;
    }
       .casual_ar .casual_av_cont .main_img img 
    {
        object-position: 80% 70%;
    }

}

@media(max-width:1030px) {
    .casual_ar .casual_av_cont .text h1:nth-child(1) {

        margin-top: 20px;
        font-size: 37px;

    }

    .casual_ar .casual_av_cont .img_parent::after {

        left: -22px;
        height: 100%;

    }

    .casual_ar .casual_av_cont .text h1 {
        font-size: 20px;
    }

    .casual_ar .casual_av_cont .text p {
        font-size: 17px;
    }

    .casual_ar .casual_av_cont .text h1 {
        font-size: 28px;
        width: 100%;
        line-height: 33px;
    }
    .casual_ar .casual_av_cont .img_parent, .casual_ar .casual_av_cont .main_img
    {
        height: 425px;
        margin-top: 35px;
    }
}

@media(max-width:800px) {
      .casual_ar .casual_av_cont .img_parent, .casual_ar .casual_av_cont .main_img
    {
        height: 380px;
        margin-top: 0px;
        margin-bottom: 20px;
    }

    .casual_ar .casual_av_cont .img_parent::after {

        height: 100%;

    }

    .casual_ar .casual_av_cont {
        display: flex;
        flex-direction: column-reverse;

        align-items: center;
        background: var(--bck_color);

    }

    .casual_ar .casual_av_cont>div {
        width: 80%;
    }

    .casual_ar .casual_av_cont .text {
        transform: translateX(0);
        margin-top: 0px;
    }
    
    .casual_ar .casual_av_cont a {
        font-size: 18px;
        bottom: 57px;
        padding: 7px 35px;
    }
}

@media(max-width:500px) {
    .casual_ar .casual_av_cont .img_parent {
        width: 100%;
        position: relative;
        /* height: 300px; */
        overflow: hidden;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
        border-top-left-radius: 0 0%;
        border-bottom-left-radius: 0% 0%;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        position: relative;
    }

    .casual_ar .casual_av_cont .img_parent::after {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
        border-top-left-radius: 0 0%;
        border-bottom-left-radius: 0% 0%;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        width: 100%;
        left: 0;
        top: 0;

    }

    .casual_ar .casual_av_cont>div {
        width: 100%;

    }

    .casual_ar .casual_av_cont .text h1 {
        font-size: 18px;
        width: 100%;
        line-height: 32px;
    }

    .casual_ar .casual_av_cont .text p {
        font-size: 14px;
    }

    .casual_ar .casual_av_cont a {

        font-size: 14px;
        right: 30px;
        padding: 5px 15px;
        bottom: 55px;
    }

    .casual_ar .casual_av_cont .text h1:nth-child(1) {
        font-size: 30px;
    }

}

@media(max-width:350px) {
    .casual_ar .casual_av_cont {
        width: 94%;
        margin: 0 3%;
    }

    .casual_ar .casual_av_cont .img_parent::after {

        width: 108%;

    }

    .casual_ar .casual_av_cont .text h1:nth-child(1) {
        font-size: 25px;
    }


}

/* ===================End casual AR========= */

.cosplay {
    background-color: var(--bck_color);
    padding: 0 0 70px 0;
}

.cosplay .cosplay_cont {
    display: grid;
    grid-template-columns: 43% 55%;
    /* align-items: center; */
    justify-content: space-between;
    width: 90%;
    margin: 0 5%;
}

.cosplay .cosplay_cont .text {
    direction: rtl;
    margin-top: 70px;
    position: relative;
    /* transform: translateX(30px); */
    z-index: 2;


}

.cosplay .cosplay_cont .text h1 span {
    color: #00ff00;
}

.cosplay .cosplay_cont .text h1 {
    color: white;
    font-size: 70px;
    font-weight: 700;
    width: 100%;
    direction: rtl;
    /* margin-left: 10%; */
    line-height: 75px;
    font-family: var(--font_noor_bold);
}

.cosplay .cosplay_cont .text p {
    font-size: 45px;
    color: var(--text_color);
    font-weight: normal;
    font-family: var(--font_noor_light);
    line-height: 48px;
}
.cosplay .cosplay_cont .text p span
{
    transform: translateX(10px);
    display: block;
}
.cosplay .cosplay_cont .main_img {
    overflow: visible;
}

.cosplay .cosplay_cont img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    /* border-bottom-right-radius: 20px; */
    /* border-top-right-radius: 20px; */
    /* clip-path: polygon(0 0,78% 0 ,100% 50% , 78% 100% , 0 100%); */
}

.cosplay .cosplay_cont .img_parent {
    width: 100%;
    position: relative;
    height: 100%;
    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;  */
    /* transform: translateY(-40px); */
    position: relative;

}


.cosplay .cosplay_cont .main_img {
    position: relative;
}

.cosplay .cosplay_cont .img_parent::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    /* background-color:var(--title_color); */
    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;
    background: linear-gradient(90deg, var(--bck_color) 0%, var(--title_color)60%);
    opacity: .3;
}

.cosplay .cosplay_cont a {
    background: var(--background_buttons);
    outline: none;
    border: none;
    border-radius: 30px;
    text-align: center;
    font-size: 20px;
    font-family: var(--sora_extrabold);
    font-weight: bold;
    padding: 10px 40px;
    position: absolute;
    top: 20px;
    right: 50px;
    text-transform: uppercase;
    color: var(--text_color);
}

@media(max-width:2200px) {
    .cosplay .cosplay_cont .text h1 {
        font-size: 57px;
        line-height: 77px;
        margin-top: 0;
        width: 100%;
    }
    .cosplay .cosplay_cont .main_img,
    .cosplay .cosplay_cont .img_parent
    {
        height: 600px;
    }
    .cosplay .cosplay_cont .text p {
        font-size: 36px;
        width: 85%;
        line-height: 52px;
    }
    .cosplay .cosplay_cont a
    {
        font-size: 31.5px;
    }
}
@media(max-width:1850px) {
    .cosplay .cosplay_cont .text h1 {
        font-size: 50px;
       
    }
    .cosplay .cosplay_cont .main_img,
    .cosplay .cosplay_cont .img_parent
    {
        height: 550px;
    }
    .cosplay .cosplay_cont .text p {
        font-size: 30px;
   
    }
    .cosplay .cosplay_cont a
    {
        font-size: 30px;
    }
}

@media(max-width:1800px) {
     .cosplay .cosplay_cont .text h1 {
        font-size: 45px;
        line-height: 65px;
       
    }
    .cosplay .cosplay_cont .main_img,
    .cosplay .cosplay_cont .img_parent
    {
        height: 480px;
        
    }
    .cosplay .cosplay_cont .text p {
        font-size: 30px;
        line-height: 38px;
        margin-top: -10px;
   
    }
    .cosplay .cosplay_cont a
    {
        font-size: 27px;
    }
    .cosplay .cosplay_cont .img_parent::after {

        height: 100%;

    }

}
@media(max-width:1500px) {
      .cosplay .cosplay_cont .text h1 
      {
        line-height: 62px;
      }
    .cosplay .cosplay_cont .main_img,
    .cosplay .cosplay_cont .img_parent
    {
        height: 420px;
    }
    .cosplay .cosplay_cont .text p {
        font-size: 24px;
        line-height: 38px;
        width: 76%;
   
    }
    .cosplay .cosplay_cont a
    {
        font-size: 20px;
    }
    .cosplay .cosplay_cont .img_parent::after {

        height: 100%;

    }
    .cosplay .cosplay_cont .img_parent::after {

        left: -30px;
        width: 104%;
        height: 100%;
    }

   

    .cosplay .cosplay_cont .text {
        margin-top: 30px;
    }
}

@media(max-width:1440px)
{
    .cosplay .cosplay_cont .text p
    {
        margin-top: 0;
    }
        .cosplay .cosplay_cont .text h1 {
        line-height: 59px;
        font-size: 43px;
        }
            .cosplay .cosplay_cont .text p {
        font-size: 30px;
        line-height: 38px;
        width: 93%;

            }
}
@media(max-width:1300px) {
       .cosplay .cosplay_cont .text h1 
      {
        line-height: 46px;
        font-size: 35px;
        width: 80%;
      }
    .cosplay .cosplay_cont .main_img,
    .cosplay .cosplay_cont .img_parent
    {
        height: 350px;
    }
    .cosplay .cosplay_cont .text p {
        font-size: 30px;
        line-height: 32px;
        width: 87%;
   
    }
    .cosplay .cosplay_cont a
    {
        font-size: 18px;
        padding: 10px 27px;
    }
    .cosplay .cosplay_cont .img_parent::after {

        left: -22px;

    }

    .cosplay .cosplay_cont .text h1 {
        font-size: 30px;
        margin-right: 15px;
    }

    .cosplay .cosplay_cont .text p {
        font-size: 25px;
        width: 88%;
    }
}

@media(max-width:1030px) {
         .cosplay .cosplay_cont .text h1 
      {
        line-height: 42px;
        font-size: 30px;
        width: 100%;
      }
    .cosplay .cosplay_cont .main_img,
    .cosplay .cosplay_cont .img_parent
    {
        height: 350px;
    }
    .cosplay .cosplay_cont .text p {
        font-size: 22px;
        line-height: 32px;
        width: 98%;
   
    }
    
}

@media(max-width:800px) {
    .cosplay .cosplay_cont .img_parent::after {

        height: 99.5%;

    }

  

    .cosplay .cosplay_cont {
        display: flex;
        flex-direction: column-reverse;

        align-items: center;
        background: var(--bck_color);

    }

    .cosplay .cosplay_cont .text h1 {
        font-size: 30px;
    }

    .cosplay .cosplay_cont>div {
        width: 80%;
    }

    .cosplay .cosplay_cont .text {
        transform: translateX(0);
        margin-top: 20px;
    }

    .cosplay .cosplay_cont .text p {
        font-size: 22px;
    }
    .cosplay .cosplay_cont .text p span
    {
        transform: translateX(0);
    }
    .cosplay .cosplay_cont .text h1 {
      
        width: 81%;
    }
}

@media(max-width:500px) {
    .cosplay .cosplay_cont .img_parent {
        width: 100%;
        position: relative;
        height: 100%;
        overflow: hidden;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
        border-top-left-radius: 0 0%;
        border-bottom-left-radius: 0% 0%;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        position: relative;
    }

    .cosplay .cosplay_cont .img_parent::after {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
        border-top-left-radius: 0 0%;
        border-bottom-left-radius: 0% 0%;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        width: 100%;
        left: 0;
        top: 0;

    }

    .cosplay .cosplay_cont>div {
        width: 100%;

    }

    .cosplay .cosplay_cont .text h1 {
        font-size: 25px;
        width: 100%;
          line-height: 39px;
    }

    .cosplay .cosplay_cont .text p {
        font-size: 18px;
        line-height: 30px;
    }

    .cosplay .cosplay_cont a {

        font-size: 16px;
        right: 30px;
        padding: 5px 10px;
    }

}

@media(max-width:400px) {

    .cosplay .cosplay_cont .text h1 {
        font-size: 20px;
      
    }

    .cosplay .cosplay_cont .text p {
        font-size: 16px;
    }
        .cosplay .cosplay_cont .text h1 {
       
        width: 99%;
        line-height: 32px;
    }
}

@media(max-width:350px) {
    .cosplay .cosplay_cont {
        width: 94%;
        margin: 0 3%;
    }

    .mobile .mobile_cont .a_parent {
        margin-top: 0px;
    }

    .cosplay .cosplay_cont .text p {
        font-size: 16px;
    }

    .cosplay .cosplay_cont .img_parent::after {

        width: 108%;

    }
}

/* -===========Cosplay AR============ */
.cosplay_ar {
    background-color: var(--bck_color);
    padding: 0 0 70px 0;
}

.cosplay_ar .cosplay_cont {
    display: grid;
    grid-template-columns: 43% 55%;
    /* align-items: center; */
    justify-content: space-between;
    width: 90%;
    margin: 0 5%;
}

.cosplay_ar .cosplay_cont .text {
    direction: ltr;
    margin-top: 70px;
    position: relative;
    /* transform: translateX(30px); */
    z-index: 2;


}

.cosplay_ar .cosplay_cont .text h1 span {
    color: var(--neon);
    ;
}

.cosplay_ar .cosplay_cont .text h1 {
    color: white;
    font-size: 50px;
    font-weight: 700;
    width: 80%;
    direction: ltr;
    /* margin-left: 10%; */
    line-height: 55px;
    font-family: var(--sora_extrabold);



}

.cosplay_ar .cosplay_cont .text p {
    font-size: 40px;
    color: var(--text_color);

    font-weight: normal;
    font-family: var(--sora_font);
    line-height: 48px;

}

.cosplay_ar .cosplay_cont img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    /* border-bottom-right-radius: 20px; */
    /* border-top-right-radius: 20px; */
}

.cosplay_ar .cosplay_cont .img_parent {
    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;  */
    /* transform: translateY(-40px); */

}
.cosplay_ar .cosplay_cont .main_img ,.cosplay_ar .cosplay_cont .img_parent 
{
    height: 700px;
}


.cosplay_ar .cosplay_cont .main_img {
    position: relative;
}

.cosplay_ar .cosplay_cont .img_parent::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    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;
    background: linear-gradient(90deg, var(--bck_color) 0%, var(--title_color)60%);
    opacity: .3;
}

.cosplay_ar .cosplay_cont a {
    background: var(--background_buttons);
    outline: none;
    border: none;
    border-radius: 30px;
    text-align: center;
    font-size: 20px;
    font-family: var(--sora_extrabold);
    font-weight: bold;
    padding: 10px 40px;
    position: absolute;
    top: 20px;
    right: 50px;
    text-transform: uppercase;
    color: var(--text_color);
}
@media(max-width:2200px)
{
    .cosplay_ar .cosplay_cont a
    {
        font-size: 31.5px;
    }
}
@media(max-width:2000px) {
    
    .cosplay_ar .cosplay_cont .text h1 {
        font-size: 40px;
        line-height: 45px;

    }
    .cosplay_ar .cosplay_cont .img_parent::after {

        height: 100%;
        /* background: green; */

    }
     .cosplay_ar .cosplay_cont .text p {
        font-size: 35px;
        line-height: 42px;
    }
     .cosplay_ar .cosplay_cont .img_parent,
    .cosplay_ar .cosplay_cont .main_img
    {
        height: 600px;
    }
     .cosplay_ar .cosplay_cont a
    {
        font-size: 30px;
    }
}

@media(max-width:1800px) {
    .cosplay_ar .cosplay_cont .img_parent::after {

        height: 100%;
        /* background: green; */

    }
     .cosplay_ar .cosplay_cont .text p {
        font-size: 30px;
        line-height: 36px;
    }
     .cosplay_ar .cosplay_cont a
    {
        font-size: 27px;
    }
}
@media(max-width:1700px) {
 
    .cosplay_ar .cosplay_cont .img_parent::after {

        height: 100%;
        /* background: red; */

    }

    .cosplay_ar .cosplay_cont .text {
        margin-top: 40px;
    }

    .cosplay_ar .cosplay_cont .text h1 {
        font-size: 30px;
        line-height: 38px;

    }

    .cosplay_ar .cosplay_cont .text p {
        font-size: 28px;
        line-height: 32px;
    }
     .cosplay_ar .cosplay_cont .img_parent,
    .cosplay_ar .cosplay_cont .main_img
    {
        height: 480px;
    }

}

@media(max-width:1500px) {
    .cosplay_ar .cosplay_cont .img_parent::after {

        left: -30px;
        width: 104%;
        height: 100%;
    }

    .cosplay_ar .cosplay_cont .text {
        margin-top: 40px;
    }

    .cosplay_ar .cosplay_cont .text h1 {
        font-size: 30px;
        line-height: 38px;
        width: 88%;

    }

    .cosplay_ar .cosplay_cont .text p {
        font-size: 25px;
        line-height: 32px;
    }
     .cosplay_ar .cosplay_cont .img_parent,
    .cosplay_ar .cosplay_cont .main_img
    {
        height: 450px;
    }
     .cosplay_ar .cosplay_cont a
    {
        font-size: 20px;
    }
}


@media(max-width:1441px) {
    .cosplay_ar .cosplay_cont .img_parent::after {

        height: 100%;

    }

}

@media(max-width:1439px) {
    .cosplay_ar .cosplay_cont .img_parent::after {

        height: 100%;
        left: -21px;
    }
}

@media(max-width:1300px) {
    .cosplay_ar .cosplay_cont .text {
        margin-top: 0px;
    }

    .cosplay_ar .cosplay_cont .text h1 {
        font-size: 29px;
        line-height: 38px;
        width: 90%;

    }

    .cosplay_ar .cosplay_cont .text p {
        font-size: 22px;
        line-height: 26px;
    }
    .cosplay_ar .cosplay_cont .img_parent,
    .cosplay_ar .cosplay_cont .main_img
    {
        height: 380px;
    }
     .cosplay_ar .cosplay_cont a
    {
        font-size: 18px;
    }
}


@media(max-width:1030px) {
    .cosplay_ar .cosplay_cont .img_parent::after {

        left: -22px;
        height: 100%;

    }

    .cosplay_ar .cosplay_cont .text h1 {
        font-size: 20px;
    }

    .cosplay_ar .cosplay_cont .text p {
        font-size: 25px;
    }

    .cosplay_ar .cosplay_cont .text h1 {
        font-size: 30px;
        width: 100%;
    }
}

@media(max-width:800px) {
    .cosplay_ar .cosplay_cont .img_parent::after {

        height: 100%;

    }

    .cosplay_ar .cosplay_cont {
        display: flex;
        flex-direction: column-reverse;

        align-items: center;
        background: var(--bck_color);

    }

    .cosplay_ar .cosplay_cont>div {
        width: 80%;
    }

    .cosplay_ar .cosplay_cont .text {
        transform: translateX(0);
        margin-top: 30px;
    }

}

@media(max-width:500px) {
    .cosplay_ar .cosplay_cont .img_parent {
        width: 100%;
        position: relative;
        height: 100%;
        overflow: hidden;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
        border-top-left-radius: 0 0%;
        border-bottom-left-radius: 0% 0%;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        position: relative;
    }

    .cosplay_ar .cosplay_cont .img_parent::after {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
        border-top-left-radius: 0 0%;
        border-bottom-left-radius: 0% 0%;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        width: 100%;
        left: 0;
        top: 0;

    }

    .cosplay_ar .cosplay_cont>div {
        width: 100%;

    }

    .cosplay_ar .cosplay_cont .text h1 {
        font-size: 18px;
        width: 100%;
        line-height: 32px;
    }

    .cosplay_ar .cosplay_cont .text p {
        font-size: 14px;
    }

    .cosplay_ar .cosplay_cont a {

        font-size: 16px;
        right: 30px;
        padding: 5px 10px;
    }

}

@media(max-width:350px) {
    .cosplay_ar .cosplay_cont {
        width: 94%;
        margin: 0 3%;
    }

    .cosplay_ar .cosplay_cont .img_parent::after {

        width: 108%;

    }

}

/* ============== */
.colored {
    color: #2b2094 !important;
}

.text_en {
    display: block !important;
    direction: rtl;
    width: 90%;
    /* padding: 0 20px 0  0 !important; */
    /* margin: 0 20px 0 0 !important; */
}

.text_en a {
    direction: ltr;
    transform: translateX(100px) !important;
    width: 20% !important;
}

.text_en p {
    font-size: 25px !important;
    line-height: 35px !important;
}



/* VR Zone */
/* ===========  */
.Vr_zone {
    background-color: var(--bck_color);
    padding: 0 0 70px 0;
}

.Vr_zone_cont {
    display: grid;
    grid-template-columns: 40% 60%;
    justify-content: center;
    width: 90%;
    margin-left: 5%;
    background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);

}

.Vr_zone_cont .text {
    direction: rtl;
    margin-top: 70px;
    position: relative;
    transform: translateX(60px);
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    /* background-color: red; */
    gap: 0;

}

.Vr_zone .Vr_zone_cont .text h1 span {
    color: #00ff00;
}

.Vr_zone .Vr_zone_cont .text h1 {
    color: white;
    font-size: 45px;
    font-weight: 700;
    width: 80%;
    direction: rtl;
    /* margin-left: 10%; */
    line-height: 51px;
    font-family: var(--font_noor_bold);
    /* background-color: beige; */



}

.Vr_zone .Vr_zone_cont .text p {
    font-size: 35px;
    color: var(--text_color);
    margin-bottom: 0;
    font-weight: normal;
    font-family: var(--font_noor_light);
    line-height: 38px;
    margin-top: 0;

}

.Vr_zone .Vr_zone_cont img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    /* border-bottom-right-radius: 20px; */
    /* border-top-right-radius: 20px; */
}

.Vr_zone .Vr_zone_cont .main_img {
    position: relative;
    height: 650px;
}

.Vr_zone .Vr_zone_cont .main_img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right,
            
            #160b46);
    opacity: .5;
}

.Vr_zone .Vr_zone_cont a {
    background: var(--background_buttons);
    outline: none;
    border: none;
    border-radius: 30px;
    text-align: center;
    font-size: 20px;
    font-family: var(--sora_extrabold);
    font-weight: bold;
    padding: 10px 60px;
    margin-top: 50px;
    text-transform: uppercase;
    color: var(--text_color);
    position: absolute;
    bottom: 40px;
    right: 30px;
    z-index: 5;
}


@media(max-width:2200px) {
    .Vr_zone .Vr_zone_cont a
    {
        font-size: 31.5px;
    }
    .Vr_zone .Vr_zone_cont .text h1 {
        font-size: 60px ;
        width: 100%;
        line-height: 70px;
    }
    .Vr_zone .Vr_zone_cont .text p {
        font-size: 36px ;
        line-height: 48px;
        width: 90%;
        /* margin: 0; */
        direction: rtl;
        text-align: start;
    }
    .Vr_zone .Vr_zone_cont .text p:nth-child(3)
    {
        /* margin: 50px; */
        /* color: red; */
        margin: 0 0px 0 0;
       
    }
    .Vr_zone_cont .text
    {
        margin-top: 10px;
    }
    .Vr_zone_cont
    {
        /* padding-bottom: 40px; */
    }
    .Vr_zone .Vr_zone_cont .main_img 
    {
        height: 580px;
        /* background: red; */
        /* padding-bottom: 40px; */
    }

}
@media(max-width:2000px) {
    .Vr_zone .Vr_zone_cont .text h1 {
          
      
        line-height: 60px;
        font-size: 50px;
        /* color: black; */
    }
     
    .Vr_zone .Vr_zone_cont a
    {
        font-size: 30px;
    }
    .Vr_zone .Vr_zone_cont .main_img
    {
        height: 630px;
    }

}

@media(max-width:1850px) {
     .Vr_zone .Vr_zone_cont a
    {
        font-size: 30px;
    }
    .Vr_zone .Vr_zone_cont .text h1 {
        font-size: 50px ;
     
      
    }
    .Vr_zone .Vr_zone_cont .text p {
        font-size: 30px ;
       
      
    }

    .Vr_zone .Vr_zone_cont .main_img 
    {
        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 ;
        line-height: 58px;
      
    }
    .Vr_zone .Vr_zone_cont .text p {
        font-size: 26px ;
        line-height: 38px;
      
    }

    .Vr_zone .Vr_zone_cont .main_img 
    {
        height: 540px;
        
    }

}
@media(max-width:1780px)
{
    .Vr_zone .Vr_zone_cont .main_img
    {
        height: 470px;
    }
    
}
@media(max-width:1700px)
{
    .Vr_zone .Vr_zone_cont .main_img
    {
        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
    {
        font-size: 20px;
    }
    .Vr_zone .Vr_zone_cont .text p {
        font-size: 26px ;
        width: 100%;
        line-height: 35px;
      
    }

    .Vr_zone .Vr_zone_cont .main_img 
    {
        height: 450px;
        
    }
    .Vr_zone .Vr_zone_cont .text h1
    {
        font-size: 40px;
        line-height: 53px;
    }

}
@media(max-width:1300px) {
     .Vr_zone .Vr_zone_cont a
    {
        font-size: 18px;
    }
    .Vr_zone .Vr_zone_cont .text h1 {
        font-size: 35px;
        line-height: 45px;
    }

    .Vr_zone .Vr_zone_cont .text p {
        font-size: 25px;
    }
       .Vr_zone .Vr_zone_cont .main_img 
    {
        height: 420px;
        
    }
     .casual_av .casual_av_cont .text .casual_text p:nth-child(8)
    {
        transform: translateX(45px);
    }

}
@media(max-width:1030px)
{
    .Vr_zone .Vr_zone_cont .text h1
    {
        font-size: 30px;
    }
    .Vr_zone .Vr_zone_cont .text p
    {
        font-size: 22px;
        width: 100%;
    }
    .Vr_zone .Vr_zone_cont .main_img
    {
        height: 443px;
    }
    .Vr_zone .Vr_zone_cont .text p:nth-child(3)
    {
        margin: 0;
    }
}
@media(max-width:800px) {
.Vr_zone .Vr_zone_cont .main_img
{
    height: 400px;
}
    .Vr_zone .Vr_zone_cont img,
    .Vr_zone_ar .Vr_zone_cont img {
        height: 100%;
    }

    .Vr_zone .Vr_zone_cont {
        display: flex;
        flex-direction: column-reverse;

        align-items: center;
        background: var(--bck_color);

    }

    .Vr_zone .Vr_zone_cont .text h1 {
        font-size: 30px;
    }

    .Vr_zone .Vr_zone_cont>div {
        width: 80%;
    }

    .Vr_zone_cont .text {
        transform: translateX(0);
        margin-top: 20px;
    }
}

@media(max-width:500px) {
    .Vr_zone .Vr_zone_cont>div {
        width: 100%;

    }

    .Vr_zone .Vr_zone_cont .text h1 {
        font-size: 25px;
        width: 100%;
        line-height: 34px;
    }

    .Vr_zone .Vr_zone_cont .text p {
        font-size: 18px;
        line-height: 30px;
    }

    .Vr_zone .Vr_zone_cont .a_parent {
        margin-top: 10px;
    }

    .Vr_zone .Vr_zone_cont a {
        font-size: 16px;
    }
}

@media(max-width:400px) {

    .Vr_zone .Vr_zone_cont a {
        font-size: 16px;
    }

    .Vr_zone .Vr_zone_cont .text h1 {
        font-size: 20px;
        width: 100%;
        line-height: 33px;
    }

    .Vr_zone .Vr_zone_cont .text p {
        font-size: 16px;
        line-height: 30px;
    }
}

@media(max-width:350px) {
    .Vr_zone .Vr_zone_cont {
        width: 94%;
        margin: 0 3%;
    }

    .Vr_zone .Vr_zone_cont .a_parent {
        margin-top: 0px;
    }
}

/* ============VR EN */
/* ======================  */
.Vr_zone_ar {
    background-color: var(--bck_color);
    padding: 0 0 70px 0;
}

.Vr_zone_ar .Vr_zone_ar_cont {
    display: grid;
    grid-template-columns: 55% 45%;
    justify-content: center;
    width: 90%;
    margin-left: 5%;
    background: linear-gradient(90deg, #120b42, #1f0c4e, #3f0b66 98%);

}

.Vr_zone_ar .Vr_zone_ar_cont .text {
    direction: ltr;
    margin-top: 70px;
    position: relative;
    transform: translateX(-80px);
    z-index: 2;


}

.Vr_zone_ar .Vr_zone_ar_cont .text h1 span {
    color: #00ff00;
}

.Vr_zone_ar .Vr_zone_ar_cont .text h1 {
    color: white;
   font-size: 63px;
      line-height: 72px;
    font-weight: 700;
    width: 100%;
    direction: ltr;
    margin-left: 0%;
    font-family: var(--sora_extrabold);
}

.Vr_zone_ar .Vr_zone_ar_cont .text p {
   font-size: 35px;
    line-height: 42px;
    color: var(--text_color);
    margin: 0;
    font-weight: normal;
    font-family: var(--sora_font);
}

.Vr_zone_ar .Vr_zone_ar_cont img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    /* border-bottom-right-radius: 20px; */
    /* border-top-right-radius: 20px; */
}

.Vr_zone_ar .Vr_zone_ar_cont .a_parent {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: start;
}

.Vr_zone_ar .Vr_zone_ar_cont .main_img {
    position: relative;
    height: 800px;
}

.Vr_zone_ar .Vr_zone_ar_cont a {
    background: linear-gradient(90deg, #1f0d4e,#480c6c,#a109ae);
    outline: none;
    border: none;
    border-radius: 30px;
    text-align: center;
    font-size: 37px;
    font-family: var(--sora_extrabold);
    font-weight: bold;
    padding: 10px 45px;
    margin-top: 20px;
    text-transform: uppercase;
    color: var(--text_color);
    position: absolute;
    bottom: 50px;
    left: 30px;
    z-index: 4;
}

.Vr_zone_ar .Vr_zone_ar_cont .main_img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right,
            rgba(150, 0, 200, 0.55),
            #160b46);
    opacity: .5;
    opacity: .3;
}
@media(max-width:2200px)
{
    
    .Vr_zone_ar .Vr_zone_ar_cont a 
    {
        font-size: 31.5px;
        padding: 10px 60px;
    }
    .Vr_zone_ar .Vr_zone_ar_cont .text h1 {
        font-size: 50px;
        width: 100%;
        line-height: 68px;
        margin-bottom: 5px;
    }
    .Vr_zone_ar .Vr_zone_ar_cont .text
    {
        transform: translateX(-150px);
    }
     .Vr_zone_ar .Vr_zone_ar_cont .text p {
        font-size: 36px;
        line-height: 48px;
        margin-top: 0;
        margin-bottom: 0;
    }
    .Vr_zone_ar .Vr_zone_ar_cont .main_img
    {
        height: 780px;
    }
  
}
@media(max-width:2000px)
{
    
    .Vr_zone_ar .Vr_zone_ar_cont a 
    {
        font-size: 30px;
        padding: 10px 60px;
    }
    .Vr_zone_ar .Vr_zone_ar_cont .text h1 {
        font-size: 47px;
        width: 100%;
        line-height: 60px;
        margin-bottom: 5px;
    }
    .Vr_zone_ar .Vr_zone_ar_cont .text
    {
        transform: translateX(-150px);
    }
     .Vr_zone_ar .Vr_zone_ar_cont .text p {
        font-size: 32px;
        line-height: 40px;
        margin-top: 0;
        margin-bottom: 0;
    }
    .Vr_zone_ar .Vr_zone_ar_cont .main_img
    {
        height: 700px;
    }
}
@media(max-width:1850px)
{
    .Vr_zone_ar .Vr_zone_ar_cont a
    {
        font-size: 27px;
    }
}
@media(max-width:1780px)
{

 .Vr_zone_ar .Vr_zone_ar_cont a 
    {
        /* font-size: 30px; */
        padding: 10px 60px;
        /* color: red; */
    }
    .Vr_zone_ar .Vr_zone_ar_cont .text h1 {
        font-size: 40px;
        width: 100%;
        line-height: 52px;
        margin-bottom: 5px;
    }
    .Vr_zone_ar .Vr_zone_ar_cont .text
    {
        transform: translateX(-100px);
    }
     .Vr_zone_ar .Vr_zone_ar_cont .text p {
        font-size: 26px;
        line-height: 32px;
        margin-top: 0;
        width: 100%;
        margin-bottom: 0;
    }
    .Vr_zone_ar .Vr_zone_ar_cont .main_img
    {
        height: 600px;
    }
}
/* @media(max-width:1800px) {
    .Vr_zone_ar .Vr_zone_ar_cont .text p {
        font-size: 25px;
    }

    .Vr_zone_ar .Vr_zone_ar_cont .text {
        margin-top: 30px;
    }

    .Vr_zone_ar .Vr_zone_ar_cont .text h1 {
        font-size: 35px;
        width: 90%;
    }

    .Vr_zone_ar .Vr_zone_ar_cont .text {
        transform: translateX(-80px);
    }
} */

@media(max-width:1500px) {
    .Vr_zone_ar .Vr_zone_ar_cont .text p {
        font-size: 22px;
        width: 100%;
        /* color: rebeccapurple; */
        line-height: 28px;
    }


    .Vr_zone_ar .Vr_zone_ar_cont .text h1 {
        font-size: 30px;
        line-height: 42px;
    }
    .Vr_zone_ar .Vr_zone_ar_cont .main_img
    {
        height: 540px;
    }
       .Vr_zone_ar .Vr_zone_ar_cont a 
    {
        font-size: 20px;
        padding: 10px 60px;
    }
}

@media(max-width:1300px) {
    .Vr_zone_ar .Vr_zone_ar_cont .main_img
    {
        height: 420px;
    }
    .Vr_zone_ar .Vr_zone_ar_cont .text p {
        font-size: 20px;
         line-height: 26px;
    }

    .Vr_zone_ar .Vr_zone_ar_cont .text {
        margin-top: 30px;
       
    }

    .Vr_zone_ar .Vr_zone_ar_cont .text h1 {
        font-size: 27px;
        width: 90%;
        line-height: 35px;
    }

    .Vr_zone_ar .Vr_zone_ar_cont .a_parent {
        padding-bottom: 20px;
    }
     .Vr_zone_ar .Vr_zone_ar_cont a
     {
        font-size: 18px;
        padding: 10px 60px;
     }
}

@media(max-width:1030px) {
    .Vr_zone_ar .Vr_zone_ar_cont .text {
        transform: translateX(-65px);
    }
        .Vr_zone_ar .Vr_zone_ar_cont .text h1 {
        font-size: 27px;
        width: 100%;
        line-height: 31px;
    }
        .Vr_zone_ar .Vr_zone_ar_cont .text p {
        font-size: 17px;
        line-height: 24px;
        width: 100%;
    }
        .Vr_zone_ar .Vr_zone_ar_cont .main_img {
        height: 390px;
    }
    
    .Vr_zone_ar .Vr_zone_ar_cont a {
        font-size: 18px;
    }
}

@media(max-width:800px) {
    .Vr_zone_ar .Vr_zone_ar_cont {
        display: flex;
        flex-direction: column;

        align-items: center;
        background: var(--bck_color);

    }

    .Vr_zone_ar .Vr_zone_ar_cont>div {
        width: 80%;
        position: relative;
    }

    .Vr_zone_ar .Vr_zone_ar_cont .text {
        transform: translateX(0);
        margin-top: 30px;
    }

    .Vr_zone_ar .Vr_zone_ar_cont a {
        bottom: 30px;
    }

    .Vr_zone_ar .Vr_zone_ar_cont .main_img {
        height: 400px;
    }
    .Vr_zone_ar .Vr_zone_ar_cont .text h1
    {
        font-size: 25px;
         line-height: 33px;
    }
     .Vr_zone_ar .Vr_zone_ar_cont .text p
     {
        line-height: 29px;
     }
}


@media(max-width:500px) {
    .Vr_zone_ar .Vr_zone_ar_cont>div {
        width: 100%;

    }

    .Vr_zone_ar .Vr_zone_ar_cont .text h1 {
        font-size: 18px;
        width: 100%;
        line-height: 26px;
    }

    .Vr_zone_ar .Vr_zone_ar_cont .text p {
        font-size: 14px;
    }

    .Vr_zone_ar .Vr_zone_ar_cont .a_parent {
        margin-top: 10px;
    }

    .Vr_zone_ar .Vr_zone_ar_cont a {
        bottom: 30px;
        left: 10px;
        padding: 6px 45px;
        font-size: 16px;
    }
}

@media(max-width:400px) {
    .Vr_zone_ar .Vr_zone_ar_cont {
        width: 94%;
        margin: 0 3%;
    }
}

@media(max-width:350px) {
    .Vr_zone_ar .Vr_zone_ar_cont {
        width: 94%;
        margin: 0 3%;
    }

    .Vr_zone_ar .Vr_zone_ar_cont .a_parent {
        margin-top: 0px;
    }
}

.En_font {
    font-family: var(--sora_extrabold) !important;
}

/* =========== */
/* ====== organizers Section */
.swiper-button-next,
.swiper-button-prev {
    color: #37069c !important;
}

.organize_slider {
    background-color: white;
    width: 100%;
    margin: 0;
}

.organize_slider .swiper-slide img {
    width: 100%;
    margin-left: 0;
}