* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  font-family: "din next lt arabic medium", "DroidArabicKufiBold",
    "DroidArabicKufiRegular", serif;
}

/* The following rules are deprecated. */

.rtl {
  direction: rtl;
  text-align: right;
}

.ltr {
  direction: ltr;
  text-align: left;
}

body {
  position: relative;
  background-color: #fff;
  overflow-x: hidden;
}

.col {
  float: right;
  flex-basis: auto;

  @media (max-width: $maxSm) {
    padding-left: 0 !important;
  }
}

.section {
  margin: 20px 5px;
  @media (max-width: $maxSm) {
    margin: 20px 0;
  }
}
.simliar {
  margin-top: 30px;
}
.btn.focus,
.btn:focus {
  outline: 0;
  box-shadow: none;
}

.btn-section {
  margin: 10px 0 10px !important;
}

.row {
  width: 100%;
}

.container,
.container-fluid {
  @media (max-width: $maxSm) {
    padding-left: 7px !important;
    padding-right: 7px !important;
  }
}
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
  @media (min-width: $minExtraXl-ahd) {
    max-width: 1420px;
  }
  @media (min-width: $maxExtraXl) and (max-width: $maxExtraXl-ahd) {
    max-width: 1340px;
  }
  @media (min-width: $minXl) and (max-width: $minExtraXl) {
    max-width: 1255px;
  }
}
.container-fluid {
  @media (min-width: $maxExtraXl-4k) {
    max-width: 2000px;
    width: initial;
  }
}
a {
  &:hover {
    text-decoration: none;
  }
}

ul {
  list-style: none !important;
  padding-left: 0;
  padding-right: 0;
}

.cookiealert {
  @media (max-width: $maxSm) {
    width: 100%;
  }
}

.swiper-pagination {
  @media (max-width: $maxSm) {
    margin: 0 !important;
  }
}

/* ========== start head Style =========== */

#st_gdpr_iframe {
  left: 0 !important;
  display: none;
}
