body{
  background-color: #fdfdfe;
}
body.open {
  overflow-x: hidden;
  overflow-y: auto;
}

.body-viewport {
  min-height: 100% !important;
  /* min-height: 0 !important; */
  padding: 0;
  margin: 0;
  overflow-x: hidden;
  /* overflow-y: visible; */
  /* height: 100%; */
  display: flex;
  flex-direction: column;
  /* flex-grow: 1; */
  overflow-y: visible;
  overflow-y: clip;
  max-width: 100% !important;
  width: 100% !important;
  background-image: url("../images/top-bg.png");
  background-position: top right;
  background-repeat: no-repeat;
  background-size: 100%;
  /* background-attachment: fixed; */
}
a:hover,a:focus{
  text-decoration:none;
}
/*********************
** Loading
*********************/
.colorlib-loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: +99999999;
  background: url(../images/loader.gif) center no-repeat #fff;
}
.page-loading {
  position: fixed;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(
    circle farthest-corner at center,
    #fdb50e 0%,
    #9d4a01 100%
  );
  z-index: +100000000000000;
  display: none;
}
.page-loading.in {
  display: unset;
}
.page-loading.out {
  display: none;
}

.page-loading .loading-wrapper {
  width: 200px;
  height: 80px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.page-loading .circle {
  width: 30px;
  height: 30px;
  position: absolute;
  border-radius: 50%;
  background-color: #fff;
  left: 15%;
  transform-origin: 50%;
  animation: circle 0.5s alternate infinite ease;
}

@keyframes circle {
  0% {
    top: 75px;
    height: 8px;
    border-radius: 50px 50px 25px 25px;
    transform: scaleX(1.7);
  }
  40% {
    height: 30px;
    border-radius: 50%;
    transform: scaleX(1);
  }
  100% {
    top: 0%;
  }
}
.page-loading .circle:nth-child(2) {
  left: 45%;
  animation-delay: 0.2s;
}
.page-loading .circle:nth-child(3) {
  left: auto;
  right: 15%;
  animation-delay: 0.3s;
}
.page-loading .shadow {
  width: 30px;
  height: 4px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 82px;
  transform-origin: 50%;
  z-index: -1;
  left: 15%;
  filter: blur(1px);
  animation: shadow 0.5s alternate infinite ease;
}

@keyframes shadow {
  0% {
    transform: scaleX(1.5);
  }
  40% {
    transform: scaleX(1);
    opacity: 0.7;
  }
  100% {
    transform: scaleX(0.2);
    opacity: 0.4;
  }
}
.page-loading .shadow:nth-child(4) {
  left: 45%;
  animation-delay: 0.2s;
}
.page-loading .shadow:nth-child(5) {
  left: auto;
  right: 15%;
  animation-delay: 0.3s;
}
.page-loading .loading-wrapper span {
  position: absolute;
  top: 75px;
  font-family: "Lato";
  font-size: 20px;
  letter-spacing: 12px;
  color: #fff;
  left: 15%;
}

/*********************
** Header
*********************/
.header-viewport {
  max-width: 100% !important;
}
.header-container {
  /* min-height: 145px; */
  /* padding-top: 12px; */
  /* border-bottom: 3px #000 solid; */
}

.header-container .full-header.sticky {
  /* position: fixed; */
  width: 100%;
  padding-top: 13px;
  background: #fff0;
  z-index: +100;
  transition: all ease-in-out 0.25s, top ease-in-out 0.05s;
}
.header-container .full-header.sticky:before {
  /* content: ""; */
  width: 100%;
  position: absolute;
  height: calc(100% + 57px);
  background: #f000;
  top: -27px;
  z-index: 0;
  opacity: 1;
  transition: all ease-in-out 0.25s;
}

.header-container .full-header.sticky.fixed {
  position: fixed !important;
  width: 100%;
  top: 0;
  background: #fff;
  box-shadow: 0px 0px 13px 1px #00000021;
  padding: 10px 0;
}
.client-panel .header-container .full-header.sticky,
.client-panel .header-container .full-header.sticky.fixed {
  position: relative !important;
}
.header-container .full-header.sticky.fixed:before {
  background-position-y: 0;
  opacity: 1;
}
.header-container .header-fixed-size-placeholder {
}
/************************************
** Header Contents
************************************/
.header-row {
}
.sticky.fixed .header-row {
}
.header-row .container {
  flex-grow: 1;
}
.header-row .container .row {
  display: flex;
  /* width: 100%; */
  flex-direction: column;
}
.header-row .header-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
}
.header-content .header-col {
  transition: all ease-in-out 0.2s;
}
.mob-logo-col,
.mob-logo-col * {
  display: none;
}

.header-content .header-col.nav-menu-col {
  flex-grow: 1; /* width: 100%; */
}
.header-content .header-col.space-fix {
  flex-grow: 1;
}
.header-content .header-col.logo-col {
  display: flex;
  align-items: center;
}
.header-content .side-menu-col {
  display: none;
}
.header-content .MenuBTNArea {
  /* margin-left: 10px; */

  /* cursor: pointer; */
}
.header-content .MenuBTNArea .SideMenuBTN {
  font-size: 28px;
  display: flex;
  cursor: pointer;
  transition: all ease-in-out 0.25s;
  -webkit-transition: all ease-in-out 0.25s;
  -o-transition: all ease-in-out 0.25s;
  -moz-transition: all ease-in-out 0.25s;
  -ms-transition: all ease-in-out 0.25s;
}
.header-content .MenuBTNArea .SideMenuBTN i {
}
.header-content .MenuBTNArea .SideMenuBTN:hover,
.header-content .MenuBTNArea .SideMenuBTN:active {
  color: #e59600;
}
.header-content .MenuBTNArea .SideMenuBTN:hover i,
.header-content .MenuBTNArea .SideMenuBTN:active i {
}

.header-content .header-col.logo-col .logo-area {
  width: max-content;

  /* max-height: 71px; */

  display: flex;

  align-items: center;
}
.header-content .header-col.logo-col .header-logo {
  padding: 0;
  height: 50px;
  display: block;
  margin: 13px 15px;
}
.header-content .header-col.logo-col .header-logo img {
  max-width: 100%;
  max-height: 100%;
  /* height: 100%; */
  /* transform: scale(1.8) translateX(21%); */
}
.header-content .header-col.search-trigger-col {
  display: none;
}
.header-content .header-col.search-trigger-col i {
  cursor: pointer;
}
.header-content .header-col.search-trigger-col i:hover {
}
.header-content .header-col.search-col {
  /* flex-grow: 1; */
  padding-left: 20px;
}
.header-content .header-col.user-col {
  display: flex;
  width: max-content;
  align-items: center;
  /* padding-top: 8px; */
}
.header-content .user-menu {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  align-items: center;
}
.header-content .user-menu .user-card {
  padding: 0;
  margin: 0;
  display: inline-block;
  color: #fff;
  padding-left: 7px;
  margin-left: 3px;
  border-left: 1px #00000030 solid;
}
.header-content .user-menu .user-card i {
  margin-left: 5px;
  background: #0000003b;
  border-radius: 50%;
  padding: 3px 5px;
  padding-right: 6px;
  width: 22px;
  height: 22px;
  text-align: center;
}
.header-content .user-menu .user-card span {
  font-weight: bold;
  font-family: tahoma;
  font-size: 11px;
  display: initial;
}
.header-content .user-menu .user-btn {
  display: inline-block;
  margin-right: 10px;
  margin-left: 5px;
}
.header-content .user-menu .user-btn a {
  color: #000000;
  font-weight: bold;
  font-size: 15px;
  /* font-family: tahoma; */
  position: relative;
  /* text-shadow: 1px 1px 2px #0000; */
}
.header-content .user-menu .user-btn a:hover {
  color: #13a89e;
  text-shadow: 1px 1px 2px #000000;
}
.header-content .user-menu .user-btn a i {
  margin-left: 6px;
  /* color: #ffffff; */
  font-size: 19px;
  display: inline-block;
  /* float: right; */
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}
.header-content .user-menu .user-btn a span {
  display: inline;
}
.header-content .user-menu .user-btn a span.counter {
  position: absolute;
  font-family: sans-serif;
  /* font-weight: normal; */
  font-size: 11px;
  background: #e80101;
  border-radius: 9px;
  padding: 1px 4px;
  color: #fff;
  right: 12px;
  transform: translate(-5px, -1px);
  line-height: 12px;
  text-shadow: none;
}
.header-content .user-menu .user-btn a span.counter.hide {
  padding: 0;
}
.header-content .user-menu .user-btn a:hover i {
  /* color: #101010; */
}

.header-content .user-menu .dropdown {
  margin: 0;

  margin-left: 10px;

  padding: 0;

  /* background: #fff; */
}
.header-content .user-menu .user-dropdown {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  padding: 3px 0px !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  font-size: 14px;
  font-family: "Tajawal";
  border-radius: 40px;
  background: #13a89e;
  color: #fff;
  text-decoration: none;
}
.header-content .user-menu .dropdown.open .user-dropdown.dropdown-toggle {
  background: #13a89e !important;
}

.header-content .user-menu .user-dropdown:after {
  margin-left: 8px;
}
.user-dropdown span {
  align-content: space-between;

  font-family: "Tajawal";

  font-weight: bold;

  font-size: 14px;
  padding: 2px 5px;
  white-space: nowrap;
}
.user-dropdown i {
  font-size: 20px;

  margin-right: 5px;

  color: #ffffffeb;

  /* margin-bottom: 1px; */
}
.user-dropdown:hover {
}
.user-dropdown:hover span {
}
.user-dropdown:hover i {
}
.header-content .user-menu .dropdown-menu {
  margin: 0;
  padding: 0;
  background: #13a89e;
  border-radius: 7px;
  top: calc(100% + 8px);
  min-width: max-content;
  z-index: +9852215521212121212121200;
}
.header-content .user-menu .dropdown-menu:before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-width: 6px;
  border-color: #00000000;
  border-style: solid;
  border-bottom-color: #13a89e;
  z-index: +7;
  top: -12px;
  left: 7px;
}
.header-content .user-menu .dropdown-menu li {
  margin: 0;

  font-family: "Tajawal";

  display: flex;
}
.header-content .user-menu .dropdown-menu li + li {
  border-top: 1px #d8d8d84a solid;
}
.header-content .user-menu .dropdown-menu li .row {
  margin: 0;
  flex-direction: row;
  width: 100%;
  flex-flow: nowrap;
}

.header-content .user-menu .dropdown-menu li a {
  display: flex;
  width: 100%;
  padding: 7px 10px;
  padding-left: 0px;
  font-size: 13px;
  position: relative;
  align-items: center;
  color: #fbfbfb;
}
.header-content .user-menu .dropdown-menu li:first-child a {
  border-radius: 0;
}
.header-content .user-menu .dropdown-menu li:last-child a {
  border-radius: 0;
}
.header-content .user-menu .dropdown-menu li a:hover {
  box-shadow: none;
  text-shadow: none;
  background: #000000;
  color: #ffffff;
}
.header-content .user-menu .dropdown-menu li a span {
  display: flex;

  flex-grow: 1;
}
.header-content .user-menu .dropdown-menu li a i {
  font-size: 15px;

  position: relative;

  width: 19px;

  margin-right: 6px;
}
.header-content .user-menu .dropdown-menu li a i:before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.header-content .social-menu {
  padding: 0;
  margin: 0;
  list-style: none;
  grid-area: b1;
}
.header-content .social-menu li {
  display: inline-block;
}
.header-content .social-menu li + li {
  margin-right: 6px;
  float: left;
}
.header-content .social-menu a {
  display: block;
  color: #000;
  padding: 0px 4px;
  background: #ffffff;
  width: 25px;
  text-align: center;
  font-size: 16px;
  line-height: 25px;
}
.header-content .social-menu a i {
}
.header-content .social-menu a:hover {
  color: #ffffff;
  background: #000;
  transform: scale(1.2);
}
@media screen and (max-width: 768px) {
  .top-bar {
    padding: 2px 15px !important;
    z-index: +3;
    display: none;
  }
  .header-content .menu {
    grid-template-columns: 1fr max-content;
    grid-template-areas: "b1 b2" "b3 b3";
    grid-row-gap: 10px;
  }
  .header-content .user-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
    grid-area: b3;
    /* border-top: 1px #00000047 solid; */
    /* padding-top: 10px; */
    text-align: right;
    /* display: grid; */
    /* grid-template-columns: 1fr max-content max-content; */
    display: flex;
  }
  .header-content .user-menu .user-card {
    /* margin-left: 0; */
    /* padding-left: 0; */
  }
  .header-content .user-menu .user-card i {
  }
  .header-content .user-menu .user-card span {
    /* max-width: calc(100% - 40px); */
  }
  .header-content .user-menu .user-btn {
    margin-left: 3px;
  }
  .header-content .user-menu .user-btn a {
  }
  .header-content .user-menu .user-btn a:hover {
  }
  .header-content .user-menu .user-btn a i {
  }
  .header-content .user-menu span {
    display: inline-flex !important;
    max-width: 125px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 11px;
    position: relative;
    top: 1px;
  }
  .header-content .user-menu .user-btn a span {
    overflow: unset;
    display: flex;
    /* line-height: 14px; */
  }
}

/**************
languages 
**************/
.languages {
  list-style: none;
  display: flex;
  align-items: center;
  width: max-content;
  margin: 0;
  padding: 0;
}
.languages .current {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  text-decoration: none;
  background: #000;
  border-radius: 42px;
  overflow: hidden;
  color: #fff;
  padding: 3px 3px;
}
.languages .current i {
  font-size: 24px;
  /* border: 1px #fff solid; */
  /* background-color: #000; */
  padding: 0;
  margin: 0;
  margin-right: 1px;
  /* margin-bottom: 1px; */
  color: #ffffffeb;
  position: relative;
  top: -1px;
}
.languages .current span {
  font-size: 12px;
  margin: 0px 6px;
  display: inline-block;
  position: relative;
  top: 0px;
  padding-bottom: 0;
  /* height: 18px; */
  font-weight: bold;
  color: #fff;
  font-family: tahoma;
}
.languages .current.dropdown-toggle::after {
  display: none;
}
.colorlib-nav ul li.has-dropdown.languages .dropdown {
  padding: 3px 3px;
}
.languages .languages-list .dropdown-item:hover {
  background: #000;
  color: #fca700;
}
.languages .languages-list .dropdown-item:first-child {
  border-radius: 6px 6px 0 0;
}
.languages .languages-list .dropdown-item:last-child {
  border-radius: 0 0 6px 6px;
}

.colorlib-nav ul li.has-dropdown.languages .dropdown:before {
}
.languages .languages-list {
}
.languages .languages-list i {
  display: none;
}
.languages .languages-list span {
  padding-left: 5px;
  padding: 0;
}
.languages .languages-list .dropdown-item {
  padding: 7px 10px !important;
  font-weight: bold;
  color: #fff;
}
.languages .languages-list .dropdown-item.active,
.languages .languages-list .dropdown-item:active {
  background: #f5842d;
  color: #ffffff;
}

@media screen and (max-width: 768px) {
  .languages {
  }
  .dropdown-toggle::after {
    display: none;
  }
  .languages .current {
  }
  .languages .current i {
  }
  .languages .current span {
    display: none;
  }
  .colorlib-nav ul li.has-dropdown.languages .dropdown {
  }
  .colorlib-nav ul li.has-dropdown.languages .dropdown:before {
  }
  .languages .languages-list {
  }
  .languages .languages-list i {
  }
  .languages .languages-list span {
  }

  .languages .languages-list .dropdown-item {
  }
  .languages .languages-list .dropdown-item.active,
  .languages .languages-list .dropdown-item:active {
  }
}

