/*Start Media Mixins*/
/*End Media Mixins*/
/*overlay Mixin*/
/*Prefixes Mixin*/
/*Animation Prefixes Mixin*/
:root {
  --font-bold: "Zain", sans-serif;
  --font-extra-light: "Zain", sans-serif;
}

body {
  direction: rtl;
  font-family: "Zain", sans-serif;
}

.navbar .navbar-brand {
  text-align: right;
  margin-right: 0;
}
@media (min-width: 768px) and (max-width: 991px) {
  .navbar .navbar-collapse {
    text-align: right;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .navbar .navbar-collapse {
    text-align: right;
  }
}
@media (max-width: 576px) {
  .navbar .navbar-collapse {
    text-align: right;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
    padding-right: 30px;
    padding-left: 0;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
    padding-right: 30px;
    padding-left: 0;
  }
}
@media (max-width: 576px) {
  .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
    padding-right: 30px;
    padding-left: 0;
  }
}
.navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu {
  letter-spacing: 0;
}
.navbar .navbar-collapse .form-inline {
  margin-right: 45px;
  margin-left: 0;
  flex-direction: row-reverse;
  flex-wrap: nowrap;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .navbar .navbar-collapse .form-inline {
    margin-right: 30px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .navbar .navbar-collapse .form-inline {
    margin-right: 30px;
    padding-left: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .navbar .navbar-collapse .form-inline .search-input {
    right: 130px;
    left: unset;
  }
}
@media (max-width: 420px) {
  .navbar .navbar-collapse .form-inline .search-input {
    left: -75px;
  }
}
.navbar .navbar-collapse .lang {
  padding-right: 40px;
  padding-left: 0;
}
.navbar .navbar-collapse .lang:before {
  right: 25%;
  left: unset;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .navbar .navbar-collapse .lang:before {
    right: 5%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .navbar .navbar-collapse .lang {
    padding-right: 15px;
    font-size: 17px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .navbar .navbar-collapse .lang {
    padding-right: 30px;
    padding-left: 0;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .navbar .navbar-collapse .lang {
    padding-right: 30px;
    padding-left: 0;
  }
}
@media (max-width: 576px) {
  .navbar .navbar-collapse .lang {
    padding-right: 30px;
    padding-left: 0;
  }
}
.navbar .mobile-form {
  left: 70px;
  right: unset;
}
@media (max-width: 420px) {
  .navbar .mobile-form {
    left: 50px;
  }
}

.header .slider-for .slider-info .background .image .date {
  right: -40px;
  left: unset;
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .header .slider-for .slider-info .background .image .date {
    right: -22px;
  }
}
@media (max-width: 576px) {
  .header .slider-for .slider-info .background .image .date {
    right: 0;
  }
}
.header .slider-nav .slick-prev {
  top: 30%;
  right: -44px;
  left: unset;
  transform: rotate(180deg);
}
.header .slider-nav .slick-next {
  top: 30%;
  left: -40px;
  right: unset;
  transform: rotate(180deg);
}

.our-events .header-events .header-d .headr-s {
  display: block;
  text-align: right;
}
@media (max-width: 576px) {
  .our-events .header-events .paging .pagingInfo {
    text-align: center;
    display: block;
  }
}
.our-events .header-events .paging ul {
  padding: 0;
}
@media (max-width: 576px) {
  .our-events .header-events .paging ul {
    text-align: right;
  }
}
.our-events .header-events .paging ul li {
  transform: rotate(180deg);
}
.our-events .events-slider .item .item-desc img {
  clip-path: polygon(10% 0, 100% 0%, 100% 100%, 50% 100%);
  right: -2px;
  left: unset;
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .our-events .events-slider .item .item-desc img {
    clip-path: none;
  }
}
@media (max-width: 576px) {
  .our-events .events-slider .item .item-desc img {
    clip-path: none;
  }
}
.our-events .events-slider .item .item-desc .events-info {
  text-align: right;
  padding: 25px 0 20px 25px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .our-events .events-slider .item .item-desc .events-info {
    padding-right: 10px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .our-events .events-slider .item .item-desc .events-info {
    padding: 25px 25px 20px;
  }
}
@media (max-width: 576px) {
  .our-events .events-slider .item .item-desc .events-info {
    padding: 25px 25px 20px;
  }
}

.event-complete-header .event-complete-info .content {
  margin-right: 25%;
  margin-left: 0;
}
@media (min-width: 768px) and (max-width: 991px) {
  .event-complete-header .event-complete-info .content {
    margin-right: 20%;
  }
}
@media (max-width: 576px) {
  .event-complete-header .event-complete-info .content {
    margin-right: 0;
  }
}

.event-complete-img h5 {
  text-align: right;
}

.event-complete-dates .date-info {
  padding-left: 0;
  padding-right: 20px;
  text-align: right;
}
@media (min-width: 768px) and (max-width: 991px) {
  .event-complete-dates .date-info {
    text-align: center;
    padding-right: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .event-complete-dates .date-info span {
    text-align: right;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .event-complete-dates .date-info span {
    text-align: right;
  }
}

.event-ongoing-header .event-ongoing-info .content {
  margin-right: 25%;
  margin-left: 0;
}
@media (min-width: 768px) and (max-width: 991px) {
  .event-ongoing-header .event-ongoing-info .content {
    margin-right: 20%;
  }
}
@media (max-width: 576px) {
  .event-ongoing-header .event-ongoing-info .content {
    margin-right: 0;
  }
}

.event-ongoing-img h5 {
  text-align: right;
}

.event-ongoing-dates .date-info {
  padding-left: 0;
  padding-right: 20px;
  text-align: right;
}
@media (min-width: 768px) and (max-width: 991px) {
  .event-ongoing-dates .date-info {
    text-align: center;
    padding-right: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .event-ongoing-dates .date-info span {
    text-align: right;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .event-ongoing-dates .date-info span {
    text-align: right;
  }
}

.event-ongoing-rules .buttons .watch-now i {
  margin-left: 10px;
  transform: rotate(180deg);
  margin-right: 0;
}

.event-details-header .event-details-info .content {
  margin-right: 25%;
  margin-left: 0;
}
@media (min-width: 768px) and (max-width: 991px) {
  .event-details-header .event-details-info .content {
    margin-right: 20%;
  }
}
@media (max-width: 576px) {
  .event-details-header .event-details-info .content {
    margin-right: 0;
  }
}

.more-dates .event-time .date-info {
  padding-left: 0;
  padding-right: 20px;
  text-align: right;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .more-dates .event-time .date-info {
    padding-right: 5px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .more-dates .event-time .date-info {
    text-align: center;
    padding-right: 0;
  }
}
@media (max-width: 420px) {
  .more-dates .event-time .date-info {
    text-align: center;
    padding-right: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .more-dates .event-time .date-info span {
    text-align: right;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .more-dates .event-time .date-info span {
    text-align: right;
  }
}

@media (max-width: 420px) {
  .event-time .timer-section .countdown .date.days {
    margin: 5px;
  }
}
.event-time .timer-section .countdown .date.seconds {
  margin-right: 15px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .event-time .timer-section .countdown .date.seconds {
    margin-right: 10px;
  }
}
@media (max-width: 420px) {
  .event-time .timer-section .countdown .date.seconds {
    margin-left: 0 !important;
    margin: 5px;
  }
}

.event-insights-header .event-insights-info .content {
  margin-right: 25%;
  margin-left: 0;
}
@media (min-width: 768px) and (max-width: 991px) {
  .event-insights-header .event-insights-info .content {
    margin-right: 20%;
  }
}
@media (max-width: 576px) {
  .event-insights-header .event-insights-info .content {
    margin-right: 0;
  }
}

.event-insights-slider .video-slider .slider-info .vid-info ul {
  padding: 0;
}
.event-insights-slider .video-slider .slider-info .vid-info ul li {
  transform: rotate(180deg);
}

.events-completed-header .events-completed-info .content {
  margin-right: 25%;
  margin-left: 0;
}
@media (min-width: 768px) and (max-width: 991px) {
  .events-completed-header .events-completed-info .content {
    margin-right: 20%;
  }
}
@media (max-width: 576px) {
  .events-completed-header .events-completed-info .content {
    margin-right: 0;
  }
}

.events-completed-dates .event-detailes .detailes {
  text-align: right;
}
.events-completed-dates .event-detailes .detailes .buttons .insights {
  margin-left: 15px;
}

.events-header .events-info .content {
  margin-right: 25%;
  margin-left: 0;
}
@media (min-width: 768px) and (max-width: 991px) {
  .events-header .events-info .content {
    margin-right: 20%;
  }
}
@media (max-width: 576px) {
  .events-header .events-info .content {
    margin-right: 0;
  }
}

.event-time .timer-section {
  text-align: right;
}
.event-time .timer-section .countdown .date.days {
  margin-right: 0;
}
.event-time .timer-section .buttons .more {
  margin-right: 20px;
  margin-left: 0;
}

.events-dates .event-detailes .detailes {
  text-align: right;
}
.events-dates .event-detailes .detailes .date {
  padding-left: 20px;
  padding-right: 0;
}
.events-dates .event-detailes .detailes .date:before {
  left: 0;
  right: unset;
}
@media (min-width: 768px) and (max-width: 991px) {
  .events-dates .event-detailes .detailes .date {
    padding-right: 10px;
    padding-left: 10px;
  }
}
.events-dates .event-detailes .detailes .info {
  padding-right: 30px;
  padding-left: 0;
}
@media (min-width: 768px) and (max-width: 991px) {
  .events-dates .event-detailes .detailes .info {
    padding-right: 10px;
  }
}
@media (max-width: 576px) {
  .events-dates .event-detailes .detailes .info {
    padding: 0;
  }
}
.events-dates .event-detailes .detailes .info .buttons {
  padding-left: 18px;
  padding-right: 0;
}
@media (min-width: 768px) and (max-width: 991px) {
  .events-dates .event-detailes .detailes .info .buttons {
    padding: 0;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .events-dates .event-detailes .detailes .info .buttons {
    padding: 0;
  }
}
@media (max-width: 576px) {
  .events-dates .event-detailes .detailes .info .buttons {
    padding: 0;
  }
}
.events-dates .event-detailes .detailes .info .buttons .more {
  margin-right: 20px;
  margin-left: 0;
}
@media (max-width: 576px) {
  .events-dates .event-detailes .detailes .info .buttons .more {
    margin-right: 0;
  }
}

.news-header .news-info {
  transform: scaleX(-1);
}
.news-header .news-info .content {
  transform: scaleX(-1);
}

.categories .cats-list {
  padding-right: 0;
}
.categories .cats-list li {
  margin-left: 20px;
  margin-right: 0;
}
.categories .most-recent .paging ul {
  padding-right: 0;
}
.categories .most-recent .paging ul li {
  transform: rotate(180deg);
}
.categories .most-recent .paging ul li.next {
  margin-right: -5px;
  margin-left: 0;
}
@media (max-width: 420px) {
  .categories .most-recent .paging {
    text-align: left;
  }
}
.categories .categories-slider {
  direction: ltr;
}
.categories .categories-slider .item .cat:before {
  background-position: right !important;
}
.categories .categories-slider .item p {
  text-align: right;
  margin-right: 20px;
  margin-left: 0;
}

.more-news .heading {
  text-align: right;
}
.more-news .news-item .news-info h5 {
  text-align: right;
}

.view-news-header .view-news-info .content {
  margin-right: 25%;
  margin-left: 0;
  align-items: flex-start;
}

.view-news-slider .news-slider .slider-info .news-slide-info .download-link {
  padding: 0;
}
.view-news-slider .news-slider .slider-info .news-slide-info ul {
  padding: 0;
}
.view-news-slider .news-slider .slider-info .news-slide-info ul li {
  transform: rotate(180deg);
}

.news-desc {
  text-align: right;
}
.news-desc .head {
  text-align: right;
}

body {
  background-color: #070417;
}

.rtl .navbar-nav .nav-item + .nav-item, [dir=rtl] .navbar-nav .nav-item + .nav-item {
  margin-right: 0;
  margin-left: 0;
}

.navbar-nav .dropdown-menu {
  text-align: right;
}

.navbar .navbar-collapse .navbar-nav .nav-item .nav-link.dropdown-toggle {
  padding-inline-end: 20px;
}

/*********************************************BANNER***********************************/
.banner_p {
  margin-left: 123px;
  margin-right: 0px;
}

@media (max-width: 420px) {
  .inside-page-bg-search .nice-select:after {
    left: 2px;
    right: unset;
  }

  .search-lbl1 {
    padding-left: 0px;
    padding-right: 10px;
  }

  .search-opt1 {
    display: flex;
    justify-content: space-around;
    align-items: center;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
  .search-opts {
    display: flex;
    align-items: center;
  }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
  .search-dropdown {
    display: flex;
    align-items: center;
  }
}
/*********************************************GAMES RTL********************************/
/**************************SECOND SECTION***************************/
.first-game a {
  right: unset;
  left: 40px;
}

.first-game a:hover {
  text-decoration: none;
}

.robot img {
  padding-left: 3px;
  padding-right: 0px;
}

.racing img {
  padding-left: 0px;
  padding-right: 3px;
}

.robot .text-content {
  left: 15px;
}

.robot a {
  background-color: #fff;
  text-decoration: none;
  left: 10px;
  right: unset;
}

.text-content {
  left: unset;
  right: 35px;
}

.racing a {
  right: unset;
  left: 25px;
  text-decoration: none;
}

.racing .text-content {
  left: unset;
  right: 15px;
}

/********************************MEDIA QUERIES**********************/
@media (min-width: 1200px) {
  .racing a {
    right: unset;
    left: 7px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  /****************************************ROBOT*********************/
  .robot .text-content {
    left: unset;
    right: 10px;
  }

  /*******************************************TRACING*******************/
  .racing a {
    right: unset;
    left: 10px;
  }

  .racing .text-content {
    left: unset;
    right: 15px;
  }
}
@media (max-width: 992px) {
  /**********************************TRACING*****************/
  .racing a {
    left: unset;
    right: 14px;
  }

  /*************************************ROBOT*******************/
  .robot a {
    right: 14px;
    left: unset;
  }
}
@media (max-width: 768px) {
  /********************BANNER********************/
  /***********************FIRST GAME*****************/
  .first-game a {
    right: unset;
    left: 10px;
  }

  /***********************TRACING*******************/
  .racing .text-content {
    right: 15px;
    left: unset;
  }

  .racing a {
    left: 10px;
    right: unset;
  }

  /**************************ROBOT*********************/
  .robot .text-content {
    left: unset;
    right: 10px;
  }

  .robot a {
    left: 10px;
    right: unset;
  }
}
@media (max-width: 480px) {
  .racing a {
    margin-left: auto;
    margin-right: auto;
    left: unset;
    right: unset;
  }

  /*******************ROBOT************************/
  .robot p {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 82%;
  }

  .robot h4 {
    text-align: center;
  }

  .robot a {
    left: unset;
    margin-left: auto;
    margin-right: auto;
  }

  .robot .text-content {
    right: unset;
  }

  /*************************FIFA*****************/
  .first-game a {
    margin-left: auto;
    margin-right: auto;
    right: unset;
    top: unset;
  }
}
/********************************************************************CONTACT US RTL************************/
/************************************CONTACT US BANNER***************/
.banner .contact-us_p {
  margin-left: 570px;
  margin-right: 0px;
}

/***************************************FORM************************/
.f-name__input {
  padding-right: 50px;
  padding-left: 0px;
  border: 2px solid #615768;
  border-right: 4px solid #e04191;
}

.first-name img {
  left: 92%;
  right: unset;
}

.l-name__input {
  padding-right: 50px;
  padding-left: 0px;
  border: 2px solid #615768;
  border-right: 4px solid #e04191;
}

.last-name img {
  left: 92%;
  right: unset;
}

.email__input {
  padding-right: 50px;
  padding-left: 0px;
  border: 2px solid #615768;
  border-right: 4px solid #fa9f08;
}

.email img {
  left: 92%;
  right: unset;
}

.subject__input {
  padding-right: 50px;
  padding-left: 0px;
  border: 2px solid #615768;
  border-right: 4px solid #12a5f2;
}

.subject img {
  left: 92%;
  right: unset;
}

.message__input {
  border: 2px solid #615768;
  border-right: 4px solid #fff;
}

.message__input::placeholder {
  font-size: 16px;
  color: #fff;
  
  padding-right: 20px;
}

/***********************************MEDIA QUERIES********************/
@media (min-width: 768px) and (max-width: 992px) {
  /*****************************FORM*******************/
  .email img {
    left: 88%;
    right: unset;
  }

  .first-name img {
    left: 88%;
    right: unset;
  }

  .last-name img {
    left: 88%;
    right: unset;
  }

  .subject img {
    left: 88%;
    right: unset;
  }
}
@media (max-width: 768px) {
  /*************************FORM*************/
  .last-name img {
    left: 92%;
    right: unset;
  }
}
@media (max-width: 480px) {
  /*******************CONTACT US BANNEFR **************/
  .banner .contact-us_p {
    margin-left: auto;
    margin-right: auto;
  }

  /*************************FORM*************/
  .email img {
    left: 88%;
    right: unset;
  }

  .subject img {
    left: 88%;
    right: unset;
  }

  .last-name img {
    left: 88%;
    right: unset;
  }

  .first-name img {
    left: 88%;
    right: unset;
  }
}
/***************************************************************FAQS RTL***************************************/
/******************************************FAQS BANNER**************************/
.banner .image {
  float: left;
}

.banner .faqs_p {
  float: left;
}

@media (max-width: 768px) {
  .responsive-tabs .dropdown-arrow {
    right: auto;
    left: 15px;
  }
}
/**********************************FAQS TABS**************************/
#accordion {
  text-align: right;
}

.nav .nav-li {
  margin-left: 50px;
  margin-right: 0px;
}

.nav-tabs .nav-link {
  letter-spacing: 0;
}

.nav .nav-li a {
  text-align: none;
}

.nav .nav-li a:hover {
  text-decoration: none;
  background: -webkit-linear-gradient(#0af0f0, #4b7dc0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.nav-tabs .nav-item {
  margin-left: 50px;
  margin-right: 0px;
}

.card-header {
  padding-right: 25px;
  padding-left: 0px;
}

.card-header button {
  text-align: right !important;
  padding-right: 7px;
}

.card-header button:after {
  left: 25px;
  right: unset;
}

.card-header button.collapsed:after {
  left: 25px;
  right: unset;
}

.card-body {
  padding-right: 25px;
  padding-left: 0px;
}

/***************************MEDIA QUERIES************/
@media (max-width: 768px) {
  /*****************************FAQS BANNER*******************/
  .banner .image img {
    width: 80%;
  }

  .banner .faqs_p {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }

  /**************************TABS***************************/
  .card-header {
    padding-left: 10px;
    padding-right: 0px;
  }

  .card-header button {
    font-size: 17px;
  }
}
@media (max-width: 523px) {
  /*******************CONTACT US BANNEFR **************/
  .banner .faqs_p {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }

  .banner .image {
    margin-left: auto;
    margin-right: auto;
    float: none;
    width: 100%;
  }

  .banner .image img {
    width: 100%;
  }

  /***************************TABS****************************/
  .nav .nav-item {
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 480px) {
  .card-header {
    padding-right: 25px;
    padding-left: 15px;
  }

  .card-header button:after {
    left: 10px;
    right: unset;
  }

  .card-header button.collapsed:after {
    left: 10px;
    right: unset;
  }
}
@media (max-width: 420px) {
  .card-header {
    padding-right: 10px;
    padding-left: 0px;
  }

  .card-header button:after {
    left: 10px;
    right: unset;
  }

  .card-header button.collapsed:after {
    left: 10px;
    right: unset;
  }
}
@media (max-width: 420px) {
  .card-header {
    padding-left: 40px;
    padding-right: 0px;
  }
}
/***************************************************************SEARCH RTL************************************/
/******************************************SEARCH BANNER**************************/
.our-events {
  text-align: right;
}

.banner .image {
  float: left;
}

.banner .banner_p {
  float: left;
}

.banner_p {
  margin-left: 123px;
  margin-right: 0;
}

/************************************SEARCH FORM************************/
.search .search-for {
  margin-left: 45px;
  margin-right: 0px;
}

.search-input2 {
  padding-right: 15px;
  padding-left: 0px;
}

.search-ico {
  left: 16px;
  right: unset;
}

/***********************************SEARCH CHECKBOX****************/
.search-opts {
  text-align: right;
}

.search .search-opts .search-lbl:before {
  right: -20px;
  left: unset;
}

.search-lbl1 {
  padding-left: 0px;
  padding-right: 20px;
}

.search-lbl2 {
  padding-right: 20px;
  padding-left: 0px;
}

.search-opts input[type=checkbox]:checked + label:after {
  right: -17px;
  left: unset;
  top: 3px;
}

/***********************************TIME DROPDOWN*******************/
.dropdown-toggle::after {
  margin-right: 0.255em;
  margin-left: 0px;
}

/************************************SEARCH BUTTON*******************/
.search .search-btn1 {
  margin-right: 27px;
  margin-left: 0px;
}

.search .search-btn1:hover {
  text-decoration: none;
  box-shadow: 5px 5px 15px rgba(87, 212, 240, 0.4), -5px -5px 15px rgba(87, 212, 240, 0.4);
}

/*******************************************EVENT*******************/
.events h3 {
  padding-right: 40px;
  padding-left: 0px;
}

.events h5 {
  padding-right: 40px;
  padding-left: 0px;
}

.events p {
  padding-right: 40px;
  padding-left: 35px;
}

.event:before {
  left: 20px;
  right: unset;
  clip-path: polygon(0px 0px, 100% 0%, calc(100% - 35px) calc(100% - 20px), 20px 100%, 0% 0%);
}

.news:before {
  left: 20px;
  right: unset;
  clip-path: polygon(0px 0px, 100% 0%, calc(100% - 35px) calc(100% - 20px), 20px 100%, 0% 0%);
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  font-family: "FontAwesome";
  content: "\f107";
  color: #12a5f2;
  position: absolute;
  font-weight: bold;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-left: none !important;
}

/************************************MEDIA QUERIES******************/
@media (max-width: 992px) {
  .search .search-btn1 {
    margin-right: 0px;
  }

  .search-opt1 {
    margin-right: 40px;
    margin-left: 0px;
  }

  /********************SEARCH BANNER****************/
  .banner .image {
    padding-top: 160px;
  }

  /******************************SEARCH EVENTS*************/
  .search-ico {
    left: 16px;
    right: unset;
  }
}
@media (max-width: 768px) {
  /*****************************FAQS BANNER*******************/
  .banner .image {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 160px;
    float: none;
  }

  .search-text {
    margin: 0px auto;
  }

  .banner .image img {
    width: 80%;
  }

  .banner .banner_p {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }

  /***************************SEARCH INPUT****************************/
  .search-icon-div {
    width: 100%;
  }

  .search-opts {
    margin-right: 30px;
    margin-left: 0px;
  }

  .search .search-btn {
    margin-right: 30px;
    margin-left: 0px;
  }

  .search .search-for {
    margin-left: 0px;
  }

  .search-ico {
    left: 17px;
    right: unset;
  }

  .search .search-btn1 {
    width: 140px;
    margin-right: 40px;
    margin-left: 0px;
  }
}
@media (max-width: 570px) {
  .search .col-6 {
    text-align: center;
    margin-left: 0 !important;
  }

  .search .dropdown {
    margin-top: 16px !important;
  }

  .search-opts {
    margin-right: 19px;
    margin-left: 0px;
  }

  .search .search-btn1 {
    margin-right: 0px;
    margin-top: 10px;
  }

  .search-ico {
    left: 17px;
    right: unset;
  }
}
@media (max-width: 480px) {
  .events h5 {
    padding-right: 36px;
    padding-left: 0px;
  }

  .search .search-btn {
    margin-left: 0px;
  }

  .search .search-for {
    margin-left: 0px;
  }

  .search .search-opts .search-lbl:before {
    right: -10px;
    left: unset;
  }

  .search .col-4:last-child {
    padding: 0px;
  }

  .search-opts input[type=checkbox]:checked + label:after {
    right: -10px;
    left: unset;
    top: 0;
  }

  .search-opts {
    margin-right: 0px;
  }

  .search-opt1 {
    margin-right: 20px;
    margin-left: 0px;
  }

  .margin-10 {
    margin-right: 10px;
    margin-left: 0px;
  }
}
/*********************************************FOOTER***********************************/
.footer .follow a {
  margin-right: 0;
  margin-left: 60px;
}

@media (max-width: 992px) {
  .footer .follow a {
    margin-right: 0;
    margin-left: 28px;
  }
}
@media (max-width: 768px) {
  .footer .important-links:after {
    right: unset;
    left: 5%;
  }
}
.footer {
  text-align: right;
}
@media (min-width: 768px) and (max-width: 991px) {
  .footer .important-links:after {
    right: -9%;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .footer .important-links:after {
    left: 12%;
    right: unset;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .footer .important-links:before {
    left: -5%;
  }
}
.footer .important-links ul {
  padding-right: 0;
}
.footer .follow {
  padding-right: 12px;
  padding-left: 0;
}
.footer .follow a {
  margin-left: 50px;
  margin-right: 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .footer .follow a {
    margin-left: 40px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .footer .follow a {
    margin-left: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .footer .follow a {
    margin-left: 30px;
  }
}
@media (max-width: 576px) {
  .footer .follow a {
    margin-left: 25px;
  }
}
@media (max-width: 420px) {
  .footer .follow a {
    margin-left: 10px;
  }
}
@media (max-width: 576px) {
  .footer .follow a:last-of-type {
    margin-left: 0;
  }
}

/* Google Zain shares one family across weights; legacy CSS used a separate zainbold face without setting font-weight. */
html[dir="rtl"] :is(
  .navbar .navbar-collapse .navbar-nav .nav-item .nav-link,
  .navbar .navbar-collapse .form-inline,
  .navbar .navbar-collapse .lang,
  .header .slider-for .slider-info .background .image .date,
  .header .slider-for .slider-info .background .image .header-text,
  .header .slider-for .slider-info .background .image .header-text-clip3,
  .header .slider-for .slider-info .background .image .header-text-clip3 .before,
  .header .slider-for .slider-info p,
  .header .slider-for .slider-info .btn,
  .our-events .header-events .header-d .heading,
  .our-events .header-events .header-d .headr-s,
  .our-events .header-events .paging .pagingInfo,
  .our-events .events-slider .item .item-desc .events-info .date-time,
  .our-events .events-slider .item .item-desc .events-info h4,
  .our-events .events-slider .item .item-desc .events-info .more,
  .events-header .events-info .content .background .image .header-text,
  .events-header .events-info .content .background .image .header-text__clip,
  .events-header .events-info .content .background .image .header-text__clip .before,
  .events-header .events-info .content p,
  .event-time .timer-section .head,
  .event-time .timer-section .countdown .date .day-n,
  .event-time .timer-section .countdown .date .hour-n,
  .event-time .timer-section .countdown .date .minute-n,
  .event-time .timer-section .countdown .date .second-n,
  .event-time .timer-section .buttons .register,
  .event-time .timer-section .buttons .more,
  .events-dates .event-detailes .image .count .date .day-n,
  .events-dates .event-detailes .image .count .date .hour-n,
  .events-dates .event-detailes .detailes .date .day-d,
  .events-dates .event-detailes .detailes .date .month,
  .events-dates .event-detailes .detailes .info h6,
  .events-dates .event-detailes .detailes .info .buttons .register,
  .events-dates .event-detailes .detailes .info .buttons .more,
  .event-details-header .event-details-info .content p,
  .event-details-header .event-details-info .content .event-countdown .date .day-n,
  .event-details-header .event-details-info .content .event-countdown .date .hour-n,
  .event-details-header .event-details-info .content .event-countdown .date .minute-n,
  .event-details-header .event-details-info .content .event-countdown .date .second-n,
  .more-dates .date-info h6,
  .rules .buttons .btn,
  .event-complete-header .event-complete-info .content .background .image .header-text,
  .event-complete-header .event-complete-info .content .background .image .header-text__clip,
  .event-complete-header .event-complete-info .content .background .image .header-text__clip .before,
  .event-complete-header .event-complete-info .content p,
  .event-complete-img h5,
  .event-complete-dates .date-info h6,
  .event-complete-rules .buttons .btn,
  .event-ongoing-header .event-ongoing-info .content .background .image .header-text,
  .event-ongoing-header .event-ongoing-info .content .background .image .header-text__clip,
  .event-ongoing-header .event-ongoing-info .content .background .image .header-text__clip .before,
  .event-ongoing-header .event-ongoing-info .content p,
  .event-ongoing-img h5,
  .event-ongoing-dates .date-info h6,
  .event-ongoing-rules .video-popup h5,
  .event-ongoing-rules .buttons .btn,
  .event-insights-header .event-insights-info .content .background .image .header-text1,
  .event-insights-header .event-insights-info .content .background .image .header-text1__clip,
  .event-insights-header .event-insights-info .content .background .image .header-text1__clip .before,
  .event-insights-header .event-insights-info .content p,
  .event-insights-slider .video-slider .slider-info .vid-info .head,
  .view-news-header .view-news-info .content p,
  .view-news-slider .news-slider .slider-info .news-slide-info .head,
  .view-news-slider .news-slider .slider-info .news-slide-info .download-link,
  .news-desc .head,
  .news-header .news-info .content .background .image .header-text2,
  .news-header .news-info .content .background .image .header-text2__clip,
  .news-header .news-info .content .background .image .header-text2__clip .before,
  .news-header .news-info .content p,
  .categories .cats-list,
  .categories .most-recent .heading,
  .categories .most-recent .paging .pagingInfo,
  .categories .categories-slider .item .cat .hover-info .date,
  .categories .categories-slider .item .cat .hover-info .more,
  .categories .categories-slider .item p,
  .more-news .heading,
  .more-news .news-item .news-info .date-time,
  .more-news .news-item .news-info h5,
  .more-news .news-item .news-info .start,
  .events-completed-header .events-completed-info .content .background .image .header-text,
  .events-completed-header .events-completed-info .content .background .image .header-text__clip,
  .events-completed-header .events-completed-info .content .background .image .header-text__clip .before,
  .events-completed-header .events-completed-info .content p,
  .events-completed-dates .event-detailes .detailes .info h6,
  .events-completed-dates .event-detailes .detailes .buttons .insights,
  .events-completed-dates .event-detailes .detailes .buttons .more,
  .first-game a,
  .robot h4,
  .robot a,
  .racing h4,
  .racing a,
  .banner .contact-us_p,
  .submit-btn,
  .banner .faqs_p,
  .banner .banner_p,
  .dropdown-toggle::after,
  .search-text,
  .search-text .search-text__clip,
  .search-text__clip .before,
  .footer .important-links .links,
  .footer .important-links ul li a,
  .footer .follow .follow-us,
  .copyright
) {
  font-weight: 700;
}

/*# sourceMappingURL=main-rtl.css.map */