@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;
}
* {
  font-display: swap;
}

.play_games,
header {
  background-color: var(--bck_color);
}
/* .e_sportt .valorantt_img,
.e_sportt > div div img {
  width: 40%;
  margin-left: 30%;
  height: 300px !important;
} */
.e_sportt .explore_button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30%;
  margin-left: 35%;
  background: #1e0d4e;
  border-radius: 10px;
  outline: none;
  border: none;
  cursor: pointer;
  color: white;
  padding: 10px 5px;
  margin-bottom: 10px;
  text-transform: uppercase !important;
  font-size: 20px;
  font-family: var(--noor_font);
}
/* .e_sport > div div .abs_img1,
.e_sport > div div .abs_img2,
.e_sportt > div div img,
.letters div img,
.swiper-slide img,
header .left_side img {
  object-fit: contain;
  object-fit: contain;
} */
.e_sportt a,
.social_accounts .buttonc_parent .button {
  background: linear-gradient(90deg, #a509b0, #680b83, #1e0d4e);
  text-decoration: none;
  cursor: pointer;
}
.activate_section2,
.hero_section a,
.letters,
.ltr,
.oragnize,
.play_games .e_sport,
.rtl,
.swiper,
body {
  box-sizing: border-box;
}
:root {
  --bck_color: #0d0d41;
  --title_font: "Archivo Black", "sans-serif";
}
.mainiMg,
.mainiMg1h {
  object-position: 40% 70%;
}
:root {
  --main-font: "Montserrat", "Poppins", "Arial", 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";
  --overlay-width: 140px;
  --green: rgba(0, 255, 0, 1);
  --black: rgba(0, 0, 0, 1);
}
html {
  scroll-behavior: smooth;
}
a {
  text-decoration: none;
}

body {
  background: var(--bck_color);
  margin: 0;
  width: 100%;
  height: auto;
}
header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 30px;
}
header .logo_cont {
  display: flex;
  align-items: end;
  column-gap: 5px;
  justify-content: end;
}
header .left_side {
  color: #fff;
  font-family: var(--main-font);
  display: flex;
  align-items: center;
  transform: translateX(0);
}
header .left_side img {
  width: 100%;
  height: 100%;
}
header .left_side .logo_cont {
  position: relative;
  width: 18%;
}
header .left_side .logo {
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-family: var(--sora_font);
}
header .left_side .logo span:first-child,
header .left_side .logo span:nth-child(2) {
  font-size: 25px;
  margin: 0;
  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;
  font-weight: 700;
  font-family: var(--sora_extrabold);
  row-gap: 2px;
  margin-left: 30px;
}
header .left_side .date span:nth-child(2) {
  color: #2ae42a;
}
.hero_desc_res_en .hero_title2_en span,
.wordh21_en span span,
header .left_side .date span:nth-child(4) {
  color: #aa09b4;
}
.ar_lang,
.card_game_ar .card_game_cont .text h1 span,
.en_lang,
header .left_side .date span:nth-child(4) span:first-child {
  color: #fff;
}
header .right_side {
  display: flex;
  column-gap: 20px;
  align-items: center;
}
header .right_side a {
  outline: 0;
  border: none;
  font-family: var(--sora_extrabold);
  background-color: transparent;
  cursor: pointer;
}
header .right_side .ticketing_ar,
header .right_side .ticketing_bnt_en {
  background-color: #3023a2;
  color: #fff;
  padding: 2px 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  border-radius: 12px;
  font-family: var(--font_noor_bold);
}
.En_font,
header .right_side .ticketing_bnt_en {
  font-family: var(--sora_extrabold) !important;
}
header .right_side_h i {
  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: 0 0;
  font-weight: 700;
}
.casual_av .casual_av_cont .text .casual_text_res,
.hero_desc_res,
.hero_desc_res_ar,
.hero_title_res,
.list_icon,
.oragnize_slider {
  display: none;
}
@media (max-width: 2200px) {
  header .left_side .date,
  header .left_side .place {
    font-size: 22px;
    margin-left: 30px;
  }
  header .left_side {
    transform: translateX(0);
    align-items: end;
  }
  header .left_side img {
    width: 100%;
    object-fit: contain;
    height: 100%;
  }
  header .left_side .logo_cont {
    position: relative;
    width: 20%;
    height: 100%;
    align-items: end;
  }
  header .right_side .ticketing_ar,
  header .right_side .ticketing_bnt_en,
  header .right_side a,
  header .right_side a:nth-child(3),
  header .right_side a:nth-child(4) {
    font-size: 26px;
  }
}
.right_side .ticketing_ar {
  padding: 6px 56px;
  font-size: 20px;
}
.play_games {
  padding: 85px 0 30px;
  height: 300px;
}
.card_game .card_game_cont .main_img,
.casual_ar .casual_av_cont .main_img,
.cosplay_ar .cosplay_cont .main_img,
.hero_desc_ar,
.swiper_parent {
  position: relative;
}
.edge-overlay {
  position: absolute;
  top: 0;
  width: 120px;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.edge-overlay.left {
  left: 0;
  background: linear-gradient(
    to right,
    #0f0 0,
    rgba(0, 255, 0, 0.2) 60%,
    transparent 100%
  );
}
.edge-overlay.right {
  right: 0;
  background: linear-gradient(
    to left,
    #0f0 0,
    rgba(0, 255, 0, 0.2) 60%,
    transparent 100%
  );
}
.play_games h1 {
  text-align: center;
  font-family: var(--font_noor_bold);
  font-weight: 700;
  color: var(--title_color);
  font-size: 60px;
}
.e_sportt a,
.e_sportt h1 {
  font-family: var(--noor_font);
}
.play_games_ar {
  direction: ltr;
}
.swiper {
  width: 93%;
  max-width: 100%;
  height: 200px;
  margin: 0 3.5%;
  padding: 40px 0 50px;
}
.swiper-pagination {
  position: relative;
  bottom: -20px !important;
  left: 0;
  width: 100%;
  text-align: center;
}
.swiper-slide img {
  width: 80%;
  margin-left: 10%;
  height: 100%;
  border-radius: 10px;
  z-index: -3;
  opacity: 0.8;
  transition: transform 0.3s;
}
.swiper-pagination-bullet {
  background-color: var(--text_color);
  width: 20px;
  height: 20px;
  opacity: 1;
}
.swiper-pagination-bullet-active {
  background-color: #37069c;
}
.card_game,
.card_game_ar,
.e_sportt,
.letters,
.oragnize,
.oragnize_slider {
  background-color: var(--bck_color);
}
.e_sportt {
  padding: 50px 0 25px;
}
.e_sportt h1 {
  font-weight: 700;
  color: #fff;
  text-align: center;
  font-size: 50px;
}
.e_sportt a,
.letters form div label {
  font-size: 25px;
  color: #fff;
  font-weight: 700;
}
.e_sportt > div:nth-child(2) {
  display: grid;
  background: linear-gradient(
    90deg,
    var(--bck_color),
    #680b83,
    #a509b0,
    var(--bck_color)
  );
  grid-template-columns: repeat(3, 30%);
  align-items: center;
  justify-content: space-between;
  column-gap: 20px;
  width: 92%;
  margin: 0 4%;
  height: 600px;
  position: relative;
  box-sizing: border-box;
}
.e_sportt .button_parent,
.social_accounts .buttonc_parent {
  display: flex;
  align-items: center;
  justify-content: center;
}
.no_margin {
  margin-top: 0 !important;
}
.e_sportt > div div {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* padding: 30px 0; */
  box-sizing: border-box;
}
.e_sportt .img_sport {
  height: 50%;
  padding: 0;
}
.e_sportt > div div img {
  height: 100%;
  width: 80%;
  margin-left: 10%;
}
/* .e_sportt .yasouu_img {
  width: 28%;
  margin-left: 31%;
} */
/* .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;
}
.e_sport > div div .abs_img2 {
  width: 60px;
  left: 20px;
  top: 110px;
} */
.e_sportt a {
  text-transform: uppercase;
  border: none;
  border-radius: 22px;
  padding: 9px 65px;
  display: block;
  width: fit-content;
  outline: 0;
  text-align: start;
  margin-top: 40px;
  transform: translateX(10px);
}
.oragnize,
.oragnize_slider {
  padding-top: 20px;
}
.oragnize h1,
.oragnize_slider h1 {
  text-align: center;
  font-family: var(--sora_font);
  font-weight: 700;
  color: #fff;
  font-size: 60px;
}
.oragnize div {
  background-color: #fff;
  display: grid;
  grid-template-columns: repeat(4, 20%);
  align-items: center;
  justify-content: space-between;
  padding: 0 40px;
}
.ltr_size img,
.oragnize div img {
  width: 100%;
}
.oragnize .sia_logo {
  width: 80%;
}
.letters {
  padding: 20px 0 50px;
}
.letters h1 {
  text-align: center;
  font-family: var(--sora_extrabold);
  font-weight: 700;
  color: var(--title_color);
  margin-bottom: 50px;
}
.letters div p,
.right_side_h a {
  text-transform: uppercase;
  font-family: var(--main-font);
}
.letters > div {
  display: grid;
  grid-template-columns: 50% 45%;
  align-items: start;
  justify-content: center;
  column-gap: 5%;
}
.letters .image,
.letters div p {
  align-items: center;
  display: flex;
}
.letters .image {
  justify-content: end;
}
.letters > div div:nth-child(2) {
  margin-top: 0;
}
.letters div img {
  width: 30%;
  height: 30%;
}
.letters div p {
  font-weight: 700;
  color: #fff;
  column-gap: 5px;
}
.letters div p:first-child {
  font-size: 50px;
  width: 55%;
  line-height: 4rem;
  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: 0;
  border: none;
  background: linear-gradient(to right, #9d09ab 20%, #450c6a, #200d4f);
  padding: 8px 15px;
  border-radius: 10px;
  margin: 0;
  width: 60%;
  color: #fff;
  font-family: var(--sora_font);
}
.letters form div label {
  font-family: var(--sora_font);
}
.letters form button,
.social_accounts .buttonc_parent button {
  background: linear-gradient(
    to right,
    #151552f7 20%,
    #6a1a97,
    var(--purple_col)
  );
  outline: 0;
  border: none;
  color: #fff;
  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;
}
.social_accounts .buttonc_parent button {
  font-size: 16px;
  padding: 7px 30px;
}
.right_side_h {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: var(--bck_color);
  transform: translateY(0);
  z-index: 4;
}
.right_side_h a {
  color: var(--text_color);
}
.right_side_h a:first-child {
  font-family: var(--font_noor_bold);
}
.btn2_type,
.btn2_type_s,
.hero_desc_res_en .hero_title2_en,
.right_side_h a:nth-child(2),
.right_side_h a:nth-child(3),
.ticketing_section .days > div,
.ticketing_section .days_2 > div,
.ticketing_section .ticket_type h1,
.ticketing_section .ticket_type span {
  font-family: var(--sora_extrabold);
}
.hidden {
  opacity: 0;
  transform: translateY(-20px);
  pointer-events: none;
}
.newsletter_text_ar {
  width: 35% !important;
}
.e_sport_ar {
  direction: ltr !important;
}
.padd {
  padding: 50px 30px 30px;
}
.info form div:nth-child(2) {
  margin-top: 40px;
}
@media (max-width: 2200px) {
  .e_sportt > div:nth-child(2) {
    height: 500px;
  }
  .e_sportt a {
    font-size: 25px;
  }
  .e_sport > div:nth-child(2) {
    grid-template-columns: repeat(3, 569px);
  }
  .e_sport > div div .bellingham_img {
    transform: translateY(0);
  }
  .e_sport > div div .yasou_img {
    height: 100%;
  }
  .e_sport > div div .abs_img,
  .e_sport > div div .abs_img1,
  .e_sport > div div .abs_img2 {
    width: 90px;
    height: 90px !important;
    top: unset;
  }
  .e_sport > div div .abs_img,
  .e_sport > div div .abs_img2 {
    top: 100px;
  }
  .e_sport > div div .valorant_img {
    transform: translateY(184px);
  }
  .e_sport > div div {
    height: 678px;
  }
  .e_sportt 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:first-child {
    font-size: 38px;
    line-height: 53px;
    width: 100%;
    margin-top: 0;
  }
  .letters form button,
  .social_accounts .buttonc_parent button {
    font-size: 31.5px;
    margin-top: 80px;
  }
  .social_accounts .buttonc_parent button {
    font-size: 29.5px;
  }
  .letters div img {
    width: 55%;
    height: 50%;
  }
  .letters > div {
    width: 60%;
    margin-left: 10%;
  }
  .e_sportt .explore_button {
    width: 50%;
    margin-left: 29%;
  }
  .e_sportt .warzone_button
  {
    margin-left: 26%;
  }
  .e_sportt .valo_button
  {
    margin-left: 23%;
  }
  /* .e_sportt .bellinghamm_img,
  .e_sportt .valorantt_img {
    width: 50%;
    margin-left: 25%;
  }
  .e_sportt .yasouu_img {
    width: 30%;
    margin-left: 35%;
  }
  .e_sportt .valorantt_img,
  .e_sportt > div div img {
    height: 200px !important ;
  } */
}
@media (max-width: 1880px) {
  .e_sport > div div .valorant_img {
    transform: translateY(120px);
  }
  .e_sport > div div .bellingham_img {
    transform: translateY(-17px);
  }
  .e_sportt h1 {
    font-size: 70px;
  }
  .letters div img {
    width: 40%;
    height: 20%;
    object-fit: contain;
  }
  .letters > div {
    align-items: center;
    width: 60%;
    margin-left: 10%;
  }
  .info {
    margin-top: 0;
  }
  .info form div:nth-child(2) {
    margin-top: 20px;
  }
  .letters div p:first-child {
    width: 100%;
  }
  .e_sport > div div {
    height: 450px;
  }
  .e_sport > div div .abs_img2 {
    top: 120px;
    left: 20px;
  }
}
@media (max-width: 1850px) {
  header .left_side img {
    width: 100%;
    object-fit: contain;
    height: 100%;
  }
  header .left_side .logo_cont {
    position: relative;
    width: 20%;
  }
  header .right_side .ticketing_ar,
  header .right_side .ticketing_bnt_en,
  header .right_side a,
  header .right_side a:nth-child(3),
  header .right_side a:nth-child(4) {
    font-size: 22px;
  }
  header .left_side .date,
  header .left_side .place {
    font-size: 17px;
  }
  .e_sportt a {
    font-size: 30px;
  }
  .letters form div input {
    padding: 15px 25px;
    width: 50%;
    margin-left: 10px;
  }
  .letters h1 {
    font-size: 54px;
  }
  .letters div p:first-child {
    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);
  }
  .e_sport > div div {
    height: 600px;
  }
}
@media (max-width: 1840px) {
  .letters div img {
    width: 50%;
    height: 30%;
  }
  .letters > div {
    align-items: center;
  }
}
@media (max-width: 1800px) {
  .e_sportt a {
    font-size: 27px;
  }
  .e_sport > div:nth-child(2) {
    grid-template-columns: repeat(3, 31%);
  }
  .letters div img {
    object-fit: contain;
    width: 50%;
    height: 40%;
  }
  .letters > div {
    align-items: center;
    width: 60%;
    margin-left: 10%;
  }
  .info {
    margin-top: 0;
  }
  .letters div p:first-child {
    width: 100%;
    margin-bottom: 20px;
    margin-top: 0;
    line-height: 32px;
  }
  .letters form div input {
    padding: 15px 25px;
    width: 50%;
    margin-left: 10px;
  }
  .letters h1 {
    font-size: 44px;
  }
  .info form div:nth-child(2) {
    margin-top: 25px;
  }
  .letters form button,
  .social_accounts .buttonc_parent button {
    font-size: 25px;
    margin-top: 40px;
  }
  .social_accounts .buttonc_parent button {
    font-size: 23px;
  }
  .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;
  }
}
@media (max-width: 1700px) {
  .e_sportt h1 {
    font-size: 65px;
  }
}
@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%;
  }
  header .left_side .logo_cont {
    position: relative;
    width: 19%;
  }
  header .right_side .ticketing_ar,
  header .right_side .ticketing_bnt_en,
  header .right_side a,
  header .right_side a:nth-child(3),
  header .right_side a:nth-child(4) {
    font-size: 18px;
  }
  /* .e_sportt .bellinghamm_img,
  .e_sportt > div div img {
    width: 75%;
    margin-left: 12.5%;
  }
  .e_sportt > div div img {
    height: 100%;
    object-fit: contain;
  }
  .e_sportt .valorantt_img {
    width: 78%;
    margin-left: 11%;
  }
  .e_sportt .yasouu_img {
    width: 47%;
    margin-left: 26.5%;
  } */
  .e_sportt h1 {
    font-size: 60px;
  }
  .e_sportt a {
    font-size: 25px;
  }
  .letters > div {
    align-items: center;
    width: 60%;
    margin-left: 10%;
    align-items: start;
  }
  .letters div p:first-child {
    width: 100%;
    margin-bottom: 20px;
    margin-top: 0;
    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,
  .social_accounts .buttonc_parent button {
    font-size: 25px;
    margin-top: 40px;
  }
  .social_accounts .buttonc_parent button {
    font-size: 23px;
  }
  .letters div img {
    width: 48%;
    height: 50%;
  }
  .e_sport > div:nth-child(2) {
    grid-template-columns: repeat(3, 31%);
  }
  .info {
    margin-top: 0;
  }
  .e_sport > div div .abs_img,
  .e_sport > div div .abs_img1,
  .e_sport > div div .abs_img2 {
    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 .bellingham_img,
  .e_sport > div div .valorant_img {
    transform: translateY(156px);
  }
  .e_sport > div div .bellingham_img {
    transform: translateY(-10px);
    object-fit: contain;
    height: 100%;
  }
}
@media (max-width: 1300px) {
  header .left_side .logo_cont {
    position: relative;
    width: 22%;
    height: 100%;
  }
  header .left_side {
    transform: translateX(0);
  }
  header .left_side .date,
  header .left_side .place {
    font-size: 14px;
  }
  .social_accounts .buttonc_parent button,
  header .right_side .ticketing_ar,
  header .right_side .ticketing_bnt_en,
  header .right_side a,
  header .right_side a:nth-child(3),
  header .right_side a:nth-child(4) {
    font-size: 16px;
  }
  .e_sport > div div .valorant_img {
    transform: translateY(120px);
  }
  .e_sportt h1 {
    font-size: 55px;
  }
  .e_sportt a {
    font-size: 22px;
  }
  .e_sport > div:nth-child(2) {
    grid-template-columns: repeat(3, 31%);
  }
  .e_sport > div div {
    height: 450px;
  }
  .letters > div {
    align-items: center;
    width: 60%;
    margin-left: 10%;
  }
  .info {
    margin-top: 0;
  }
  .letters div p:first-child {
    width: 100%;
    margin-bottom: 20px;
    margin-top: 0;
    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,
  .social_accounts .buttonc_parent 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) {
  header .left_side .place {
    flex-direction: column;
    transform: translateY(0);
  }
  header .left_side .date,
  header .left_side .place {
    font-size: 12px;
  }
  header .left_side .logo_cont {
    width: 25%;
  }
  .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:first-child {
    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 {
    object-fit: contain;
    height: 100%;
    transform: translateY(-8px);
  }
  .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) {
  .edge-overlay {
    width: 80px;
  }
  .e_sport > div div .bellingham_img {
    transform: translateY(0);
  }
  .e_sport > div div {
    height: 400px;
  }
  .e_sport > div div .valorant_img,
  .e_sport > div div .yasou_img,
  .e_sport > div div img {
    height: 100%;
  }
  .letters div p:first-child {
    margin-top: 20px;
    width: 100%;
  }
  .e_sportt 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 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;
  }
  .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 {
    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 .valorant_img {
    transform: translateY(-9px);
  }
  .e_sport > div div .abs_img,
  .e_sport > div div .abs_img1,
  .e_sport > div div .abs_img2 {
    width: 60px;
    height: 60px !important;
  }
}
@media (max-width: 700px) {
  .e_sportt > div:nth-child(2) {
    height: 150px;
  }
  .e_sport > div:nth-child(2) {
    grid-template-columns: 80%;
    justify-content: center;
  }
  .e_sportt h1 {
    width: 100%;
    margin-left: 0;
    font-size: 30px;
    text-align: center;
  }
  .e_sport > div div .valorant_img,
  .e_sport > div div img {
    height: 100%;
  }
  .oragnize {
    display: none;
  }
  .oragnize div {
    grid-template-columns: 60%;
    row-gap: 30px;
  }
  .list_icon,
  .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:first-child {
    justify-content: start;
  }
  .letters div p:first-child {
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    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;
  }
  .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) {
  .e_sportt > div:nth-child(2) {
    width: 98%;
    margin: 0;
  }
  .play_games h1 {
    font-size: 25px;
  }
  header .left_side .logo span:first-child,
  header .left_side .logo span:nth-child(2) {
    font-size: 18px;
  }
  header .left_side .logo span:nth-child(3) {
    font-size: 5px;
  }
  .letters div:first-child {
    justify-content: start;
  }
  .letters .image {
    justify-content: center !important;
    width: 100%;
  }
  .edge-overlay {
    width: 50px;
  }
  .hero_section2 {
    position: relative;
    z-index: -1;
  }
  header .logo_cont {
    align-items: center;
  }
  header .left_side {
    padding: 15px 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_sportt h1 {
    width: 100%;
    margin-left: 0;
    font-size: 22px;
    text-align: center;
  }
  .oragnize h1,
  .oragnize_slider h1 {
    font-size: 30px;
  }
  .letters h1 {
    font-size: 25px;
  }
  header .left_side > div {
    width: 35%;
  }
  .swiper-slide img {
    width: 80%;
    margin-left: 10%;
  }
  .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
  }
  .letters div p:first-child {
    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_img1 {
    bottom: -37px;
  }
  .e_sport > div div .valorant_img {
    height: 100%;
  }
  .e_sport > div div .abs_img {
    left: 20px;
    top: 95px;
  }
  .letters > div {
    grid-template-columns: 95%;
    width: 90%;
    margin-left: 5%;
  }
  .letters > div div:nth-child(2) {
    margin-right: 0;
  }
}
.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;
  column-gap: 1%;
}
.card_game .card_game_cont img,
.mainiMg img,
.mainiMg1 img,
.mainiMg1h img,
.mainiMg1h_en img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card_game .card_game_cont .img_parent {
  overflow: hidden;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  border-top-right-radius: 40% 100%;
  border-bottom-right-radius: 0 0;
  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: 40% 100%;
  border-bottom-right-radius: 0 0;
  background: linear-gradient(45deg, var(--title_color) 0, #0d0d41b8 75%);
  opacity: 0.6;
  z-index: 4;
}
.card_game .card_game_cont a,
.card_game_ar .card_game_cont a,
.mobile .mobile_cont a {
  border: none;
  outline: 0;
  text-align: center;
  text-transform: uppercase;
  background: var(--background_buttons);
}
.card_game .card_game_cont a,
.card_game_ar .card_game_cont a {
  border-radius: 30px;
  font-size: 20px;
  font-family: var(--sora_extrabold);
  font-weight: 700;
  padding: 15px 30px;
  position: absolute;
  bottom: 50px;
  left: 90px;
  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;
  line-height: 3.5rem;
  width: 90%;
  margin-left: 10%;
  font-family: var(--font_noor_light);
}
.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 0 70px;
}
.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, 100% 0, 100% 100%, 0% 100%);
  border-top-right-radius: 40% 100%;
  border-bottom-right-radius: 0 0;
  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%);
  opacity: 0.6;
}
.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 {
  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 div h1:nth-child(2) {
  margin-left: 5%;
  margin-top: 5px;
}
.card_game_ar .card_game_cont .text p {
  transform: translateX(-50px);
  margin-top: 0;
  margin-bottom: 10px;
  color: var(--text_color);
  direction: ltr;
  color: var(--text_color);
  font-size: 35px;
  line-height: 32px;
  width: 100%;
  font-family: var(--sora_font);
}
.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(0);
}
.card_game_ar .card_game_cont .text div {
  transform: translateX(-100px);
}
@media (min-width: 2257px) {
  .Vr_zone,
  .Vr_zone_ar,
  .card_game,
  .card_game_ar,
  .casual_ar,
  .casual_av,
  .cosplay,
  .cosplay_ar,
  .e_sportt,
  .hero_sectionh2,
  .letters,
  .mobile,
  .mobile_ar,
  .oragnize,
  .swiper_parent,
  .ticketing_section,
  .vr-section {
    width: min(80%, 2200px);
    margin: 0 auto;
  }
  .e_sportt div:nth-child(2) {
    width: 100%;
    margin: 0;
  }
  .card_game_ar .card_game_cont .text {
    transform: translateX(30px);
  }
  .card_game .card_game_cont,
  .card_game_ar .card_game_cont {
    width: 100%;
    margin-left: 0;
  }
}
@media (max-width: 2200px) {
  .card_game_ar .card_game_cont .text {
    transform: translateX(20px);
  }
  .card_game .card_game_cont .img_parent,
  .card_game .card_game_cont .main_img {
    height: 600px;
  }
  .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%;
    margin: 0 0 0 15%;
    direction: rtl;
  }
  .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);
  }
}
@media (max-width: 2000px) {
  .card_game .card_game_cont .img_parent,
  .card_game .card_game_cont .main_img {
    height: 580px;
  }
  .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 .img_parent,
  .card_game .card_game_cont .main_img {
    height: 550px;
  }
  .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%;
    margin: 0 0 0 15%;
    direction: rtl;
  }
  .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 .img_parent,
  .card_game .card_game_cont .main_img {
    height: 440px;
  }
  .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%;
    margin: 0 0 0 10%;
    direction: rtl;
  }
  .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 .img_parent,
  .card_game .card_game_cont .main_img {
    height: 380px;
  }
  .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 .img_parent,
  .card_game .card_game_cont .main_img {
    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 .img_parent,
  .card_game_ar .card_game_cont .main_img {
    height: 500px;
  }
}
@media (max-width: 1439px) {
  .card_game_ar .card_game_cont .text p {
    margin-left: 10px;
  }
}
@media (max-width: 1300px) {
  .card_game_ar .card_game_cont .img_parent,
  .card_game_ar .card_game_cont .main_img {
    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;
    transform: translateX(-80px);
  }
  .card_game_ar .card_game_cont .text h1 span {
    margin-right: 5px;
  }
  .card_game_ar .card_game_cont .text p {
    transform: translateX(-50px);
    font-size: 25px;
    margin-top: 0;
    margin-bottom: 10px;
  }
  .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 div,
  .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(0);
  }
}
@media (max-width: 1030px) {
  .card_game_ar .card_game_cont .text div {
    font-size: 35px;
    transform: translateX(-2px);
  }
  .card_game_ar .card_game_cont {
    grid-template-columns: 62% 37%;
  }
  .card_game .card_game_cont .text h1 {
    font-size: 27px;
    margin-bottom: 0;
  }
  .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 .img_parent,
  .card_game_ar .card_game_cont .main_img {
    height: 360px;
  }
  .card_game_ar .card_game_cont .text p {
    margin-left: 0;
    margin-top: 0;
    font-size: 17px;
    margin-bottom: 5px;
  }
  .card_game .card_game_cont .text {
    margin-top: 15px;
  }
  .card_game .card_game_cont .img_parent,
  .card_game .card_game_cont .main_img {
    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%;
  }
}
@media (max-width: 800px) {
  .card_game .card_game_cont .img_parent,
  .card_game .card_game_cont .main_img,
  .card_game_ar .card_game_cont .img_parent,
  .card_game_ar .card_game_cont .main_img {
    height: 400px;
  }
  .card_game_ar .card_game_cont .text p {
    transform: translateX(-50px);
    margin-top: 0;
  }
  .card_game_ar .card_game_cont .text,
  .card_game_ar .card_game_cont .text div,
  .card_game_ar .card_game_cont .text h1,
  .card_game_ar .card_game_cont .text p:nth-child(3),
  .card_game_ar .card_game_cont .text p:nth-child(4),
  .card_game_ar .card_game_cont .text p:nth-child(5),
  .card_game_ar .card_game_cont .text p:nth-child(6),
  .card_game_ar .card_game_cont .text p:nth-child(7),
  .card_game_ar .card_game_cont .text p:nth-child(8),
  .card_game_ar .card_game_cont .text p:nth-child(9) {
    transform: translateX(0);
  }
  .card_game_ar .card_game_cont .text p:nth-child(2) {
    margin-top: 30px;
    transform: translateX(0);
  }
  .card_game .card_game_cont .text h1 {
    font-size: 30px;
    margin-bottom: 20px;
    margin-top: 0;
  }
  .card_game .card_game_cont img,
  .card_game_ar .card_game_cont img {
    height: 100%;
  }
  .card_game .card_game_cont,
  .card_game_ar .card_game_cont {
    grid-template-columns: 80%;
    justify-content: center;
  }
  .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;
    font-size: 25px;
  }
  .card_game .card_game_cont .text {
    margin: 20px 0 0;
  }
  .card_game_ar .card_game_cont .text div {
    position: relative;
    left: unset;
    top: unset;
  }
  .card_game_ar .card_game_cont .text p {
    margin-left: 0;
    position: relative;
    top: unset !important;
    left: unset !important;
    margin-bottom: 10px;
    font-size: 17px;
    display: inline;
    line-height: 29px;
  }
  .card_game_ar .card_game_cont .text div h1:nth-child(2) {
    margin-left: 0;
    margin-bottom: 30px;
  }
}
@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;
  }
  .card_game .card_game_cont .text h1 {
    font-size: 25px;
  }
  .card_game_ar .card_game_cont .text h1 {
    font-size: 18px;
    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;
    margin-left: 0;
    margin-bottom: 1px;
  }
  .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,
  .card_game .card_game_cont .main_img::after {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    border-radius: 0;
  }
  .card_game_ar .card_game_cont .img_parent {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    border-top-right-radius: 0 0;
    border-bottom-right-radius: 0 0;
    position: relative;
  }
}
.Vr_zone,
.Vr_zone_ar,
.cosplay,
.cosplay_ar,
.mobile,
.mobile_ar {
  background-color: var(--bck_color);
  padding: 0 0 70px;
}
.Vr_zone_cont,
.mobile_ar .mobile_cont,
.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%;
  opacity: 0.5;
}
.mobile_cont .text {
  direction: rtl;
  padding-top: 70px;
  position: relative;
  transform: translateX(15px);
  z-index: 7;
  height: 100%;
}
.Vr_zone .Vr_zone_cont .text h1 span,
.Vr_zone_ar .Vr_zone_ar_cont .text h1 span,
.casual_av .casual_av_cont .text h1 span,
.cosplay .cosplay_cont .text h1 span,
.mobile .mobile_cont .text h1 span,
.mobile_ar .mobile_cont .text h1 span {
  color: #0f0;
}
.Vr_zone .Vr_zone_cont .text h1,
.mobile .mobile_cont .text h1 {
  color: #fff;
  font-size: 45px;
  font-weight: 700;
  width: 80%;
  direction: rtl;
  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: 400;
  font-family: var(--font_noor_light);
  line-height: 3rem;
}
.mobile .mobile_cont img {
  width: 100%;
  height: 100%;
  z-index: -1;
  object-fit: cover;
  object-position: 90%;
}
.mobile .mobile_cont .a_parent {
  margin-top: 0;
  display: flex;
  align-items: start;
  justify-content: end;
}
.mobile .mobile_cont a {
  border-radius: 30px;
  font-size: 20px;
  font-family: var(--sora_extrabold);
  font-weight: 700;
  padding: 10px 30px;
  margin-top: 50px;
  color: var(--text_color);
}
.mobile .mobile_cont .main_img {
  height: 650px;
  position: relative;
}
@media (min-width: 2257px) {
  .mobile .mobile_cont .text h1 {
    line-height: 4rem;
  }
  .mobile .mobile_cont .text p {
    line-height: 3.5rem;
  }
  .mobile_cont {
    width: 100%;
    margin-left: 0;
  }
}
@media (max-width: 2200px) {
  .mobile .mobile_cont .text h1 {
    font-size: 60px;
    width: 100%;
    line-height: 70px;
  }
  .mobile .mobile_cont .text p {
    font-size: 36px;
    line-height: 52px;
    width: 90%;
  }
  .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;
    margin-top: 14px;
  }
  .mobile .mobile_cont .text p {
    font-size: 24px;
    width: 100%;
    line-height: 32px;
  }
  .mobile .mobile_cont .main_img {
    height: 570px;
  }
}
@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: 30px;
  }
  .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;
  }
}
@media (max-width: 1030px) {
  .mobile .mobile_cont img {
    width: 100%;
    height: 100%;
    z-index: -1;
    object-fit: cover;
    object-position: unset;
  }
  .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;
    margin-top: 0;
  }
  .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;
    padding: 0;
  }
  .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;
    margin-bottom: 20px;
  }
  .mobile .mobile_cont .text p {
    font-size: 18px;
    line-height: 26px;
  }
  .mobile .mobile_cont .a_parent {
    margin-top: 0;
  }
  .mobile .mobile_cont a {
    margin-top: 20px;
    font-size: 16px;
  }
}
.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 {
  color: #fff;
  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: 400;
  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%;
}
.Vr_zone_ar .Vr_zone_ar_cont .a_parent,
.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: 0;
  border: none;
  border-radius: 30px;
  text-align: center;
  font-size: 37px;
  font-family: var(--sora_extrabold);
  font-weight: 700;
  padding: 10px 30px;
  margin-top: 20px;
  text-transform: uppercase;
  color: var(--text_color);
}
.casual_av .casual_av_cont .img_parent,
.casual_av .casual_av_cont .img_parent::after {
  border-radius: 10px 0 100% 10px/10px 100% 200% 10px;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
.mobile_ar .mobile_cont .main_img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent 0, var(--title_color) 90%);
  background: linear-gradient(90deg, #160b46, rgba(150, 0, 200, 0.55));
  opacity: 0.5;
  opacity: 0.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 (min-width: 2257px) {
  .mobile_ar .mobile_cont .text h1 {
    font-size: 45px;
    line-height: 4.5rem;
  }
  .mobile_ar .mobile_cont .text p {
    font-size: 30px;
    line-height: 3rem;
  }
  .mobile_ar .mobile_cont {
    width: 100%;
    margin-left: 0;
  }
}
@media (max-width: 2200px) {
  .mobile_ar .mobile_cont {
    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: 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: 15px;
  }
  .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;
    padding: 0;
  }
  .mobile_ar .mobile_cont .text h1 {
    font-size: 25px;
    line-height: 32px;
    width: 80%;
    margin-top: 0;
    margin-bottom: 30px;
  }
  .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;
  }
}
.casual_ar,
.casual_av {
  background-color: var(--bck_color);
  padding: 70px 0;
}
.casual_av .casual_av_cont {
  display: grid;
  grid-template-columns: 55% 43%;
  justify-content: space-between;
  width: 90%;
  margin: 0 5%;
}
.casual_av .casual_av_cont .text {
  direction: rtl;
  margin-top: 0;
  position: relative;
  z-index: 2;
}
.casual_av .casual_av_cont .text h1:first-child {
  color: #aa09b4;
  font-family: var(--sora_extrabold) !important;
  font-size: 70px;
  width: 100%;
  margin-top: 0;
  padding: 0;
  font-weight: 700;
}
.casual_av .casual_av_cont .text h1 {
  color: #fff;
  font-size: 55px;
  font-weight: 700;
  width: 100%;
  direction: rtl;
  line-height: 42px;
  font-family: var(--font_noor_bold) !important;
}
.casual_av .casual_av_cont .text p {
  font-size: 30px;
  color: var(--text_color);
  font-weight: 400;
  font-family: var(--font_noor_light);
  line-height: 38px;
}
.casual_av .casual_av_cont .main_img,
.cosplay .cosplay_cont .main_img {
  overflow: visible;
  position: relative;
}
.Vr_zone .Vr_zone_cont img,
.Vr_zone_ar .Vr_zone_ar_cont img,
.casual_ar .casual_av_cont img,
.casual_av .casual_av_cont img,
.cosplay .cosplay_cont img,
.cosplay_ar .cosplay_cont img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.casual_av .casual_av_cont .img_parent {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.casual_av .casual_av_cont .img_parent::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, var(--title_color) 90%, var(--bck_color));
  opacity: 0.3;
}
.casual_av .casual_av_cont a {
  background: var(--background_buttons);
  outline: 0;
  border: none;
  border-radius: 30px;
  text-align: center;
  font-size: 20px;
  font-family: var(--sora_extrabold);
  font-weight: 700;
  padding: 10px 40px;
  position: absolute;
  bottom: 20px;
  left: 20px;
  text-transform: uppercase;
  color: var(--text_color);
}
.casual_av .casual_av_cont .img_parent,
.casual_av .casual_av_cont .main_img,
.cosplay_ar .cosplay_cont .img_parent,
.cosplay_ar .cosplay_cont .main_img {
  height: 700px;
}
.casual_av .casual_av_cont .text .casual_text p {
  font-family: var(--font_noor_light);
  font-size: 40px;
}
@media (min-width: 2257px) {
  .casual_av .casual_av_cont .text p {
    line-height: 1.6rem;
  }
  .casual_ar .casual_av_cont,
  .casual_av .casual_av_cont {
    width: 100%;
    margin-left: 0;
  }
}
@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_ar .casual_av_cont a,
  .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:first-child {
    font-size: 72px;
    padding-right: 10px;
    text-align: center;
  }
  .casual_av .casual_av_cont .text h1 {
    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: 10px;
  }
  .casual_av .casual_av_cont .text .casual_text p {
    padding-right: 0;
    font-size: 36px;
    line-height: 52px;
    margin: 0;
    transform: translateX(0);
  }
  .casual_av .casual_av_cont .text .casual_text p:nth-child(2),
  .casual_av .casual_av_cont .text .casual_text p:nth-child(3),
  .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(4),
  .casual_av .casual_av_cont .text .casual_text p:nth-child(6),
  .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;
    width: 100%;
  }
  .casual_av .casual_av_cont .img_parent,
  .casual_av .casual_av_cont .main_img {
    height: 620px;
  }
}
@media (max-width: 2000px) {
  .casual_ar .casual_av_cont a,
  .casual_av .casual_av_cont a {
    font-size: 30px;
  }
  .casual_av .casual_av_cont .text h1 {
    padding-right: 150px;
    transform: translateX(50px);
    font-size: 60px;
  }
  .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: 0;
    font-size: 34px;
    line-height: 52px;
    width: 100%;
    margin: 0;
    transform: translateX(0);
  }
  .casual_av .casual_av_cont .text .casual_text p:nth-child(4) {
    transform: translateX(-20px);
  }
  .casual_av .casual_av_cont .text .casual_text p:nth-child(2) {
    transform: translateX(-104px);
  }
  .casual_av .casual_av_cont .text .casual_text p:nth-child(3) {
    transform: translateX(-75px);
  }
  .casual_av .casual_av_cont .text .casual_text p:first-child {
    transform: translateX(-45px);
  }
  .casual_av .casual_av_cont .text .casual_text p:nth-child(5) {
    transform: translateX(-40px);
  }
  .casual_av .casual_av_cont .text .casual_text p:nth-child(6) {
    transform: translateX(-25px);
  }
  .casual_av .casual_av_cont .text .casual_text p:nth-child(7) {
    transform: translateX(-10px);
  }
  .casual_av .casual_av_cont .text .casual_text p:nth-child(8) {
    transform: translateX(0);
  }
  .casual_av .casual_av_cont {
    grid-template-columns: 55% 45%;
  }
  .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:first-child {
    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;
  }
}
@media (max-width: 1920px) {
  .casual_av .casual_av_cont .text .casual_text {
    padding-right: 130px;
  }
}
@media (max-width: 1850px) {
  .casual_av .casual_av_cont .text h1 {
    padding-right: 200px;
    transform: translateX(0);
  }
  .casual_av .casual_av_cont a {
    font-size: 27px;
    bottom: 40px;
  }
  .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: 0;
    font-size: 28px;
    line-height: 42px;
    margin: 0;
    width: 100%;
    transform: translateX(0);
  }
  .casual_av .casual_av_cont .text .casual_text p:nth-child(2),
  .casual_av .casual_av_cont .text .casual_text p:nth-child(3),
  .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(4),
  .casual_av .casual_av_cont .text .casual_text p:nth-child(6),
  .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:first-child {
    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 .img_parent,
  .casual_av .casual_av_cont .main_img {
    height: 500px;
  }
}
@media (max-width: 1800px) {
  .casual_av .casual_av_cont .text .casual_text p:first-child {
    transform: translateX(-76px);
  }
  .casual_av .casual_av_cont .text .casual_text p:nth-child(2) {
    transform: translateX(-120px);
  }
  .casual_av .casual_av_cont .text .casual_text p:nth-child(3) {
    transform: translateX(-90px);
  }
  .casual_av .casual_av_cont .text .casual_text p:nth-child(4),
  .casual_av .casual_av_cont .text .casual_text p:nth-child(6),
  .casual_av .casual_av_cont .text .casual_text p:nth-child(7) {
    transform: translateX(-50px);
  }
  .casual_av .casual_av_cont .text .casual_text p:nth-child(5) {
    transform: translateX(-70px);
  }
  .casual_ar .casual_av_cont a {
    font-size: 27px;
  }
  .casual_av .casual_av_cont .text h1 {
    padding-right: 160px;
  }
  .casual_av .casual_av_cont .text .casual_text {
    padding-right: 130px;
  }
  .casual_av .casual_av_cont .text .casual_text p {
    padding-right: 0;
    font-size: 35px;
    line-height: 36px;
    width: 100%;
  }
  .casual_av .casual_av_cont .text .casual_text p:nth-child(8) {
    transform: translateX(-10px);
  }
  .casual_av .casual_av_cont {
    grid-template-columns: 55% 45%;
  }
  .casual_av .casual_av_cont .text h1:first-child {
    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;
  }
}
@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);
  }
}
@media (max-width: 1730px) {
  .casual_av .casual_av_cont .text .casual_text p:nth-child(8) {
    transform: translateX(20px);
  }
  .casual_av .casual_av_cont .text .casual_text p {
    font-size: 26px;
  }
}
@media (max-width: 1700px) {
  .casual_av .casual_av_cont .text .casual_text p:nth-child(8) {
    transform: translateX(0);
  }
  .casual_av .casual_av_cont .text .casual_text p {
    font-size: 26px;
  }
  .casual_av .casual_av_cont .text .casual_text {
    padding-right: 110px;
    transform: translateX(10px);
  }
}
@media (max-width: 1445px) {
  .casual_av .casual_av_cont .text .casual_text {
    padding-right: 110px;
    transform: translateX(300px);
  }
  .casual_av .casual_av_cont .text .casual_text p:nth-child(8) {
    transform: translateX(30px);
  }
  .casual_av .casual_av_cont .text .casual_text p {
    font-size: 25px;
    line-height: 34px;
  }
  .casual_av .casual_av_cont {
    grid-template-columns: 55% 45%;
  }
  .casual_av .casual_av_cont .text h1:first-child {
    font-size: 42px;
    padding-right: 10px;
    text-align: center;
  }
  .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_ar .casual_av_cont a,
  .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%;
  }
  .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(5px);
  }
  .casual_av .casual_av_cont .img_parent {
    height: 442px;
  }
  .casual_av .casual_av_cont a {
    bottom: 80px;
  }
  .casual_av .casual_av_cont .text .casual_text p:first-child {
    transform: translateX(-45px);
  }
  .casual_av .casual_av_cont .text .casual_text p:nth-child(2) {
    transform: translateX(-94px);
  }
  .casual_av .casual_av_cont .text .casual_text p:nth-child(3) {
    transform: translateX(-65px);
  }
  .casual_av .casual_av_cont .text .casual_text p:nth-child(4) {
    transform: translateX(-29px);
  }
  .casual_av .casual_av_cont .text .casual_text p:nth-child(5) {
    transform: translateX(-50px);
  }
  .casual_av .casual_av_cont .text .casual_text p:nth-child(6) {
    transform: translateX(-42px);
  }
  .casual_av .casual_av_cont .text .casual_text p:nth-child(8) {
    transform: translateX(-36px);
  }
  .casual_av .casual_av_cont .text h1,
  .casual_av .casual_av_cont .text h1 span {
    font-size: 40px;
  }
  .casual_av .casual_av_cont .text h1 {
    transform: translateX(45px);
  }
  .casual_av .casual_av_cont .text h1:first-child {
    transform: translateX(0);
  }
}
@media (max-width: 1430px) {
  .casual_av .casual_av_cont .text .casual_text p:nth-child(2) {
    transform: translateX(-90px);
  }
  .casual_av .casual_av_cont .text .casual_text p:nth-child(3) {
    transform: translateX(-65px);
  }
  .casual_av .casual_av_cont .text .casual_text p:nth-child(4) {
    transform: translateX(-20px);
  }
  .casual_av .casual_av_cont .text .casual_text p:nth-child(5) {
    transform: translateX(-45px);
  }
  .casual_av .casual_av_cont .text .casual_text p:nth-child(6),
  .casual_av .casual_av_cont .text .casual_text p:nth-child(7) {
    transform: translateX(-35px);
  }
  .casual_av .casual_av_cont .text .casual_text {
    padding-right: 110px;
    transform: translateX(0);
  }
  .casual_av .casual_av_cont .text .casual_text p:nth-child(8) {
    transform: translateX(-15px);
  }
  .casual_av .casual_av_cont .text .casual_text p {
    font-size: 24px;
    line-height: 34px;
  }
  .casual_av .casual_av_cont {
    grid-template-columns: 55% 45%;
  }
  .casual_av .casual_av_cont .text h1 {
    transform: translateX(40px);
  }
  .casual_av .casual_av_cont .text h1:first-child {
    font-size: 42px;
    transform: translateX(0);
    padding-right: 10px;
    text-align: center;
  }
  .casual_av .casual_av_cont .text h1,
  .casual_av .casual_av_cont .text h1 span {
    font-size: 40px;
  }
  .casual_av .casual_av_cont a {
    bottom: 60px;
  }
  .casual_ar .casual_av_cont a,
  .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%;
  }
  .casual_av .casual_av_cont .img_parent {
    height: 480px;
  }
}
@media (max-width: 1300px) {
  .casual_av .casual_av_cont {
    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:first-child {
    font-size: 45px;
    padding-right: 10px;
    text-align: center;
  }
  .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;
    transform: translateX(50px);
  }
  .casual_av .casual_av_cont .text .casual_text p {
    padding-right: 0;
    font-size: 25px;
    line-height: 32px;
    margin: 0;
    width: 100%;
    transform: translateX(0);
  }
  .casual_av .casual_av_cont .text h1 {
    text-align: center;
    padding-right: 0;
    transform: translateX(0);
    width: 100%;
    font-size: 39px;
  }
  .casual_av .casual_av_cont .text .casual_text p:first-child {
    transform: translateX(-85px);
  }
  .casual_av .casual_av_cont .text .casual_text p:nth-child(2) {
    transform: translateX(-130px);
  }
  .casual_av .casual_av_cont .text .casual_text p:nth-child(3) {
    transform: translateX(-100px);
  }
  .casual_av .casual_av_cont .text .casual_text p:nth-child(4),
  .casual_av .casual_av_cont .text .casual_text p:nth-child(7) {
    transform: translateX(-60px);
  }
  .casual_av .casual_av_cont .text .casual_text p:nth-child(5) {
    transform: translateX(-75px);
  }
  .casual_av .casual_av_cont .text .casual_text p:nth-child(6) {
    transform: translateX(-65px);
  }
  .casual_av .casual_av_cont .text .casual_text p:nth-child(8) {
    transform: translateX(-60px) !important;
  }
  .casual_av .casual_av_cont .img_parent,
  .casual_av .casual_av_cont .main_img {
    height: 420px;
  }
  .casual_ar .casual_av_cont a,
  .casual_av .casual_av_cont a {
    font-size: 18px;
  }
}
@media (max-width: 1030px) {
  .casual_av .casual_av_cont .text h1,
  .casual_av .casual_av_cont .text h1:first-child {
    text-align: center;
    padding-right: 0;
    font-size: 30px;
  }
  .casual_av .casual_av_cont .text .casual_text {
    padding-right: 40px;
  }
  .casual_ar .casual_av_cont .main_img,
  .casual_av .casual_av_cont .img_parent,
  .casual_av .casual_av_cont .main_img {
    height: 400px;
  }
  .casual_ar .casual_av_cont a,
  .casual_av .casual_av_cont a {
    bottom: 22px;
  }
  .casual_av .casual_av_cont .img_parent::after {
    height: 100%;
  }
  .casual_av .casual_av_cont .text h1 {
    transform: translateX(0);
    width: 100%;
  }
  .casual_av .casual_av_cont .text h1 span {
    font-size: 30px;
  }
  .casual_av .casual_av_cont .text .casual_text p {
    font-size: 20px;
  }
  .casual_av .casual_av_cont .text .casual_text p:first-child,
  .casual_av .casual_av_cont .text .casual_text p:nth-child(5) {
    transform: translateX(-75px);
  }
  .casual_av .casual_av_cont .text .casual_text p:nth-child(2) {
    transform: translateX(-110px);
  }
  .casual_av .casual_av_cont .text .casual_text p:nth-child(3) {
    transform: translateX(-90px);
  }
  .casual_av .casual_av_cont .text .casual_text p:nth-child(4) {
    transform: translateX(-60px);
  }
  .casual_av .casual_av_cont .text .casual_text p:nth-child(6) {
    transform: translateX(-68px);
  }
  .casual_av .casual_av_cont .text .casual_text p:nth-child(7) {
    transform: translateX(-64px);
  }
  .casual_av .casual_av_cont .text .casual_text p:nth-child(8) {
    transform: translateX(-55px) !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 .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 .text h1:first-child {
    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_ar .casual_av_cont a,
  .casual_av .casual_av_cont a {
    bottom: 20px;
  }
  .casual_ar .casual_av_cont .main_img,
  .casual_av .casual_av_cont .img_parent,
  .casual_av .casual_av_cont .main_img {
    height: 400px;
  }
}
@media (max-width: 500px) {
  .casual_av .casual_av_cont .img_parent {
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    border-radius: 0;
    position: relative;
  }
  .casual_av .casual_av_cont .img_parent::after {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    border-radius: 0;
    width: 100%;
    left: 0;
    top: 0;
  }
  .casual_av .casual_av_cont > div {
    width: 100%;
  }
  .casual_av .casual_av_cont .text h1:first-child {
    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;
  }
}
.casual_ar .casual_av_cont {
  display: grid;
  grid-template-columns: 43% 55%;
  justify-content: center;
  width: 90%;
  margin: 0 5%;
}
.casual_ar .casual_av_cont .text {
  direction: ltr;
  margin-top: 0;
  position: relative;
  z-index: 2;
}
.casual_ar .casual_av_cont .text h1:first-child {
  color: #aa09b4;
  font-family: var(--sora_extrabold);
  direction: ltr;
  font-size: 39px;
  width: 100%;
  margin-top: 0;
  padding: 0;
  font-weight: 700;
  line-height: 10px;
}
.casual_ar .casual_av_cont .text h1 span,
.cosplay_ar .cosplay_cont .text h1 span,
.neon {
  color: var(--neon);
}
.casual_ar .casual_av_cont .text h1 {
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  width: 80%;
  direction: ltr;
  line-height: 42px;
  font-family: var(--sora_font);
}
.casual_ar .casual_av_cont .text p {
  font-size: 20px;
  color: var(--text_color);
  font-weight: 400;
  font-family: var(--sora_font);
  line-height: 30px;
  margin: 0;
}
.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-radius: 0 10px 10px 100%/100% 10px 10px 200%;
  transform: translateY(-40px);
}
.casual_ar .casual_av_cont .img_parent::after,
.cosplay .cosplay_cont .img_parent::after,
.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-radius: 0 10px 10px 100%/100% 10px 10px 200%;
  background: linear-gradient(
    90deg,
    var(--bck_color) 0,
    var(--title_color) 60%
  );
  opacity: 0.3;
}
.casual_ar .casual_av_cont a {
  background: var(--background_buttons);
  outline: 0;
  border: none;
  border-radius: 30px;
  text-align: center;
  font-size: 20px;
  font-family: var(--sora_extrabold);
  font-weight: 700;
  padding: 10px 40px;
  position: absolute;
  bottom: 70px;
  right: 50px;
  text-transform: uppercase;
  color: var(--text_color);
}
@media (min-width: 2257px) {
  .casual_ar .casual_av_cont .text h1:first-child {
    font-size: 60px;
  }
  .casual_ar .casual_av_cont .text h1 {
    font-size: 55px;
    line-height: 65px;
    width: 90%;
    margin-bottom: 10px;
  }
  .casual_ar .casual_av_cont .text p {
    font-size: 30px;
    line-height: 45px;
  }
  .casual_ar .casual_av_cont .img_parent,
  .casual_ar .casual_av_cont .main_img {
    height: 700px;
    margin-top: 26px;
  }
  .casual_ar .casual_av_cont {
    width: 100%;
    margin-left: 0;
  }
}
@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;
    line-height: 42px;
    width: 97%;
  }
  .casual_ar .casual_av_cont .text h1 {
    font-size: 50px;
    line-height: 55px;
    margin-bottom: 10px;
  }
  .casual_ar .casual_av_cont .text h1:first-child {
    font-size: 65px;
    margin-bottom: 40px;
  }
}
@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:first-child {
    margin-bottom: 60px;
  }
  .casual_ar .casual_av_cont .text h1 {
    margin-bottom: 20px;
  }
}
@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:first-child {
    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:first-child {
    font-size: 50px;
  }
  .casual_ar .casual_av_cont .text p {
    font-size: 25px;
  }
  .casual_ar .casual_av_cont .img_parent::after {
    height: 100%;
  }
  .casual_ar .casual_av_cont a {
    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 {
    width: 90%;
    margin-bottom: 3px;
  }
  .casual_ar .casual_av_cont .text h1:first-child {
    font-size: 48px;
    margin-bottom: 40px;
  }
  .casual_ar .casual_av_cont .text p {
    font-size: 22px;
    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: 0;
  }
  .casual_ar .casual_av_cont .text h1 {
    font-size: 35px;
    line-height: 48px;
  }
}
@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:first-child {
    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;
  }
  .casual_ar .casual_av_cont a {
    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:first-child {
    margin-top: 20px;
    font-size: 37px;
  }
  .casual_ar .casual_av_cont .img_parent::after {
    left: -22px;
    height: 100%;
  }
  .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: 400px;
    margin-top: 0;
    margin-bottom: 0;
  }
  .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: 0;
  }
  .casual_ar .casual_av_cont a {
    bottom: 57px;
    padding: 7px 35px;
  }
  .casual_ar .casual_av_cont .text h1 {
    font-size: 25px;
    margin-bottom: 30px;
  }
  .casual_ar .casual_av_cont .text p {
    font-size: 18px;
  }
  .casual_ar .casual_av_cont .text h1:first-child {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
@media (max-width: 500px) {
  .casual_ar .casual_av_cont .img_parent {
    width: 100%;
    overflow: hidden;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    border-radius: 0;
    position: relative;
  }
  .casual_ar .casual_av_cont .img_parent::after {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    border-radius: 0;
    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: 16px;
    right: 30px;
    padding: 5px 15px;
    bottom: 55px;
  }
  .casual_ar .casual_av_cont .text h1:first-child {
    font-size: 30px;
  }
}
.cosplay .cosplay_cont,
.cosplay_ar .cosplay_cont {
  display: grid;
  grid-template-columns: 43% 55%;
  justify-content: space-between;
  width: 90%;
  margin: 0 5%;
}
.cosplay .cosplay_cont .text {
  direction: rtl;
  margin-top: 70px;
  position: relative;
  z-index: 2;
}
.cosplay .cosplay_cont .text h1 {
  color: #fff;
  font-size: 70px;
  font-weight: 700;
  width: 100%;
  direction: rtl;
  line-height: 75px;
  font-family: var(--font_noor_bold);
}
.cosplay .cosplay_cont .text p {
  font-size: 45px;
  color: var(--text_color);
  font-weight: 400;
  font-family: var(--font_noor_light);
  line-height: 4rem;
}
.cosplay .cosplay_cont .text p span {
  transform: translateX(10px);
  display: block;
}
.cosplay .cosplay_cont .img_parent {
  width: 100%;
  height: 100%;
  overflow: hidden;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  border-radius: 0 10px 10px 100%/100% 10px 10px 200%;
  position: relative;
}
.cosplay .cosplay_cont a,
.cosplay_ar .cosplay_cont a {
  background: var(--background_buttons);
  outline: 0;
  border: none;
  border-radius: 30px;
  text-align: center;
  font-size: 20px;
  font-family: var(--sora_extrabold);
  font-weight: 700;
  padding: 10px 40px;
  position: absolute;
  top: 20px;
  right: 50px;
  text-transform: uppercase;
  color: var(--text_color);
}
@media (min-width: 2200px) {
  .cosplay .cosplay_cont .text h1 {
    line-height: 4.7rem;
  }
  .cosplay .cosplay_cont {
    width: 100%;
    margin-left: 0;
  }
}
@media (max-width: 2200px) {
  .cosplay .cosplay_cont .text h1 {
    font-size: 57px;
    line-height: 77px;
    margin-top: 0;
    width: 100%;
  }
  .cosplay .cosplay_cont .img_parent,
  .cosplay .cosplay_cont .main_img {
    height: 600px;
  }
  .cosplay .cosplay_cont .text p {
    font-size: 36px;
    width: 85%;
    line-height: 52px;
  }
  .cosplay .cosplay_cont a,
  .cosplay_ar .cosplay_cont a {
    font-size: 31.5px;
  }
}
@media (max-width: 1850px) {
  .cosplay .cosplay_cont .text h1 {
    font-size: 50px;
  }
  .cosplay .cosplay_cont .img_parent,
  .cosplay .cosplay_cont .main_img {
    height: 550px;
  }
  .cosplay .cosplay_cont .text p,
  .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 .img_parent,
  .cosplay .cosplay_cont .main_img {
    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 .img_parent,
  .cosplay .cosplay_cont .main_img {
    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 {
    left: -30px;
    width: 104%;
    height: 100%;
  }
  .cosplay .cosplay_cont .text {
    margin-top: 30px;
  }
}
@media (max-width: 1440px) {
  .cosplay .cosplay_cont .text h1 {
    line-height: 59px;
    font-size: 43px;
  }
  .cosplay .cosplay_cont .text p {
    margin-top: 0;
    font-size: 30px;
    line-height: 38px;
    width: 93%;
  }
}
@media (max-width: 1300px) {
  .cosplay .cosplay_cont .text h1 {
    line-height: 46px;
    width: 80%;
    font-size: 30px;
    margin-right: 15px;
  }
  .cosplay .cosplay_cont .img_parent,
  .cosplay .cosplay_cont .main_img {
    height: 320px;
  }
  .cosplay .cosplay_cont .text p {
    line-height: 32px;
    font-size: 25px;
    width: 88%;
  }
  .cosplay .cosplay_cont a {
    font-size: 18px;
    padding: 10px 27px;
  }
  .cosplay .cosplay_cont .img_parent::after {
    left: -22px;
  }
}
@media (max-width: 1030px) {
  .cosplay .cosplay_cont .text h1 {
    line-height: 42px;
    font-size: 30px;
    width: 100%;
  }
  .cosplay .cosplay_cont .img_parent,
  .cosplay .cosplay_cont .main_img {
    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;
    margin-right: 0;
    width: 81%;
  }
  .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);
  }
}
@media (max-width: 500px) {
  .cosplay .cosplay_cont .img_parent {
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    border-radius: 0;
    position: relative;
  }
  .cosplay .cosplay_cont .img_parent::after {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    border-radius: 0;
    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;
    margin-bottom: 20px;
  }
  .cosplay .cosplay_cont .text p {
    font-size: 18px;
    line-height: 30px;
  }
  .cosplay .cosplay_cont a {
    font-size: 16px;
    right: 30px;
    padding: 5px 10px;
  }
}
.cosplay_ar .cosplay_cont .text {
  direction: ltr;
  margin-top: 70px;
  position: relative;
  z-index: 2;
}
.cosplay_ar .cosplay_cont .text h1 {
  color: #fff;
  font-size: 50px;
  font-weight: 700;
  width: 80%;
  direction: ltr;
  line-height: 55px;
  margin-bottom: 10px;
  font-family: var(--sora_extrabold);
}
.cosplay_ar .cosplay_cont .text p {
  font-size: 40px;
  color: var(--text_color);
  font-weight: 400;
  font-family: var(--sora_font);
  line-height: 48px;
  margin-top: 0;
}
.cosplay_ar .cosplay_cont .img_parent {
  width: 100%;
  position: relative;
  overflow: hidden;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  border-radius: 0 10px 10px 100%/100% 10px 10px 200%;
}
@media (min-width: 2257px) {
  .cosplay_ar .cosplay_cont .text h1 {
    font-size: 45px;
    line-height: 4.5rem;
    width: 100%;
  }
  .cosplay_ar .cosplay_cont .text p {
    font-size: 35px;
    line-height: 3rem;
  }
  .cosplay_ar .cosplay_cont {
    width: 100%;
    margin-left: 0;
  }
}
@media (max-width: 2000px) {
  .cosplay_ar .cosplay_cont .text h1 {
    font-size: 40px;
    line-height: 45px;
  }
  .cosplay_ar .cosplay_cont .img_parent::after {
    height: 100%;
  }
  .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%;
  }
  .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%;
  }
  .cosplay_ar .cosplay_cont .text {
    margin-top: 40px;
  }
  .cosplay_ar .cosplay_cont .text h1 {
    font-size: 40px;
    line-height: 48px;
    width: 100%;
  }
  .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) {
  .casual_ar .casual_av_cont .img_parent::after,
  .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: 0;
  }
  .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,
  .cosplay_ar .cosplay_cont .text p {
    font-size: 20px;
  }
  .cosplay_ar .cosplay_cont .text h1 {
    font-size: 25px;
    width: 100%;
    line-height: 30px;
  }
  .cosplay_ar .cosplay_cont .img_parent,
  .cosplay_ar .cosplay_cont .main_img {
    height: 345px;
  }
}
@media (max-width: 800px) {
  .cosplay_ar .cosplay_cont .img_parent::after {
    height: 100%;
  }
  .cosplay_ar .cosplay_cont .text h1 {
    margin-top: 0;
    margin-bottom: 30px;
  }
  .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;
  }
  .cosplay_ar .cosplay_cont .text p {
    font-size: 17px;
    line-height: 25px;
  }
  .cosplay_ar .cosplay_cont .img_parent,
  .cosplay_ar .cosplay_cont .main_img {
    height: 400px;
  }
}
@media (max-width: 500px) {
  .cosplay_ar .cosplay_cont .img_parent {
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    border-radius: 0;
    position: relative;
  }
  .cosplay_ar .cosplay_cont .img_parent::after {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    border-radius: 0;
    width: 100%;
    left: 0;
    top: 0;
  }
  .cosplay_ar .cosplay_cont > div {
    width: 100%;
  }
  .cosplay_ar .cosplay_cont .text h1 {
    font-size: 18px;
    width: 90%;
    line-height: 25px;
  }
  .cosplay_ar .cosplay_cont .text p {
    font-size: 14px;
  }
  .cosplay_ar .cosplay_cont a {
    font-size: 16px;
    right: 30px;
    padding: 5px 10px;
  }
}
.Vr_zone .Vr_zone_cont a,
.Vr_zone_ar .Vr_zone_ar_cont a {
  border: none;
  text-align: center;
  text-transform: uppercase;
  outline: 0;
}
.colored {
  color: #2b2094 !important;
}
.text_en {
  display: block !important;
  direction: rtl;
  width: 90%;
}
.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_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;
  gap: 0;
}
.Vr_zone .Vr_zone_cont .text p {
  font-size: 35px;
  color: var(--text_color);
  margin-bottom: 0;
  font-weight: 400;
  font-family: var(--font_noor_light);
  line-height: 3rem;
  margin-top: 0;
}
.Vr_zone .Vr_zone_cont a,
.Vr_zone_ar .Vr_zone_ar_cont .text h1,
.Vr_zone_ar .Vr_zone_ar_cont a,
.social_accounts .buttonc_parent .button {
  font-family: var(--sora_extrabold);
  font-weight: 700;
}
.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: 0.5;
}
.Vr_zone .Vr_zone_cont a {
  background: var(--background_buttons);
  border-radius: 30px;
  font-size: 20px;
  padding: 10px 60px;
  margin-top: 50px;
  color: var(--text_color);
  position: absolute;
  bottom: 40px;
  right: 30px;
  z-index: 5;
}
@media (min-width: 2257px) {
  .Vr_zone .Vr_zone_cont .text h1 {
    line-height: 3.2rem;
  }
  .Vr_zone .Vr_zone_cont .text p {
    line-height: 3.5rem;
  }
  .Vr_zone_cont {
    width: 100%;
    margin-left: 0;
  }
}
@media (max-width: 2200px) {
  .Vr_zone .Vr_zone_cont a {
    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%;
    direction: rtl;
    text-align: start;
  }
  .Vr_zone .Vr_zone_cont .text p:nth-child(3) {
    margin: 0;
  }
  .Vr_zone_cont .text {
    margin-top: 10px;
  }
  .Vr_zone .Vr_zone_cont .main_img {
    height: 580px;
  }
}
@media (max-width: 2000px) {
  .Vr_zone .Vr_zone_cont .text h1 {
    line-height: 60px;
    font-size: 50px;
  }
  .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 .text p,
  .Vr_zone .Vr_zone_cont a {
    font-size: 30px;
  }
  .Vr_zone .Vr_zone_cont .text h1 {
    font-size: 50px;
  }
  .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;
  }
}
@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;
    margin-top: 0;
  }
  .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;
    margin-bottom: 20px;
  }
  .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;
  }
}
.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 {
  color: #fff;
  font-size: 63px;
  line-height: 72px;
  width: 100%;
  direction: ltr;
  margin-left: 0;
}
.Vr_zone_ar .Vr_zone_ar_cont .text p {
  font-size: 35px;
  line-height: 42px;
  color: var(--text_color);
  margin: 0;
  font-weight: 400;
  font-family: var(--sora_font);
}
.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);
  border-radius: 30px;
  font-size: 37px;
  padding: 10px 45px;
  margin-top: 20px;
  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: 0.5;
  opacity: 0.3;
}
@media (min-width: 2257px) {
  .Vr_zone_ar .Vr_zone_ar_cont .text h1 {
    font-size: 40px;
    line-height: 3.5rem;
  }
  .Vr_zone_ar .Vr_zone_ar_cont .text p {
    font-size: 30px;
    line-height: 3rem;
  }
  .Vr_zone_ar .Vr_zone_ar_cont {
    width: 100%;
    margin-left: 0;
  }
}
@media (max-width: 2200px) {
  .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 {
    padding: 10px 60px;
  }
  .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: 1500px) {
  .Vr_zone_ar .Vr_zone_ar_cont .text p {
    font-size: 22px;
    width: 100%;
    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: 24px;
    width: 100%;
    line-height: 31px;
  }
  .Vr_zone_ar .Vr_zone_ar_cont .text p {
    font-size: 18px;
    line-height: 24px;
    width: 100%;
  }
  .Vr_zone_ar .Vr_zone_ar_cont .main_img {
    height: 397px;
  }
  .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;
    margin-bottom: 30px;
    margin-top: 0;
  }
  .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;
    margin-top: 0;
  }
  .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;
  }
}
.swiper-button-next,
.swiper-button-prev {
  color: #37069c !important;
}
.organize_slider {
  background-color: #fff;
  width: 100%;
  margin: 0;
}
.organize_slider .swiper-slide img {
  width: 100%;
  margin-left: 0;
}
.social_accounts {
  background-color: var(--bck_color);
  padding: 10px 10px 40px;
  position: relative;
}
.social_accounts::before {
  width: 100%;
  height: 2px;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: linear-gradient(90deg, #a109ae, #480c6c, #1f0d4e);
}
.social_accounts .icons {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 30px;
  width: 50%;
  margin: 30px 25% 0;
}
.social_accounts .icons i {
  font-size: 25px;
  color: #fff;
}
.social_accounts .icons a {
  cursor: pointer;
}
.social_accounts .icons img {
  width: 30px;
  height: 30px;
  filter: invert(1);
}
.social_accounts .buttonc_parent .button {
  color: #fff;
  text-transform: uppercase;
  border: none;
  border-radius: 22px;
  padding: 9px 35px;
  display: block;
  width: fit-content;
  outline: 0;
  text-align: start;
  margin-top: 50px;
  transform: translateX(10px);
  font-size: 25px;
}
@media (max-width: 500px) {
  .social_accounts .icons img {
    width: 20px;
    height: 20px;
  }
  .social_accounts .icons {
    width: 70%;
    margin: 30px 19% 0;
    justify-content: start;
  }
  .social_accounts .buttonc_parent {
    width: 70%;
    margin: 0 16%;
    justify-content: start;
  }
}
.mainiMg {
  width: 60%;
  position: relative;
  height: 90vh;
  clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%);
  border-top-right-radius: 20% 100%;
  border-bottom-right-radius: 10% 0;
  overflow: hidden;
  margin-left: 40px;
  transform: translateY(-40px);
  display: flex !important;
  flex-direction: row-reverse;
}
.mainiMg1::after,
.mainiMg1h::after,
.mainiMg1h_en::after,
.mainiMg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to right,
    rgba(128, 0, 128, 0.5),
    rgba(11, 11, 58, 0.9)
  );
}
.VR_section,
.activate_section,
.hero_section {
  display: grid;
  align-items: start;
  padding: 10px 50px 0;
  background-color: #0d0d41;
}
#vr2_btn,
#vr_btn {
  padding: 10px 40px;
}
.hero_section {
  color: #fff;
  font-family: var(--main-font);
  text-transform: uppercase;
  display: flex;
  direction: ltr !important;
}
.arab-b,
.arab-p {
  direction: rtl;
}
.hero_title .span {
  width: 100%;
  height: 100%;
  position: relative;
  font-family: "Archivo Black", sans-serif;
}
.word1,
.word1 .the,
.word2 .base {
  font-family: var(--sora_font);
}
.word1 {
  display: flex;
  position: absolute;
  font-size: 40px;
  width: 40%;
  top: 24%;
  right: 6%;
  margin-left: 30px;
}
.word2,
.word4 {
  font-family: "Archivo Black", sans-serif;
  display: flex;
  position: absolute;
  font-size: 40px;
}
.word1 .the {
  color: #aa09b4;
  margin-left: 10px;
}
.word2 {
  width: 40%;
  top: 32%;
  right: 4.5%;
  margin-left: 40px;
  font-family: var(--sora_font);
}
.word2 .base {
  color: #aa09b4;
  margin-right: 10px;
}
.word4 {
  width: 35%;
  top: 41%;
  right: 8%;
  font-family: var(--sora_font);
}
.hero_section a,
.word3 {
  font-family: "Archivo Black", sans-serif;
  width: 30%;
}
.word3 {
  display: flex;
  position: absolute;
  font-size: 40px;
  right: 11%;
  top: 50%;
  font-family: var(--sora_font);
}
.hero-sec2,
.hero-sec3,
.hero-sec4,
.hero-sec5 {
  font-family: var(--sora_font);
}
.hero-sec,
.hero-sec2,
.hero-sec3,
.hero-sec4,
.hero-sec5 {
  display: flex;
  width: 30% !important;
  position: absolute;
  font-size: 22px;
}
.hero-sec {
  left: 60%;
  top: 60%;
}
.hero-sec2 {
  left: 60.5%;
  top: 65%;
}
.hero-sec3 {
  left: 62%;
  top: 70%;
}
.hero-sec4 {
  left: 63%;
  top: 75%;
}
.hero-sec5 {
  left: 64%;
  top: 80%;
}
.hero_section a {
  position: absolute;
  top: 650px;
  right: 5px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  text-decoration: none;
  border: none;
  border-radius: 50px 0 0 50px;
  background: linear-gradient(90deg, #aa09b4, #620b80, #270c54);
  padding: 15px 20px;
  display: block;
  height: 8%;
  cursor: pointer;
  outline: 0;
  text-align: start;
  font-size: 15px;
  font-family: var(--sora_font);
}
.right_side_h a,
.ticketing_section > .title h1 {
  color: #fff;
  text-transform: uppercase;
  font-family: var(--main-font);
  text-align: center;
}
.hero_desc_res h3,
.vipp {
  font-size: 30px;
}
.hero_desc_res h3 span,
.hero_desc_res_ar h3 span {
  color: #be2fbe;
}
.hero_desc_res p {
  font-size: 20px;
  line-height: 32px;
}

@media (max-width: 1800px) {
  .word1 {
    top: 28%;
    left: 51%;
  }
  .word2 {
    top: 35%;
    left: 52%;
  }
  .word4 {
    top: 41%;
    left: 56%;
  }
  .word3 {
    top: 48%;
    left: 57%;
  }
  .hero-sec {
    position: absolute;
    left: 58%;
    top: 58%;
  }
  .hero-sec2 {
    top: 63%;
    left: 59%;
  }
  .hero-sec3 {
    left: 60%;
    top: 68%;
  }
  .hero-sec4 {
    left: 61%;
    top: 73%;
  }
  .hero-sec5 {
    left: 62%;
    top: 78%;
  }
  .hero_section a {
    top: 650px;
    width: 37%;
  }
}
@media (max-width: 1500px) {
  .word1 {
    top: 31%;
  }
  .word2 {
    top: 37%;
  }
  .word4 {
    top: 46%;
  }
  .word3 {
    top: 55%;
    left: 58%;
  }
  .hero-sec {
    position: absolute;
    left: 58%;
    top: 65%;
  }
  .hero-sec2 {
    top: 70%;
    left: 59%;
  }
  .hero-sec3 {
    left: 60%;
    top: 75%;
  }
  .hero-sec4 {
    left: 61%;
    top: 80%;
  }
  .hero-sec5 {
    left: 62%;
    top: 85%;
  }
  .hero_section a {
    top: 750px;
  }
}
@media (max-width: 1450px) {
  /* .e_sportt > div div img {
    width: 73%;
    margin-left: 11.5%;
    height: 100%;
    object-fit: contain;
  } */
  /* .e_sportt .bellinghamm_img {
    width: 70%;
    margin-left: 15%;
  }
  .e_sportt .valorantt_img {
    width: 76%;
    margin-left: 12%;
  } */
  .letters > div div:nth-child(2) {
    margin-top: 20px;
  }
  .word3 {
    top: 55%;
    left: 58%;
  }
  .hero-sec {
    position: absolute;
    left: 59%;
    top: 65%;
  }
  .hero-sec2 {
    top: 70%;
    left: 60%;
  }
  .hero-sec3 {
    left: 61%;
    top: 75%;
  }
  .hero-sec4 {
    left: 62%;
    top: 80%;
  }
  .hero-sec5 {
    left: 63%;
    top: 85%;
  }
  .hero_section a {
    top: 500px;
  }
  /* .e_sportt .explore_button {
    width: 40%;
    margin-left: 30%;
  } */
}
@media (max-width: 1440px) {
  .hero_section a {
    top: 700px;
    width: 34%;
  }
}
@media (max-width: 1430px) {
  .hero_section a {
    top: 620px;
    width: 37%;
  }
  .word2 {
    top: 39%;
    font-size: 35px;
  }
}
@media (max-width: 1300px) {
  .hero_section a {
    top: 600px;
  }
}
@media (max-width: 1030px) {
  .e_sportt .explore_button {
    width: 65%;
    margin-left: 18%;
  }
  .e_sportt .valo_button
  {
    margin-left: 9%;
  }
  .word1 {
    top: 30%;
  }
  .word2 {
    top: 37%;
    font-size: 35px;
  }
  .hero-sec,
  .hero-sec2,
  .hero-sec3,
  .hero-sec4,
  .hero-sec5 {
    font-size: 18px;
  }
  .word4 {
    top: 46%;
  }
  .word3 {
    top: 55%;
  }
  .hero-sec {
    position: absolute;
    left: 60%;
    top: 65%;
  }
  .hero-sec2 {
    top: 70%;
    left: 61%;
  }
  .hero-sec3 {
    left: 62%;
    top: 75%;
  }
  .hero-sec4 {
    left: 63%;
    top: 80%;
  }
  .hero-sec5 {
    left: 64%;
    top: 85%;
    line-height: 24px;
  }
  .hero_section a {
    top: 650px;
    width: 33%;
    right: 0;
  }
}
@media (max-width: 800px) {
  /* .e_sportt > div div img,
  .e_sportt .valorantt_img,
  .e_sportt > div div img {
    height: 173px !important;
  } */
  .e_sportt .explore_button {
    width: 60%;
    margin-left: 20%;
    font-size: 12px;
    padding: 9px 5px;
  }
  .e_sportt .valo_button
  {
    margin-left: 15%;
  }
  /* .e_sportt .warzone_button
  {
    margin-left: 26%;
  } */
  .hero-sec,
  .hero-sec2,
  .hero-sec3,
  .hero-sec4,
  .hero-sec5,
  .hero_section a,
  .word1,
  .word2,
  .word3,
  .word4 {
    position: relative;
    top: unset;
    left: unset;
  }
  .hero_section a {
    width: 100%;
    transform: translateX(76px);
  }
  .hero_desc {
    display: none;
  }
  .hero_section {
    display: grid;
    grid-template-columns: 80% !important;
    justify-content: center;
  }
  .mainiMg {
    width: 100%;
    height: auto;
  }
  .hero_desc_res {
    display: block;
  }
}
@media (max-width: 500px) {
  .e_sportt .explore_button {
    padding: 5px;
  }

  .hero_section {
    grid-template-columns: 100% !important;
    padding: 0 3% !important;
  }
  .mainiMg {
    margin: 0 !important;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    border-top-right-radius: 0 0;
    border-bottom-right-radius: 0 0;
  }
  .hero_desc_res h3 {
    font-size: 18px;
  }
  .hero_desc_res p {
    font-size: 14px;
  }
  .hero_section a {
    transform: translateX(13px);
  }
}
@media (max-width: 400px) {
  .e_sportt .explore_button {
    font-size: 10px;
    padding: 2px;
  }
  .Vr_zone_ar .Vr_zone_ar_cont,
  .card_game .card_game_cont,
  .card_game_ar .card_game_cont,
  .mobile_ar .mobile_cont {
    width: 94%;
    margin: 0 3%;
  }
  .card_game .card_game_cont .text h1,
  .casual_av .casual_av_cont .text h1,
  .casual_av .casual_av_cont .text h1:first-child {
    font-size: 20px;
  }
  .card_game_ar .card_game_cont .text h1 {
    font-size: 18px;
    line-height: 18px;
  }
  .card_game .card_game_cont .text p {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
  }
  .card_game_ar .card_game_cont .text p {
    font-size: 14px;
    font-weight: 400;
  }
  .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;
  }
  .Vr_zone .Vr_zone_cont a,
  .casual_av .casual_av_cont .text p,
  .cosplay .cosplay_cont .text p,
  .mobile .mobile_cont .text p {
    font-size: 16px;
  }
  .cosplay_ar .cosplay_cont .img_parent,
  .cosplay_ar .cosplay_cont .main_img,
  .mobile_ar .mobile_cont .main_img {
    height: 350px;
  }
  .cosplay .cosplay_cont .text h1 {
    font-size: 20px;
    width: 99%;
    line-height: 32px;
  }
  .cosplay_ar .cosplay_cont .text h1 {
    width: 95%;
  }
  .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;
  }
  .social_accounts .icons {
    width: 95%;
    margin: 30px 2.5% 0;
    justify-content: start;
  }
  .social_accounts .buttonc_parent {
    width: 100%;
    margin: 0;
    justify-content: start;
  }
  .hero_section a {
    transform: translateX(10px);
  }
}
.ticketing_section {
  background-color: var(--bck_color);
  padding-top: 10px;
}
.ticketing_section > .title {
  display: flex;
  justify-content: center;
  column-gap: 10px;
  padding-bottom: 10px;
  margin-bottom: 60px;
}
.ticketing_section > .title h1 {
  margin: 30px 0;
  position: relative;
  font-size: 37px;
}
.ticketing_section .title img {
  width: 400px;
}
.ticketing_section .days {
  background: linear-gradient(to bottom, #920aa2 10%, #660b82, #2c0c57 70%);
  border-top-right-radius: 80px;
  padding-bottom: 40px;
  color: #fff;
  width: 95%;
  margin: 0 2.5%;
}
.ticketing_section .ticket_type {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 90%;
  margin: 0 5%;
  font-family: var(--sora_extrabold);
}
.ticketing_section .ticket_type span {
  font-size: 40px;
  font-weight: 700;
  font-family: var(--sora_extrabold);
}
.ticketing_section .days > div:nth-child(2) {
  margin-left: 40px;
  align-items: start;
}
.ticketing_section .ticket_types {
  display: grid;
  grid-template-columns: 56% 44%;
  width: 95%;
  margin: 0 2.5%;
  background: linear-gradient(
    to right,
    #2c0c57,
    #2c0c57 50%,
    var(--bck_color) 98%
  );
}
.ticketing_section .ticket_types .days_t {
  background: linear-gradient(to right, #2c0c57, #660b82 50%, #920aa2 80%);
  color: #fff;
  border-top-right-radius: 80px;
  position: relative;
  padding-bottom: 80px;
}
.ticketing_section .days_t .day_ticket {
  width: 50%;
}
.ticketing_section .days_t .text p {
  font-weight: 400;
  font-family: var(--sora_font);
  color: #fff;
  font-size: 25px;
  width: 90%;
  margin: 20px 5%;
  line-height: 32px;
}
.ticketing_section_ar .days .text p,
.ticketing_section_ar .days_t .text p {
  direction: rtl;
  font-family: var(--font_noor_light);
}
.ticketing_section .days .text p {
  font-weight: 400;
  font-family: var(--sora_font);
  color: #fff;
  font-size: 25px;
}
.ticketing_section .days a,
.ticketing_section .days_t a {
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  text-decoration: none;
  border: none;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  background: linear-gradient(
    90deg,
    var(--purple_col),
    #6a1a97,
    var(--bck_color)
  );
  padding: 7px 20px;
  display: block;
  width: 50%;
  margin: 110px 0 0 40%;
  cursor: pointer;
  outline: 0;
  text-align: start;
  transform: translateX(23px);
}
.ticketing_section .days:nth-child(3) {
  padding-bottom: 50px;
}
.map {
  width: 95%;
  margin: 0 2.5%;
}
.map iframe {
  width: 100%;
  height: 450px;
  border-radius: 20px;
  border: none;
}
.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, opacity 0.3s;
}
.btn2_type,
.btn2_type_s {
  position: absolute;
  bottom: 20px;
}
.right_side_h a {
  background-color: transparent;
  outline: 0;
  border: none;
  font-weight: 700;
  cursor: pointer;
}
.hidden1 {
  display: none !important;
}
.ticketing_sec_ar .days .text {
  margin: 0 40px 0 0;
}
.ticketing_sec_ar .days > .text p {
  width: 80%;
  margin: 0;
}
.ticketing_sec_ar a {
  margin: 60px 46.5% 0 0;
  background: linear-gradient(
    90deg,
    var(--bck_color),
    #6a1a97,
    var(--purple_col)
  );
  border-radius: 8px;
}
.card_ar {
  column-gap: 40px;
}
.ltr_size,
.rtl_size {
  column-gap: 10px;
  box-sizing: border-box;
}
.arab-p {
  text-align: right;
  line-height: 1.3;
  font-size: 30px;
  width: 83%;
  margin-left: 10% !important;
}
.first-p,
.gg {
  line-height: 1.2;
  font-size: 30px;
}
.passp12 {
  direction: rtl !important;
  width: 95%;
  font-size: 30px;
}
.first-p {
  width: 90%;
}
.gg {
  width: 75%;
  margin-top: 10%;
}
.perfect {
  font-size: 30px;
  width: 80%;
}
.pass1,
.vipar {
  font-size: 33px;
  direction: rtl;
}
.pass1 {
  width: 90%;
  margin-top: 10% !important;
  margin-left: 40% !important;
}
.vipar,
.vipp {
  width: 180%;
}
.btn2_type,
.btn2_type_s,
.btnn2 {
  background: linear-gradient(90deg, #aa09b4, #5f0b7d, #490b6d);
  padding: 7px 20px;
  cursor: pointer;
  text-align: center;
  margin-top: 50px;
  font-size: 18px;
  color: #fff;
  display: block;
  outline: 0;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
}
.btnn2 {
  border: none;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  width: 25%;
  margin-left: 75%;
  font-family: var(--font_noor_bold);
}
.btn2_type {
  border: none;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  width: 35%;
  margin-left: 65%;
  font-family: var(--font_noor_light);
}
.btn2_type_s {
  border: none;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  width: 45%;
  margin-left: 55%;
  font-family: var(--font_noor_bold);
}
.casual_text5,
.vr_parent {
  font-family: var(--main-font);
}
.ticketing_section_ar .days_grid .days:first-child a {
  margin-top: 35px;
}
@media (min-width: 2257px) {
  .ticketing_section .days .text p,
  .ticketing_section .days_t .text p {
    font-size: 30px;
    line-height: 3rem;
  }
  .letters h1 {
    font-size: 40px;
    line-height: 4.5rem;
  }
  .letters div p:first-child {
    font-size: 40px;
    line-height: 3.5rem;
  }
  .ticketing_section .ticket_types {
    width: 100%;
    margin-left: 0;
  }
  .map,
  .ticketing_section .days {
    width: 100%;
    margin: 0;
  }
}
@media (max-width: 2200px) {
  .ticketing_section .title img {
    width: 600px;
  }
  .ticketing_section .ticket_type {
    font-size: 30px;
  }
  .ticketing_section .days_t .day_ticket {
    font-size: 45px;
  }
  .ticketing_section_ar .days .text p,
  .ticketing_section_ar .days_t .text p {
    font-size: 47px;
    line-height: 58px;
  }
  .btnn2 {
    width: 20%;
    margin-left: 80%;
  }
  .btn2_type,
  .btn2_type_s,
  .btnn2 {
    font-size: 25px;
  }
  .ticketing_section .ticket_type span {
    font-size: 55px;
  }
  .play_games h1 {
    font-size: 60px;
  }
  .ticketing_section .days .text p,
  .ticketing_section .days_t .text p {
    font-size: 35px;
    line-height: 45px;
  }
}
@media (max-width: 2000px) {
  .ticketing_section .title img {
    width: 580px;
  }
  .btn2_type,
  .btn2_type_s,
  .btnn2,
  .ticketing_section .ticket_type {
    font-size: 25px;
  }
  .ticketing_section .days_t .day_ticket {
    font-size: 35px;
  }
  .ticketing_section_ar .days .text p,
  .ticketing_section_ar .days_t .text p {
    font-size: 40px;
    line-height: 52px;
  }
  .btn2_type_s,
  .btnn2 {
    transform: translateX(46px);
  }
  .ticketing_section .ticket_type span {
    font-size: 50px;
  }
}
@media (max-width: 1880px) {
  .btn2_type_s,
  .btnn2 {
    transform: translateX(40px);
  }
  .ticketing_section .title img {
    width: 500px;
  }
  .ticketing_sec_ar a {
    margin: 60px 46.5% 0 0 !important;
    background: linear-gradient(
      90deg,
      var(--bck_color),
      #6a1a97,
      var(--purple_col)
    );
    border-radius: 8px;
  }
  .ticketing_section a {
    width: 37%;
    margin: 40px 0 0 60%;
  }
  .ticketing_section_ar a {
    width: 37%;
    margin: 20px 0 0 60%;
  }
}
@media (max-width: 1850px) {
  .ticketing_section .title img {
    width: 530px;
  }
  .btn2_type,
  .btn2_type_s,
  .btnn2,
  .ticketing_section .ticket_type {
    font-size: 25px;
  }
  .ticketing_section .days_t .day_ticket {
    font-size: 35px;
  }
  .ticketing_section_ar .days .text p,
  .ticketing_section_ar .days_t .text p {
    font-size: 40px;
    line-height: 52px;
  }
  .ticketing_section .days .text p,
  .ticketing_section .days_t .text p {
    font-size: 25px;
    line-height: 35px;
  }
  .ticketing_section .ticket_type span {
    font-size: 50px;
  }
}
@media (max-width: 1800px) {
  .ticketing_section .title img {
    width: 500px;
  }
  .ticketing_section .ticket_type {
    font-size: 20px;
  }
  .ticketing_section .days_t .day_ticket {
    font-size: 35px;
  }
  .ticketing_section_ar .days .text p,
  .ticketing_section_ar .days_t .text p {
    font-size: 30px;
    line-height: 42px;
  }
  .btn2_type,
  .btn2_type_s,
  .btnn2 {
    font-size: 22px;
  }
  .ticketing_section .ticket_type span {
    font-size: 50px;
  }
}
@media (max-width: 1600px) {
  .btn2_type_s,
  .btnn2 {
    transform: translateX(37px);
  }
}
@media (max-width: 1500px) {
  .btn2_type_s,
  .btnn2 {
    transform: translateX(32px);
  }
  .ticketing_section .ticket_type {
    font-size: 20px;
  }
  .ticketing_section .days_t .day_ticket,
  .ticketing_section .ticket_type span {
    font-size: 35px;
  }
  .ticketing_section_ar .days .text p,
  .ticketing_section_ar .days_t .text p {
    font-size: 25px;
    line-height: 42px;
  }
  .btn2_type,
  .btn2_type_s,
  .btnn2 {
    font-size: 18px;
  }
  .ticketing_sec_ar a {
    margin: 60px 46.5% 0 0;
    background: linear-gradient(
      90deg,
      var(--bck_color),
      #6a1a97,
      var(--purple_col)
    );
    border-radius: 8px;
  }
  .ticketing_section .days > div:first-child {
    width: 90%;
    margin-left: 5%;
  }
  .ticketing_section a {
    margin: 20px 0 0 60%;
    width: 37%;
  }
  .ticketing_section_ar a {
    margin: 30px 0 0 60%;
  }
}
@media (max-width: 1440px) {
  .ticketing_section_ar .days .text p,
  .ticketing_section_ar .days_t .text p {
    font-size: 25px;
    line-height: 35px;
  }
  .btn2_type,
  .btn2_type_s,
  .ticketing_section .btnn2 {
    padding: 8px 0 3px 20px;
    font-size: 16px;
    text-align: start;
  }
  .btn2_type,
  .btn2_type_s {
    bottom: 60px;
  }
}
@media (max-width: 1300px) {
  .ticketing_section .ticket_type {
    font-size: 18px;
  }
  .ticketing_section .days_t .day_ticket {
    font-size: 30px;
  }
  .ticketing_section_ar .days .text p,
  .ticketing_section_ar .days_t .text p {
    font-size: 25px;
    line-height: 38px;
  }
  .btnn2 {
    width: 20%;
    margin-left: 80%;
  }
  .btn2_type,
  .btn2_type_s,
  .btnn2 {
    font-size: 18px;
    transform: translateX(30px);
  }
  .ticketing_section .ticket_type span {
    font-size: 35px;
  }
  .ticketing_sec_ar a {
    margin: 60px 46.5% 0 0;
    background: linear-gradient(
      90deg,
      var(--bck_color),
      #6a1a97,
      var(--purple_col)
    );
    border-radius: 8px;
  }
  .ticketing_section .days > div:first-child {
    width: 90%;
    margin-left: 5%;
  }
  .ticketing_section a {
    margin: 20px 0 0 60%;
    width: 37%;
  }
  .ticketing_section_ar a {
    margin: 30px 0 0 60%;
  }
  .btn2_type,
  .btn2_type_s,
  .ticketing_section .btnn2 {
    padding: 7px 0 7px 20px;
    font-size: 14px;
    display: flex;
    align-items: baseline;
  }
  .btn2_type,
  .btn2_type_s {
    bottom: 60px;
  }
  .ticketing_section .days_t .text p {
    width: 87%;
  }
  .ticketing_section .days_t .text .days3_p {
    width: 95%;
  }
}
@media (max-width: 1200px) {
  .ticketing_section a {
    margin: 40px 0 0 38%;
  }
  .ticketing_sec_ar a {
    margin: 60px 46.5% 0 0;
    background: linear-gradient(
      90deg,
      var(--bck_color),
      #6a1a97,
      var(--purple_col)
    );
    border-radius: 8px;
  }
  .ticketing_section .days_t .text p {
    font-size: 20px;
  }
}
@media (max-width: 1030px) {
  .btn2_type,
  .btn2_type_s,
  .btnn2 {
    transform: translateX(0);
  }
  .btn2_type,
  .btn2_type_s,
  .ticketing_section .btnn2 {
    transform: translateX(25px);
  }
  .ticketing_section .title img {
    width: 450px;
  }
  .ticketing_section .days .text p {
    line-height: 33px;
    font-size: 25px;
  }
  .btnn2 {
    width: 25%;
    margin-left: 75%;
  }
  .ticketing_section .days_t .text p {
    font-size: 18px;
    line-height: 25px;
  }
  .btn2_type {
    width: 45%;
    margin-left: 55%;
  }
  .btn2_type_s {
    width: 55%;
    margin-left: 45%;
  }
  .ticketing_section .ticket_types .days_t {
    padding-bottom: 60px;
  }
  .ticketing_section > .title {
    margin-bottom: 30px;
  }
  .ticketing_section .days_t .day_ticket,
  .ticketing_section .ticket_type h1,
  .ticketing_section .ticket_type span {
    font-size: 25px;
  }
  .ticketing_section .ticket_type {
    margin: 3%;
  }
  .btn2_type,
  .btn2_type_s {
    bottom: 40px;
  }
  .btn2_type,
  .btn2_type_s,
  .ticketing_section .btnn2 {
    padding: 7px 0 3px 20px;
  }
}
@media (max-width: 950px) {
  .btn2_type,
  .btn2_type_s,
  .ticketing_section .btnn2 {
    bottom: 40px;
    transform: translateX(0);
    width: 35%;
    margin-left: 65%;
  }
  .ticketing_section .title img {
    width: 400px;
  }
  .pass1 {
    margin-top: 0 !important;
  }
  .ticketing_section .days:nth-child(3) a {
    margin-left: 52% !important;
  }
  .ticketing_sec_ar .days:nth-child(3) a,
  .ticketing_sec_ar a {
    margin: 60px 52% 0 0 !important;
  }
  .last div:first-child h1 {
    font-size: 25px;
  }
  .card_ar div:first-child a {
    left: 165px;
  }
  .ticketing_section .days > div:nth-child(2) {
    flex-direction: column;
    margin-left: 0;
  }
  .ticketing_section .days .text p {
    width: 95%;
    margin-left: 2% !important;
    font-size: 18px;
    font-weight: 400;
    margin-top: 30px;
    line-height: 28px;
  }
  .btnn2 {
    font-size: 18px;
  }
  .ticketing_section a {
    width: 40%;
    margin-left: 45%;
  }
  .ticketing_section .last > div:first-child {
    width: 80% !important;
    margin: 0 10% !important;
  }
  .ticketing_sec_ar a {
    transform: translateX(0);
    margin: 0 55% 0 0;
  }
  .ticketing_sec_ar .days_grid .days:nth-child(2) a,
  .ticketing_sec_ar a {
    margin-top: 30px !important;
  }
  .ticketing_section .days > div:nth-child(2) div {
    width: 100%;
  }
  .btnn2,
  .ticketing_section .last a {
    margin-top: 20px;
  }
  .ticketing_section .ticket_types {
    grid-template-columns: 100%;
    row-gap: 0;
  }
  .ticketing_section .ticket_types .days_t {
    background: linear-gradient(to bottom, #920aa2 10%, #660b82, #2c0c57 70%);
  }
  .ticketing_section .days,
  .ticketing_section .ticket_types .days_t:nth-child(2) {
    border-radius: 0;
  }
  .ticketing_section .ticket_types .days_t:first-child {
    padding-bottom: 60px;
  }
  .ticketing_section .days_t .day_ticket {
    width: unset;
  }
  .map {
    width: 95%;
    margin: 0 2.5;
  }
}
.vr-btn1,
.vr-con {
  transform: translateX(-20px);
}
@media (max-width: 700px) {
  .ticketing_sec_ar a {
    margin: 120px 25% 0 0;
    transform: translateX(0) !important;
  }
  .ticketing_sec_ar .days_grid .days:first-child a,
  .ticketing_sec_ar .days_grid .days:nth-child(2) a,
  .ticketing_sec_ar a {
    margin-top: 30px !important;
  }
  .ticketing_section .days:nth-child(3) a {
    margin: 20px 0 0 6% !important;
  }
  .ticketing_section .last a {
    width: 60%;
    margin: 20px 0 0 25% !important;
  }
  .ticketing_sec_ar .days:nth-child(3) a,
  .ticketing_sec_ar .last a {
    margin: 60px 31% 0 0 !important;
  }
  .ticketing_section .days > div:first-child {
    flex-direction: column;
    width: 100%;
    margin: 0;
  }
  .ticketing_section .days > div:first-child h1,
  .ticketing_section .days > div:first-child span {
    font-size: 30px;
    text-align: center;
  }
  .ticketing_section .days > div:nth-child(2) > div {
    width: 100%;
    margin: 0;
  }
  .ticketing_section a {
    width: 60%;
    margin-left: 20%;
  }
  .days_grid {
    grid-template-columns: 100% !important;
    margin-top: 40px;
  }
  .days_grid > div:nth-child(2) {
    margin-left: 0 !important;
  }
  .last {
    margin-top: 20px !important;
  }
  .days_grid a {
    transform: translateX(50px);
  }
  .right_side_h {
    width: 40% !important;
  }
  .list_icon {
    display: block;
  }
  .last div:first-child h1 {
    width: 60%;
    text-align: center;
  }
  .ticketing_section .days .text p {
    font-size: 14px;
    line-height: 28px;
  }
  .ticketing_section .days_grid .days p {
    font-size: 14px !important;
  }
  .btnn2 {
    margin-top: 20px;
  }
  .ticketing_section .ticket_type {
    flex-direction: column;
    justify-content: center;
  }
  .ticketing_section .ticket_type h1,
  .ticketing_section .ticket_type span {
    font-size: 30px;
    text-align: center;
    margin-bottom: 0;
  }
  .ticketing_section .days_t .text p {
    font-size: 14px;
    line-height: 28px;
    width: 95%;
    margin-left: 2%;
    font-weight: 400;
  }
  .btn2_type,
  .btn2_type_s {
    width: 60%;
    margin-left: 40%;
  }
  .ticketing_section .title img {
    width: 300px;
  }
  .ticketing_section > .title {
    margin-bottom: 30px;
  }
  .ticketing_section .days {
    border-radius: 0;
  }
  .ticketing_section .ticket_types .days_t,
  .ticketing_section .ticket_types .days_t:nth-child(2) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
@media (max-width: 500px) {
  .ticketing_sec_ar a {
    margin: 120px 32% 0 0 !important;
  }
  .play_games h1,
  .ticketing_section .days > div:first-child span,
  .ticketing_section .ticket_type span {
    font-size: 25px;
  }
  .ticketing_sec_ar .days > div:nth-child(2) {
    margin: 0;
  }
  .ticketing_sec_ar .btnn2 {
    width: 65%;
    margin-left: 35%;
  }
  .btn2_type,
  .btn2_type_s,
  .ticketing_section .btnn2 {
    width: 60%;
    margin-left: 40%;
    bottom: 30px;
  }
  .ticketing_section .days > div:first-child h1 {
    margin-bottom: 0;
  }
  .ticketing_section .days .text p {
    margin-left: 2% !important;
  }
  .ticketing_section .days > div:first-child h1,
  .ticketing_section .ticket_type h1 {
    font-size: 20px;
  }
  .ticketing_section .ticket_types .days_t {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .ticketing_section .days_t .day_ticket {
    font-size: 18px;
  }
  .ticketing_section .days .text p,
  .ticketing_section .days_t .text p {
    line-height: 23px;
  }
}
@media (max-width: 400px) {
  .vipp {
    width: 100% !important;
  }
  .ticketing_section .ticket_type h1,
  .ticketing_section .ticket_type span {
    font-size: 18px;
  }
  .ticketing_section_ar .btnn2 {
    width: 65% !important;
    margin-left: 35% !important;
  }
  .ticketing_section .days > div:first-child h1 {
    margin-bottom: 5px;
  }
  .ticketing_section .days > div:first-child h1,
  .ticketing_section .days > div:first-child span {
    font-size: 18px !important;
  }
  .ticketing_sec_ar .days .text p,
  .ticketing_section .days .text p {
    margin-left: 0 !important;
  }
  .ticketing_section .text p {
    margin-top: 30px !important;
  }
  .btnn2 {
    font-size: 14px !important;
  }
  .btn2_type,
  .btn2_type_s {
    font-size: 14px;
  }
  .ticketing_sec_ar .days .text p {
    margin-top: 10px;
  }
  .ticketing_section > h1 {
    font-size: 25px;
  }
  .days_grid a {
    transform: translateX(25px);
  }
  .ticketing_section .days:nth-child(3) a {
    margin: 60px 0 0 23% !important;
  }
  .ticketing_section .last a {
    margin: 20px 0 0 23% !important;
  }
  .ticketing_sec_ar .days:nth-child(3) a,
  .ticketing_sec_ar .last a {
    margin: 60px 30% 0 0 !important;
  }
  .ticketing_section a {
    margin: 60px 0 0 24% !important;
  }
  .ticketing_sec_ar a {
    margin: 60px 29% 0 0 !important;
  }
  .ticketing_section .days .text p {
    margin-left: 2% !important;
  }
}
@media (max-width: 322px) {
  .arab-b,
  .btnn2 {
    font-size: 13px !important;
  }
  .ticketing_section .last a {
    margin: 20px 0 0 20% !important;
  }
  .ticketing_section .days > .text p {
    margin-right: 2% !important;
  }
  .ticketing_section .days:nth-child(3) a,
  .ticketing_section a {
    margin: 60px 0 0 20% !important;
  }
  .ticketing_sec_ar .days:nth-child(3) a,
  .ticketing_sec_ar .last a {
    margin: 60px 28% 0 0 !important;
  }
  .ticketing_sec_ar a {
    margin: 120px 28% 0 0 !important;
  }
  .btnn2 {
    width: 65% !important;
    margin-left: 35% !important;
  }
  .ticketing_section_ar .btnn2 {
    width: 70% !important;
    margin-left: 30% !important;
  }
}
.vr_parent {
  margin: 0;
  padding: 0 0 70px;
  background-color: var(--bck_color);
  color: #fff;
  overflow-x: hidden;
}
.arb,
.vr-p {
  color: var(--text_color);
}
.vr-section {
  display: flex;
  align-items: start;
  justify-content: center;
  background: linear-gradient(to right, #0f0d42, #270c54 70%, #3e0b65);
  gap: 40px;
  flex-wrap: wrap;
}
.hero_section2,
.vr-en {
  flex-direction: row-reverse;
}
.vr-image {
  position: relative;
  width: 45%;
  overflow: hidden;
  height: 500px;
}
.vr-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.overlay-vr {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, var(--title_color) 0, #200c4e 75%);
  opacity: 0.4;
}
.vr-con {
  width: 50%;
  background: var(--gradient);
  padding: 40px 0 0;
  height: auto;
  box-sizing: border-box;
}
.vr-title1 {
  font-family: var(--sora_extrabold);
  font-size: 30px;
  margin-bottom: 45px;
  line-height: 35px;
  word-wrap: break-word;
  font-weight: 700;
  width: 90%;
  text-align: start;
}
.arb,
.arbt {
  width: 100%;
}
.vr-p {
  font-size: 23px;
  line-height: 28px;
  margin-bottom: 25px;
  font-family: var(--sora_font);
}
.vr-p p {
  margin: 0;
  width: 93%;
}
.arb {
  direction: rtl;
  text-align: right;
  font-family: var(--font_noor_light);
  font-size: 40px;
  line-height: 5rem;
}
.arbt {
  margin-left: 0;
  direction: ltr;
  font-family: var(--font_noor_bold);
  font-size: 70px;
}
.vr-btn1 {
  background: linear-gradient(to right, #0d0d4138 20%, #6a1a97, #a809b3);
  outline: 0;
  border: none;
  border-radius: 30px;
  text-align: center;
  font-size: 20px;
  font-family: var(--sora_extrabold);
  font-weight: 700;
  padding: 10px 30px;
  margin-bottom: 20px;
  text-transform: uppercase;
  color: #fff;
  margin-top: 30px;
}
.activate_section h1,
.bookN {
  font-family: var(--title_font);
}
.btnen {
  margin-left: 10%;
}
@media (min-width: 2200px) {
  .vr-title1 {
    font-size: 45px;
    line-height: 4.5rem;
  }
  .arbt {
    text-align: end;
  }
  .vr-p p {
    font-size: 30px;
    line-height: 3rem;
  }
  .vr-image {
    height: 640px;
  }
  .vr-btn1 {
    font-size: 35px;
  }
  .arb {
    line-height: 4rem;
  }
}
@media (max-width: 2200px) {
  .arbt {
    font-size: 60px;
  }
  .arb {
    font-size: 36px;
    width: 90%;
    margin-left: 10%;
    line-height: 52px;
  }
  .vr-btn1 {
    font-size: 31.5px;
    margin-top: 30px;
  }
  .vr-image {
    height: 620px;
  }
  .arbt {
    margin-top: 0;
    text-align: end;
    margin-bottom: 60px;
    width: 100%;
  }
  .vr-p p {
    font-size: 35px;
    line-height: 45px;
  }
  .vr-title1 {
    font-size: 50px;
    line-height: 55px;
  }
}
@media (max-width: 2000px) {
  .vr-section {
    width: 90%;
    margin: 0 5%;
  }
  .vr-title1 {
    width: 95%;
    text-align: start;
  }
  .arbt {
    margin-left: 50px;
    margin-top: 0;
    text-align: end;
  }
  .vr-btn1 {
    font-size: 30px;
    margin-top: 20px;
  }
}
@media (max-width: 1850px) {
  .arbt {
    font-size: 50px;
    margin-left: 120px;
  }
  .arb,
  .vr-btn1 {
    font-size: 30px;
  }
  .arb {
    width: 80%;
    margin-left: 20%;
  }
  .vr-btn1 {
    margin-top: 10px;
  }
  .vr-image {
    height: 550px;
  }
  .arbt {
    margin-top: 0;
    margin-bottom: 40px;
  }
}
@media (max-width: 1820px) {
  .vr-btn1 {
    font-size: 30px;
    margin-top: 10px;
  }
  .vr-image {
    height: 450px;
  }
}
@media (max-width: 1800px) {
  .arbt {
    font-size: 45px;
  }
  .arb {
    font-size: 26px;
    width: 80%;
    line-height: 40px;
    margin-left: 20%;
  }
  .vr-btn1 {
    font-size: 27px;
    margin-top: 10px;
  }
  .vr-image {
    height: 480px;
  }
  .arbt {
    margin-top: 0;
    margin-bottom: 40px;
    margin-left: 0;
    text-align: end;
  }
  .vr-p p {
    font-size: 30px;
    line-height: 33px;
  }
  .vr-title1 {
    font-size: 45px;
    line-height: 45px;
    width: 100%;
  }
}
@media (max-width: 1500px) {
  .arb,
  .arbt {
    margin-left: 0;
  }
  .vr-btn1 {
    font-size: 20px;
    margin-top: 10px;
  }
  .vr-image {
    height: 430px;
  }
  .arb {
    width: 100%;
    line-height: 30px;
    font-size: 25px;
  }
  .arbt {
    margin-top: 0;
    margin-bottom: 25px;
    font-size: 40px;
  }
  .vr-con {
    width: 50%;
    padding: 40px 0 0;
    height: auto;
    transform: translateX(-20px);
  }
  .vr-title1 {
    font-size: 30px;
    margin-bottom: 15px;
    line-height: 35px;
    width: 90%;
  }
  .vr-p,
  .vr-p p {
    font-size: 25px;
    line-height: 28px;
  }
  .vr-p {
    margin-bottom: 25px;
  }
  .vr-p p {
    margin: 0;
    width: 93%;
  }
}
@media (max-width: 1440px) {
  .arb {
    font-size: 30px;
    line-height: 36px;
  }
  .vr-image {
    height: 435px;
  }
  .arbt {
    margin-bottom: 30px;
  }
  .vr-title1 {
    width: 100%;
  }
}
@media (max-width: 1300px) {
  .vr-btn1 {
    font-size: 18px;
  }
  .arb {
    line-height: 30px;
    font-size: 25px;
  }
  .arbt {
    margin-bottom: 25px;
    font-size: 40px;
  }
  .vr-con {
    width: 50%;
    padding: 40px 0 0;
    transform: translateX(-20px);
  }
  .vr-title1 {
    font-size: 30px;
    margin-bottom: 15px;
    line-height: 35px;
    width: 90%;
  }
  .vr-p,
  .vr-p p {
    font-size: 25px;
    line-height: 28px;
  }
  .vr-p {
    margin-bottom: 25px;
  }
  .vr-p p {
    margin: 0;
    width: 93%;
  }
  .vr-con,
  .vr-image {
    height: 420px;
  }
}
@media (max-width: 1100px) {
  .vr-image {
    height: 420px;
  }
}
@media (max-width: 1024px) {
  .arb,
  .vr-p {
    margin-right: 5%;
  }
  .vr-section {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    text-align: left;
    gap: 25px;
  }
  .vr-con,
  .vr-image {
    width: 48%;
    height: 390px;
  }
  .vr-p,
  .vr-title1 {
    width: 100%;
    margin-left: 5%;
  }
  .vr-con {
    padding: 30px;
  }
  .vr-title1 {
    font-size: 25px;
    text-align: end;
    line-height: 30px;
  }
  .title1en {
    text-align: left;
  }
  .vr-p {
    text-align: start;
  }
  .arb {
    direction: rtl;
    text-align: right;
    margin-left: 5%;
  }
  .vr-btn1 {
    font-size: 18px;
    padding: 10px 22px;
    display: block;
    transform: translateX(0);
    margin-top: 40px;
  }
  .vr-p p {
    font-size: 18px;
    line-height: 23px;
  }
  .vr-con {
    transform: translateX(-43px);
  }
}
@media (max-width: 768px) {
  .vr-image img {
    height: 100%;
  }
  .vr-section {
    flex-direction: column;
    gap: 0;
  }
  .vr-con,
  .vr-image {
    width: 90%;
    height: auto;
  }
  .vr-image {
    height: 400px;
  }
  .vr-con {
    transform: translateX(0);
    margin: 20px 0 0;
    padding: 0;
  }
  .vr-title1 {
    font-size: 25px;
    text-align: end;
    margin-left: 0;
    margin-bottom: 20px;
    width: 100%;
    margin-top: 0;
  }
  .vr-p {
    font-size: 18px;
    text-align: end;
    margin: 0 auto;
  }
  .vr-section-en .vr-p,
  .vr-section-en .vr-title1 {
    text-align: start;
  }
  .arb {
    text-align: right;
    margin: 0;
    padding-right: 10%;
    font-size: 22px;
  }
  .vr-btn1 {
    width: 40%;
    margin: 35px 0 0;
    display: block;
  }
  .vr-section {
    background: var(--bck_color);
    width: 90%;
    margin: 0 5%;
    align-items: center;
  }
  .vr-section > div {
    width: 80%;
  }
  .vr-p p {
    font-size: 17px;
  }
}
@media (max-width: 600px) {
  .vr-con,
  .vr-image,
  .vr-section > div {
    width: 100%;
  }
  .vr-con {
    padding: 0;
  }
  .vr-title1 {
    font-size: 25px;
  }
  .vr-p,
  .vr-section-en .vr-title1 {
    font-size: 18px;
  }
  .vr-section-en .vr-p {
    font-size: 14px;
    line-height: 32px;
  }
  .vr-p p {
    font-size: 14px;
    line-height: 20px;
  }
  .arb {
    text-align: right;
    margin: 0;
    padding-right: 10%;
    line-height: 32px;
  }
  .vr-btn1 {
    width: 70%;
    padding: 12px 0;
    display: block;
  }
  .vr-section {
    flex-direction: column;
    gap: 0;
    width: 94%;
    margin: 0 3%;
  }
}
.VR_section a,
.bookN {
  outline: 0;
  cursor: pointer;
  display: inline-block;
}
@media (max-width: 500px) {
  .vr-btn1 {
    width: 50%;
    transform: translateX(0);
    font-size: 16px;
  }
}
.bookN {
  background: linear-gradient(
    to right,
    var(--purple_col) 20%,
    #6e2698,
    var(--bck_color)
  );
  color: #fff;
  padding: 8px 30px;
  border-radius: 25px;
  border: none;
  font-weight: 700;
  font-size: 18px;
  margin-top: 100px;
  margin-left: 10%;
  position: absolute;
  width: 10%;
  height: 4%;
  left: 35%;
  top: 100%;
}
.casual_text4,
.casualt2 {
  font-family: "Archivo Black", sans-serif;
}
.imagg {
  width: 100%;
  position: relative;
  height: 75vh;
  overflow: hidden;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  border-radius: 0 10px 10px 100%/100% 10px 10px 200%;
  top: 15% !important;
}
.casual_text2,
.casual_text3 {
  position: absolute;
  top: 135%;
  font-size: 30px;
}
.imagg img,
.imagg1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 70% 70%;
}
.imagg1::after,
.imagg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to right,
    rgba(11, 11, 58, 0.6),
    rgba(129, 33, 132, 0.5)
  );
}
.imagVr2::after,
.imagVr::after {
  content: "";
  width: 98%;
  background: linear-gradient(to right, var(--bck_color) 20%, #6a1a97);
  opacity: 0.7;
  z-index: 1;
}
.casualt2 {
  display: flex;
}
.casual_text2 {
  left: 7%;
  font-weight: 400;
  color: #fff;
}
.casual_text3 {
  left: 28%;
  color: #0f0;
  font-weight: 400;
}
.casual_text4,
.casual_text5 {
  position: absolute;
  font-weight: 400;
  left: 7%;
}
.casual_text4 {
  color: #0f0;
  font-size: 30px;
  top: 142%;
}
.casual_text5 {
  font-size: 22px;
  color: #fff;
  top: 153%;
  width: 37%;
}
.casual_text6,
.casual_text7 {
  position: absolute;
  font-weight: 400;
  left: 7%;
  width: 40%;
  font-family: var(--main-font);
  font-size: 22px;
}
.casual_text6 {
  color: #fff;
  top: 170%;
}
.casual_text7 {
  color: #fff;
  top: 188%;
}
.vr_txt1,
.vr_txt2 {
  font-size: 32px;
  font-weight: 600;
  color: #fff;
}
.iGv,
.imagVr::after {
  top: 220%;
  position: absolute;
}
.activate_section,
.activate_section2 {
  padding: 200px 0 30px;
}
.activate_section div:nth-child(2) a {
  position: absolute;
  bottom: 30px;
  z-index: 1;
  right: 30px;
  background: var(--background_buttons);
  color: #fff;
  font-family: var(--main-font);
  padding: 10px 35px;
  border-radius: 25px;
  outline: 0;
  border: none;
  cursor: pointer;
  font-weight: 700;
  font-size: 22px;
}
.activate_section h1 {
  color: var(--title_color);
  width: 80%;
  margin-left: 4%;
  font-weight: 800;
  font-size: 40px;
  margin-top: 0 !important;
  position: absolute;
  top: 128%;
}
.VR_section a,
.ltr_size div:first-child {
  margin-top: 100px;
}
.VR_section {
  width: 100%;
  height: 130vh;
}
.iGv {
  width: 65%;
  left: 2%;
  background-color: none;
  border: 20px bold;
  border-right: 20px;
}
.imagVr,
.imagVr2 {
  width: 100%;
  height: 80vh;
  overflow: hidden;
}
.imagVr::after {
  left: 0;
  height: 90vh;
}
.VR_section span {
  font-family: "Archivo Black", sans-serif;
  z-index: 1;
}
.vr_txt1 {
  position: absolute;
  top: 237%;
  right: 11.5%;
}
.vr_txt2,
.vr_txt3 {
  position: absolute;
  top: 243%;
}
.vr_txt2 {
  right: 34.5%;
}
.vr_txt3,
.vr_txt4 {
  font-size: 32px;
  color: #0f0;
  font-weight: 600;
}
.vr_last {
  display: flex;
  direction: ltr;
}
.vr_txt3 {
  right: 2%;
  width: 32%;
}
.vr_txt4,
.vr_txt5,
.vr_txt6,
.vr_txt7 {
  right: 3%;
  width: 45%;
  position: absolute;
}
.vr_txt4 {
  top: 250%;
}
.VR_section p {
  color: #fff;
  font-size: 25px;
  font-weight: 500;
  line-height: 30px;
  text-transform: uppercase;
  margin-left: 0;
  font-family: var(--main-font);
  z-index: 1;
}
.VR_section a,
.hero_section2 a {
  font-weight: 700;
  color: #fff;
  font-size: 20px;
}
.vr_txt5 {
  top: 260%;
}
.vr_txt6 {
  top: 275%;
}
.vr_txt7 {
  top: 290%;
}
.VR_section a {
  background: var(--background_buttons);
  font-family: var(--title_font);
  padding: 8px 70px;
  border-radius: 25px;
  border: none;
  margin-left: 10%;
  position: absolute;
  height: 5%;
  left: -5%;
  top: 277%;
  z-index: 1;
}
:root {
  --main-font: "Lalezar", sans-serif;
  --purple_col: #801880;
  --background_buttons: linear-gradient(
    to right,
    var(--bck_color) 20%,
    #6a1a97,
    var(--purple_col)
  );
  --title_color: #be2fbe;
}
.VR_section2,
.activate_section2 {
  display: grid;
  align-items: start;
  background-color: #0d0d41;
  font-family: Lalezar, sans-serif;
  direction: rtl;
}
.hero_section2,
.word21,
.word22 {
  display: flex;
  font-family: var(--noor_font);
}
.ltr_size {
  grid-template-columns: 48% 50%;
  padding: 80px 30px 40px;
  justify-content: center;
  align-items: center;
}
.rtl_size {
  grid-template-columns: 53% 45%;
  align-items: center;
  padding: 80px 0 0;
}
.hero_section2 {
  color: #fff;
  text-transform: uppercase;
}
.word21 {
  position: absolute;
  font-size: 50px;
  width: 50%;
  top: 14%;
  left: 6%;
  font-weight: 600;
}
.word21 .the,
.wordh21 .the {
  color: #aa09b4;
  margin-right: 15px;
  font-family: var(--sora_extrabold);
}
.word22 {
  position: absolute;
  font-size: 45px;
  width: 40%;
  top: 26%;
  left: 3.5%;
  font-weight: 600;
  margin-left: 40px;
}
.hero-sec21,
.hero-sec22,
.hero-sec23,
.hero-sec24,
.hero-sec25 {
  font-size: 30px;
  font-weight: 400;
  width: 35% !important;
  font-family: var(--font_noor_light);
  position: absolute;
  display: flex;
}
.hero-sec21 {
  left: 9.5%;
  top: 38%;
}
.hero-sec22 {
  left: 8.5%;
  top: 44%;
}
.hero-sec23 {
  left: 7.8%;
  top: 49.5%;
}
.hero-sec24 {
  left: 6.5%;
  top: 57%;
}
.hero-sec25 {
  left: 5.5%;
  top: 62%;
}
.hero_section2 a {
  position: absolute;
  bottom: 480px;
  left: 0;
  text-transform: uppercase;
  text-decoration: none;
  border: none;
  border-radius: 0 50px 50px 0;
  background: linear-gradient(90deg, #2f0c5a, #690b84, #a709b2);
  padding: 15px 20px;
  display: flex;
  width: 30%;
  height: 8%;
  cursor: pointer;
  outline: 0;
  text-align: start;
  box-sizing: border-box;
  font-family: var(--font_noor_bold);
  flex-direction: row-reverse;
  direction: ltr;
}
.VR_section2 a,
.activate_section2 div:first-child a {
  background: var(--background_buttons);
  outline: 0;
  cursor: pointer;
  font-weight: 700;
}
.hero_desc_res_ar h3 {
  font-size: 30px;
  font-weight: 700;
  font-family: var(--main-font);
  width: 100%;
}
.hero_desc_res_ar p {
  font-size: 25px;
  font-weight: 700;
  font-family: var(--font_noor_light);
  width: 100%;
  line-height: 32px;
  color: var(--text_color);
}
@media (max-width: 2200px) {
  .word21 {
    font-size: 70px;
    top: 20%;
    left: -3%;
  }
  .mainiMg1 {
    height: 900px;
  }
  .word22 {
    font-size: 61px;
    top: 28%;
    left: 1.5%;
  }
  .hero-sec21,
  .hero-sec22 {
    left: 5.5%;
    font-size: 40px;
  }
  .hero-sec21 {
    top: 36%;
  }
  .hero-sec22 {
    top: 41%;
  }
  .hero-sec23 {
    font-size: 40px;
    left: 4%;
    top: 45.5%;
  }
  .hero-sec24 {
    font-size: 40px;
    left: 3.5%;
    top: 50%;
  }
  .hero-sec25 {
    font-size: 40px;
    left: 2.5%;
    top: 55%;
  }
  .hero_section2 a {
    bottom: 20%;
    top: unset;
  }
}
@media (max-width: 2150px) {
  .word21,
  .word21 .the,
  .word22 {
    font-size: 79px;
  }
  .word21 {
    top: 20%;
    left: -23%;
    width: 70%;
  }
  .word21 .the {
    font-weight: bolder;
  }
  .mainiMg1 {
    width: 58%;
    right: -38% !important;
  }
  .word22 {
    top: 29%;
    left: -28%;
    width: 70%;
  }
  .hero-sec21,
  .hero-sec22,
  .hero-sec23,
  .hero-sec24,
  .hero-sec25 {
    font-size: 40px;
    font-family: var(--font_noor_light);
  }
  .hero-sec21 {
    left: 6%;
    top: 38%;
  }
  .hero-sec22 {
    left: -19%;
    top: 43%;
    width: 60% !important;
  }
  .hero-sec23 {
    left: 4.5%;
    top: 47%;
  }
  .hero-sec24 {
    left: -20.5%;
    top: 52%;
    width: 60% !important;
  }
  .hero-sec25 {
    left: 3.5%;
    top: 57%;
  }
  .hero_section2 a {
    font-size: 16px;
    top: unset;
    height: 7%;
    width: 32%;
    font-family: var(--font_noor_light);
  }
}
@media (max-width: 2600px) {
  .word21,
  .word21 .the,
  .word22 {
    font-size: 69px;
  }
  .word21 {
    top: 20%;
    left: -22%;
    width: 70%;
  }
  .word21 .the {
    font-weight: bolder;
  }
  .mainiMg1 {
    height: 800px;
    width: 58%;
    right: -38% !important;
  }
  .word22 {
    top: 28%;
    left: -28%;
    width: 70%;
  }
  .hero-sec21,
  .hero-sec22,
  .hero-sec23,
  .hero-sec24,
  .hero-sec25 {
    font-size: 38px;
    font-family: var(--font_noor_light);
  }
  .hero-sec21 {
    left: 6%;
    top: 36%;
  }
  .hero-sec22 {
    left: -19%;
    top: 41%;
    width: 60% !important;
  }
  .hero-sec23 {
    left: 5.5%;
    top: 46%;
  }
  .hero-sec24 {
    left: -20.5%;
    top: 51%;
    width: 60% !important;
  }
  .hero-sec25 {
    left: 3.5%;
    top: 56%;
  }
  .hero_section2 a {
    font-size: 16px;
    top: unset;
    height: 7%;
    bottom: 26%;
    width: 32%;
    font-family: var(--font_noor_light);
  }
}
@media (max-width: 2000px) {
  .word21,
  .word21 .the,
  .word22 {
    font-size: 69px;
  }
  .word21 {
    top: 20%;
    left: -22%;
    width: 70%;
  }
  .word21 .the {
    font-weight: bolder;
  }
  .mainiMg1 {
    height: 800px;
    width: 58%;
    right: -38% !important;
  }
  .word22 {
    top: 28%;
    left: -28%;
    width: 70%;
  }
  .hero-sec21,
  .hero-sec22,
  .hero-sec23,
  .hero-sec24,
  .hero-sec25 {
    font-size: 38px;
    font-family: var(--font_noor_light);
  }
  .hero-sec21 {
    left: 6%;
    top: 36%;
  }
  .hero-sec22 {
    left: -19%;
    top: 41%;
    width: 60% !important;
  }
  .hero-sec23 {
    left: 5.5%;
    top: 46%;
  }
  .hero-sec24 {
    left: -20.5%;
    top: 51%;
    width: 60% !important;
  }
  .hero-sec25 {
    left: 3.5%;
    top: 56%;
  }
  .hero_section2 a {
    font-size: 16px;
    top: unset;
    height: 7%;
    bottom: 26%;
    width: 32%;
    font-family: var(--font_noor_light);
  }
}
@media (max-width: 1950px) {
  .word1 .the,
  .word21,
  .word22 {
    font-size: 65px;
  }
  .word21 {
    top: 30%;
    left: -22%;
  }
  .mainiMg1 {
    height: auto;
  }
  .word22 {
    top: 41%;
    left: -28%;
  }
  .hero-sec21 {
    top: 51%;
    left: 6%;
  }
  .hero-sec22 {
    top: 57%;
    left: -19.5%;
  }
  .hero-sec23 {
    top: 63%;
    left: 5%;
  }
  .hero-sec24 {
    top: 69%;
    left: -20.5%;
  }
  .hero-sec25 {
    top: 75%;
    left: 4%;
  }
  .hero_section2 a {
    top: 740px;
    width: 32%;
  }
}
@media (max-width: 1830px) {
  .word1 .the,
  .word21,
  .word22 {
    font-size: 65px;
  }
  .word21 {
    top: 30%;
    left: -22%;
  }
  .mainiMg1 {
    height: auto;
  }
  .word22 {
    top: 41%;
    left: -28%;
  }
  .hero-sec21 {
    top: 51%;
    left: 6%;
  }
  .hero-sec22 {
    top: 57%;
    left: -19.5%;
  }
  .hero-sec23 {
    top: 63%;
    left: 5%;
  }
  .hero-sec24 {
    top: 69%;
    left: -20.5%;
  }
  .hero-sec25 {
    top: 75%;
    left: 4%;
  }
  .hero_section2 a {
    top: 740px;
    width: 32%;
  }
}
@media (max-width: 1800px) {
  .word21,
  .word21 .the {
    font-size: 58px;
  }
  .word21 {
    top: 33%;
    left: -22%;
  }
  .mainiMg1 {
    height: 500px;
  }
  .word22 {
    top: 43.5%;
    left: -27.5%;
    font-size: 52px;
  }
  .hero-sec21,
  .hero-sec22,
  .hero-sec23,
  .hero-sec24,
  .hero-sec25 {
    font-size: 32px;
  }
  .hero-sec21 {
    top: 51%;
    left: 7%;
  }
  .hero-sec22 {
    top: 57%;
    left: -18.5%;
  }
  .hero-sec23 {
    top: 63%;
    left: 6%;
  }
  .hero-sec24 {
    top: 69%;
    left: -19.5%;
  }
  .hero-sec25 {
    top: 76%;
    left: 5%;
  }
  .hero_section2 a {
    top: 660px;
    width: 32%;
  }
}
@media (max-width: 1440px) {
  .word21,
  .word21 .the {
    font-size: 50px;
  }
  .mainiMg1 {
    height: auto;
  }
  .word21 {
    top: 31%;
    left: -21%;
  }
  .word22 {
    top: 40.5%;
    left: -27%;
    font-size: 42px;
  }
  .hero-sec21,
  .hero-sec22,
  .hero-sec23,
  .hero-sec24,
  .hero-sec25 {
    font-size: 28px;
  }
  .hero-sec21 {
    top: 48%;
    left: 8%;
  }
  .hero-sec22 {
    top: 55%;
    left: -17.5%;
    width: 100%;
  }
  .hero-sec23 {
    top: 60%;
    left: 7%;
    width: 100%;
  }
  .hero-sec24 {
    top: 67%;
    left: -19%;
  }
  .hero-sec25 {
    top: 73%;
    left: 5%;
  }
  .hero_section2 a {
    top: 620px;
    width: 32%;
    font-size: 16px;
    display: flex;
    align-items: center;
  }
}
@media (max-width: 1430px) {
  .word21,
  .word21 .the {
    font-size: 50px;
  }
  .mainiMg1 {
    height: auto;
  }
  .word21 {
    top: 35%;
    left: -21%;
  }
  .word22 {
    top: 45%;
    left: -28%;
    font-size: 42px;
  }
  .hero-sec21,
  .hero-sec22,
  .hero-sec23,
  .hero-sec24,
  .hero-sec25 {
    font-size: 28px;
  }
  .hero-sec21 {
    top: 55%;
    left: 7%;
  }
  .hero-sec22 {
    top: 61%;
    left: -18%;
    width: 100%;
  }
  .hero-sec23 {
    top: 67%;
    left: 6.5%;
    width: 100%;
  }
  .hero-sec24 {
    top: 74%;
    left: -19%;
  }
  .hero-sec25 {
    top: 81%;
    left: 4%;
  }
  .hero_section2 a {
    top: 600px;
    width: 32%;
    font-size: 16px;
    display: flex;
    align-items: center;
  }
}
@media (max-width: 1300px) {
  .word21,
  .word21 .the {
    font-size: 42px;
  }
  .word21 {
    top: 40%;
    left: -21%;
  }
  .word22 {
    top: 50%;
    left: -28%;
    font-size: 38px;
  }
  .hero-sec21,
  .hero-sec22,
  .hero-sec23,
  .hero-sec24,
  .hero-sec25 {
    font-size: 26px;
  }
  .hero-sec21 {
    top: 58%;
  }
  .hero-sec22 {
    top: 64%;
  }
  .hero-sec23 {
    top: 70%;
  }
  .hero-sec24 {
    top: 76%;
  }
  .hero-sec25 {
    top: 82%;
  }
  .hero_section2 a {
    top: 570px;
    font-size: 16px;
  }
}
@media (max-width: 1030px) {
  .word21,
  .word21 .the {
    font-size: 40px;
  }
  .mainiMg1 {
    height: 450px;
  }
  .word21 {
    top: 38%;
    left: 0;
    width: 50%;
  }
  .word22 {
    top: 47%;
    left: -27%;
    font-size: 35px;
  }
  .hero-sec21,
  .hero-sec22,
  .hero-sec23,
  .hero-sec24,
  .hero-sec25 {
    font-size: 21px;
  }
  .hero-sec21 {
    top: 55%;
    width: 40% !important;
    left: 4%;
  }
  .hero-sec22 {
    top: 61%;
    left: -16%;
  }
  .hero-sec23 {
    top: 67%;
    left: 8%;
  }
  .hero-sec24 {
    top: 73%;
    width: 40% !important;
    left: 2%;
  }
  .hero-sec25 {
    top: 79%;
    left: 5%;
  }
  .hero_section2 a {
    top: 590px;
    width: 38%;
  }
}
@media (max-width: 800px) {
  .mainiMg1,
  .mainiMg1 img {
    height: 300px;
  }
  .hero_section2 a {
    top: unset;
    width: 100%;
    position: relative;
    font-size: 16px;
  }
  .hero_desc_ar {
    display: none;
  }
  .hero_desc_res_ar {
    display: block;
  }
  .mainiMg1 {
    right: unset !important;
    margin: 0;
    width: 100%;
  }
  .hero_sectionh2 {
    display: grid;
    grid-template-columns: 80%;
    justify-content: center;
  }
}
@media (max-width: 500px) {
  .hero_sectionh2 {
    grid-template-columns: 100%;
    padding: 0 5%;
  }
  .hero_desc_res_ar h3 {
    font-size: 25px;
  }
  .hero_sectionh2 a {
    padding: 10px;
  }
  .hero_desc_res_ar p {
    font-size: 18px;
    font-weight: 400;
  }
  .mainiMg1 {
    clip-path: unset;
    border-top-left-radius: 0 0;
    border-bottom-left-radius: 10% 0;
  }
}
@media (max-width: 400px) {
  .vr-title1 {
    font-size: 20px;
  }
  .arb,
  .hero_desc_res_ar p,
  .vr-btn1 {
    font-size: 16px;
  }
  .vr-btn1 {
    margin-top: 25px;
    width: 60%;
    font-weight: 400;
  }
  .vr-image {
    height: 350px;
  }
  .hero_desc_res_ar h3 {
    font-size: 20px;
    line-height: 32px;
  }
  .hero_sectionh2 {
    grid-template-columns: 100%;
    padding: 0 3%;
  }
}
@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_img1,
  .e_sport > div div .abs_img2 {
    width: 50px;
    height: 50px !important;
  }
  .Vr_zone .Vr_zone_cont,
  .Vr_zone_ar .Vr_zone_ar_cont,
  .casual_ar .casual_av_cont,
  .casual_av .casual_av_cont,
  .cosplay .cosplay_cont,
  .cosplay_ar .cosplay_cont,
  .mobile .mobile_cont,
  .mobile_ar .mobile_cont {
    width: 94%;
    margin: 0 3%;
  }
  .mobile .mobile_cont .text p {
    line-height: 24px;
  }
  .Vr_zone .Vr_zone_cont .a_parent,
  .Vr_zone_ar .Vr_zone_ar_cont .a_parent,
  .mobile .mobile_cont .a_parent,
  .mobile_ar .mobile_cont .a_parent {
    margin-top: 0;
  }
  .casual_av .casual_av_cont .text p,
  .cosplay .cosplay_cont .text p {
    font-size: 16px;
  }
  .casual_ar .casual_av_cont .img_parent::after,
  .casual_av .casual_av_cont .img_parent::after,
  .cosplay .cosplay_cont .img_parent::after,
  .cosplay_ar .cosplay_cont .img_parent::after {
    width: 108%;
  }
  .casual_av .casual_av_cont a {
    width: fit-content;
  }
  .casual_ar .casual_av_cont .text h1:first-child {
    font-size: 25px;
  }
  .hero_section a {
    transform: translateX(7px);
  }
  .letters > div div:nth-child(2) {
    margin-left: 0;
    margin-right: 0;
  }
}
.bookN2 {
  background: linear-gradient(
    to right,
    var(--purple_col) 20%,
    #6e2698,
    var(--bck_color)
  ) !important;
  color: #fff;
  font-family: var(--title_font) !important;
  padding: 8px 5px 8px 60px !important;
  border-radius: 25px !important;
  outline: 0 !important;
  border: none !important;
  cursor: pointer !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  margin-top: 100px !important;
  margin-left: 10% !important;
  display: inline-block !important;
  position: absolute !important;
  width: 10% !important;
  height: 4% !important;
  left: 35% !important;
  top: 100% !important;
  direction: ltr !important;
}
.casualt22,
.vr_last2 {
  display: flex;
}
.imagg1 {
  width: 100%;
  position: relative;
  height: 75vh;
  overflow: hidden;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  border-radius: 10px 0 100% 10px/10px 100% 200% 10px;
  transform: translate(-600px, -550px) !important;
}
.casual_text22,
.casual_text23 {
  position: absolute;
  top: 143%;
  font-weight: 400;
  font-size: 45px;
}
.casualt22 {
  font-family: Lalezar, sans-serif;
}
.casual_text22 {
  left: 73%;
  color: #fff;
}
.casual_text23 {
  left: 54%;
  color: #0f0;
}
.casual_text24,
.casual_text25,
.casual_text26,
.casual_text27,
.casual_text28 {
  font-family: var(--main-font);
  position: absolute;
  font-weight: 400;
  font-size: 30px;
  color: #fff;
}
.casual_text24 {
  top: 160% !important;
  left: 45%;
  width: 37%;
}
.casual_text25 {
  top: 166% !important;
  left: 41%;
  width: 40%;
}
.casual_text26 {
  top: 172%;
  left: 38%;
  width: 37%;
}
.casual_text27 {
  top: 177.5%;
  left: 41%;
  width: 40%;
}
.casual_text28 {
  top: 183%;
  left: 42.5%;
  width: 37%;
}
.casual_text29,
.casual_text31 {
  position: absolute;
  font-weight: 400;
  font-size: 30px;
  width: 40%;
  font-family: var(--main-font);
  color: #fff;
}
.casual_text29 {
  top: 189%;
  left: 40%;
}
.casual_text31 {
  top: 194%;
  left: 15%;
}
.iGv2,
.imagVr2::after {
  top: 220%;
  height: 90%;
  position: absolute;
}
.activate_section2 div:first-child a {
  position: absolute;
  bottom: 30px;
  z-index: 1;
  left: 10%;
  color: #fff;
  font-family: var(--main-font);
  padding: 10px 35px;
  border-radius: 25px;
  border: none;
  font-size: 21px;
}
.activate_section2 h1 {
  color: var(--title_color);
  width: 80%;
  margin-left: 4%;
  font-weight: 800;
  font-family: var(--title_font);
  font-size: 45px;
  margin-top: 0 !important;
  position: absolute;
  top: 135%;
  right: 6%;
}
.VR_section2 {
  padding: 400px;
  direction: rtl;
}
.iGv2 {
  width: 70% !important;
  left: 28%;
  background-color: none;
  border: 20px bold;
  border-right: 20px;
}
.imagVr2::after {
  left: 0;
}
.vr_txt12 {
  position: absolute;
  font-size: 42px;
  font-weight: 600;
  color: #fff;
  top: 237%;
  left: 35%;
  z-index: 1;
}
.vr_txt23,
.vr_txt24 {
  position: absolute;
  font-size: 42px;
  font-weight: 600;
  color: #0f0;
}
.vr_txt23 {
  top: 237%;
  left: 2%;
  width: 32%;
  z-index: 1;
}
.vr_txt24 {
  top: 245%;
  left: 0;
  width: 45%;
  z-index: 1;
}
.vr_txt25,
.vr_txt26 {
  left: 7%;
  width: 38%;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  text-transform: uppercase;
  font-family: var(--main-font);
  color: #fff;
  position: absolute;
  z-index: 1;
}
.vr_txt25 {
  top: 260%;
}
.vr_txt26 {
  top: 275%;
}
.VR_section2 a {
  color: #fff;
  font-family: var(--title_font);
  padding: 8px 70px;
  border-radius: 25px;
  border: none;
  font-size: 20px;
  margin-top: 100px;
  margin-left: 10%;
  display: inline-block;
  position: absolute;
  height: 5%;
  left: 70% !important;
  top: 277%;
  z-index: 1;
}
.hero_sectionh2 a,
.hero_sectionh2_en a {
  text-transform: uppercase;
  font-weight: 700;
  text-decoration: none;
  height: 8%;
  cursor: pointer;
  outline: 0;
  text-align: start;
  box-sizing: border-box;
  font-size: 20px;
  color: #fff;
}
.mainiMg1h {
  position: relative;
  border-top-left-radius: 100% 300%;
  border-bottom-left-radius: 10% 0;
  overflow: hidden;
  margin-left: 40px;
  width: 100%;
  height: 700px;
}
.hero_sectionh2 {
  display: grid;
  align-items: start;
  padding: 70px 50px 0;
  background-color: #0d0d41;
  font-family: Lalezar, sans-serif;
  direction: rtl;
  grid-template-columns: 60% 40%;
  color: #fff;
  font-family: var(--noor_font);
  text-transform: uppercase;
  display: grid;
  position: relative;
}
.wordh21,
.wordh22 {
  display: flex;
  font-weight: 600;
}
.wordh21 {
  transform: translate(120px, 0);
  font-size: 60px;
  font-family: var(--noor_font);
}
.hero-sech21_en,
.hero_desc_res_en p,
.span_base {
  font-family: var(--sora_font);
}
.wordh22 {
  font-size: 55px;
  transform: translate(56px, 0);
  margin-left: 40px;
  font-family: var(--noor_font);
}
.hero-sech21,
.hero-sech22,
.hero-sech23,
.hero-sech24,
.hero-sech25 {
  font-size: 40px;
  font-weight: 400;
  font-family: var(--font_noor_light);
  display: flex;
}
.hero-sech21 {
  transform: translate(0, 10px);
}
.hero-sech22 {
  transform: translate(0, -10px);
  right: -20px;
}
.hero-sech23 {
  transform: translate(-3px, -30px);
}
.hero-sech24 {
  transform: translate(-5px, -50px);
  right: -8px;
  top: 214px;
}
.hero-sech25 {
  transform: translate(-10px, -80px);
}
.wordh21_en,
.wordh22_en,
.wordh23_en {
  font-weight: 600;
}
.hero_sectionh2 a {
  border: none;
  border-radius: 0 50px 50px 0;
  background: linear-gradient(90deg, #2f0c5a, #690b84, #a709b2);
  padding: 15px 20px;
  display: flex;
  width: 100%;
  font-family: var(--font_noor_bold);
  transform: translate(-20%, -80px);
}
.hero_sectionh2 .hero_desc_res_ar a {
  position: relative;
  transform: translate(0, 0);
}
@media (min-width: 2200px) {
  .hero_sectionh2 a {
    width: 75%;
  }
}
@media (max-width: 2000px) {
  .hero_desc_ar {
    transform: translateX(5px);
  }
  .wordh21,
  .wordh22 {
    font-size: 50px;
  }
  .hero-sech21,
  .hero-sech22,
  .hero-sech23,
  .hero-sech24,
  .hero-sech25 {
    font-size: 40px;
  }
  .hero_sectionh2 a {
    font-size: 20px;
  }
}
@media (max-width: 1920px) {
  .hero_desc_ar {
    transform: translate(-10px, 26px);
  }
  .wordh21 {
    transform: translate(137px, 0);
  }
  .wordh22 {
    transform: translate(80px, 0);
  }
}
@media (max-width: 1800px) {
  .wordh21 {
    transform: translate(100px, 0);
  }
  .wordh22 {
    transform: translate(56px, 0);
  }
}
@media (max-width: 1750px) {
  .hero_desc_ar {
    transform: translateX(5px);
  }
  .wordh21,
  .wordh22 {
    font-size: 50px;
  }
  .hero-sech21,
  .hero-sech22,
  .hero-sech23,
  .hero-sech24,
  .hero-sech25 {
    font-size: 30px;
  }
  .hero_sectionh2 a {
    font-size: 20px;
  }
  .mainiMg1h {
    height: 500px;
  }
}
@media (max-width: 1700px) {
  .hero_desc_ar {
    transform: translateX(-5px);
  }
  .wordh21,
  .wordh22 {
    font-size: 45px;
  }
  .hero-sech21,
  .hero-sech22,
  .hero-sech23,
  .hero-sech24,
  .hero-sech25 {
    font-size: 30px;
  }
  .hero_sectionh2 a {
    font-size: 20px;
  }
}
@media (max-width: 1500px) {
  .hero_desc_ar {
    transform: translateX(-5px);
  }
  .wordh21,
  .wordh22 {
    font-size: 40px;
  }
  .hero-sech21,
  .hero-sech22,
  .hero-sech23,
  .hero-sech24,
  .hero-sech25 {
    font-size: 28px;
  }
  .hero_sectionh2 a {
    font-size: 20px;
  }
}
@media (max-width: 1300px) {
  .hero_desc_ar {
    transform: translateX(0);
  }
  .wordh21,
  .wordh22 {
    font-size: 35px;
  }
  .hero-sech21,
  .hero-sech22,
  .hero-sech23,
  .hero-sech24,
  .hero-sech25 {
    font-size: 25px;
  }
  .hero-sech25 {
    transform: translate(-5px, -70px);
  }
  .hero_sectionh2 a {
    font-size: 20px;
  }
  .mainiMg1h {
    height: 400px;
  }
}
@media (max-width: 1200px) {
  .hero_desc_ar {
    transform: translateX(-5px);
  }
  .wordh21,
  .wordh22 {
    font-size: 30px;
  }
  .hero-sech21,
  .hero-sech22,
  .hero-sech23,
  .hero-sech24,
  .hero-sech25,
  .hero_sectionh2 a {
    font-size: 20px;
  }
}
@media (max-width: 950px) {
  .hero_sectionh2 {
    display: grid;
    grid-template-columns: 80%;
    justify-content: center;
  }
  .hero_desc_res_ar {
    display: block;
  }
  .hero_desc_ar {
    display: none;
  }
  .mainiMg1h {
    height: 400px;
  }
}
@media (max-width: 500px) {
  .mainiMg1h {
    position: relative;
    border-top-left-radius: 0 0;
    border-bottom-left-radius: 0 0;
  }
  .hero_sectionh2 {
    grid-template-columns: 100%;
    padding: 0 5%;
  }
  .hero_sectionh2 a {
    padding: 10px;
  }
}
@media (max-width: 400px) {
  .hero_sectionh2 {
    grid-template-columns: 100%;
    padding: 0 3%;
  }
}
.hero_sectionh2_en {
  display: grid;
  align-items: start;
  padding: 70px 50px 0;
  background-color: #0d0d41;
  font-family: Lalezar, sans-serif;
  direction: ltr;
  grid-template-columns: 60% 40%;
}
.hero_sectionh2_en a,
.wordh21_en,
.wordh22_en,
.wordh23_en {
  font-family: var(--sora_extrabold);
}
.mainiMg1h_en {
  position: relative;
  border-top-right-radius: 100% 300%;
  border-bottom-right-radius: 10% 0;
  overflow: hidden;
  width: 100%;
  height: 700px;
}
.hero_desc_en {
  position: relative;
  color: #fff;
}
.wordh21_en {
  display: flex;
  flex-direction: column;
  align-items: start;
}
.hero_sectionh2_en a {
  border: none;
  border-radius: 50px 0 0 50px;
  background: linear-gradient(90deg, #a709b2, #690b84, #2f0c5a);
  padding: 5px 20px;
  display: flex;
  width: 100%;
}
.hero_desc_res_en {
  display: none;
  color: #fff;
}
.hero_desc_en p {
  margin: 2px 0 0;
}
@media (min-width: 2257px) {
  .hero_desc_en .hero_title2_en,
  .wordh21_en {
    font-size: 45px;
  }
  .wordh21_en {
    transform: translateX(-50px);
  }
  .wordh21_en .the_en {
    transform: translateX(35px);
  }
  .hero_desc_en p {
    font-size: 35px;
  }
  .wordh22_en {
    transform: translateX(5px);
  }
  .wordh23_en {
    transform: translateX(25px);
  }
  .hero-sech21_en {
    transform: translateX(40px);
    font-size: 20px;
  }
  .hero-sech22_en {
    transform: translateX(50px);
    font-size: 20px;
  }
  .hero-sech23_en {
    transform: translateX(55px);
    font-size: 20px;
  }
  .hero-sech24_en {
    transform: translateX(60px);
    font-size: 20px;
  }
  .hero-sech25_en {
    transform: translateX(70px);
    font-size: 20px;
  }
  .hero_desc_en {
    transform: translateX(-40px);
  }
  .hero_sectionh2_en a {
    transform: translate(8%, 30px);
    font-size: 30px;
    width: 75%;
  }
  .hero_sectionh2_en {
    width: min(80%, 2200px);
    margin: 0 auto;
  }
  .hero_sectionh2_en .mainiMg1h_en {
    height: 700px;
  }
}
@media (max-width: 2200px) {
  .wordh21_en {
    font-size: 45px;
    transform: translateX(-50px);
  }
  .wordh21_en .the_en {
    transform: translateX(35px);
  }
  .hero_desc_en .hero_title2_en {
    font-size: 40px;
  }
  .hero_desc_en p {
    font-size: 30px;
  }
  .wordh22_en {
    transform: translateX(5px);
    font-size: 45px;
  }
  .wordh23_en {
    transform: translateX(25px);
  }
  .hero-sech21_en {
    transform: translateX(40px);
    font-size: 20px;
  }
  .hero-sech22_en {
    transform: translateX(50px);
    font-size: 20px;
  }
  .hero-sech23_en {
    transform: translateX(55px);
    font-size: 20px;
  }
  .hero-sech24_en {
    transform: translateX(60px);
    font-size: 20px;
  }
  .hero-sech25_en {
    transform: translateX(70px);
    font-size: 20px;
  }
  .hero_desc_en {
    transform: translateX(-40px);
  }
  .hero_sectionh2_en a {
    transform: translate(11%, 30px);
    font-size: 20px;
  }
  .hero_sectionh2_en .mainiMg1h_en {
    height: 600px;
  }
}
@media (max-width: 1600px) {
  .hero_desc_en .hero_title2_en,
  .wordh21_en {
    font-size: 40px;
  }
  .wordh21_en {
    transform: translateX(-50px);
  }
  .wordh21_en .the_en {
    transform: translateX(35px);
  }
  .hero_desc_en p {
    font-size: 25px;
  }
  .wordh22_en {
    transform: translateX(5px);
  }
  .wordh23_en {
    transform: translateX(25px);
  }
  .hero-sech21_en {
    transform: translateX(40px);
    font-size: 20px;
  }
  .hero-sech22_en {
    transform: translateX(50px);
    font-size: 20px;
  }
  .hero-sech23_en {
    transform: translateX(55px);
    font-size: 20px;
  }
  .hero-sech24_en {
    transform: translateX(60px);
    font-size: 20px;
  }
  .hero-sech25_en {
    transform: translateX(70px);
    font-size: 20px;
  }
  .hero_desc_en {
    transform: translateX(-60px);
  }
  .hero_sectionh2_en a {
    transform: translate(15%, 30px);
    font-size: 20px;
  }
  .hero_sectionh2_en .mainiMg1h_en {
    height: 560px;
  }
}
@media (max-width: 1440px) {
  .wordh21_en,
  .wordh22_en,
  .wordh23_en {
    font-size: 40px;
  }
  .wordh21_en {
    transform: translateX(-50px);
  }
  .wordh21_en .the_en {
    transform: translateX(35px);
  }
  .wordh22_en {
    transform: translateX(5px);
  }
  .wordh23_en {
    transform: translateX(25px);
  }
  .hero_desc_en p {
    font-size: 20px;
    margin-top: 2px;
    margin-bottom: 0;
  }
  .hero-sech21_en {
    transform: translateX(40px);
    font-size: 20px;
  }
  .hero-sech22_en {
    transform: translateX(50px);
    font-size: 20px;
  }
  .hero-sech23_en {
    transform: translateX(55px);
    font-size: 20px;
  }
  .hero-sech24_en {
    transform: translateX(60px);
    font-size: 20px;
  }
  .hero-sech25_en {
    transform: translateX(70px);
    font-size: 20px;
  }
  .hero_desc_en {
    transform: translateX(-50px);
  }
  .hero_sectionh2_en a {
    transform: translate(18.5%, 30px);
    font-size: 20px;
  }
  .hero_sectionh2_en .mainiMg1h_en {
    height: 490px;
  }
}
@media (max-width: 1430px) {
  .hero_sectionh2_en .mainiMg1h_en {
    height: 530px;
  }
}
@media (max-width: 1300px) {
  .wordh21_en,
  .wordh22_en,
  .wordh23_en {
    font-size: 40px;
  }
  .wordh21_en {
    transform: translateX(-50px);
  }
  .wordh21_en .the_en {
    transform: translateX(35px);
  }
  .wordh22_en {
    transform: translateX(5px);
  }
  .wordh23_en {
    transform: translateX(25px);
  }
  .hero_desc_en p {
    font-size: 20px;
  }
  .hero-sech21_en {
    transform: translateX(40px);
    font-size: 20px;
  }
  .hero-sech22_en {
    transform: translateX(50px);
    font-size: 20px;
  }
  .hero-sech23_en {
    transform: translateX(55px);
    font-size: 20px;
  }
  .hero-sech24_en {
    transform: translateX(60px);
    font-size: 20px;
  }
  .hero-sech25_en {
    transform: translateX(70px);
    font-size: 20px;
  }
  .hero_desc_en {
    transform: translate(-40px, -20px);
  }
  .hero_sectionh2_en a {
    transform: translate(19.1%, 30px);
    font-size: 20px;
  }
  .hero_sectionh2_en .mainiMg1h_en {
    height: 470px;
  }
}
@media (max-width: 1030px) {
  .hero_desc_ar {
    transform: translateX(-15px);
  }
  .wordh21,
  .wordh22 {
    font-size: 25px;
  }
  .hero-sech21,
  .hero-sech22,
  .hero-sech23,
  .hero-sech24,
  .hero-sech25,
  .hero_sectionh2 a {
    font-size: 20px;
  }
  .hero-sech25 {
    transform: translate(-5px, -70px);
  }
  .wordh21_en {
    font-size: 30px;
    transform: translateX(-50px);
  }
  .wordh21_en .the_en {
    transform: translateX(35px);
  }
  .wordh22_en,
  .wordh23_en {
    font-size: 35px;
  }
  .wordh22_en {
    transform: translateX(5px);
  }
  .wordh23_en {
    transform: translateX(25px);
  }
  .hero_desc_en p {
    font-size: 22px;
    margin-top: 2px;
    margin-bottom: 0;
  }
  .hero-sech21_en {
    transform: translateX(40px);
  }
  .hero-sech22_en {
    transform: translateX(50px);
  }
  .hero-sech23_en {
    transform: translateX(55px);
  }
  .hero-sech24_en {
    transform: translateX(60px);
  }
  .hero-sech25_en {
    transform: translateX(70px);
  }
  .hero_desc_en {
    transform: translate(-36px, -31px);
  }
  .hero_sectionh2_en a {
    transform: translate(20%, 30px);
    font-size: 20px;
    width: 100%;
    background: linear-gradient(90deg, #a709b2, #690b84, #0d0d41);
  }
  .hero_sectionh2_en .mainiMg1h_en {
    height: 431px;
  }
  .hero_sectionh2_en {
    grid-template-columns: 60% 40%;
  }
}
@media (max-width: 900px) {
  .hero_desc_en {
    display: none;
  }
  .hero_desc_res_en {
    display: block;
  }
  .hero_sectionh2_en {
    grid-template-columns: 80%;
    align-items: center;
    justify-content: center;
  }
  .hero_desc_res_en .hero_title2_en {
    font-size: 30px;
  }
  .hero_desc_res_en p {
    font-size: 20px;
    margin: 0;
  }
}
@media (max-width: 500px) {
  .hero_sectionh2_en .mainiMg1h_en {
    border-top-right-radius: 0 0;
    border-bottom-right-radius: 0 0;
    height: 350px;
  }
  .hero_sectionh2_en {
    grid-template-columns: 90%;
    padding: 0;
  }
  .hero_sectionh2_en a {
    transform: translate(0, 30px);
    font-size: 15px;
  }
  .hero_desc_res_en .hero_title2_en {
    font-size: 18px;
  }
  .hero_desc_res_en p {
    font-size: 14px;
  }
}
.PB {
  padding-bottom: 130px;
}
.letters div p:first-child,
a,
button {
  text-transform: unset !important;
}