/*********************************
mainmenu
*********************************/
.main-menu {
}
.main-menu .navbar {
  margin: 0;
  padding: 0;
  width: 100%;
  border: none;
  background: transparent;
  align-items: center;
  justify-content: center;
  min-height: auto;
}
.main-menu .navbar .header-menus-row {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  padding-right: 30px;
}
.main-menu .navbar .header-menus-row .top-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
.main-menu .navbar .header-menus-row .menu-row {
  position: relative;
  /* padding-right: 30px; */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-basis: 100%;
}
.header-container .full-header.sticky.fixed .main-menu .navbar .header-logo {
  height: 50px;
  top: 0;
}
.header-container .full-header.sticky.fixed .header-menus-row {
  flex-direction: row-reverse;
  align-items: center;
}
.header-container .full-header.sticky.fixed .header-menus-row .top-row {
}
.header-container .full-header.sticky.fixed .header-menus-row .search-box {
  margin-left: 16px;
  width: 167px;
}
.header-container .full-header.sticky.fixed .header-menus-row .search-box form {
  background: #00000021;
}
.header-container .full-header.sticky.fixed .header-menus-row .menu-row {
  flex-grow: 1;
}
.header-container
  .full-header.sticky.fixed
  .main-menu
  .navbar-collapse.collapse {
  margin: 0 !important;
  border: navajowhite;
}
.main-menu .navbar .navbar-header {
  /* display: none; */
}
.main-menu .navbar .header-logo {
  padding: 0;
  height: 94px;
  display: flex;
  align-items: center;
  position: relative;
  top: -9px;
}
.main-menu .navbar .header-logo img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  /* transform: scale(1.8) translateX(21%); */
  /* position: relative; */
  /* top: -9px; */
}
.main-menu .navbar-default .navbar-toggle {
  margin-right: 0;
  cursor: pointer !important;
  background: #f1f1f1;
  border-color: #38859b00;
}
.main-menu .navbar-default .navbar-toggle:not(.collapsed),
.main-menu .navbar-default .navbar-toggle:not(.collapsed):hover,
.main-menu .navbar-default .navbar-toggle:not(.collapsed):focus {
  background: #de0303;
}
.main-menu .navbar-toggle .sr-only {
  cursor: pointer;
}
.main-menu .navbar-default .navbar-toggle:hover .sr-only,
.main-menu .navbar-default .navbar-toggle:focus .sr-only {
}
.main-menu .navbar-toggle .icon-bar {
  background: #38859b;
}
.main-menu .navbar-toggle .icon-bar + .icon-bar {
}
.main-menu .navbar-default .navbar-toggle:not(.collapsed) .icon-bar,
.main-menu .navbar-default .navbar-toggle:not(.collapsed):hover .icon-bar,
.main-menu .navbar-default .navbar-toggle:not(.collapsed):focus .icon-bar {
  background: #fff;
  cursor: pointer;
}
.main-menu .navbar-nav {
  font-weight: bold;
  flex-direction: row;
  float: none !important;
  justify-content: center;
  min-width: fit-content;
  width: fit-content;
  position: relative;
  flex-grow: 0;
}
.main-menu .navbar-nav:before,
.main-menu .navbar-nav:after {
  content: "";
  position: absolute;
  top: 0;
  width: calc(100% - 30px);
  height: 100%;
  /* background: #000; */
  z-index: 0;
}

.main-menu .navbar-nav:before {
  right: 0;
}
.main-menu .navbar-nav:after {
  left: 0;
}
.main-menu .nav-item {
  /* float: right !important; */
  direction: ltr;
  position: relative;
  z-index: +100;
}
.main-menu .nav-item:before,
.main-menu .nav-item:after {
  width: 1px;
  height: 58%;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  left: -5px;
  background: #b9b9b93d;
  background: rgb(0,0,0);
  background: -moz-linear-gradient(0deg, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.50) 50%, rgba(0,0,0,0.05) 100%);
  background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.50) 50%, rgba(0,0,0,0.05) 100%);
  background: linear-gradient(0deg, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.50) 50%, rgba(0,0,0,0.05) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
  opacity: 0.3;
}
.main-menu .nav-item.home-item:before {
  left: -1px;
}
.main-menu .nav-item:last-child:before {
  background: transparent;
}
.main-menu .nav-item:after {
  right: -1px;
  left: unset;
}
.main-menu .nav-item + .nav-item {
  margin-right: 10px;
}
.main-menu .nav-item + .nav-item a {
  padding-left: 10px;
  padding-right: 10px;
}
.main-menu .nav-item a:before {
  content: "";
}
.main-menu .nav-item a > span {
  position: relative;
}
.main-menu .nav-item.home-item:after {
  content: "";
  background: transparent;
}
.main-menu .nav-item:before {
  content: "";
}
.main-menu .nav-item:not(.home-item) + .nav-item:before {
  content: "";
}
.main-menu .nav-item.home-item {
  /* background: #ffb4b4; */
  /* margin-left: 10px; */
  /* display: none; */
  /* position: relative; */
  /* z-index: +1; */
  /* width: 40px; */
}
.main-menu .nav-item:hover,
.main-menu .nav-item:focus {
}
.main-menu .nav-link {
  letter-spacing: unset;
  font-size: 15px;
  font-family: "Squada One", cursive;
  color: #000 !important;
  font-weight: 400;
  padding: 8px 15px;
}
.main-menu .nav-link:hover {
  /* background: #8e0000 !important; */
  color: #000000 !important;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #fff !important;
}
.main-menu .nav-link.dropdown-toggle {
}
.main-menu .nav-link.dropdown-toggle::after {
  margin-left: 0.455em;
  vertical-align: 0.15em;
  position: relative;
}
.main-menu .nav-link.home-link {
  position: relative;
  color: #13a89e !important;
  /* background: #14141a; */
  /* -webkit-border-radius: 6px; */
  -moz-box-border-radius: 6px;
  -ms-box-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  /* box-shadow: 0px 0px 8px -1px #0000001f inset, 0px 0px 10px 2px #0000000d; */
  /* -webkit-box-shadow: 0px 0px 8px -1px #0000001f inset, 0px 0px 10px 2px #0000000d; */
  /* -moz-box-shadow: 0px 0px 8px -1px #0000001f inset, 0px 0px 10px 2px #0000000d; */
  /* -ms-box-shadow: 0px 0px 8px -1px #0000001f inset, 0px 0px 10px 2px #0000000d; */
  /* -o-box-shadow: 0px 0px 8px -1px #0000001f inset, 0px 0px 10px 2px #0000000d; */
  /* border: 1px #ffffff85 solid; */
  padding-right: 0;
  margin-left: 15px;
  width: 30px;
}
.main-menu .nav-link.home-link:hover,
.main-menu .nav-link.home-link:focus {
  /* background: #8e0000 !important; */
  color: #faa721 !important;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
}
.main-menu .nav-link.home-link i {
  font-size: 27px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main-menu .nav-link.home-link span {
  display: block;
  width: 0;
  text-indent: 60px;
  overflow: hidden;
}
.main-menu .dropdown:after {
}
.main-menu .dropdown:hover:after {
}
.main-menu .dropdown.open:after {
}
.main-menu .dropdown.open .dropdown-toggle {
  background: transparent !important;
  color: #fff !important;
  /* box-shadow: 0px 0px 6px -1px #0000002e inset; */
}
.main-menu .dropdown-menu {
  padding: 0;
  border: 1px solid rgba(0, 0, 0, 0.02);
  box-shadow: 0 4px 8px -1px rgba(0, 0, 0, 0.2);
  background: #ffffff;
  left: 50%;
  transform: translateX(-50%);
  right: unset;
  border-radius: 0px !important;
}
.main-menu .dropdown-menu:before {
  content: "";
  height: 0;
  width: 0;
  border-width: 7px;
  border-style: solid;
  border-color: transparent;
  border-bottom-color: #ffffff;
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-4px);
}
.main-menu .dropdown-item {
  padding: 0;
}
.main-menu .dropdown-item + .dropdown-item {
  border-top: 1px #ffffff99 solid;
}

.main-menu .dropdown-menu .nav-item + .nav-item {
  border-top: 1px #bfbfbf4f solid;
  margin-right: 0;
}
.main-menu .dropdown-item:focus,
.main-menu .dropdown-item:hover {
}
.main-menu .dropdown-item a {
  padding: 7px 10px;
  font-weight: bold;
  color: #fff;
}
.main-menu .dropdown-menu .nav-link {
  padding: 6px;
  font-size: 17px;
}
.main-menu .dropdown-menu li:last-child .nav-link {
  border-radius: 0 !important;
}
.main-menu .dropdown-menu li:first-child .nav-link {
  /* border-radius: 9px 9px 0 0; */
}
.main-menu .dropdown-item:focus a,
.main-menu .dropdown-item:hover a {
  background: #ffffff;
  color: #11a9d4;
}
.main-menu .navbar-collapse {
  padding: 0;
}
.main-menu .navbar-collapse.in {
}

@media screen and (min-width: 992px), (min-width: 760px) {
  .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .main-menu .navbar.navbar-default {
    /* display: flex; */
    /* width: fit-content; */
  }
  .main-menu .navbar-collapse.collapse {
    margin: 0 auto;
    margin-top: 14px !important;
    padding: 0px 0px !important;
    background: #ffffff00;
    border-radius: 0;
    /* box-shadow: 0px 2px 3px 2px #0000000f; */
    display: flex !important;
    align-self: center;
    align-items: center;
    justify-content: center !important;
    width: max-content !important;
    flex-basis: unset;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #d9d9d9;
  }
  .main-menu .navbar-nav > li > a {
    line-height: 32px;
    padding: 8px 15px;
  }
  .main-menu .nav-link:hover,
  .main-menu .nav-link:focus {
  }
  .main-menu .navbar-nav > li > .nav-link:before {
    position: absolute;
    background: #ffffff00;
    width: 100%;
    height: 0;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
    /* border-radius: 30px; */
    transition: all ease-in-out 0.25s;
  }
  .main-menu .navbar-nav > li > .nav-link:not(.home-link):hover:before,
  .main-menu .navbar-nav > li.dropdown.open > .nav-link.dropdown-toggle:before {
    box-shadow: 0px 0px 6px -1px #0000002e inset;
    background: #13a89e;
    width: 100%;
    height: calc(100% - 11px);
    border-radius: 30px;
    top: 50%;
  }
  .main-menu .dropdown.open .dropdown-toggle {
    /* background: #ffffff78 !important; */
    color: #ffffff !important;
    /* box-shadow: 0px 0px 6px -1px #0000002e inset; */
  }

  .main-menu .search-col {
    /* height: 117%; */
    display: flex;
    flex-flow: column-reverse;
    /* background: #d7d4d4; */
    margin: 4px 0;
    padding: 0;
    position: relative;
    left: -3px;
    flex-grow: 1;
  }
  .main-menu .search-col .search-box {
    /* width: 250px; */
    max-width: 93%;
  }
}

@media screen and (min-width: 760px) and (max-width: 991px) {
  .main-menu .navbar .navbar-header {
    max-width: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: fit-content;
  }
  .main-menu .navbar {
    flex-wrap: nowrap;
    align-items: center;
  }
  .header-row .container {
    max-width: calc(100% - 30px);
    width: calc(100% - 30px);
  }
  .user-dropdown {
    min-height: 30px;
  }
  .user-dropdown span {
    display: none;
  }
  .header-content .user-menu .user-dropdown:after {
    margin-right: 5px;
  }
}
@media screen and (max-width: 768px) {
  .main-menu .navbar {
    /* padding: 0 15px; */
    margin: 10px;
    max-width: 100% !important;
    width: unset;
  }
  .main-menu .navbar-header {
    display: flex;
    /* display: block; */
    width: 100%;
    align-items: center;
  }
  .main-menu .navbar-collapse {
    transform: translateY(28px);
  }
  .main-menu .navbar-nav {
    float: left !important;
    /* display: block !important; */
    width: 100%;
  }
  .main-menu .navbar-nav {
    font-weight: bold; /* display: block; */
    margin: 0;
  }
  .main-menu .nav-item {
    width: 100%;
  }
  .main-menu .nav-item:before {
    width: 1px;
    height: 70%;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: -5px;
    background: #0000001c;
  }
  .main-menu .nav-item + .nav-item {
    margin-right: 0;
    border-top: 1px #e7e7e7 solid;
  }
  .main-menu .nav-item + .nav-item:before {
    content: "";
    display: none;
  }
  .main-menu .nav-item.home-item {
  }
  .main-menu .nav-item:hover {
  }
  .main-menu .nav-link {
  }
  .main-menu .nav-link:hover,
  .main-menu .nav-link:focus {
  }
  .main-menu .nav-link.dropdown-toggle {
  }
  .main-menu .nav-link.dropdown-toggle::after {
  }
  .main-menu .nav-link.home-link {
    color: #777;
    background: transparent;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
  }
  .main-menu .nav-link.home-link i {
    display: none;
  }
  .main-menu .nav-link.home-link span {
    width: auto;
    text-indent: inherit;
  }
  .main-menu .dropdown:after {
  }
  .main-menu .dropdown:hover:after {
  }
  .main-menu .dropdown.open:after {
  }
  .main-menu .dropdown.open .dropdown-toggle {
    padding-left: 10px;
    font-weight: bold !important;
  }
  .main-menu .dropdown-menu {
    /* padding: 0 10px; */
    /* background: #efefef !important; */
  }
  .main-menu .dropdown-menu:before {
    display: none;
  }
  .main-menu .dropdown-item {
  }
  .main-menu .dropdown-item + .dropdown-item {
    border-color: #ffffff99;
  }
  .main-menu .dropdown-item:focus,
  .main-menu .dropdown-item:hover {
  }
  .main-menu .dropdown-item a {
    background: #f7f7f7;
    padding: 5px 10px !important;
    font-weight: bold !important;
    font-size: 17px;
    line-height: initial !important;
  }
  .main-menu .dropdown-item:focus a,
  .main-menu .dropdown-item:hover a {
  }
  .navbar-toggle {
    display: block;
  }
  .navbar-collapse.collapse {
    display: none !important;
  }
  .navbar-collapse.collapse.in {
    display: block !important;
  }
  .main-menu .navbar .header-menus-row{
    padding-right: 0;
    /* flex-direction: row; */
    flex-wrap: wrap;
    flex-basis: 100%;
    width: 100% !important;
  }
  .header-content .user-menu .dropdown-menu{
    transform: translateX(-10px);
  }
  .header-content .user-menu .dropdown{
    margin-right: 3px !important;
}
}

/***************************************
search-box
***************************************/
.search-box {
  /* width: 120px; */
  transition: all ease-in-out 0.2s;
}
.search-box,
.search-box *{
    transition: all ease-in-out 0.25s !important;
    -webkit-transition: all ease-in-out 0.25s !important;
    -o-transition: all ease-in-out 0.25s !important;
    -moz-transition: all ease-in-out 0.25s !important;
    -ms-transition: all ease-in-out 0.25s !important;
}

.search-box form {
  display: flex;
  flex-direction: row-reverse;
  /* margin-top: 5px; */
  /* border: 1px #0a0a0a1f solid; */
  border-radius: 40px;
  /* overflow: hidden; */
  background: #ffffffe0;
  /* box-shadow: 0px 0px 3px 0px #0000009e inset; */
}
.search-box input[type="text"] {
  background: #f0f0f000;
  padding: 5px 4px;
  padding-right: 8px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 26px;
  font-size: 13px;
  height: auto;
  flex-grow: 1;
  /* font-family: 'Tajawal', sans-serif; */
  border: none;
  min-width: 60px;
  max-width: 100%;
  width: 100%;
  color: #000;
  border: none;
  /* border-radius: 0 3px 3px 0; */
}
.search-box input[type="text"]:focus,
.search-box input[type="text"]:hover {
}
.search-box form .search-submit {
  width: max-content;
  position: relative;
  overflow: hidden;
  color: #000;
  /* font-size: 20px; */
  padding: 0;
  /* background: #e59600; */
  text-align: center;
}
.search-box form .search-submit:hover {
}
.search-box form .search-submit i {
  font-size: 17px; /* margin-left: 4px; */ /* margin-top: 3px; */
  position: relative; /* top: 0; */ /* left: 0; */ /* background: #00000040; */
  width: 34px;
  height: 100%;
}
.search-box form .search-submit i:before {
  position: absolute;

  top: calc(50% - 1px);

  left: 50%;

  transform: translate(-50%, -50%);
}
.search-box form .search-submit:hover i {
}

.search-box input[type="submit"],
.search-box input[type="submit"]:focus,
.search-box input[type="submit"]:hover {
  position: absolute;
  width: 100%;
  height: 100%;
  background: transparent;
  border: none;
  text-indent: 100px;
  top: 0;
  left: 0;
}
/************************************
** Search collapse bar
************************************/
.main-menu .search-col.search-activated {
  flex-grow: 1;
}
.main-menu .search-col .search-box.search-activated {
  width: 100%;
}
#MainMenu.search-activated {
}
.header-content .header-col.nav-menu-col.search-activated {
  flex-grow: 1;
}
.header-content .header-col.space-fix.search-activated {
  flex-grow: 0;
}
@media screen and (max-width: 768px) {
  .search-box{
    /* min-width: 34px; */
}
  .search-box form{
    background: transparent;
  }
  .search-box input[type="text"]{
      min-width: unset;
      width: 0;
      flex-grow: 0;
      padding-left: 0 !important;
      padding-right: 0 !important;
  }
  .search-box form .search-submit {
  }
  .search-box form .search-submit:hover {
  }
  .search-box form .search-submit i {
  }
  .search-box form .search-submit i:before {
  }
  .search-box form .search-submit:hover i {
  }

  .main-menu .search-col.search-activated {
    width: 100%;
    padding-left: 15px;
  }
  .main-menu .search-col .search-box.search-activated {
  }
  .main-menu .search-col.search-activated form{
    
background: #ffffffe0;
  }
  .main-menu .search-col .search-box.search-activated input[type="text"],
  .search-box input[type="text"]:focus{
  min-width: calc(100% - 34px);
  padding-right: 5px !important;
  padding-left: 5px !important;
  }

  #MainMenu.search-activated {
  }
  .header-content .header-col.nav-menu-col.search-activated {
  }
  .header-content .header-col.space-fix.search-activated {
  width: 35px;
  }
}

/************************************
** side-menu
************************************/
.main-side-menu {
  position: absolute;
  position: fixed;
  top: 0;
  z-index: +999999999999999999;
  width: 250px;
  height: 100%;
  background: #151515;
  transform: translateX(-250px);
  -webkit-transform: translateX(-250px);
  -o-transform: translateX(-250px);
  -moz-transform: translateX(-250px);
  -ms-transform: translateX(-250px);
  transition: all ease-in-out 0.25s !important;
  -webkit-transition: all ease-in-out 0.25s !important;
  -o-transition: all ease-in-out 0.25s !important;
  -moz-transition: all ease-in-out 0.25s !important;
  -ms-transition: all ease-in-out 0.25s !important;
}
.main-side-menu.open {
  transform: translateX(0px);
  -webkit-transform: translateX(0px);
  -o-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
}
#PageShadow {
  position: absolute;
  position: fixed;
  top: 0;
  right: 0;
  width: 0;
  height: 100%;
  background: #00000000;
  z-index: +321083690;
  transition: all ease-in-out 0.25s !important;
  -webkit-transition: all ease-in-out 0.25s !important;
  -o-transition: all ease-in-out 0.25s !important;
  -moz-transition: all ease-in-out 0.25s !important;
  -ms-transition: all ease-in-out 0.25s !important;
}
#page {
  transition: all ease-in-out 0.25s !important;
  -webkit-transition: all ease-in-out 0.25s !important;
  -o-transition: all ease-in-out 0.25s !important;
  -moz-transition: all ease-in-out 0.25s !important;
  -ms-transition: all ease-in-out 0.25s !important;
}

.main-side-menu .SideNavCollapseTrigger {
  transition: all ease-in-out 0.25s !important;
  -webkit-transition: all ease-in-out 0.25s !important;
  -o-transition: all ease-in-out 0.25s !important;
  -moz-transition: all ease-in-out 0.25s !important;
  -ms-transition: all ease-in-out 0.25s !important;
  background: #40403f00;
  width: 30px;
  height: 30px;
  position: fixed;
  top: 8px;
  left: calc(100% - 40px);
  z-index: +999999992147483600;
}
.main-side-menu .SideNavCollapseTrigger:after,
.main-side-menu .SideNavCollapseTrigger:before {
  content: "";
  transition: all ease-in-out 0.25s !important;
  -webkit-transition: all ease-in-out 0.25s !important;
  -o-transition: all ease-in-out 0.25s !important;
  -moz-transition: all ease-in-out 0.25s !important;
  -ms-transition: all ease-in-out 0.25s !important;
  position: absolute;
  width: 60%;
  height: 3px;
  left: 50%;
  top: 50%;
  background: #fff;
  transform-origin: center;
}
.main-side-menu .SideNavCollapseTrigger:after {
  transform: translate(-50%, -50%);
}
.main-side-menu .SideNavCollapseTrigger:before {
  transform: translate(-50%, -50%);
}

.main-side-menu.open .SideNavCollapseTrigger {
  left: 100%;
  background: #40403f;
}
.main-side-menu.open .SideNavCollapseTrigger.rtl-dir {
  left: unset;
  right: 100%;
}
.main-side-menu.open .SideNavCollapseTrigger:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.main-side-menu.open .SideNavCollapseTrigger:before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.SideNavBar {
  padding: 0;
  margin: 0;
  background: transparent;
  border: none;
}
#SideMainMenu {
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
}
.SideNavBarNav {
  display: flex;
  flex-direction: column;
  justify-content: center !important;
  width: 100%;
}
.SideNavBar #SideMainMenu.collapse.rtl-dir.in {
  left: unset;
  right: 0; /* display: none !important; */
}

.SideNavBar #SideMainMenu.collapse.in:before {
  content: "";
  width: 100%;
  height: 100%;
  background: #424241f2;
  /* z-index: -36; */
  position: fixed;
  /* left: 40%; */
  display: inline;
}
.SideNavBar #SideMainMenu.collapse.rtl-dir.in:before {
  left: 0;
}
.SideNavBar #SideMainMenu.collapsing {
  transition: all ease-in-out 0.25s;
  -webkit-transition: all ease-in-out 0.25s;
  -moz-transition: all ease-in-out 0.25s;
  -ms-transition: all ease-in-out 0.25s;
  -o-transition: all ease-in-out 0.25s;

  transition-property: left, visability;
  -webkit-transition-property: left, visability;
  -moz-transition-property: left, visability;
  -ms-transition-property: left, visability;
  -o-transition-property: left, visability;

  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -webkit-transition-property: left, visibility;
  -o-transition-property: left, visibility;
  transition-property: left, visibility;
}
.SideNavBar #SideMainMenu.collapsing.rtl-dir {
  transition-property: right, visability;
  -webkit-transition-property: right, visability;
  -moz-transition-property: right, visability;
  -ms-transition-property: right, visability;
  -o-transition-property: right, visability;
  -webkit-transition-property: right, visibility;
  -o-transition-property: right, visibility;
  transition-property: right, visibility;
}
.SideNavBarNav .open .dropdown-submenu {
  padding-top: 0;
}
.SideNavBarNav .dropdown-submenu > li .dropdown-submenu {
  width: 100%;
  height: unset;
}
.SideNavBarNav .open .dropdown:not(.open):hover > .dropdown-submenu,
.SideNavBarNav .dropdown:not(.open) > .dropdown-submenu {
  display: none;
}
.SideNavBar .SideNavBarNav li.nav-item.dropdown {
  position: relative;
}
.SideNavBar .SideNavBarNav li.nav-item.dropdown.open {
  position: absolute;
  z-index: +4;
  background: #424241;
  width: 100%;
  height: 100%;
  top: 0;
  border: none;
  box-shadow: none;
}
.SideNavBarNav .dropdown.open > .dropdown-submenu {
  left: 0;
  position: unset;
  box-shadow: none !important;
  border: none !important;
  padding: 0;
  margin: 0;
  box-shadow: none;
  background: #424241;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}

.SideNavBarNav > .dropdown > .dropdown-submenu {
  min-width: 100%;
}
.SideNavBarNav .dropdown > .dropdown-submenu {
  min-width: calc(100% - 20px);
}
.SideNavBarNav li .dropdown-submenu li.nav-item > a.nav-link:hover,
.SideNavBarNav li .dropdown-submenu li.nav-item:hover > a.nav-link,
.SideNavBar .SideNavBarNav li.nav-item > a.nav-link {
  color: #fff;
  background: #424241;
  border-bottom: 1px #ffffff1c solid;
  padding: 8px 20px;
  font-size: 1.6rem;
  font-weight: normal;
  font-family: "Tajawal";
  font-weight: bold !important;
}
.SideNavBar .SideNavBarNav li.nav-item > a.nav-link:hover {
  /* color: #fff; */
  /* background: #ffffff6e; */
}
.SideNavBar .SideNavBarNav li.nav-item.dropdown > a.nav-link > span {
  flex-grow: 1;
  text-align: start;
}
.SideNavBar .SideNavBarNav li.nav-item.dropdown > a.nav-link:after {
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
  display: inline-flex;
}
.SideNavBar .SideNavBarNav li.nav-item.dropdown.open > a.nav-link {
  background: #000 !important;
  color: #fff !important;
  font-weight: bold;
  font-size: 1.6rem !important;
  padding: 8px 20px !important;
  position: relative;
}
.SideNavBar .SideNavBarNav li.nav-item.dropdown.open > a.nav-link:after {
  position: absolute;
  top: 12px;
  right: 17px;
  z-index: +1;
  border-top: 0.4em solid transparent;
  border-right: 0.4em solid white;
  border-bottom: 0.4em solid transparent;
  border-left: 0.4em solid transparent;
  display: inline;
}
.SideNavBar .SideNavBarNav li.nav-item.dropdown.open > a.nav-link:before {
  border: none;
  content: "";
  position: absolute;
  top: 0px;
  right: 0;
  width: 39px;
  height: calc(100% + 1px);
  background: #ffffff57;
  display: inline;
}
#SideMainMenu.rtl-dir li.nav-item.dropdown.open > a.nav-link:after {
  right: unset;
  left: 12px;
  display: inline;
  border-right-color: #fff0;
  border-left-color: #fff;
}
#SideMainMenu.rtl-dir li.nav-item.dropdown.open > a.nav-link:before {
  right: unset;
  left: 0;
  display: inline;
}
.SideNavBarNav .nav-item {
  border-top: none !important;
  font-size: 1.4rem !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block;
  float: none;
  width: calc(100% - 20px);
  margin-right: 10px;
  margin-left: 10px; /* flex-grow: 1; */
}
.SideNavBarNav > .nav-item:not(.open) {
  margin: 0 10px !important;
}
.SideNavBar .SideNavBarNav li.nav-item > a.nav-link {
  color: #fff;
  background: #424241;
  border: none;
  border-bottom: 1px #ffffff54 solid !important;
  padding: 7px 10px !important;
  font-size: 1.5rem !important;
  font-weight: normal;
  display: flex;
  margin: 0;
  align-items: center;
  flex-basis: 100%;
}

.SideNavBar .SideNavBarNav li.nav-item > a.nav-link i + span {
  padding-right: 7px;
}

/*********************
** CONTENTS 
*********************/
.content-viewport {
  flex-grow: 1;
}
.content-container {
}
/*******************************
** breadcrumb-bar
*******************************/
.breadcrumb-bar {
  background: #ffffff00;
}
.breadcrumb-bar .container {
  /* max-width: unset; */
  width: unset;
}
.breadcrumb-bar .row {
}
.breadcrumb-bar .breadcrumb-content {
  /* background: #ffffff85; */
}
.breadcrumb-bar nav {
}
.breadcrumb-bar nav .breadcrumb {
  background: #1e1e1e30;
  border-radius: 30px;
  /* color: #fff !important; */
  font-family: "Tajawal";
  font-weight: bold;
  font-size: 14px;
}
.breadcrumb-bar nav .breadcrumb-item {
  color: #040404 !important;
}
.breadcrumb-bar nav .breadcrumb-item.active {
}
.breadcrumb-bar nav .breadcrumb-item + .breadcrumb-item:before {
  color: #24242459;
}
.breadcrumb-bar nav .breadcrumb-item a {
  color: #000;
}
.breadcrumb-bar nav .breadcrumb-item a:hover {color: #fff;text-shadow: 0px 0px 4px #000000ba;}
/****************************
404
****************************/
.page_404 {
}
.page_404_viewport {
}
.page_404 .content-viewport {
  min-height: 100px;

  padding-top: 60px;

  align-items: center;

  font-family: Roboto, sans-serif;
}
.page_404 .content-viewport > * {
  max-width: 100% !important;
}

.page_404 .content-viewport:before {
}
.page_404 .content-viewport > .container {
  height: 100%;
  align-items: center;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page_404 .content-viewport > .container:before {
}

.page_404 .p404_logo {
}
.page_404 .p404_title {
  font-size: 17vw;
  margin: 0;
  padding: 0;
  font-weight: 900;
  line-height: 17vw;
  margin-bottom: -10px;
  color: #fff;
  /* opacity: 0.6; */
  color: #d5ad6d; /*if no support for background-clip*/
  background-image: url(../images/text-bg/3.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  /* z-index: +1; */
  /* animation: bop 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards infinite alternate; */
}
.page_404 .p404_title span{
     position: relative;
     z-index: +1;
     background-image: url(../images/text-bg/3.jpg);
     background-size: cover;
     background-position: center center;
     background-repeat: repeat;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     position: relative;
}
.page_404 .p404_title:after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  text-shadow: 0 1px 0 hsl(37deg 96% 55%), 0 2px 0 hsl(18deg 79% 57%), 0 3px 0 hsl(19deg 71% 55%), 0 4px 0 hsl(20deg 66% 53%), 0 5px 0 hsl(20deg 67% 53%), 0 6px 0 hsl(20deg 63% 52%), 0 7px 0 hsl(20deg 66% 53%), 0 8px 0 hsl(26deg 76% 46%), 0 0 5px rgb(0 0 0 / 5%), 0 1px 3px rgb(0 0 0 / 20%), 0 3px 5px rgb(0 0 0 / 20%), 0 5px 10px rgb(0 0 0 / 20%), 0 10px 10px rgb(0 0 0 / 20%), 0 20px 20px rgb(0 0 0 / 30%);
}
.page_404.coming-soon .p404_title {
  font-size: 10vw;
  margin: 7vh 0;
  line-height: 13vw;
  font-family: 'TAJAWAL';
}
.page_404 .p404_des {
  position: relative;
  font-weight: 700;
  font-size: 4vw;
  margin-bottom: 6px;
  top: -2vh;
  margin-bottom: 4vh;
  /* opacity: 0.9; */
  color: #13aaa0;
  text-shadow: 0 1px 0 hsl(175deg 62% 25%), 0 2px 0 hsl(175deg 79% 19%), 0 3px 0 hsl(176deg 93% 18%), 0 4px 0 hsl(174deg 37% 21%), 0 0 5px rgb(0 0 0 / 5%), 0 1px 3px rgb(0 0 0 / 20%), 0 3px 5px rgb(0 0 0 / 20%), 0 5px 10px rgb(0 0 0 / 20%), 0 10px 10px rgb(0 0 0 / 20%), 0 20px 20px rgb(0 0 0 / 30%);
  /* animation: bop 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards infinite alternate; */
}
.page_404 .p404_des span{
    position: relative;
}

@keyframes bop {
  0% {
    transform: scale(0.9);
  }
  50%,
  100% {
    transform: scale(1);
  }
}

@keyframes bopB {
  0% {
    transform: scale(0.9);
  }
  80%,
  100% {
    transform: scale(1) rotateZ(-3deg);
  }
}

/****************************
FiltersModal
****************************/

.FiltersModal-viewport {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #0000005c;
  top: 0;
  left: 0;
  z-index: +100000;
}
.FiltersModal-viewport .FiltersModal-container {
  position: absolute;
  width: 80%;
  height: 80%;
  top: 10%;
  left: 10%;
  background: #fff;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: min-content 1fr;
  grid-template-areas: "title" "content";
}
.FiltersModal-container *::-webkit-scrollbar {
  width: 3px;
  height: 2px;
}
.FiltersModal-container *::-webkit-scrollbar-track {
  background: #cacaca1a;
  margin-left: 10px;
  margin-right: 10px; /* height:  5px; */
}
.FiltersModal-container *::-webkit-scrollbar-thumb {
  background: #bdbdbdbf;
}

.FiltersModal-viewport .FiltersModal-title {
  margin: 0;
  padding: 12px 15px;
  padding-left: 32px;
  border-bottom: 1px #00000014 solid;
  direction: ltr;
  text-align: right;
  font-family: tahoma;
  color: #337ab7;
  font-size: 17px;
  position: relative;
  height: max-content;
  grid-area: title;
}
.FiltersModal-viewport .FiltersModal-title > div {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100% !important;
}
.FiltersModal-viewport .FiltersModal-title span:not(.FiltersModal-close) {
  float: right;
  margin-left: 16px;
  font-family: "PV2";
  font-weight: normal;
  font-size: 16px;
  color: #7b7b7b;
  position: relative;
}
.FiltersModal-viewport
  .FiltersModal-title
  span:not(.FiltersModal-close):before {
  content: "";
  height: 22px;
  width: 1px;
  left: -8px;
  position: absolute;
  background: #00000024;
}

.FiltersModal-content .PV-Mdal-info {
}
.FiltersModal-viewport .FiltersModal-content {
  overflow: auto;
  background: #00000005;
  grid-area: content;
  padding: 10px 15px;
}
.FiltersModal-viewport .FiltersModal-close {
  position: absolute;
  left: 10px;
  top: 12px;
  color: #a2a2a2;
  cursor: pointer;
  font-size: 19px;
  transition: all ease-in-out 0.25s;
}
.FiltersModal-viewport .FiltersModal-close:hover {
  color: #e20400;
  transform: scale(1.3);
}

.FiltersModal-content .PV-Mdal-info label {
  min-width: 123px;
  background: #ececec;
  padding: 3px 10px;
  margin-left: 10px;
  font-weight: normal;
  color: #a94442;
}
.FiltersModal-content .PV-Mdal-info span {
  direction: ltr;
  text-align: right;
  font-family: tahoma;
  display: inline-block;
  color: #337ab7;
}

.FiltersModal-content .PV-Mdal-info span a {
}
.FiltersModal-content .PV-Mdal-info span a:hover {
}

.FiltersModal-viewport .FiltersModal-title {
  text-align: left;
  padding: 12px 15px;
  padding-right: 32px;
}
.FiltersModal-viewport .FiltersModal-title .use-contact {
  padding: 4px 10px;
  font-weight: bold;
  font-size: 14px;
  margin: 0;
  background: #de0101;
  border-color: #de0101;
}
.FiltersModal-viewport .FiltersModal-title .use-contact:hover,
.FiltersModal-viewport .FiltersModal-title .use-contact:focus {
  background: #339fb7 !important;
  border-color: #339fb7 !important;
}
.FiltersModal-viewport .FiltersModal-title span:not(.FiltersModal-close) {
  float: left;
  margin-right: 16px;
  margin-left: 0;
}
.FiltersModal-viewport
  .FiltersModal-title
  span:not(.FiltersModal-close):before {
  left: unset;
  right: -8px;
  height: 30px;
}
.FiltersModal-viewport .FiltersModal-close {
  left: unset;
  right: 10px;
}

/****************************
add-to-cart-form
****************************/
.add-to-cart-form {
  list-style: none;
  padding: 17px 0;
  margin: 0;
  display: flex;
  /* border-bottom: 1px #dcdcdc solid; */
  align-items: center;
}
.add-to-cart-form > li {
  position: relative;
  border: 1px #323232 solid;
  text-align: center;
  padding: 0 7px;
  border-radius: 5px;
  line-height: 27px;
}
.add-to-cart-form li + li {
  /* margin-left: 5px; */
}
.add-to-cart-form li.grow-area {
  flex-grow: 1;
  border: none;
  padding: 0;
}
.add-to-cart-form li:hover {
}
.add-to-cart-form li i {
}
.add-to-cart-form li.quantity-box {
  padding: 0;
  /* overflow: hidden; */
  border: none;
  /* display: none; */
  margin-right: 4px;
}
.add-to-cart-form li.quantity-box input.quantity,
.add-to-cart-form li.quantity-box input.quantity:hover,
.add-to-cart-form li.quantity-box input.quantity:focus {
  padding: 6px 2px;
  height: 100%;
  font-size: 16px;
  /* width: 27px; */
  text-align: center;
  border: none;
  /* background: #44444461; */
  margin: 0;
  position: relative;
  /* top: -1px; */
  font-weight: bold;
  border: 1px #c3c3c3 solid;
}
.add-to-cart-form li.plus-btn,
.add-to-cart-form li.minus-btn {
  cursor: pointer;
  /* color: #019bd6; */
  background: #e1e8ee;
  border-color: #e1e8ee;
  /* height: 30px; */
  display: none;
}
.add-to-cart-form li.plus-btn:hover,
.add-to-cart-form li.minus-btn:hover {
  color: #fff;
  background: #525252;
  border-color: #525252;
}
.add-to-cart-form li select.quantity-select {
  padding: 5px 5px;
  font-family: "Oswald";
  font-weight: bold;
  border: 1px #a5a5a5 solid;
  text-align: center;
  background: #fff;
  border-radius: 3px;
  /* margin-left: -10px; */
}
.add-to-cart-form li.add-btn {
  cursor: pointer;
  background: #f5842d;
  border-color: #d96e1b;
  color: #fff;
  padding: 0 10px;
  margin: 0 12px;
  /* margin-right: 2px; */
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 10px;
}
.add-to-cart-form li.add-btn[data-cart="plus"]{}
.add-to-cart-form li.add-btn[data-cart="minus"]{}
.add-to-cart-form li.add-btn span {
  margin: 0 0px;
  font-size: 16px;
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-family: "Tajawal";
  padding: 5px 0;
}
.add-to-cart-form li.add-btn[data-cart="plus"] span{
    display: none;
}
.add-to-cart-form li.add-btn[data-cart="plus"] span[data-cart="plus"]{
    display: unset;
}
.add-to-cart-form li.add-btn[data-cart="minus"] span{
    display: none;
}
.add-to-cart-form li.add-btn[data-cart="minus"] span[data-cart="minus"]{
    display: unset;
}
.add-to-cart-form li.add-btn i {
  font-size: 20px;
  margin: 0 0px;
  position: relative;
  /* top: 3px; */
}
.add-to-cart-form li.add-btn[data-cart="minus"] i {}
.add-to-cart-form li.add-btn[data-cart="minus"] i:before {
    color: #ffffff;
}
.add-to-cart-form li.add-btn i s{
  display:none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: +1;
}
.add-to-cart-form li.add-btn[data-cart="minus"]  i s {

display: unset;
}
.add-to-cart-form li.add-btn[data-cart="minus"]  i s:after,
.add-to-cart-form li.add-btn[data-cart="minus"] i s:before{
  content:"";
  position: absolute;
  width: 160%;
  height: 1px;
  top: 50%;
  left: 50%;
  background: #4a4a4a;
  transform: translate(-50%,-50%) rotate(45deg);
  box-shadow: 0px 0px 1px 1px #0000004a;
}
.add-to-cart-form li.add-btn[data-cart="minus"]  i s:after{
}
.add-to-cart-form li.add-btn[data-cart="minus"] i s:before{transform: translate(-50%,-50%) rotate(-45deg);}
.add-to-cart-form li.add-btn:hover {
  background: #c10202;
  border-color: #c10202;
}
.add-to-cart-form li.add-btn:hover span {}
.add-to-cart-form li.add-btn:hover i {
}
.add-to-cart-form li.total {
  background: #ffffff52;
  border-color: #f1f1f147;
  color: #0e0e0e;
}
.add-to-cart-form li.total span.cash {
  margin-right: 5px;
  color: #e80101;
  font-weight: bold;
  font-size: 18px;
  line-height: 11px;
  position: relative;
  top: 1px;
}
.add-to-cart-form li.total span.currency {
  font-size: 13px;
  margin-right: 3px;
  font-weight: bold;
  font-family: "Tajawal";
}
.add-to-cart-form li.add-to-fav {
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  padding: 0;
  margin-left: 17px;
  float: right;
}
.add-to-cart-form li.add-to-fav:hover {
  color: #fff; /* background: #525252; */ /* border-color: #525252; */
}
.add-to-cart-form li.add-to-fav i {
  font-size: 30px;
  line-height: 10px;
  position: relative;
  top: 5px;
  color: #13a89e;
}
.add-to-cart-form li.add-to-fav:hover i {
  color: #f5842d;
}
.spinner-box {
  position: relative;
  width: 30px;
  display: inline;
  margin: 0 22px;
}
.spinner {
  animation: rotate 2s linear infinite;
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -12px 0 0 -12px;
  width: 24px;
  height: 24px;
  stroke: #00abdc;
}
.path {
  stroke: hsl(210, 70, 75);
  stroke-linecap: round;
  animation: dash 1.5s ease-in-out infinite;
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
/*****************************************************
offers header slider
******************************************************/
/* Blog Content Area CSS */
.colorlib-services.offers-header-slider-row {
  position: relative;
  padding: 0 30px !important;
  padding-top: 30px !important;
  padding-bottom: 30px !important;
  z-index: +10;
  direction: ltr;
  background-color: #f2f2f4a8;
  /* background-image: url("../images/bg-001.jpg"); */
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  /* border-bottom: 2px #0000006b solid; */
  /* box-shadow: 0px 3px 9px 3px #00000017; */
}
.colorlib-services.offers-header-slider-row .slider-box {
  /* padding: 0 !important; */
  /* clear: both; */
  /* position: relative; */
  /* margin-top: -140px; */
  /* transform: translateY(-50%); */
  z-index: +10;
}
.offers-header-slider-box {
  position: relative;
  padding-bottom: 30px;
}
.offers-header-slider-row .offers-title {
  font-family: "Tajawal";
  font-weight: bold;
  font-size: 18px;
  margin: 20px auto;
  /* margin-right: -12px; */
  /* margin-bottom: 30px; */
  padding: 0;
}
.offers-header-slider-box .nav-tabs {
  padding: 10px 0;
  border-bottom: 2px solid #f1f1f1;
}
.offers-header-slider-box .nav-tabs .title {
  font-size: 18px;
  color: #ed1c24;
  margin-bottom: 0;
  margin-left: auto;
  font-family: "Ubuntu", sans-serif;
  font-weight: 700;
}
.offers-header-slider-box .nav-tabs .nav-link {
  padding: 0 1em;
  position: relative;
  z-index: 1;
}
.offers-header-slider-box .nav-tabs .nav-link:hover,
.offers-header-slider-box .nav-tabs .nav-link:focus {
  color: #000000;
  border: 1px solid transparent;
  font-weight: 400;
}
.offers-header-slider-box .nav-tabs .nav-link.active {
  color: #0000ff;
  border: 1px solid transparent;
}
.offers-header-slider-box .nav-tabs .nav-link.active:after {
  position: absolute;
  left: 15px;
  bottom: -17px;
  content: "";
  background-color: #0000ff;
  width: calc(100% - 30px);
  height: 2px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}
.offers-header-slider-box .nav-tabs .title {
  color: #fff; /* color: #ed1c24; */
}
.offers-header-slider-box .nav-tabs .nav-link.active {
  background: transparent;
  color: #fff;
}
.offers-header-slider-box .nav-tabs .nav-link.active:after {
  /* left: 0; */
  /* width: 100%; */
  bottom: -16px;
  background: #ffffff;
}
.offers-header-slider-box .nav-tabs {
  margin-bottom: 30px;
  border-color: #000000b3;
}
.colorlib-bg-gray .offers-header-slider-box .nav-tabs .title {
  color: #ed1c24;
}
.colorlib-bg-gray .offers-header-slider-box .nav-tabs .nav-link.active {
  background: transparent;
  color: #0000ff;
}
.colorlib-bg-gray .offers-header-slider-box .nav-tabs .nav-link.active:after {
  /* left: 0; */
  /* width: 100%; */
  bottom: -16px;
  background: #0000ff;
}
.colorlib-bg-gray .offers-header-slider-box .nav-tabs {
  margin-bottom: 30px;
  border-color: #0202021f; /* padding-right: 50px; */
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .offers-header-slider-box .nav-tabs .nav-link.active:after {
    width: calc(100% - 10px);
    left: 5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .offers-header-slider-box .nav-tabs .nav-link.active:after {
    width: calc(100% - 10px);
    left: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .offers-header-slider-box .nav-tabs .nav-link.active:after {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .offers-header-slider-box .nav-tabs .nav-link {
    padding: 0 5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .offers-header-slider-box .nav-tabs .nav-link {
    padding: 0 5px;
  }
}
@media only screen and (max-width: 767px) {
  .offers-header-slider-box .nav-tabs .nav-link {
    padding: 0 5px;
  }
}
/***********************
* .header-offers-slider
***********************/

.header-offers-slider .owl-nav .owl-prev,
.header-offers-slider .owl-nav .owl-next {
  background: #afafaf;
  background: transparent;
  /* border: 2px solid #000000bf; */
  /* box-shadow: -4px 1px 3px 0px #00000038; */
  color: #949494;
  flex: none;
  -webkit-box-flex: unset;
  float: none;
  display: inline-block;
  margin: 0;
  padding: 0 5px;
  width: max-content;
  left: -35px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  font-size: 46px;
  line-height: 0;
  border-radius: 0;
}
.header-offers-slider .owl-nav .owl-next {
  left: unset;
  right: -35px;
  border-radius: 0;
}
.header-offers-slider .owl-nav .owl-prev:hover,
.header-offers-slider .owl-nav .owl-next:hover {
  background: #ffffffa8;
  background: transparent;
  color: #000;
  border-color: #000000f2;
}
.header-offers-slider .owl-nav .owl-prev:hover {
  /* box-shadow: 4px 1px 3px 0px #00000038 inset; */
}
.header-offers-slider .owl-nav .owl-next:hover {
  /* box-shadow: -4px 1px 3px 0px #00000038 inset; */
}
.header-offers-slider {
  position: relative;
  display: block !important;
}
.header-offers-slider .owl-stage {
  /* display: flex; */
  /* flex-direction: row; */
  /* flex-flow: row  nowrap; */
}
.header-offers-slider .owl-stage-outer {
  /* display: flex; */
  /* align-items: center; */
  /* justify-content: center; */
  /* flex-direction: row; */
  /* flex-flow: row nowrap; */
}
.header-offers-slider .owl-item {
  /* width: max-content !important; */
  /* display:flex; */
  align-items: center;
  justify-content: center;
  text-align: center;
}
.header-offers-slider .owl-controls {
  position: absolute;
  width: 100%;
  height: 100%;
  top: calc(50% - 10px);
  transform: translateY(-50%);
  /* text-align: center; */
  /* margin: 0 -120px; */
  /* width: 100%; */
  z-index: -1;
}
.header-offers-slider .owl-controls .owl-nav {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* margin: 0 -120px; */
  z-index: +100; /* background: #f5f5f5; */
}
.header-offers-slider .owl-nav .owl-prev,
.header-offers-slider .owl-nav .owl-next {
  background: #afafaf;
  background: transparent;
  /* border: 2px solid #000000bf; */
  /* box-shadow: -4px 1px 3px 0px #00000038; */
  color: #949494;
  flex: none;
  -webkit-box-flex: unset;
  float: none;
  display: inline-block;
  margin: 0;
  padding: 0 5px;
  width: max-content;
  left: -35px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  font-size: 46px;
  line-height: 0;
  border-radius: 0;
}
.header-offers-slider .owl-nav .owl-next {
  left: unset;
  right: -35px;
  border-radius: 0;
}
.header-offers-slider .owl-nav .owl-prev:hover,
.header-offers-slider .owl-nav .owl-next:hover {
  background: #ffffffa8;
  background: transparent;
  color: #000;
  border-color: #000000f2;
}
.header-offers-slider .owl-nav .owl-prev:hover {
  /* box-shadow: 4px 1px 3px 0px #00000038 inset; */
}
.header-offers-slider .owl-nav .owl-next:hover {
  /* box-shadow: -4px 1px 3px 0px #00000038 inset; */
}
.header-offers-slider {
  position: relative;
}
.header-offers-slider .owl-stage {
  /* display: flex; */
  /* flex-direction: row; */
  /* flex-flow: row  nowrap; */
}
.header-offers-slider .owl-stage-outer {
  /* display: flex; */
  /* align-items: center; */
  /* justify-content: center; */
  /* flex-direction: row; */
  /* flex-flow: row nowrap; */
}
.header-offers-slider .owl-item {
  /* width: max-content !important; */
  /* display:flex; */
  /* align-items: center; */
  justify-content: center;
  text-align: center;
}
.header-offers-slider .owl-controls {
  position: absolute;
  width: 100%;
  height: 100%;
  top: calc(50% - 10px);
  transform: translateY(-50%);
  /* text-align: center; */
  /* margin: 0 -120px; */
  /* width: 100%; */
  z-index: -1;
}
.header-offers-slider .owl-controls .owl-nav {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* margin: 0 -120px; */
  z-index: +100; /* background: #f5f5f5; */
}

.header-offers-slider .owl-nav .owl-prev,
.header-offers-slider .owl-nav .owl-next {
  background: #afafaf !important;
  background: transparent !important;
  /* border: 2px solid #000000bf; */
  /* box-shadow: -4px 1px 3px 0px #00000038; */
  color: #949494 !important;
  flex: none !important;
  -webkit-box-flex: unset !important;
  float: none !important;
  display: inline-block;
  margin: 0;
  padding: 0 5px;
  width: max-content;
  left: -35px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  font-size: 46px;
  line-height: 0;
  border-radius: 0;
}
.header-offers-slider .owl-nav .owl-next {
  left: unset;
  right: -35px;
  border-radius: 0;
}
.header-offers-slider .owl-nav .owl-prev:hover,
.header-offers-slider .owl-nav .owl-next:hover {
  background: #ffffffa8;
  background: transparent;
  color: #000;
  border-color: #000000f2;
}
.offers-header-sliders .owl-controls .owl-nav .owl-prev i,
.offers-header-sliders .owl-controls .owl-nav .owl-next i,
.offers-header-slider-row .owl-controls .owl-nav .owl-prev i,
.offers-header-slider-row .owl-controls .owl-nav .owl-next i {
  color: #00000061;
  font-size: 42px;
}

.offers-header-sliders .owl-controls .owl-nav .owl-prev:hover,
.offers-header-sliders .owl-controls .owl-nav .owl-next:hover,
.offers-header-slider-row .owl-controls .owl-nav .owl-prev:hover,
.offers-header-slider-row .owl-controls .owl-nav .owl-next:hover {
  background: transparent;
}
.offers-header-sliders .owl-controls .owl-nav .owl-prev:hover i,
.offers-header-sliders .owl-controls .owl-nav .owl-next:hover i,
.offers-header-slider-row .owl-controls .owl-nav .owl-prev:hover i,
.offers-header-slider-row .owl-controls .owl-nav .owl-next:hover i {
  color: #000;
}

.product-item-box .post-content {
}
.product-item-box .post-content .headline h5 {
}
.product-item-box .post-content p {
}
.product-item-box .post-content .post-meta p {
}
.product-item-box .post-content .post-meta p a {
}
.header-offers-slider .product-item-box {
  position: relative;
  /* overflow: hidden; */
  /* border: 5px #de0101 solid; */
  box-shadow: 0px 1px 3px 0px #00000038;
  margin: 5px;
  /* max-width: 100% !important; */
  /* width: 236px; */
  margin: 25px 8px;
  margin-top: 11px;
  text-align: right;
  direction: rtl;
  background: #fff;
  padding: 3px 3px;
  box-shadow: 0px 5px 10px -2px #00000057;
  border-radius: 0px;
}
.header-offers-slider .product-item-box .post-content {
  position: relative;
  z-index: +1;
  bottom: 0;
  left: 0;
  /* background: #de0101; */
  padding: 0px 7px;
  color: #000;
  font-size: 12px;
  width: 100%;
  clear: both;
}
.header-offers-slider .product-item-box .discount-value {
  text-align: right;
  display: inline-block;
  float: right;
  clear: both;
  background: #de0101 !important;
  color: #fff !important;
  font-size: 14px;
  font-family: "Tajawal";
  font-weight: bold;
  padding: 3px 8px;
  margin: 0 0px;
  position: absolute;
  bottom: 4px;
  left: -3px;
}
.header-offers-slider .product-item-box a {
  display: block;
  width: 100%;
  text-decoration: none !important;
}
.header-offers-slider .product-item-box:hover a,
.header-offers-sliders .product-item-box:hover a {
  border-color: #000;
}
.header-offers-slider .product-item-box .offer-price {
  position: relative;
  top: -4px;
  /* background: #de0101; */
  padding: 5px 7px;
  /* transform: translate(-3px); */
  z-index: +8;
  /* border-radius: 5px; */
  /* box-shadow: 3px 3px 4px -2px #00000047; */
  color: #de0101;
  text-align: right;
  text-decoration: none !important;
}
.header-offers-slider .product-item-box:hover .offer-price,
.header-offers-sliders .product-item-box:hover .offer-price {
  /* background: #ffffff; */
  /* color: #de0101; */
}
.header-offers-slider .product-item-box .offer-price i {
  font-size: 17px;
  font-family: tahoma;
  font-weight: 600;
  letter-spacing: 0;
  color: #252525;
  position: relative;
  padding: 5px;
  text-align: center;
}
.header-offers-slider .product-item-box:hover .offer-price i,
.header-offers-sliders .product-item-box:hover .offer-price i {
  color: #b7b7b7;
}
.header-offers-slider .product-item-box .offer-price i:before,
.header-offers-slider .product-item-box .offer-price i:after {
  content: "";
  background: #b30000ba;
  position: absolute;
  width: 100%;
  height: 1px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(26deg);
}
.header-offers-slider .product-item-box:hover .offer-price i:before,
.header-offers-slider .product-item-box:hover .offer-price i:after,
.header-offers-sliders .product-item-box:hover .offer-price i:before,
.header-offers-sliders .product-item-box:hover .offer-price i:after {
  background: #f00;
}

.header-offers-slider .product-item-box .offer-price i:before {
  transform: translate(-50%, -50%) rotate(-26deg);
}
.header-offers-slider .product-item-box .offer-price i:after {
}
.header-offers-slider .product-item-box .offer-price span:not(.currency) {
  font-weight: bold;
  font-family: tahoma;
  font-size: 18px;
}

.header-offers-slider .product-item-box:hover .offer-price span:not(.currency),
.header-offers-sliders
  .product-item-box:hover
  .offer-price
  span:not(.currency) {
  color: #de0101;
  text-shadow: 0px 0px 4px #000000fa;
}

.header-offers-slider .product-item-box .offer-price span.currency {
  margin: 0 5px;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0;
  font-family: "Tajawal";
  color: #252525;
}
.header-offers-slider .product-item-box:hover .offer-price span.currency,
.header-offers-sliders .product-item-box:hover .offer-price span.currency {
  color: #f9f9f9;
}
.header-offers-slider .product-item-box .headline {
  font-size: 16px;
  text-align: right;
  color: #000000;
  /* transform: scale(0.7); */
  margin: 0;
  /* opacity: 0.6; */
  /* text-overflow: ellipsis; */
  /* overflow: hidden; */
  /* white-space: nowrap; */
  display: block;
  width: 100%;
  font-weight: 700;
  letter-spacing: 0;
  padding: 5px 0;
  padding-top: 12px;
  font-family: "Tajawal";
}
.header-offers-slider .product-item-box:hover .headline,
.header-offers-sliders .product-item-box:hover .headline {
  color: #ffffff;
}
.header-offers-slider .product-item-box .post-content p {
}
.header-offers-slider .product-item-box .post-content .post-meta p {
}
.header-offers-slider .product-item-box .post-content .post-meta p a {
}
.header-offers-slider .product-item-box,
.header-offers-slider .product-item-box * {
  transition: all ease-in-out 0.25s;
  -moz-transition: all ease-in-out 0.25s;
  -webkit-transition: all ease-in-out 0.25s;
  -o-transition: all ease-in-out 0.25s;
  -ms-transition: all ease-in-out 0.25s;
}
.header-offers-slider .product-item-box .post-thumbnail,
.header-offers-sliders .product-item-box .post-thumbnail {
  position: relative;
  background: #fff;
}
.header-offers-slider .product-item-box:hover {
  background-color: #343434;
}
.header-offers-slider .product-item-box:hover .post-content,
.header-offers-sliders .product-item-box:hover .post-content {
  height: auto;
  /* background: #ffffff; */
  /* color: #de0101; */
}
.header-offers-slider .product-item-box:hover .post-content p {
}
.header-offers-slider .product-item-box:hover .post-content .post-meta p {
}
.header-offers-slider .product-item-box:hover .post-content .post-meta p a {
}
.header-offers-slider .product-item-box .product-box-actions {
  list-style: none;
  padding: 0;
  margin: 0;
  position: absolute;
  z-index: +11;
  display: flex;
  flex-direction: row-reverse;
  width: calc(100% - 8px);
  top: 4px;
  left: 50%;
  transform: translateX(-50%);
}
.header-offers-slider .product-item-box .product-box-actions .action-btn {
  flex-grow: 0;
  /* display: inline-flex; */
  /* width: max-content; */
  background: #f0f0f0;
  padding: 3px 5px;
  color: #de0101;
  font-size: 17px;
  line-height: 20px;
  margin: 3px;
  cursor: pointer;
  position: relative;
  border-radius: 50%;
}
.header-offers-slider .product-item-box .product-box-actions .action-btn i {
}
.header-offers-slider .product-item-box .product-box-actions .action-btn:hover {
  color: #000000;
}
.header-offers-slider
  .product-item-box
  .product-box-actions
  .action-btn:hover
  i {
}
/************************************
** Home Cats Slider
************************************/
.home-tax-slider {
  display: block;
  /* background: #f0f0f0; */
  padding: 1px 15px;
  direction: ltr;
}
.home-cats-slider-row {
  margin: 40px -14px;
  max-width: max-content;
  direction: ltr;
}
.home-cats-slider {
  direction: ltr;
  display: block;
  position: relative;
  /* height: 250px; */
  /* overflow: hidden; */
}
.home-cats-slider .owl-stage-outer {
  /* display: flex; */
  /* align-items: center; */
  /* justify-content: center; */
}
.home-cats-slider .owl-stage {
  /* display: flex; */
  /* align-items: center; */
  /* justify-content: center; */
  /* flex-direction: row-reverse; */
}
.home-cats-slider .owl-item {
  /* float: right; */
  padding: 0;
}
.home-cats-slider .cat-item {
  /* background: #fff; */
  /* border: 1px #808080 solid; */
  /* max-width: max-content; */
  /* width: max-content; */
  /* border-radius: 4px; */
}
.home-cats-slider .cat-item .empty-photo {
}
.home-cats-slider .cat-item a {
  direction: rtl;
  position: relative;
  margin: 5px;
  box-shadow: 0px 0px 4px 1px #00000036;
  display: block;
  border: 2px #fff solid;
  transition: all ease-in-out 0.2s;
}
.home-cats-slider .cat-item a:hover {
  border-color: #000;
  transform: scale(1.02);
}
.home-cats-slider .cat-item a .image-thumb {
  position: relative;
  padding: 0 0px;
  overflow: hidden;
}
.home-cats-slider .cat-item a .image-thumb img.tax-pic {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}
.home-cats-slider .cat-item a .image-thumb img.transparent-pic {
  margin: 0;
}
.home-cats-slider .cat-item a h2 {
  margin: 0;
  text-align: center;
  padding: 6px 0px;
  font-family: "Tajawal";
  font-size: 11px;
  font-weight: bold;
  background: #f0f0f05c;
  color: #000000;
  position: absolute;
  bottom: 5px;
  left: 5px;
  width: calc(100% - 10px);
  font-size: 14px;
  display: none;
}
.home-cats-slider .cat-item .empty-photo h2 {
  display: block;
}

.home-cats-slider .owl-controls {
  /* position: absolute; */
  z-index: +1;
  width: 100%;
  height: 0;
  padding: 0;
  margin: 0;
}
.home-cats-slider .owl-controls .owl-nav {
}
.home-cats-slider .owl-controls .owl-nav .owl-prev,
.home-cats-slider .owl-controls .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  padding: 0;
  margin: 0;
  transform: translate(-50%, -50%);
  background: transparent;
}

.home-cats-slider .owl-controls .owl-nav .owl-prev {
  transform: translate(50%, -50%);
  left: -50px;
}
.home-cats-slider .owl-controls .owl-nav .owl-next {
  right: -50px;
}
.home-cats-slider .owl-controls .owl-nav .owl-prev i,
.home-cats-slider .owl-controls .owl-nav .owl-next i {
  color: #00000061;
  font-size: 42px;
}

.home-cats-slider .owl-controls .owl-nav .owl-prev:hover,
.home-cats-slider .owl-controls .owl-nav .owl-next:hover {
  background: transparent;
}
.home-cats-slider .owl-controls .owl-nav .owl-prev:hover i,
.home-cats-slider .owl-controls .owl-nav .owl-next:hover i {
  color: #000;
}
@media (min-width: 992px) {
  .home-cats-slider .cat-item {
  }
}
@media (max-width: 768px) {
  .home-cats-slider .cat-item {
  }
}

/************************************
** Home Offers
************************************/
.home-offers-row {
  border-top: 3px #de0101 solid;
  border-bottom: 3px #b0aeae solid;
  min-height: 400px;
  position: relative;
  overflow-x: hidden;
}
.home-offers-title {
  position: absolute;
  z-index: +10;
  background: #de0101;
  color: #fff;
  font-weight: bold;
  font-family: "Tajawal";
  font-size: 24px;
  line-height: 18px;
  padding: 13px 15px;
  padding-bottom: 20px;
  top: -3px;
  border-radius: 0 0 15px 15px;
}
.home-offers-content {
  display: flex;
  flex-flow: row nowrap;
}
.home-offers-content > .container {
  padding: 0;
}
.home-offers-content > .container:after,
.home-offers-content > .container:before {
}

/****  Discount Offers ***/
.home-offers-discount-container {
  width: 40% !important;
  position: relative;
  z-index: +1;
  background: #ebebeb;
  display: flex;
  align-items: center;
}
.home-offers-discount-container:before,
.home-offers-discount-container:after {
  content: "";
  position: absolute;
  width: 130%;
  height: 100%;
  background: #f0f0f0;
  left: -19%;
  transform: skewX(-10deg);
  z-index: 0;
}
.home-offers-discount-container:before {
  background: #b0aeae;
  left: calc(-19% + 3px);
}
.home-offers-discount-container:after {
  background: url("../images/offers-bg.png") top right;
}
.home-offers-discount-container .discount-slider-area {
  /* padding: 50px 0; */
  /* max-height: 370px; */
  /* display: flex; */
  padding-right: 50px;
}
.home-offers-discount {
  /* height: 100%; */
  max-width: 100% !important;
  max-width: -webkit-fill-available !important;
  /* flex-grow: 1; */
  position: relative;
  z-index: +555555;
  /* background: #000; */
  /* display: flex; */
  /* align-items: center; */
}

/****  Packages Offers ***/
.home-offers-packages-container {
  margin-right: 0;
  width: 60% !important;
  /* flex-grow: 1; */
}
.home-offers-packages {
}
.home-offers-packages .discount-slider-area {
}

/************************************
** home-tax-products-row
************************************/
.content-viewport.IndexViewport {
  padding-bottom: 0px;
}
.home-tax-slider-row-bg:nth-child(even) {
  background: #f2f2f4a8;
}
.home-tax-slider-row-bg:last-child {
  padding-bottom: 30px;
}
.home-tax-products-row {
  direction: ltr;
  position: relative;
  display: block;
  width: 100%;
  background: transparent !important;
}
.home-tax-products-row:last-child {
  margin-bottom: 50px !important;
}
.home-tax-products-row .container {
  display: block;
}
.products-slider-content-box,
.offers-header-slider-row .products-slider-content-box {
  position: relative;
  /* background: #fff; */
  padding: 25px 50px;
  padding: 20px 0;
  padding-bottom: 0;
  /* box-shadow: 0px 5px 10px -2px #00000057; */
  /* border-radius: 0px; */
}
.products-slider-content-box:before,
.offers-header-slider-row .products-slider-content-box:before {
  content: "";
  /* background: #fff; */
  position: absolute;
  height: 100%;
  width: 100%;
}
.offers-header-slider-row .products-slider-content-box {
}
.offers-header-slider-row .products-slider-content-box:before {
}
.home-tax-products-row .slider-row-title {
  display: flex;
  flex-direction: row-reverse;
  margin: 20px -12px;
  align-items: center;
  justify-content: center;
  position: relative;
}
.home-tax-products-row .slider-row-title .row-title,
.offers-header-slider-row .offers-title {
  flex-grow: 1;
  text-align: center;
  direction: rtl;
}
.home-tax-products-row .slider-row-title .row-title h2,
.offers-header-slider-row .offers-title h2 {
  font-family: "Tajawal";
  font-weight: bold;
  font-size: 18px;
  line-height: 18px;
  margin: 0 auto;
  padding: 0;
  background: #f5842d;
  /* padding: 10px 15px; */
  color: #fff;
  border-radius: 26px;
  /* border-right: 3px #de0101 solid; */
  width: max-content;
  display: flex;
  align-items: center;
  position: relative;
  box-shadow: 0px 5px 10px -2px #00000057;
}
.home-tax-products-row .slider-row-title .row-title h2 span,
.offers-header-slider-row .offers-title h2 span {
  padding: 16px 15px;
  padding-right: 15px;
}
.home-tax-products-row .slider-row-title .row-title h2 span + span,
.offers-header-slider-row .offers-title h2 span + span {
  /* margin-right: 15px; */
  padding-right: 9px !important;
}
.home-tax-products-row .slider-row-title .row-title h2 span.fix-btn-icon,
.offers-header-slider-row .offers-title h2 span.fix-btn-icon{
    padding: 0 5px;
}
.home-tax-products-row .slider-row-title .row-title h2 span.cat-icon,
.offers-header-slider-row .offers-title h2 span.cat-icon {
  position: relative;
}
.home-tax-products-row .slider-row-title .row-title h2 span.cat-icon:before,
.offers-header-slider-row .offers-title h2 span.cat-icon:before {
  content: "";
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  transform: translate(-50%, -50%);
  z-index: 0;
}
.home-tax-products-row .slider-row-title .row-title h2 span.cat-icon i,
.offers-header-slider-row .offers-title h2 span.cat-icon i {
  font-size: 20px;
  position: relative;
  color: #13a89e;
  transform: scale(1.2);
}
.home-tax-products-row .slider-row-title .row-title h2 span.cat-title,
.offers-header-slider-row .offers-title h2 span.cat-title {
  font-size: 21px;
  padding-left: 21px;
  padding-right: 20px;
  text-shadow: 1px 1px 3px #000;
  position: relative;
  z-index: 1;
}
.home-tax-products-row .slider-row-title .row-url {
  /* flex-grow: 1; */
  position: absolute;
  left: -4px;
  text-decoration: none !important;
  direction: rtl;
  display: flex;
  align-items: center;
}
.home-tax-products-row .slider-row-title .row-url a {
  font-family: "TAJAWAL";
  font-weight: bold;
  font-size: 18px;
  color: #f5842d;
  display: flex;
  align-items: center;
  position: relative;
  padding: 2px;
}
.home-tax-products-row .slider-row-title .row-url a ,
.home-tax-products-row .slider-row-title .row-url a:before, 
.home-tax-products-row .slider-row-title .row-url a *{
  transition: all ease-in-out 0.25s;
  -moz-transition: all ease-in-out 0.25s;
  -webkit-transition: all ease-in-out 0.25s;
  -o-transition: all ease-in-out 0.25s;
  -ms-transition: all ease-in-out 0.25s;

}
.home-tax-products-row .slider-row-title .row-url a:before{
  content:"";
  width: calc(28% + 2px);
  height: 100%;
  position: absolute;
  left: -1px;
  top: 0;
  background: #f5842d;
  background: #fff;
  z-index: 0;
  border-radius: 30px;
  outline: 3px #f5842d solid;
}

.home-tax-products-row .slider-row-title h2:hover .row-url a {
  color: #13a89e;
  text-decoration: none;
  transform: translateX(calc(-100% + 25px));
}
.home-tax-products-row .slider-row-title h2:hover .row-url a:before{
    width: calc(100% + 2px);
    background: #fff;
}


.home-tax-products-row .slider-row-title .row-url a span{
    display: flex;
    padding: 0;
    padding-right: 7px;
    position: relative;
}
.home-tax-products-row .slider-row-title .row-url a span:first-child{
  opacity:0;
}
.home-tax-products-row .slider-row-title h2:hover .row-url a span:first-child{
  opacity:1;
}
.home-tax-products-row .slider-row-title h2:hover .row-url a span{
    color: #13a89e !important;
}
.home-tax-products-row .slider-row-title .row-url a span + span{
  margin-right: 6px;
  padding: 0 !important;
}
.home-tax-products-row .slider-row-title .row-url a i{
    display: inline-flex;
    height: 100% !important;
    position: relative;
    color: #13a89e;
    color: #f5842d;
    /* margin-top: 1px; */
    font-size: 22px;
}
.home-tax-products-row .slider-row-title h2:hover .row-url a  i{
    color: #f5842d;
    /* transform: scale(1.2); */
}
.home-tax-products-row .home-tax-products-slider {
}

.share-buttons-div {
}
.share-buttons-div .share-title {
  margin: 10px 0;
  margin-top: 16px;
  font-family: "Tajawal";
  font-weight: bold;
}

/***************************************
breadcrumb-bar
***************************************/
.breadcrumb-bar {
  /* background: #de0101; */
  background: #f0f0f04d;
  padding: 8px 0;
  /* box-shadow: 0px 0px 16px -7px #000 inset; */
}
.breadcrumb-bar .row {
  flex-wrap: nowrap;
}
.breadcrumb-bar .breadcrumb-content {
    flex-grow: 1;
    display: flex;
    background: #1e1e1e30;
    border-radius: 30px;
    /* color: #fff !important; */
    font-family: 'Tajawal';
    font-weight: bold;
    font-size: 14px;
    align-items: center;
}
.breadcrumb-bar .page-title {
}
.breadcrumb-bar nav {
  flex-grow: 1;
  background: transparent;
}
.breadcrumb-bar nav .breadcrumb {
  background: transparent;
  margin: 0;
  color: #000;
  font-family: 'Tajawal';
  font-weight: bold;
  font-size: 14px;
}
.breadcrumb-bar nav .breadcrumb-item {
  color: #020202;
  color: #3e3e3e;
  display: flex;
  align-items: center;
}
.breadcrumb-bar nav .breadcrumb-item + .breadcrumb-item {
}
.breadcrumb-bar nav .breadcrumb-item + .breadcrumb-item:before {
  content: "\f100";
  font-family: 'FontAwesome';
  color: #000000;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.breadcrumb-bar nav .breadcrumb-item.active {
}
.breadcrumb-bar nav .breadcrumb-item a {
  color: #0a0a0a;
  text-shadow: none;
  /* color: #000; */
  transition: all ease-in-out 0.2s;
}
.breadcrumb-bar nav .breadcrumb-item a:hover {
}
.spinner-loader {
  font-size: 31px;
  /* text-indent: -9999em; */
  /* width: 100%; */
  /* height: 100%; */
  border-radius: 50%;
  position: relative;
  -webkit-animation: load3 1.4s infinite linear;
  animation: load3 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translate(-50%, -50%);
  position: absolute;
  right: -6%;
  top: -2%;
  color: #000;
}
@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*****************************
** home-cats-row
*****************************/
.home-cats-row {
  padding-top: 30px;
  /* background: #f9f9f9; */
}
.home-cats-row .home-cats {
  /* align-items: center; */
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 -15px;
}
.home-cats-row .home-cats .cat-item,
.home-cats-row .home-cats .cat-item * {
  transition: all ease-in-out 0.25s;
}
.home-cats-row .home-cats .cat-item {
}
 {
  position: relative;
}
@media (min-width: 992px) {
  .home-cats-row .home-cats .cat-item {
    width: 20% !important;
    min-width: 20% !important;
    flex: 0 0 20%;
    max-width: 25%;
  }
}
.home-cats-row .home-cats .cat-item a {
  display: block;
  position: relative;
  margin-bottom: 30px;
  border: 2px #fff solid;
  box-shadow: 0px 2px 7px -1px #0000002b;
}
.home-cats-row .home-cats .cat-item a.empty-photo {
}
.home-cats-row .home-cats .cat-item a:hover {
  transform: scale(1.1);
  border-color: #ffffff;
  /* border-width: 3px; */
}
.home-cats-row .home-cats .cat-item a img {
  width: 100%;
  height: auto;
  background: #fff;
}
.home-cats-row .home-cats .cat-item a:hover img {
  padding: 1px;
}
.home-cats-row .home-cats .cat-item a h2 {
  position: relative;
  bottom: 5px;
  left: 5px;
  margin: 0;
  padding: 10px 5px;
  text-align: center;
  font-size: 14px;
  width: calc(100% - 10px);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-weight: bold;
  letter-spacing: 0;
  background: #ffffff63;
  color: #000000;
  position: absolute;
  font-family: "TAJAWAL";
  display: none;
}
.home-cats-row .home-cats .cat-item a:hover h2 {
  /* background: #de0303; */
  color: #de0303;
  /* transform: scale(1.02) translateY(2px); */
}
.home-cats-row .home-cats .cat-item a.empty-photo h2 {
  display: block;
}
/*****************************
** blog-list-row
*****************************/
.blog-list-row {
  padding: 20px 0;
}
.blog-list {
  /* display: flex; */
  /* flex-wrap: wrap; */
  /* justify-content: space-between; */
  display: block;
  width: 100%;
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  -ms-flex-direction: column;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  display: -webkit-box;
  display: flex;
  padding-top: 30px;
}
.blog-list .blog-article-col {
  margin-bottom: 30px;
}
.blog-article-col .blog-article {
  height: 100%;
  background: #ffffff;
  border: 3px #fff solid;
  box-shadow: 0px 2px 6px -1px #0000005e;
}
.blog-article .article-thumbnail {
  position: relative;
}
.blog-article .article-thumbnail a {
  display: block;
}
.blog-article .article-thumbnail a:hover {
}
.blog-article .article-thumbnail img {
  max-width: 100% !important;
}
.blog-article .article-data {
  padding: 0px 10px;
  padding-bottom: 10px;
  /* border-top: 3px #fff solid; */
  font-size: 14px;
  color: #000;
  font-weight: 500;
}
.blog-article .article-data p {
  margin: 0;
  font-family: 'Tajawal';
  font-size: 15px;
}
.blog-article .article-data h2 {
  margin: 0;

  margin-bottom: 10px;

  padding: 10px 0px;

  font-size: 16px;

  line-height: 22px;

  font-weight: bold;

  border-bottom: 1px #d7d7d7 solid;
}
.blog-article .article-data h2 a {
  text-decoration: none;
  font-family: "Tajawal";
  color: #0a746d;
  color: #df6d15;
}
.blog-article .article-data h2 a:hover {
}
.blog-article .article-date {
  position: absolute;
  left: 0;
  top: 5px;
  background: #ffffffe0;
  box-shadow: -2px 0px 6px -2px #717171a6;
  font-size: 12px;
  padding: 3px 10px;
}
.blog-article .article-date span {
  font-family: "Tajawal", sans-serif;
  padding-left: 18px;
  font-weight: bold;
  color: #5a5a5a;
}
.blog-article .article-date i {
  background: #f5842d;
  color: #fff;
  position: absolute;
  width: 27px;
  height: 100%;
  text-align: center;
  line-height: 185%;
  font-size: 14px;
  left: -9px;
  top: 50%;
  transform: translate(0, -50%);
}
.blog-article .article-date i:before {
}
/*****************************
** faq-list-row
*****************************/
.faq-list-row {
  padding: 20px 0;
}
.faq-list {
  /* display: flex; */
  /* flex-wrap: wrap; */
  /* justify-content: space-between; */
  /* display: block; */
  /* width: 100%; */
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  -ms-flex-direction: column;
  /* -webkit-flex-flow: row wrap; */
  /* flex-flow: row wrap; */
  /* display: -webkit-box; */
  /* display: flex; */
  width: 100%;
  padding: 10px 15px;
}
.faq-list .panel {
}
.faq-list .panel + .panel {
  margin-top: 15px;
}
.faq-list .panel .panel-title {
}
.faq-list .panel-heading [data-toggle="collapse"]:after {
  font-family: "Glyphicons Halflings";
  content: "\e072"; /* "play" icon */
  float: right;
  color: #f5842d;
  font-size: 18px;
  line-height: 22px;
  /* rotate "play" icon from > (right arrow) to down arrow */
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.faq-list .panel-heading [data-toggle="collapse"].collapsed:after {
  /* rotate "play" icon from > (right arrow) to ^ (up arrow) */
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  color: #454444;
}

.faq-list .panel .panel-title:hover {
}
.faq-list .panel .panel-title a {
  display: block;
  font-weight: bold;
  color: #f5842d;
  text-decoration: none !important;
}
.faq-list .panel .panel-title a:hover {
}
.faq-list .panel-heading [data-toggle="collapse"]:not(.collapsed),
.faq-list .panel-heading [data-toggle="collapse"]:not(.collapsed):hover {
  text-decoration: underline;

  text-underline-position: under;
}
.faq-list .panel .panel-collapse {
}
.faq-list .panel .panel-body {
}
/*****************************
** product-item-box
*****************************/
.product-item-box {
  position: relative;
  /* overflow: hidden; */
  /* border: 5px #de0101 solid; */
  box-shadow: 0px 1px 3px 0px #00000038;
  margin: 5px;
  /* max-width: 100% !important; */
  /* width: 236px; */
  margin: 11px 8px;
  margin-top: 3px;
  text-align: right;
  direction: rtl;
  background: #fff;
  padding: 3px 3px;
  box-shadow: 0px 5px 10px -2px #00000057;
  border-radius: 0px;
}
.product-item-box:hover {
  transform: scale(1.05);
}
.product-item-box .post-content {
  position: relative;
  z-index: +1;
  bottom: 0;
  left: 0;
  /* background: #de0101; */
  padding: 0px 7px;
  color: #000;
  font-size: 12px;
  width: 100%;
  clear: both;
}
.product-item-box .discount-value {
  text-align: right;
  display: inline-block;
  float: right;
  clear: both;
  background: #de0101 !important;
  color: #fff !important;
  font-size: 14px;
  font-family: "Tajawal";
  font-weight: bold;
  padding: 3px 8px;
  margin: 0 0px;
  position: absolute;
  bottom: 4px;
  left: -3px;
}
.product-item-box a {
  display: block;
  width: 100%;
  text-decoration: none !important;
}
.product-item-box:hover a {
  border-color: #000;
}
.product-item-box .offer-price {
  position: relative;
  top: -4px;
  /* background: #de0101; */
  padding: 5px 7px;
  /* transform: translate(-3px); */
  z-index: +8;
  /* border-radius: 5px; */
  /* box-shadow: 3px 3px 4px -2px #00000047; */
  color: #de0101;
  text-align: right;
  text-decoration: none !important;
}
.product-item-box:hover .offer-price {
  /* background: #ffffff; */
  /* color: #de0101; */
}
.product-item-box .offer-price i {
  font-size: 17px;
  font-family: tahoma;
  font-weight: 600;
  letter-spacing: 0;
  color: #252525;
  position: relative;
  padding: 5px;
  text-align: center;
}
.product-item-box:hover .offer-price i {
  color: #b7b7b7;
}
.product-item-box .offer-price i:before,
.product-item-box .offer-price i:after {
  content: "";
  background: #b30000ba;
  position: absolute;
  width: 100%;
  height: 1px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(26deg);
}
.product-item-box:hover .offer-price i:before,
.product-item-box:hover .offer-price i:after {
  background: #f00;
}

.product-item-box .offer-price i:before {
  transform: translate(-50%, -50%) rotate(-26deg);
}
.product-item-box .offer-price span:not(.currency) {
  font-weight: bold;
  font-family: tahoma;
  font-size: 18px;
}

.product-item-box:hover .offer-price span:not(.currency) {
  color: #de0101;
  text-shadow: 0px 0px 4px #000000fa;
}

.product-item-box .offer-price span.currency {
  margin: 0 5px;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0;
  font-family: "Tajawal";
  color: #252525;
}
.product-item-box:hover .offer-price span.currency {
  color: #f9f9f9;
}
.product-item-box .headline {
  font-size: 16px;
  text-align: right;
  color: #000000;
  margin: 0;
  display: block;
  width: 100%;
  font-weight: 700;
  letter-spacing: 0;
  padding: 5px 0;
  padding-top: 12px;
  font-family: "Tajawal";
}
.product-item-box:hover .headline {
  color: #ffffff;
}
.product-item-box,
.product-item-box * {
  transition: all ease-in-out 0.25s;
  -moz-transition: all ease-in-out 0.25s;
  -webkit-transition: all ease-in-out 0.25s;
  -o-transition: all ease-in-out 0.25s;
  -ms-transition: all ease-in-out 0.25s;
}
.product-item-box .post-thumbnail {
  position: relative;
  background: #fff;
}
.product-item-box .post-thumbnail img {
  width: 100%;
  height: auto;
}
.product-item-box .post-thumbnail .OutOfStock-img {
  position: absolute;
  top: 0;
  left: 0;
}
.product-item-box:hover {
  background-color: #343434;
}
.product-item-box:hover .post-content {
  height: auto;
  /* background: #ffffff; */
  /* color: #de0101; */
}
.product-item-box .product-box-actions {
  list-style: none;
  padding: 0;
  margin: 0;
  position: absolute;
  z-index: +11;
  display: flex;
  flex-direction: row-reverse;
  width: calc(100% - 8px);
  top: 4px;
  left: 50%;
  transform: translateX(-50%);
}
.product-item-box .product-box-actions .action-btn {
  flex-grow: 0;
  /* display: inline-flex; */
  /* width: max-content; */
  background: #f0f0f0;
  padding: 3px 5px;
  color: #de0101;
  font-size: 17px;
  line-height: 20px;
  margin: 3px;
  cursor: pointer;
  position: relative;
  border-radius: 50%;
}
.product-item-box .product-box-actions .action-btn:hover {
  color: #000000;
}
.product-item-box .product-box-actions .action-btn i {
}
.product-item-box .product-box-actions .action-btn:hover i {
}

/*****************************
** products-list-row
*****************************/

.products-list-row {
  padding: 20px 0;
  padding-bottom: 50px;
}
.products-list-row.home {
}
.products-list {
  /* display: flex; */
  /* flex-wrap: wrap; */
  /* justify-content: space-between; */
  display: block;
  width: 100%;
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  -ms-flex-direction: column;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  display: -webkit-box;
  display: flex;
}
.packages-list{
}
.products-list .product-item-box,
.products-list .product-item-box * {
  transition: all ease-in-out 0.25s;
  -moz-transition: all ease-in-out 0.25s;
  -webkit-transition: all ease-in-out 0.25s;
  -o-transition: all ease-in-out 0.25s;
  -ms-transition: all ease-in-out 0.25s;
}
.products-list .product-item-box {
  position: relative;
  margin-top: 35px;
}
.products-list .product-item-box .product-thumbnail{position: relative;flex-grow: 1;}
.products-list .product-item-box .product-thumbnail img{width: 100%;height: auto;}
.realated-posts .products-list .product-item-box {
  margin-top: 20px;
  margin-bottom: 20px;
  direction: rtl;
}
.packages-list .product-item-box a{
  display:flex;
  flex-wrap: wrap;
  flex-direction: row;
  flex-basis: 100%;
  align-items: center;
}
.packages-list .product-item-box .product-title{
    font-family: 'Tajawal';
    font-weight: bold;
    font-size: 19px;
    margin: 0;
    padding: 7px 7px;
    flex-grow: 1;
    display: flex;
    color: #e3741f;
}
.packages-list .product-item-box .offer-price{
    width: max-content;
    float: left;
    margin: 0;
    padding: 0;
    top: 0;
}
.packages-list .product-item-box:hover .product-title{
    color: #fff;
}
.packages-list .product-item-box:hover .offer-price{}

@media screen and (min-width: 920px) {
  .products-list .grid-fix-item {
    max-width: 25%;
    width: 25%;
    padding-left: 10px;
    padding-right: 10px;
  }
  .packages-list  .grid-fix-item{
    max-width: 50%;
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media screen and (max-width: 980px) {
  .filter-box .filters-options li {
    width: 33.3%;
  }
  .products-list-row {
    padding: 20px;
  }
  .products-list .grid-fix-item {
    max-width: 33.3%;
    width: 33.3%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 33.3%;
  }
  .add-to-cart-form li.add-btn span {
    display: none;
  }
  .product-single-data {
    flex-wrap: nowrap;
    flex-direction: column;
  }
  .product-single-data .product-photos {
    width: 100%;
  }
  .product-single-data .product-data {
    width: 100%;
  }
  .sidebar {
    max-width: unset;
    padding-top: 15px;
  }
  .single-wide-col {
    max-width: unset;
    width: 100%;
    display: block;
    flex: 1;
  }
}
@media screen and (max-width: 820px) {
  .products-list .grid-fix-item {
    max-width: 50%;
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 50%;
  }
}

@media screen and (max-width: 768px) {
  .filter-box .filters-options li {
    width: 50%;
  }
  .products-list-row {
    padding: 20px;
    /* padding-top: 24px; */
  }
  .products-list {
    gap:20px;
  }
  .single-related-products-box{
    padding-top: 17px;
}
  .products-list .grid-fix-item {
    max-width: 100%;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 100% !important;
  }
  .products-list .product-item-box {
    /* flex: calc(50% - 10px) 0 0; */
    margin-top: 0 !important;
    /* margin-bottom: 0 !important; */
  }
  .packages-list  .grid-fix-item{
    max-width: 100%;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }
  .add-to-cart-form li.add-btn span {
    /* display: none !important; */
    /* font-size: 10px !important; */
  }
  .product-single-data {
  }
  .product-single-data .product-photos {
    padding: 0 30px;
  }
  .breadcrumb-bar .breadcrumb-content {
    flex-wrap: wrap !important;
    /* flex-direction: column; */
    margin: 0 15px;
    background: transparent;
  }
  .breadcrumb-bar .filtration-box {
    font-size: 12px;
    flex-grow: 1;
    justify-content: center;
  }
  .filtration-box .sort-filter {
    padding: 4px 9px;
    margin: 0;
    display: flex;
    align-items: center;
  }
  .filtration-box .sort-filter > li {
    display: flex;
  }
  .filtration-box .sort-filter > li > a {
  }
  .filtration-box .sort-filter > li > a i {
  }
  .filtration-box .sort-filter > li > a span {
  }
  .filtration-box .sort-filter > li ul.dropdown-menu {
  }
  .filtration-box .sort-filter > li ul.dropdown-menu a {
  }
  .filtration-box .sort-filter > li ul.dropdown-menu a i {
  }
  .filtration-box .sort-filter > li ul.dropdown-menu a span {
  }
  .breadcrumb-bar nav {
    font-size: 13px;
    background: #1e1e1e30;
    border-radius: 30px;
    margin-bottom: 10px;
  }
  .breadcrumb-bar .search-box {
    flex-grow: 1;
    margin: 0 10px;
    margin-top: 13px;
    padding-top: 10px;
    border-top: 1px #ffffff45 solid;
  }
  .filtration-box .sort-filter > li ul.dropdown-menu {
    /* transform: translate(-42%, 10px); */
  }
  .filtration-box .sort-filter > li ul.dropdown-menu:before {
    left: 83%;
  }
}


@media screen and (max-width: 727px) {
  .filter-box .filters-options li {
    width: 100%;
  }
  .products-list .product-item-box {
    margin-right: 5px;
    margin-left: 5px;
  }
  .add-to-cart-form li.add-btn span {
    max-width: 45px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
}
/*******************************
** Single Header
*******************************/
.global-header,
.archive-header {
}
.global-header:before,
.archive-header:before {
}
.global-header .breadcrumb-bar {
}
.global-header .breadcrumb-bar .container {
}
.global-header .breadcrumb-bar .row {
}
.global-header .breadcrumb-bar .breadcrumb-content {
}
.global-header .breadcrumb-bar nav {
}
.global-header .breadcrumb-bar nav .breadcrumb {
}
.global-header .breadcrumb-bar nav .breadcrumb-item {
}
.global-header .breadcrumb-bar nav .breadcrumb-item.active {
}

.archive-header .breadcrumb-bar {
}
.archive-header .breadcrumb-bar .container {
}
.archive-header .breadcrumb-bar .row {
}
.archive-header .breadcrumb-bar .breadcrumb-content {
}
.archive-header .breadcrumb-bar nav {
}
.archive-header .breadcrumb-bar nav .breadcrumb {
}
.archive-header .breadcrumb-bar nav .breadcrumb-item {
}
.archive-header .breadcrumb-bar nav .breadcrumb-item.active {
}
/******************
** filtration-box
*******************/
.filtration-box{
    padding: 5px 5px;
    /* padding-bottom: 6px; */
    display: flex;
}
.filtration-box > ul {
	margin: 0;
	padding: 0;
	/* margin-right:10px; */
	padding-top: 2px;
	list-style: none;
	border: 1px #1a0e0e26 solid;
	padding: 4px 9px;
	border-radius: 19px;
	background: #ffffffc4;
	box-shadow: 0px 0px 8px -1px #00000000 inset;
	display: flex;
}
.filtration-box .sort-filter {
}

.filtration-box .sort-filter > li {
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.filtration-box .sort-filter > li > a {
	font-weight: bold;
	color: #292929;
	display: flex;
	/* text-shadow: 1px 1px 1px #000; */
	height: 100%;
	align-items: center;
}
.filtration-box .sort-filter > li > a i {
	display: inline-block;
	margin-right: 4px;
	color: #f5842d;
}
.filtration-box .sort-filter > li > a span {padding: 0 6px;color: #0a837a;}
.filtration-box .sort-filter > li > a:hover {
}
.filtration-box .sort-filter > li > a:hover i {
}
.filtration-box .sort-filter > li > a:hover span {
}
.filtration-box .sort-filter > li ul.dropdown-menu {
	list-style: none;
	position: absolute;
	padding: 0;
	margin: 0;
	background: #fdfdfe;
	box-shadow: 0px 2px 6px -1px #0000001f;
	z-index: +1000000000000000000000;
	transform: translate(-2px,10px);
}
.filtration-box .sort-filter > li ul.dropdown-menu:before {
	content: "";
	border-color: transparent;
	border-width: 6px;
	border-style: solid;
	border-bottom-color: #fff;
	position: absolute;
	z-index: +1;
	top: -12px;
	left: 3px;
}
.filtration-box .sort-filter > li ul.dropdown-menu a {
	display: block;
	font-weight: bold;
	color: #000;
	font-size: 12px;
	padding: 7px 8px;
}
.filtration-box .sort-filter > li ul.dropdown-menu a + a {
	border-top: 1px #d0d0d091 solid;
}
.filtration-box .sort-filter > li ul.dropdown-menu a i {color: #f5842d;/* color: #0a837a; */margin: 0 3px;font-size: 14px;}
.filtration-box .sort-filter > li ul.dropdown-menu a span {font-weight: bold;font-size: 13px;padding: 0 3px;}
.filtration-box .sort-filter > li ul.dropdown-menu a:hover {
	color: #FFF;
	background: #f5842d;
}
.filtration-box .sort-filter > li ul.dropdown-menu a:hover i {color: #fff;}
.filtration-box .sort-filter > li ul.dropdown-menu a:hover span {
}
.filtration-box .sort-filter > li ul.dropdown-menu a.active,
.filtration-box .sort-filter > li ul.dropdown-menu a.active:hover{
    background: #13a89e;
    color: #ffffff;
}
.filtration-box .sort-filter > li ul.dropdown-menu a.active i,
.filtration-box .sort-filter > li ul.dropdown-menu a.active:hover i{color: #fff;}
.filtration-box .tax-filter {
	margin-right: 6px;
}
.filtration-box .tax-filter > li {
	padding: 0;
	margin: 0;
	display: flex;
	cursor: pointer;
}
.filtration-box .tax-filter > li > span {
	font-weight: bold;
	color: #232323;
	display: flex;
	/* text-shadow: 1px 1px 1px #000; */
	align-items: center;
}
.filtration-box .tax-filter > li > span i {
	display: inline-block;
	font-size: 19px;
	padding-right: 4px;
	color: #f5842d;
}
.filtration-box .tax-filter > li > span span {padding: 1px;padding-right: 6px;color: #0a837a;}
.filtration-box .tax-filter > li > span:hover {
}
.filtration-box .tax-filter > li > span:hover i {
}
.filtration-box .tax-filter > li > span:hover span {
}

.jconfirm .jconfirm-box div.jconfirm-title-c.pv-tax-filters-confirm-title{
    border-bottom: 1px #c5c5c5 solid;
}
.jconfirm .jconfirm-box div.jconfirm-title-c.pv-tax-filters-confirm-title .jconfirm-title{
    font-family: 'TAJAWAL';
    font-weight: bold;
    font-size: 19px;
    color: #f5842d;
    color: #13a89e;
}
.jconfirm .jconfirm-box div.jconfirm-closeIcon .pv-tax-filters-confirm-close{
    font-size: 21px;
    position: relative;
    left: 8px;
    top: 8px;
}
.jconfirm .jconfirm-box div.jconfirm-closeIcon .pv-tax-filters-confirm-close:before{}

.filter-box{font-family: 'Tajawal';font-size: 16px;}
.filter-box:first-child{
    margin-top: 19px;
}
.filter-box + .filter-box{margin-top: 15px;}
.filter-box .filter-title{font-weight: bold;border-bottom: 1px #c5c5c57d solid;color: #de0303;color: #f5842d;padding-bottom: 5px;}
.filter-box .filters-options{list-style: none;margin: 0;padding: 0;max-height: 150px;overflow-x: auto;display: flex;/* justify-content: space-between; */flex-wrap: wrap;flex-basis: 100%;flex: 0 0 20%;}
.filter-box .filters-options li{margin-bottom: 5px;/* width: 20%; */flex-basis: 20%;padding-left: 10px;}
.filter-box .filters-options li label{cursor: pointer;display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;font-weight: bold;padding: 5px 0;}
.filter-box .filters-options li span{padding: 0;padding-right: 15px;/* font-weight: normal; */}
.filter-box .filters-options li input[type="checkbox"]{
}

.jconfirm .jconfirm-box .jconfirm-buttons button.tax-filter-cancel-btn,
.jconfirm .jconfirm-box .jconfirm-buttons button.tax-filter-confirm-btn{
    font-family: 'TAJAWAL';
    font-weight: bold;
    font-size: 17px;
    color: #fff;
    text-shadow: 0px 1px 2px #000;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.tax-filter-cancel-btn{}
.jconfirm .jconfirm-box .jconfirm-buttons button.tax-filter-cancel-btn:hover,
.jconfirm .jconfirm-box .jconfirm-buttons button.tax-filter-cancel-btn:focus{}
.jconfirm .jconfirm-box .jconfirm-buttons button.tax-filter-confirm-btn{
    background: #f5842d;
    background: #13a89e;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.tax-filter-confirm-btn:hover,
.jconfirm .jconfirm-box .jconfirm-buttons button.tax-filter-confirm-btn:focus{
    background: #f5842d;
}
/*********************************
pagination 
*********************************/

.pagination{
    display: flex;
    flex-basis: 100%;
    justify-content: center;
    direction: rtl;
    font-family: 'TAJAWAL';
}
.pagination .navigation{}
.pagination .navigation .des-pages{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    /* align-items: center; */
    gap: 0.3em;
    font-weight: bold;
}
.pagination .navigation{}
.pagination .navigation .page,
.pagination .navigation .pages{
     padding: 0.3em 0.6em;
     margin: 0;
     text-align: center;
     display: flex;
     flex-basis: 100%;
     justify-content: center;
     align-items: center;
     flex-direction: row;
     flex-wrap: nowrap;
     background: #13a89e;
     color: #fff;
     font-size: 15px;
     line-height: unset;
     border-radius: 0.2em;
     box-shadow: 0px 1px 4px -1px #0000002e;
     min-width: 1em;
     transition: all ease-in-out 0.25s;
     -webkit-transition: all ease-in-out 0.25s;
     -ms-transition: all ease-in-out 0.25s;
     -moz-transition: all ease-in-out 0.25s;
     -o-transition: all ease-in-out 0.25s;
}
.pagination .navigation .pages{}
.pagination .navigation .pages.current{
    background: #ffffff;
    color: #098d84;
}
.pagination .navigation .page{font-size: 16px;}
.pagination .navigation .page.current{}
.pagination .navigation .page.pages_arrows,
.pagination .navigation .page.pagesSEL{
    font-size: 15px;
    background: #fff;
    color: #098d84;
    box-shadow: 0px 1px 4px -1px #0000002e;
}
.pagination .navigation .page.pagesSEL{}
.pagination .navigation .page.pages_arrows i,
.pagination .navigation .page.pagesSEL i{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    min-width: 0.4em;
}
.pagination .navigation .page.pagesSEL i{
    font-size: 19px;
}
.pagination .navigation .page.pages_arrows i:after,
.pagination .navigation .page.pagesSEL i:after{
  content:"";
  /* width: 2px; */
}
.pagination .navigation .page:not(.current):hover,
.pagination .navigation .page:not(.current):focus{
    background: #f5842d;
    color: #fff;
}

/*********************************
contacts 
*********************************/
.contacts-col {/* float: left; */flex-basis: 30%;/* align-self: flex-start; *//* justify-self: stretch; */display: none;}
.contacts-col .contacts-data {
}
.contacts-data > h2 {
  margin: 0;
  margin-bottom: 10px;
  border-bottom: 1px #0000002e solid;
  padding: 9px 2px;
  font-size: 20px;
  /* font-weight: bold; */
  color: #f5842d;
  text-align: center;
}
.contacts-data .social {
  padding: 0;
  margin: 0;
  list-style: none;
  border-bottom: 1px #0000002e solid;
  padding-bottom: 3px;
  text-align: center;
}
.contacts-data .social li {
  display: inline-block;
}
.contacts-data .social li + li {
  margin-left: 5px;
}
.contacts-data .social a {
  display: block;
  color: #f5842d;
  /* padding: 0px 4px; */
  /* background: #6dbdcf; */
  /* width: 22px; */
  position: relative;
  height: 25px;
  width: 25px;
}
.contacts-data .social a i {
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.contacts-data .social a:hover {
  color: #fff;
  background: #f5842d;
  transform: scale(1.2);
}
.contacts-data .contact-row {
  margin-bottom: 10px;
}
.contacts-data .contact-row > a {
  display: block;
  background: #f5f5f5;
  padding: 7px 10px;
  padding-left: 36px;
  color: #000;
  position: relative;
}
.contacts-data .contact-row > a i {
  /* margin-left: 10px; */
  color: #f5842d;
  font-size: 18px;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.contacts-data .contact-row > a span {
  font-weight: bold;
  direction: ltr !important;
}
.contacts-data .contact-row > a:hover {
  background: #f5842d;
  color: #fff;
}
.contacts-data .contact-row > a:hover i {
  color: #fff;
}
.contacts-data .contact-row > a:hover span {
}
@media screen and (max-width: 768px) {
}
/*********************************
Contact us 
*********************************/
.contact-col {
  padding-top: 30px;
  padding-bottom: 30px;
}
.contact-col .contacts-col {
  margin-top: 30px;
}
.contact-col .data-row {
  /* background: #f5f5f5; */
  padding: 10px 15px;
  padding-top: 0;
  position: relative;
}
.contact-col .data-row > h2 {
  margin: 0;
  margin-bottom: 10px;
  border-bottom: 1px #0000002e solid;
  padding: 9px 2px;
  font-size: 20px;
  /* font-weight: bold; */
  color: #f5842d;
}
.contact-col .data-row > h2:after,
.contact-col .data-row > h2:before {
  content: "";
  position: absolute;
  /* background: #f5842d; */
}
.contact-col .data-row > h2:after {
  top: 0;
  left: 0;
  width: 2px;
  height: 80px;
  z-index: 0;
}
.contact-col .data-row > h2:before {
  top: 0;
  left: 0;
  width: 80px;
  height: 2px;
  z-index: 0;
}
.contact-form {
  position: relative;
  height: auto !important;
  float: left !important;
  width: 100%;
  margin: 0;
  margin-bottom: 30px !important;
}
.contact-form .screenReader {
  left: -9999px;
  position: absolute;
  top: -9999px;
}
.contact-form .forms {
  float: left;
  list-style: none;
  width: 100%;
  margin: 0;
  position: relative;
}
.contact-form .forms p {
  clear: both;
  float: left;
  margin-bottom: 0;
  position: relative;
  width: 100%;
}
.contact-form .forms .error {
  font-size: 12px;
  display: block;
  margin-left: 120px;
  color: red;
}
.contact-form .forms .textarea .error {
  display: block;
  margin-left: 120px;
}
.contact-form .forms .screenReader {
  margin-bottom: 0;
}
.contact-form .forms .buttons .submit {
  margin: 25px 0 0 0;
  cursor: pointer;
}
.contact-form .forms .inline {
  position: relative;
  float: left;
  top: 15px;
}
.contact-form .forms .inline input {
  padding: 0;
  margin: 0;
  width: 5%;
}
.contact-form .forms .inline label {
  display: inline;
  float: none;
  width: auto;
}
.entry .contact-form ol.forms li {
  list-style: none;
} /* Added to accomodate the contact form shortcode */
.contact-form .submit {
  background: #f5842d;
  padding: 8px 16px;
  color: #fff !important;
  left: 0;
  position: relative;
  float: left;
  text-shadow: none;
  max-width: 100%;
  display: block;
  margin-top: 20px;
  font-family: "Anton", sans-serif;
}
.contact-form .submit i {
  padding-right: 5px;
}
.contact-form .submit:hover {
  color: #fff !important;
  background: #000000 !important;
  text-shadow: none;
  text-decoration: none;
}
.contact-form .with_error,
.contact-form .change_error {
  border: 1px solid #d07f7f !important;
  color: #bd3030 !important;
  font-family: "Open Sans Light", Arial, sans-serif;
  position: relative;
  float: left;
  background: #fff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 8px;
  line-height: 14px;
  margin: 7px 0 !important;
  width: 96%;
}
.contact-form {
  position: relative;
  float: left;
  left: 0;
  /* text-align: right; */
  top: 0;
}
.contact-form label {
  color: #292929;
  float: left;
  font-family: 'Tajawal';
  font-size: 15px;
  line-height: 20px;
  padding-bottom: 15px;
  padding-left: 15px;
  position: relative;
  top: 15px;
  width: 100%;
  font-weight: bold;
}
.contact-form input {
  background: #fff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 8px 8px;
  /* line-height: 14px; */
  margin: 7px 0 !important;
  width: 100%;
  color: #848889;
  font-family: "Open Sans Light", Arial, sans-serif;
  font-size: 12px;
  border: 1px solid #e5e5e5;
  position: relative;
  float: left;
}
.contact-form textarea {
  background: #fff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 8px;
  line-height: 14px;
  margin: 7px 0 !important;
  width: 100%;
  height: 110px;
  color: #848889;
  font-family: "Open Sans Light", Arial, sans-serif;
  font-size: 12px;
  border: 1px solid #e5e5e5;
  position: relative;
  float: left;
}
.contact-form .forms {
  margin-top: -15px;
  padding: 0;
}
.contact-form input.hightlight,
.contact-form textarea.hightlight {
  border: 1px solid #666;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.form_success {
  position: relative;
  display: none;
  color: #fff !important;
  background: rgb(159, 209, 116) !important;
  font-size: 12px;
  margin-top: 0;
  text-align: left;
  left: 0;
  padding: 6px 10px;
  font-family: Helvetica, Arial, sans-serif;
}
@media screen and (max-width: 768px) {
}
/*********************************
About 
*********************************/
.about-head{background-size: contain;background-repeat: no-repeat;display: flex;width: 100%;/* padding: 92px 0; */padding-top: 0;align-items: center;}
.about-head:after{
  content:"";
  display: flex;
  background: #fff;
  /* height: 100%; */
  width: 30%;
  position: relative;
  /* top: 60px; */
  margin-bottom: 35%;
}
.about-head .logo-area{
    width: max-content;
    position: relative;
    margin: 0 30px;
}
.about-head .logo-area:before{
  content:"";
  background: #fff;
  position: absolute;
  width: calc(100% + 20px);
  height: 100%;
  z-index: 0;
  transform: translate(-50%,-50%);
  left: 50%;
  top: 50%;
  background: rgb(255,255,255);
  background: -moz-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 60%, rgba(255,255,255,0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 60%, rgba(255,255,255,0) 100%);
  background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 60%, rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}
.about-head .logo-area img{
    width: 100%;
    height: auto;
    position: relative;
}
.about-head .text-area{
    width: 344px;
    font-family: 'Tajawal';
}
.about-head .text-area h2{
    color: #f5842d;
}
.about-head .text-area p{
    font-weight: bold;
    font-size: 16px;
}



.about-col {
  /* padding-top: 30px; */
  position: relative;
  top: -20px;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  /* justify-content: stretch; */
}
.about-col[data-areas="3"] {
  grid-template-areas: "about about about contacts" "mission mission mission mission" "vision vision vision vision";
}
.about-col .divider {
}
.about-col .data-row:not(.fix-empty) {
  /* background: #f5f5f5; */
  /* padding: 10px 15px; */
  /* padding-left: 15px; */
  position: relative;
  flex-basis: 70%;
  width: 70%;
  flex-grow: 1;
}
.about-col .data-row.fix-empty{
    flex-grow: 1;
}
.about-col .data-row.about-blocks{
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: stretch;
  gap: 25px;
  font-family: 'TAJAWAL';
  row-gap: 25px;
}
.about-col .data-row.about-blocks .block-item,
.about-col .data-row.about-blocks .block-item * {
  transition: all ease-in-out 0.25s;
  -moz-transition: all ease-in-out 0.25s;
  -webkit-transition: all ease-in-out 0.25s;
  -ms-transition: all ease-in-out 0.25s;
  -o-transition: all ease-in-out 0.25s;
}

.about-col .data-row.about-blocks .block-item{flex-basis: calc(33.3% - 17px);display: flex;flex-direction: row;flex-wrap: nowrap;gap: 15px;background: #fff;padding: 10px 10px;box-shadow: 0px 2px 5px 0px #00000030;}
.about-col .data-row.about-blocks .block-item .icon{/* background: #f00; */display: flex;align-items: center;justify-content: center;flex-grow: 1;}
.about-col .data-row.about-blocks .block-item .icon i{font-size: 36px;position: relative;width: 70px;height: 70px;background: #f5842d;color: #fff;display: flex;align-items: center;justify-content: center;border-radius: 50%;}
.about-col .data-row.about-blocks .block-item .text{flex-grow: 1;/* width: calc(100% - 130px); */}
.about-col .data-row.about-blocks .block-item .text h3{padding: 0;margin: 0;margin-bottom: 6px;font-weight: bold;font-size: 16px;color: #f5842d;}
.about-col .data-row.about-blocks .block-item .text p{margin: 0;padding: 0;margin-bottom: 5px;}
.about-col .data-row.about-blocks .block-item:hover{
}
.about-col .data-row.about-blocks .block-item:hover .icon{
}
.about-col .data-row.about-blocks .block-item:hover .icon i{
}
.about-col .data-row.about-blocks .block-item:hover .text{
}
.about-col .data-row.about-blocks .block-item:hover .text h3{
}
.about-col .data-row.about-blocks .block-item:hover .text p{
}

.about-col .data-row + .data-row{
    flex-grow: 0;
}
.about-col .data-row > h2 {
  margin: 0;
  margin-bottom: 10px;
  border-bottom: 1px #0000002e solid;
  padding: 9px 2px;
  font-size: 20px;
  /* font-weight: bold; */
  color: #f5842d;
}
.about-col .data-row > h2:after,
.about-col .data-row > h2:before {
  content: "";
  position: absolute;
  background: #f5842d;
}
.about-col .data-row > h2:after {
  top: 0;
  left: 0;
  width: 2px;
  height: 80px;
  z-index: 0;
}
.about-col .data-row > h2:before {
  top: 0;
  left: 0;
  width: 80px;
  height: 2px;
  z-index: 0;
}
.about-col .data-row > p {
  margin: 0;
  color: #505050;
  font-weight: bold;
}
.about-col .about {
  flex-basis: 70%;
}
.about-col .mission {flex-basis: 70%;}
.about-col .about + .vision {
  grid-area: mission;
}
.about-col .vision {flex-basis: 70%;}
.about-col .contact-col {
}
@media screen and (max-width: 768px) {
  
}
.page {
  padding: 30px 0;
}
.page-content {
}
.page-content > h2 {
  color: #f5842d;
  margin-bottom: 5px;
  font-family: "Oswald";
}
.page-content > .last-edit {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 22px;
}
.page .overview {
  /* color: #000; */
  font-family: tahoma;
}
.page .overview article {
  clear: both;
  display: block;
  float: none;
}
.page .overview h2,
.page .overview h3,
.page .overview h4 {
  font-size: 22px;
  color: #337ab7;
}
.page .overview h2 {
  font-size: 24px;
}
.page .overview h3 {
}
.page .overview article > h4 {
}
.page .overview article ul {
  padding-left: 20px;
}
.page .overview article ol {
}
.page .overview article li {
  margin-left: 7px;
}
@media screen and (max-width: 768px) {
  .single,
  .page {
    padding-left: 15px;
    padding-right: 15px;
    padding-top:0;
  }
  .page{
    padding-top:0;    
  }
  .contact-col{
    padding-top:0; 
  }
  footer .copywrite-text,
  footer .pv-copywrite-col {
    text-align: center !important;
    float: none !important;
  }
}

/****************************
** Footer 
****************************/
.footer-viewport {
  /* background: #000; */
}
.footer-viewport .footer-top {
  /* background: #fff; */
  -webkit-mask-image: url(../images/footer-mask.png);
  -webkit-mask-position: left top;
  -webkit-mask-repeat: repeat-x;
  -webkit-mask-size: cover;
}
.footer-viewport .footer-top:before {
  content: url("../images/footer-mask-area.gif");
  /* background-color: #fff; */
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
  bottom: -6px;
}
.footer-viewport .footer-container {
  padding: 0 30px;
  padding-bottom: 20px;
  padding-top: 30px;
  display: flex;
  flex-direction: row;
  /* align-items: center; */
  background: #000;
}

.footer-col {
  flex-grow: 1;
}
.footer-col .footer-col-title {
  position: relative;
  letter-spacing: unset;
  font-size: 20px;
  font-family: "Tajawal";
  margin: 0;
  margin-bottom: 20px;
  border-style: solid;
  border-width: 0 0 1px 0;
  border-color: #ffffff40;
  padding: 5px 10px;
  color: #13a89e;
  width: max-content;
  letter-spacing: unset;
  padding-bottom: 12px;
}
.footer-col .footer-col-title span {
  position: relative;
  text-shadow: 0px 0px 5px #000;
  margin: 0 4px;
  letter-spacing: unset;
  font-size: 20px;
  font-family: "Tajawal";
  border-width: 0 3px 0 0;
  padding-bottom: 8px;
}
.footer-about-col {
  width: 100%;
  flex-grow: unset;
  display: flex;
}
.footer-text-col {
  font-family: "Tajawal"; /* font-weight: bold; */
  color: #ffffffd9;
  max-width: 31%;
}
.footer-text-col .footer-text-title {
}
.footer-text-col .footer-text-des {
  font-size: 15px;
}
.footer-about-col .footer-logo-col {
  display: flex;
  flex-direction: column;
  /* width: 580px; */
  align-items: center;
  justify-content: center;
}
.footer-logo-col .footer-logo {
  display: inline-flex;
  max-width: 60%;
  position: relative;
}
.footer-logo-col .footer-logo img {
  max-width: 100% !important;
  height: auto;
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
}

.footer-about-col .footer-social {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 10px;
  padding-bottom: 20px;
  /* display: flex; */
  /* width: 100%; */
  /* float: left; */
  text-align: center;
  /* display: none; */
}

.footer-about-col .footer-social li {
  margin: 0 3px;
  list-style: none;
  padding: 0;
  display: inline-block;
}
.footer-about-col .footer-social li a {
  position: relative;
  color: rgb(255, 255, 255);
  display: block;
  transition: all ease-in-out 0.15s;
}
.footer-about-col .footer-social li a:hover {
  color: #fca700;
  transform: scale(1.2);
}
.footer-about-col .footer-social li a i {
  font-size: 28px;
  /* color: #000; */
  /* transition: all ease-in-out 0.25s; */
}
.footer-about-col .footer-social li a i:before {
}

.footer-about-col .footer-contacts-col {
  flex-grow: 1;
  min-width: max-content;
  margin: 0 30px;
  position: relative;
}
.footer-contacts {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer-contacts li {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  color: #c5c5c5;
  margin-bottom: 7px;
}
.footer-contacts li + li {
  margin-top: 16px;
  position: relative;
}
.footer-contacts li + li:before {
  content: "";
  position: absolute;
  top: -7px;
  width: 100%;
  height: 1px;
  background: #ffffff30;
}
.footer-contacts li i {
  /* margin-right: 10px; */
  font-size: 17px;
  text-align: center;
  align-items: center;
  min-width: 30px;
  color: #a9a9a9;
  transition: all ease-in-out 0.25s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer-contacts li p {
  margin: 0;
  padding: 0 5px;
}
.footer-contacts li a {
  color: #c5c5c5;
  text-decoration: none;
  transition: all ease-in-out 0.25s;
  padding: 0 5px;
  direction: ltr;
}
.footer-contacts li:hover i,
.footer-contacts li a:hover {
  color: #fca700;
}

.footer-contacts li.address {
}
.footer-contacts li.address i {
  font-size: 22px;
}
.footer-contacts li.address p {
}
.footer-contacts li.email {
}
.footer-contacts li.phone {
}

.footer-menu-col {
  /* background: #ffffff26; */
  position: relative;
}
.footer-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.footer-menu li {
  width: calc(50% - 15px);
  margin-bottom: 15px;
  color: #c5c5c5;
  margin-bottom: 7px;
  text-align: start;
}
.footer-menu li + li:not(:nth-child(2)) {
  margin-top: 7px;
  position: relative;
}
.footer-menu li + li:not(:nth-child(2)):before {
  content: "";
  position: absolute;
  top: -7px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #ffffff30;
}

.footer-menu li a {
  color: #c5c5c5;
  transition: all ease-in-out 0.15s;
  text-decoration: none;
  display: flex;
  align-items: center;
}
.footer-menu li a i {
  transition: all ease-in-out 0.25s;
  font-size: 18px;
}
.footer-menu li a span {
  transition: all ease-in-out 0.25s;
  /* font-weight: bold; */
  letter-spacing: unset;
  font-size: 18px;
  font-family: "Squada One", cursive;
  padding: 0 5px;
}

.footer-menu li a:hover {
  color: #fca700;
}
.footer-menu li a:hover i {
}
.footer-menu li a:hover span {
}

.copyrights-row {
  padding: 10px 0;
  background: #0e0e0e;
  color: #606060;
}
.copyrights-row .row,
.copyrights-row .container {
  align-items: center;
}
.copyrights-row .copywrite-text {
}
.copyrights-row .pv-copywrite-col {
}
.copyrights-row .pv-copywrite {
  color: #606060;
  font-family: "Squada One", cursive;
  font-size: 18px;
  text-decoration: none;
}
.copyrights-row .pv-copywrite:hover {
  color: #fca700;
}