body {
  background-color: #ffffff;
}

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; */
  /* background: #f7f7f7; */
}

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%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

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

@keyframes circle {
  0% {
    top: 75px;
    height: 8px;
    border-radius: 50px 50px 25px 25px;
    -webkit-border-radius: 50px 50px 25px 25px;
    -moz-border-radius: 50px 50px 25px 25px;
    -ms-border-radius: 50px 50px 25px 25px;
    -o-border-radius: 50px 50px 25px 25px;
    transform: scaleX(1.7);
    -webkit-transform: scaleX(1.7);
    -ms-transform: scaleX(1.7);
    -moz-transform: scaleX(1.7);
    -o-transform: scaleX(1.7);
  }

  40% {
    height: 30px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-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%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 82px;
  transform-origin: 50%;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -ms-transform-origin: 50%;
  -o-transform-origin: 50%;
  z-index: -1;
  left: 15%;
  filter: blur(1px);
  -webkit-filter: blur(1px);
  -moz-filter: blur(1px);
  -ms-filter: blur(1px);
  -o-filter: blur(1px);
  animation: shadow 0.5s alternate infinite ease;
}

@keyframes shadow {
  0% {
    transform: scaleX(1.5);
    -webkit-transform: scaleX(1.5);
    -moz-transform: scaleX(1.5);
    -ms-transform: scaleX(1.5);
    -o-transform: scaleX(1.5);
  }

  40% {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    opacity: 0.7;
    -webkit-opacity: 0.7;
    -moz-opacity: 0.7;
    -ms-opacity: 0.7;
    -o-opacity: 0.7;
  }

  100% {
    transform: scaleX(0.2);
    -webkit-transform: scaleX(0.2);
    -moz-transform: scaleX(0.2);
    -ms-transform: scaleX(0.2);
    -o-transform: scaleX(0.2);
    opacity: 0.4;
    -webkit-opacity: 0.4;
    -moz-opacity: 0.4;
    -ms-opacity: 0.4;
    -o-opacity: 0.4;
  }
}

.page-loading .shadow:nth-child(4) {
  left: 45%;
  animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
}

.page-loading .shadow:nth-child(5) {
  left: auto;
  right: 15%;
  animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -o-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;
  /* background: #f3f3f5; */
}

.header-container {
  /* min-height: 145px; */
  /* padding-top: 12px; */
  /* border-bottom: 3px #000 solid; */
}

.header-container .full-header.sticky {
  /* position: fixed; */
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  background: #fff;
  /* background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgb(255 255 255 / 100%) 60%); */
  z-index: +100;
  transition: all ease-in-out 0.25s, top ease-in-out 0.05s;
  -webkit-transition: all ease-in-out 0.25s, top ease-in-out 0.05s;
  -moz-transition: all ease-in-out 0.25s, top ease-in-out 0.05s;
  -ms-transition: all ease-in-out 0.25s, top ease-in-out 0.05s;
  -o-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;
  -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;
}

.header-container .full-header.sticky.fixed {
  position: fixed !important;
  width: 100%;
  top: 0;
  background: #fff;
  box-shadow: 0px 0px 13px 1px #00000021;
  -webkit-box-shadow: 0px 0px 13px 1px #00000021;
  -ms-box-shadow: 0px 0px 13px 1px #00000021;
  -moz-box-shadow: 0px 0px 13px 1px #00000021;
  -o-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;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
}

.header-container .header-fixed-size-placeholder {}

/************************************
  ** Tob Bar
  ************************************/
.top-bar-row {
  background: #000;
}

.top-bar-row>.content {}

.top-bar-row>.content>.row {}

.top-bar {
  display: flex;
  flex-basis: 100%;
  width: 100%;
  align-items: center;
  gap: 10px;
}

.top-bar>* {
  width: max-content;
}

.top-bar .space-fix {
  flex-grow: 1;
}

.top-bar .top-contacts-col {
  color: #8b8a8a;
  display: flex;
  flex-wrap: nowrap;
  gap: 2rem;
}

.top-contacts-col {}

.top-contacts-col .contacts-data {
  display: flex;
  flex-wrap: nowrap;
  gap: 1rem;
}

.top-contacts-col .contacts-data .contact-row {
  margin: 0;
  padding: 0;
}

.top-contacts-col .contacts-data .contact-row>a {
  background: transparent !important;
  color: #b5b5b5;
  padding: 0;
  display: flex;
  flex-wrap: nowrap;
  gap: 0.9rem;
  align-items: center;
}

.top-contacts-col .contacts-data .contact-row>a i {
  position: relative;
  left: unset !important;
  right: unset !important;
  top: unset !important;
  transform: none !important;
  -webkit-transform: none !important;
  -ms-transform: none !important;
  -moz-transform: none !important;
  -o-transform: none !important;
  color: #b5b5b5;
}

.top-contacts-col .contacts-data .contact-row>a span {
  font-size: 13px;
  font-weight: normal;
}

.top-contacts-col .contacts-data .contact-row>a:hover {}

.top-contacts-col .contacts-data .contact-row>a:hover i {}

.top-contacts-col .contacts-data .contact-row>a:hover span {}

@media screen and (max-width:768px) {
  .top-contacts-col .contacts-data .contact-row>a span {
    display: none;
  }
}

.top-bar .social-col {}

.top-bar .social-col .social {
  margin: 0;
  border: 0;
  padding: 0;
}

.top-bar .social-col .social a {
  color: #6c6c6c;
}

.top-bar .social-col .social a:hover {
  color: #f5020a;
  background: #fff0;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}

.top-bar .lang-col {
  background: #F5020A;
}

.social {
  padding: 0;
  margin: 0;
  list-style: none;
  border-bottom: 1px #0000002e solid;
  padding-bottom: 3px;
  text-align: center;
  display: flex;
  gap: 5px;
}

.social li {
  display: inline-block;
}

.social li+li {
  /* margin-left: 5px; */
}

.social a {
  display: block;
  color: #00487a;
  /* padding: 0px 4px; */
  /* background: #6dbdcf; */
  /* width: 22px; */
  position: relative;
  height: 25px;
  width: 25px;
}

.social a i {
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.social a:hover {
  color: #fff;
  background: #00487a;
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
}

/************************************
  ** 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;
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -ms-transition: all ease-in-out 0.2s;
  -o-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%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-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: #00487a;
  text-shadow: 1px 1px 2px #000000;
  -webkit-text-shadow: 1px 1px 2px #000000;
  -moz-text-shadow: 1px 1px 2px #000000;
  -ms-text-shadow: 1px 1px 2px #000000;
  -o-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;
  -ms-transition: 0.25s;
  -moz-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;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  -ms-border-radius: 9px;
  -o-border-radius: 9px;
  padding: 1px 4px;
  color: #fff;
  right: 12px;
  transform: translate(-5px, -1px);
  -webkit-transform: translate(-5px, -1px);
  -moz-transform: translate(-5px, -1px);
  -ms-transform: translate(-5px, -1px);
  -o-transform: translate(-5px, -1px);
  line-height: 12px;
  text-shadow: none;
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  -ms-text-shadow: none;
  -o-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,
.languages .dropdown-toggle {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  padding: 3px 0px !important;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  -o-border-radius: 40px;
  -ms-border-radius: 40px;
  font-size: 14px;
  font-family: "Tajawal";
  background: #00487a;
  color: #fff;
  text-decoration: none;
}

.languages .current.dropdown-toggle {
  padding: 3px 3px !important;
}

.header-content .user-menu .dropdown.open .user-dropdown.dropdown-toggle,
.languages .dropdown.open .dropdown-toggle {
  background: #F5020A !important;
}

.header-content .user-menu .user-dropdown:after {
  margin-left: 9px;
}

.user-dropdown span {
  align-content: space-between;

  font-family: "Tajawal";

  font-weight: bold;

  font-size: 14px;
  padding: 2px 5px;
  white-space: nowrap;
}

.full-header.sticky.fixed .user-dropdown span {
  width: 8px;
  text-indent: -1000px;
  overflow: hidden;
}

.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,
.languages .dropdown-menu {
  margin: 0;
  padding: 0;
  background: #F5020A;
  border-radius: 7px !important;
  -webkit-border-radius: 7px !important;
  -moz-border-radius: 7px !important;
  -ms-border-radius: 7px !important;
  -o-border-radius: 7px !important;
  top: calc(100% + 8px);
  min-width: max-content;
  z-index: +9852215521212121212121200;
}

.header-content .user-menu .dropdown-menu:before,
.languages .dropdown-menu:before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-width: 6px;
  border-color: #00000000;
  border-style: solid;
  border-bottom-color: #F5020A;
  z-index: +7;
  top: -12px;
  left: 7px;
}

.header-content .user-menu .dropdown-menu li,
.languages .dropdown-menu a {
  margin: 0;
  font-family: "Tajawal";
  display: flex;
}

.header-content .user-menu .dropdown-menu li+li,
.languages .dropdown-menu a+a {
  border-top: 1px #d8d8d84a solid !important;
}

.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,
.languages .dropdown-menu a {
  display: flex;
  width: 100%;
  padding: 7px 10px;
  padding-left: 0px;
  font-size: 13px;
  position: relative;
  align-items: center;
  color: #ffffff;
}

.header-content .user-menu .dropdown-menu li:first-child a,
.languages .dropdown-menu a:first-child {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

.header-content .user-menu .dropdown-menu li:last-child a,
.languages .dropdown-menu a:last-child {
  border-radius: 0;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
}

.header-content .user-menu .dropdown-menu li a:hover,
.languages .dropdown-menu a:hover {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  text-shadow: none;
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  -ms-text-shadow: none;
  -o-text-shadow: none;
  background: #efefef;
  color: #F5020A;
}

.header-content .user-menu .dropdown-menu li a span,
.languages .dropdown-menu a span {
  display: flex;

  flex-grow: 1;
}

.header-content .user-menu .dropdown-menu li a i,
.languages .dropdown-menu a i {
  font-size: 15px;

  position: relative;

  width: 19px;

  margin-right: 6px;
}

.header-content .user-menu .dropdown-menu li a i:before,
.languages .dropdown-menu a i:before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-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);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
}

@media screen and (max-width: 768px) {
  .top-bar {
    padding: 0px 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: #F5020A;
  border-radius: 42px;
  -webkit-border-radius: 42px;
  -moz-border-radius: 42px;
  -ms-border-radius: 42px;
  -o-border-radius: 42px;
  overflow: hidden;
  color: #fff;
  padding: 3px 3px !important;
}

.languages .current i {
  font-size: 24px;
  /* border: 1px #fff solid; */
  /* background-color: #000; */
  padding: 0;
  margin: 0;
  margin-right: 1px;
  /* margin-bottom: 1px; */
  color: #fff;
  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: #F5020A;
  color: #fff;
}

.languages .languages-list .dropdown-item:first-child {
  border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  -ms-border-radius: 6px 6px 0 0;
  -o-border-radius: 6px 6px 0 0;
}

.languages .languages-list .dropdown-item:last-child {
  border-radius: 0 0 6px 6px;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  -ms-border-radius: 0 0 6px 6px;
  -o-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: #f3f3f3;
  color: #d10007;
}

@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;
  flex-direction: row-reverse;
  align-items: center;
}

.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%;
  flex-grow: 1;
}

.header-container .full-header.sticky.fixed .main-menu .navbar .header-logo {
  height: 50px;
  top: 0;
  margin-top: 0;
  margin-bottom: 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; */
  /* width: fit-content; */
  /* background: #f5020a; */
  display: flex;
  align-items: center;
  position: relative;
  flex-basis: 25%;
}

.main-menu .navbar .navbar-header .fix-logo-area {
  flex-grow: 1;
}

.main-menu>.navbar-default {
  position: relative;
}

.main-menu>.navbar-default:before {
  content: "";
  background: #f5020a;
  position: absolute;
  height: 100%;
  width: 50%;
}

.main-menu .navbar .navbar-header:before {
  content: "";
  background: #f5020a;
  position: absolute;
  height: 100%;
  width: calc(100% - 49px - 3rem);
}

.main-menu .navbar .navbar-header:after {
  content: "";
  aspect-ratio: 1/1;
  -webkit-aspect-ratio: 1/1;
  -moz-aspect-ratio: 1/1;
  -ms-aspect-ratio: 1/1;
  -o-aspect-ratio: 1/1;
  height: calc(50px + 3rem);
  /* width: 30px; */
  background: #f5020a;
  /* display: block; */
  position: relative;
}

.main-menu .navbar .header-logo {
  padding: 0;
  /* height: 70px; */
  display: flex;
  align-items: center;
  position: relative;
  top: -9px;
  background: #f5020a;
}

.main-menu .navbar .header-logo img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  /* transform: scale(1.8) translateX(21%); */
  /* position: relative; */
  /* top: -9px; */
  flex-grow: 1;
}

.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%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-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;
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  -ms-opacity: 0.3;
  -o-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: 0;
}

.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: #ffffff !important;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
  /* color: #00487a !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: #f5020a !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: #f5020a !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%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.main-menu .nav-link.home-link span {
  display: block;
  width: 0;
  text-indent: 250px;
  overflow: hidden;
  white-space: nowrap;
}

.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);
  -webkit-box-shadow: 0 4px 8px -1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 4px 8px -1px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 4px 8px -1px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 4px 8px -1px rgba(0, 0, 0, 0.2);
  background: #ffffff;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  right: unset;
  border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -ms-border-radius: 0px !important;
  -o-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);
  -webkit-transform: translateX(-4px);
  -moz-transform: translateX(-4px);
  -ms-transform: translateX(-4px);
  -o-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 .nav-link.has-photo {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  gap: 10px;
  flex-wrap: nowrap;
}

.main-menu .dropdown-menu .nav-link.has-photo:before,
.main-menu .dropdown-menu .nav-link.has-photo:after {
  display: none;
}

.main-menu .dropdown-menu .nav-link.has-photo>span {
  flex-grow: 1;
}

.main-menu .dropdown-menu .nav-link.has-photo .photo-col {
  width: max-content;
  flex-grow: 0;
}

.main-menu .dropdown-menu .nav-link.has-photo .photo-col img {
  max-width: 56px;
  height: auto;
}

.main-menu .dropdown-menu li:last-child .nav-link {
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-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 {}

.languages .dropdown.open .dropdown-toggle {
  background: #F5020A !important;
}

@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: 0px !important;
    padding: 0px 0px !important;
    background: #ffffff00;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-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: 0px 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%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    z-index: 0;
    /* border-radius: 30px; */
    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;
  }

  .main-menu .navbar-nav>li.dropdown.open>.nav-link.dropdown-toggle {
    color: #fff !important;
  }

  .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;
    -webkit-box-shadow: 0px 0px 6px -1px #0000002e inset;
    -moz-box-shadow: 0px 0px 6px -1px #0000002e inset;
    -ms-box-shadow: 0px 0px 6px -1px #0000002e inset;
    -o-box-shadow: 0px 0px 6px -1px #0000002e inset;
    background: #f5020a;
    width: 100%;
    height: calc(100% - 11px);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    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;
    flex-basis: unset !important;
  }

  .main-menu .navbar-collapse {
    transform: translateY(28px);
    -webkit-transform: translateY(28px);
    -moz-transform: translateY(28px);
    -ms-transform: translateY(28px);
    -o-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%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-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;
    left: 50% !important;
  }

  .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; */
    padding: 0 !important;
  }

  .header-content .user-menu .dropdown-menu {
    transform: translateX(-10px);
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
  }

  .header-content .user-menu .dropdown {
    /* margin-right: 9px !important; */
  }
}

/***************************************
  search-box
  ***************************************/
.search-box {
  /* width: 120px; */
  transition: all ease-in-out 0.2s;
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -ms-transition: all ease-in-out 0.2s;
  -o-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;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  /* overflow: hidden; */
  background: #0000001f;
  /* 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%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-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: 320px;
  height: calc(100vh - 0px);
  background: #ffffff !important;
  transform: translateX(-340px);
  -webkit-transform: translateX(-340px);
  -o-transform: translateX(-340px);
  -moz-transform: translateX(-340px);
  -ms-transform: translateX(-340px);
  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: #00487a;
  transform-origin: center;
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -ms-transform-origin: center;
  -o-transform-origin: center;
}

.main-side-menu .SideNavCollapseTrigger:after {
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.main-side-menu .SideNavCollapseTrigger:before {
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.main-side-menu.open .SideNavCollapseTrigger {
  left: 100%;
  background: #e8e8e8;
}

.main-side-menu.open .SideNavCollapseTrigger.rtl-dir {
  left: unset;
  right: 100%;
}

.main-side-menu.open .SideNavCollapseTrigger:after {
  transform: translate(-50%, -50%) rotate(-45deg);
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -moz-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  -o-transform: translate(-50%, -50%) rotate(-45deg);
}

.main-side-menu.open .SideNavCollapseTrigger:before {
  transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -moz-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  -o-transform: translate(-50%, -50%) rotate(45deg);
}

.SideNavBar {
  padding: 0;
  margin: 0;
  background: transparent !important;
  border: none;
  height: 100%;
  max-height: 100%;
  align-items: baseline;
}

#SideMainMenu {
  width: 100%;
  max-height: 100%;
  padding: 0;
  margin: 0;
  border: none;
}

.SideNavBarNav {
  display: flex;
  flex-direction: column;
  justify-content: center !important;
  width: 100%;
  height: 100%;
  max-height: calc(100% - 15px);
  overflow-y: auto;
}

.SideNavBar #SideMainMenu.collapse.rtl-dir.in {
  left: unset;
  right: 0;
  /* display: none !important; */
}

.SideNavBar #SideMainMenu.collapse.in:before {
  content: "";
  width: 100%;
  height: 100%;
  background: white !important;
  /* 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: #ffffff;
  width: 100%;
  height: 100%;
  max-height: 100%;
  top: 0;
  border: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  /* display: flex; */
  /* flex-wrap: wrap; */
  /* align-items: baseline; */
}

.SideNavBarNav .dropdown.open>.dropdown-submenu {
  left: 0;
  position: unset;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  border: none !important;
  padding: 0;
  margin: 0;
  box-shadow: none;
  background: #ffffff;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  flex-grow: 1;
}

.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: #000000 !important;
  background: #ffffff;
  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;
  display: flex;
  align-items: center;
  gap: 10px;
}

.SideNavBar .SideNavBarNav li.nav-item.dropdown>a.nav-link>span:first-child:after,
.SideNavBar .SideNavBarNav li.nav-item.dropdown.open>a.nav-link>span:first-child:before {
  content: "\f107";
  color: #000 !important;
  font-weight: bold !important;
  /* font-size: 23px !important; */
  display: inline-flex;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.SideNavBar .SideNavBarNav li.nav-item.dropdown.open>a.nav-link>span:first-child:before {
  content: "\f104";
}

.SideNavBar .SideNavBarNav li.nav-item.dropdown.open>a.nav-link>span:first-child:after {
  display: none;
}

.SideNavBar .SideNavBarNav li.nav-item.dropdown.open>a.nav-link>span:first-child:before {}

.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;
  display: none;
}

.SideNavBar .SideNavBarNav li.nav-item.dropdown.open>a.nav-link {
  background: #d7d7d757 !important;
  /* color: #00487a !important; */
  font-weight: bold;
  font-size: 2rem !important;
  padding: 12px 20px !important;
  position: relative;
  flex-grow: 0;
}

.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 #00487a;
  border-bottom: 0.4em solid transparent;
  border-left: 0.4em solid transparent;
  display: none;
}

.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: #d7d7d757;
  display: none;
}

#SideMainMenu.rtl-dir li.nav-item.dropdown.open>a.nav-link:after {
  right: unset;
  left: 12px;
  display: none;
  border-right-color: #fff0;
  border-left-color: #00487a;
}

#SideMainMenu.rtl-dir li.nav-item.dropdown.open>a.nav-link:before {
  right: unset;
  left: 0;
  display: none;
}

.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; */
  flex-basis: 100%;
}

.SideNavBarNav>.nav-item:not(.open) {
  margin: 0 10px !important;
}

.SideNavBar .SideNavBarNav li.nav-item>a.nav-link {
  color: #000000;
  background: #ffffff;
  border: none;
  border-bottom: 1px #85858554 solid !important;
  padding: 15px 10px !important;
  font-size: 2rem !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;
}

.SideNavBar .SideNavBarNav li.nav-item>a.nav-link.has-photo {
  display: flex;
  align-items: center;
  padding: 8px 10px !important;
}

.SideNavBar .SideNavBarNav li.nav-item>a.nav-link.has-photo span {
  flex-grow: 1;
  gap: 10px;
}

.SideNavBar .SideNavBarNav li.nav-item>a.nav-link.has-photo .photo-col {
  flex-grow: 0;
}

.SideNavBar .SideNavBarNav li.nav-item>a.nav-link.has-photo:before {}

.SideNavBar .SideNavBarNav li.nav-item>a.nav-link.has-photo:after {
  content: "";
}

.SideNavBar .SideNavBarNav li.nav-item>a.nav-link.has-photo .photo-col img {
  max-width: 100px;
  height: unset;
}

.SideNavBar .SideNavBarNav li.nav-item.dropdown.open>a.nav-link.has-phot {}

.SideNavBar .SideNavBarNav li.nav-item.dropdown.open>a.nav-link.has-phot:before {}

.SideNavBar .SideNavBarNav li.nav-item.dropdown.open>a.nav-link.has-phot:after {}

.SideNavBar .SideNavBarNav li.nav-item.dropdown.open>a.nav-link.has-photo .photo-col {
  display: flex;
  flex-wrap: nowrap;
}

.SideNavBar .SideNavBarNav li.nav-item.dropdown.open>a.nav-link.has-photo .photo-col:after {
  content:
    "";
  display: none;
}

.SideNavBar .SideNavBarNav li.nav-item.dropdown.open>a.nav-link.has-photo .photo-col img {
  max-width: 36px;
}

/***************************
** header bannar
***************************/
.header-bannar-row {
  background-size: cover;
  background-position: center;
  position: relative;
}

.header-bannar-row:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #0000009e;
}

.header-bannar-row>.container {}

.header-bannar-row>.container>.row {}

.header-bannar-content {
  position: relative;
  padding: 6rem 14.5rem;
  padding-top: 9.5rem;
  min-height: 362px;
  display: flex;
  flex-direction: column;
  /* justify-content: center; */
  overflow: hidden;
}

.header-bannar-content:before {
  content: "";
  /* background-color: #f00; */
  background-image: url(../images/bg/energy-bg.png);
  background-size: cover;
  position: absolute;
  aspect-ratio: 1/1.6;
  -webkit-aspect-ratio: 1/1.6;
  -moz-aspect-ratio: 1/1.6;
  -ms-aspect-ratio: 1/1.6;
  -o-aspect-ratio: 1/1.6;
  left: -5rem;
  top: -5.5rem;
  width: 26vw;
  z-index: 0;
}

.header-bannar-content h2 {
  position: relative;
  z-index: +1;
  color: #fff;
  font-weight: bold;
  text-shadow: 0px 1px 3px #000000a6;
  -webkit-text-shadow: 0px 1px 3px #000000a6;
  -moz-text-shadow: 0px 1px 3px #000000a6;
  -ms-text-shadow: 0px 1px 3px #000000a6;
  -o-text-shadow: 0px 1px 3px #000000a6;
}

.header-bannar-content p {
  position: relative;
  z-index: +1;
  color: #e9e9e9;
  font-size: 14px;
  text-shadow: 0px 1px 2px #000000a1;
  -webkit-text-shadow: 0px 1px 2px #000000a1;
  -moz-text-shadow: 0px 1px 2px #000000a1;
  -ms-text-shadow: 0px 1px 2px #000000a1;
  -o-text-shadow: 0px 1px 2px #000000a1;
}

@media screen and (max-width:768px) {
  .header-bannar-row {}

  .header-bannar-content {
    padding: 2rem;
    min-height: unset;
  }

  .header-bannar-content:before {
    width: 62vw;
  }

  .header-bannar-content h2 {
    font-size: 2.5rem;
  }

  .header-bannar-content p {}
}

/****************************
** home-activities
****************************/
.home-activities-area {}

.home-activities-area>.container {}

.home-activities-area>.container>.row {}

.home-activities {
  display: flex;
  row-gap: 30px;
  padding: 5rem 0;
  flex-wrap: wrap;
}

.home-activities .home-activity {}

.home-activities .home-activity a {
  display: block;
  height: 100%;
  background: #fff;
  box-shadow: 0px 2px 3px 1px #00000014;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
}

.home-activities .home-activity a .activity-photo-box {
  aspect-ratio: 1.3227/1;
  display: flex;
  align-items: end;
  position: relative;
  background-position: center;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  overflow: hidden;
  background: #fff;
}

.home-activities .home-activity a .activity-photo {
  aspect-ratio: 1.3227/1;
  -webkit-aspect-ratio: 1.3227/1;
  -moz-aspect-ratio: 1.3227/1;
  -ms-aspect-ratio: 1.3227/1;
  -o-aspect-ratio: 1.3227/1;
  position: absolute;
  background-size: cover;
  background-position: center;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  width: 100%;
}

.home-activities .home-activity a .activity-photo::before {
  content: "";
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  background: #00000029;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
}

.home-activities .home-activity a h2 {
  padding: 1rem 1.5rem;
  margin: 0;
  font-weight: bold;
  color: #fff;
  font-size: 24px;
  position: relative;
  z-index: +1;
  text-shadow: 0px 1px 3px #00000085;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  flex-basis: 100%;
}

.home-activities .home-activity a p {
  color: #000;
  margin: 11px 10px;
  margin-top: 15px;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
}

.home-activities .home-activity a:hover {}

.home-activities .home-activity a:hover .activity-photo-box {}

.home-activities .home-activity a:hover .activity-photo {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}

.home-activities .home-activity a:hover .activity-photo::before {
  background: #0000000a;
}

.home-activities .home-activity a:hover {
  background: #ededed;
}

.home-activities .home-activity a:hover h2 {
  color: #f5020a;
  background: #ffffff8f;
  text-shadow: none;
}

.home-activities .home-activity a:hover p {}

/*************************
** home-tools-area
*************************/
.home-tools-area {
  background-size: 150%;
  background-position: left top;
  position: relative;
}

.home-tools-area::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, #808080fa 0%, #ffffffbf 60%);
  z-index: 0;
}

.home-tools-area>.container {
  position: relative;
}

.home-tools-area>.container>.row {
  flex-basis: 100%;
  justify-content: center;
  gap: 3rem;
  flex-wrap: wrap;
}

.home-tools-area>.container>.row:before,
.home-tools-area>.container>.row:after {
  display: none;
}

/*************************
** home-tools-area
*************************/
.section-title-area {
  border-top: 5px #F9F9F9 solid;
  position: relative;
}

.section-title-area>.container {}

.section-title-area>.container>.row {
  justify-content: center;
  gap: 20px;
}

.section-title-area>.container>.row:before,
.section-title-area>.container>.row:after {
  display: none !important;
}

.section-title-area .section-title {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  flex-basis: 100%;
}

.section-title-area .section-title:before,
.section-title-area .section-title:after {
  content: "";
  background: #F9F9F9;
  display: inline-flex;
  aspect-ratio: 0.9/1;
  -webkit-aspect-ratio: 0.9/1;
  -moz-aspect-ratio: 0.9/1;
  -ms-aspect-ratio: 0.9/1;
  -o-aspect-ratio: 0.9/1;
  height: 100%;
}

.section-title-area .section-title:before {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%);
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%);
  -moz-lip-path: polygon(0% 0%, 100% 0%, 100% 100%);
  -ms-clip-path: polygon(0% 0%, 100% 0%, 100% 100%);
  -o-clip-path: polygon(0% 0%, 100% 0%, 100% 100%);
}

.section-title-area .section-title:after {
  clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
  -moz-clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
  -ms-clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
  -o-clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
}

.section-title-area .section-title.full {
  width: 100%;
}

.section-title-area .section-title h3 {
  background: #F9F9F9;
  margin: 0;
  padding: 2rem 1rem;
  /* font-weight: bold; */
  font-size: 19px;
  color: #f5020a;
  min-width: 10vw;
  text-align: center;
  font-family: 'Anton';
}

.section-title-area .section-title.full h3 {
  flex-grow: 1;
  text-align: center;
  font-size: 29px;
  padding: 2.5rem 1rem;
}

.section-title-area .section-des {
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  color: #000;
  margin: 1rem 1rem;
  max-width: 65%;
}

@media screen and (max-width:768px) {
  .home-tools-area {
    background-size: cover;
  }

  .section-title-area .section-title:before,
  .section-title-area .section-title:after {
    display: none;
  }

  .section-title-area .section-title.full h3 {
    font-size: 2rem;
    line-height: 2.6rem;
    background: #f9f9f9a1;
  }

  .section-title-area .section-des {
    max-width: 85%;
  }
}

/*************************
** tools-slider-title
*************************/
.tools-slider-title {
  background: #fff;
  border-width: 0px 6px;
  border-style: solid;
  border-color: #f5020a;
  padding: 1.2rem 1rem;
  font-weight: bold;
  color: #f5020a;
  font-size: 2.1rem;
  margin-top: 1rem;
  font-family: 'Anton';
  font-weight: normal;
}

.slider-viewport {
  /* background: #00000012; */
  color: #fff;
  flex-basis: 100%;
  position: relative;
  overflow: hidden;
  direction: ltr;
}

.home-tools-area .slider-viewport {
  min-height: 144px;
  margin-bottom: 6rem;
  /* position: relative; */
  /* overflow: hidden; */
}

/**********************
** home-slider-row
***********************/
.home-slider-row {
  padding: 2rem 0;
}

.home-slider-row.slider-bg-gary {
  background-color: #F9F9F9;
}

.home-slider-row>.container {}

.home-slider-row>.container>.row {
  flex-basis: 100%;
  justify-content: center;
  gap: 2rem;
}

.home-slider-row>.container>.row::before,
.home-slider-row>.container>.row::after {
  display: none;
}

.home-slider-row .home-slider-title,
.partners-title h2 {
  color: #f5020a;
  font-weight: 600;
  font-size: 18px;
  font-family: 'Anton';
  font-weight: normal;
}

.home-slider-row .home-slider-container {
  flex-basis: 100%;
}

/*************************
** pt-slider
*************************/
.pt-slider {
  position: relative;
  display: block;
}

.pt-slider.owl-carousel {
  padding: 6px 37px;
}

.pt-slider.owl-carousel .owl-stage {
  display: flex !important;
  /* gap: 10px; */
}

.pt-slider.owl-carousel .owl-item {
  margin: 0 !important;
}

.pt-slider .slide-item {
  height: 100%;
}

.pt-slider .slide-item .item-content {
  display: flex;
  flex-direction: column;
  background: #fff;
  height: 100%;
  margin: 0px 7px;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  overflow: hidden;
  border: 1px #dbdbdb solid;
}

.pt-slider .slide-item .fix-space {
  flex-grow: 1;
  flex-basis: 100%;
}

.pt-slider .slide-item .item-photo {
  padding: 0.8rem;
  max-height: 120px;
  align-items: center;
  text-align: center;
  display: inline-flex;
  justify-content: center;
}

.pt-slider .slide-item .item-photo img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
}

.pt-slider .slide-item .item-title {
  color: #000;
  text-align: center;
}

.pt-slider .slide-item .item-title h2 {
  margin: 0;
  padding: 0.5rem;
  font-size: 1.8rem;
  font-weight: bold;
}

.pt-slider .owl-stage-outer {
  z-index: +1;
  transform: translateX(2px) translate3d(0px, 0, 0);
  -webkit-transform: translateX(2px) translate3d(0px, 0, 0);
  -moz-transform: translateX(2px) translate3d(0px, 0, 0);
  -ms-transform: translateX(2px) translate3d(0px, 0, 0);
  -o-transform: translateX(2px) translate3d(0px, 0, 0);
}

.pt-slider.experts_tools-slider .item-content {
  border: none;
  box-shadow: 0px 1px 4px -1px #000000ad;
  -webkit-box-shadow: 0px 1px 4px -1px #000000ad;
  -moz-box-shadow: 0px 1px 4px -1px #000000ad;
  -ms-box-shadow: 0px 1px 4px -1px #000000ad;
  -o-box-shadow: 0px 1px 4px -1px #000000ad;
  height: calc(100% - 4px);
  margin-top: 2px;
}

.pt-slider.success_parteners-slider .slide-item .item-title,
.pt-slider.standards_compliance-slider .slide-item .item-title,
.pt-slider.valuable_brands-slider .slide-item .item-title {
  display: none;
}

.pt-slider .owl-controls {
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.pt-slider .owl-controls .owl-nav {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.pt-slider .owl-controls .owl-nav [class*=owl-] {
  position: absolute;
  top: calc(50% - 7px);
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  background: transparent;
  color: #0000006b;
  font-size: 36px;
}

.pt-slider .owl-controls .owl-nav [class*=owl-]:hover {
  background: transparent;
  color: #000;
}

.pt-slider .owl-controls .owl-nav .owl-prev {
  left: 0px;
}

.pt-slider .owl-controls .owl-nav .owl-prev i {}

.pt-slider .owl-controls .owl-nav .owl-next {
  right: 0;
}

.pt-slider .owl-controls .owl-nav .owl-next i {}

.pt-slider.standards_compliance {}

.pt-slider.standards_compliance .slide-item {}

.pt-slider.standards_compliance .item-content {}

.pt-slider.standards_compliance-slider {
  display: flex;
  gap: 7px;
  flex-direction: row;
  /* flex-wrap: wrap; */
}

.pt-slider.standards_compliance-slider .slide-item {
  height: unset;
}

.pt-slider.standards_compliance-slider .item-content {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  margin: 0;
  border: none;
}

@media screen and (max-width:768px) {
  .tools-slider-title {}

  .home-slider-row .home-slider-title {
    padding: 0 1rem;
    text-align: center;
  }

  .partners-title h2 {}

  .pt-slider.standards_compliance-slider {
    flex-wrap: wrap;
    padding: 0 1rem;
  }

  .pt-slider.standards_compliance-slider .slide-item {
    flex: 1 0 23%;
  }
}

/*********************
  ** 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: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  /* 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: #f5020a;
  /* text-shadow: 0px 0px 4px #000000ba; */
}

/****************************
** activity-service-area
****************************/
.activity-service-area {
  padding-bottom: 4rem;
}

.activity-service-area+.activity-service-area {
  /* margin-top:30px; */
}

.activity-service-area>.container {}

.activity-service-area>.container>.row {}

.activity-service-area .service-list-area {
  display: flex;
  flex-basis: 100%;
  flex-wrap: wrap;
  gap: 16px;
}

.service-list-area .service-col {
  flex-basis: calc(50% - 8px);
  padding: 1rem;
  background-color: #F9F9F9;
  box-shadow: 0px 1px 2px 0px #00000026;
  position: relative;
  overflow: hidden;
}

.service-list-area .service-col::before {
  content: "";
  background: url(../images/service-list-bg.png);
  width: 70px;
  position: absolute;
  top: 0;
  z-index: 0;
  aspect-ratio: 70/102;
  -webkit-aspect-ratio: 70/102;
  -moz-aspect-ratio: 70/102;
  -ms-aspect-ratio: 70/102;
  -o-aspect-ratio: 70/102;
  max-height: 100%;
}

.service-list-area .service-col h3 {
  margin: 0;
  margin-bottom: 10px;
  font-family: 'Tajawal';
  font-weight: bold;
  font-size: 2rem;
  color: #ff0b0b;
  border-right: 3px #ff0b0b solid;
  padding: 3px 0;
  padding-right: 10px;
  position: relative;
}

.service-list-area .service-col p {
  margin: 0;
  position: relative;
}

.service-list-area .service-col ul {
  margin: 0;
  padding: 0;
  /* list-style: square; */
}

.service-list-area .service-col ul li {
  margin-right: 2rem;
}


.activity-service-area .service-list-area.colored-list-area {
  gap: 0;
}

.service-list-area.colored-list-area .service-col {
  flex-basis: 50%;
  background-color: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  padding: 2rem;
}

.service-list-area.colored-list-area .service-col::before {
  display: none;
}

.service-list-area.colored-list-area .service-col h3 {
  color: #0044ff;
  padding: 0;
  border: none;
}

.service-list-area.colored-list-area .service-col p {
  margin: 0;
}

.service-list-area.colored-list-area .service-col ul {
  list-style: square;
}

.service-list-area.colored-list-area .service-col ul li {}



.activity-service-area .service-area-title {
  flex-basis: 100%;
  text-align: center;
  margin: 1rem 0;
  margin-bottom: 2rem;
}

.activity-service-area .service-area-title h2 {
  font-family: 'Tajawal';
  font-weight: bold;
  font-size: 2.1rem;
  color: #f5020a;
}

.activity-service-area .service-area-title p {
  font-family: 'Tajawal';
  font-weight: bold;
  margin-bottom: 0;
  font-size: 1.6rem;
}

.activity-service-area .service-list-area.side-border {/* flex-basis: 50% !important; */}
.company-profile .service-list-area.side-border {flex-basis: 55% !important;}
.activity-service-area .service-list-area.side-border .service-col {
  border-right: 3px #f5020a solid;
}

.activity-service-area .service-list-area.side-border .service-col::before {
  background-size: cover;
  width: 37px;
  max-height: unset;
  top: -6px;
  right: 0;
}

.activity-service-area .service-list-area.side-border .service-col span {
  position: relative;
  font-weight: bold;
  font-family: 'Tajawal';
}

.activity-service-area.has-photo .service-list-area {
  flex-basis: 60%;
  align-items: center;
  /* justify-content: start; */
}

.activity-service-area.has-photo .service-list-area .service-col {
  flex-basis: 100%;
}

.activity-service-area.has-photo .services-photo-area {
  display: flex;
  justify-content: end;
  align-items: center;
  flex-basis: 40%;
}

.activity-service-area.has-photo .services-photo-area img {
  max-width: 90%;
}


@media screen and (min-width:768px) {

  .service-list-area.colored-list-area .service-col:nth-child(2),
  .service-list-area.colored-list-area .service-col:nth-child(3),
  .service-list-area.colored-list-area .service-col:nth-child(6),
  .service-list-area.colored-list-area .service-col:nth-child(7),
  .service-list-area.colored-list-area .service-col:nth-child(10),
  .service-list-area.colored-list-area .service-col:nth-child(11),
  .service-list-area.colored-list-area .service-col:nth-child(14),
  .service-list-area.colored-list-area .service-col:nth-child(15) {
    background-color: #f2f2f2;
  }

}

@media screen and (max-width:768px) {
  .service-list-area {}

  .service-list-area.colored-list-area {}
  .activity-service-area .service-list-area.side-border {flex-basis: 100% !important;}
  .service-list-area:not(.colored-list-area) {
    padding: 0 1.5rem;
  }

  .service-list-area .service-col {
    flex-basis: 100%;
  }

  .service-list-area.colored-list-area .service-col {
    flex-basis: 100%;
  }

  .service-list-area.colored-list-area .service-col:nth-child(even) {
    background-color: #f2f2f2;
  }
}

/*********************************
** Design & Analysis services area
*********************************/
.design-service-area {
  /* padding: 3rem 0; */
  position: relative;
  background-size: cover;
}

.design-service-area::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, #d3d3d3e0 0%, #ffffffed 60%);
  z-index: 0;
  top: 0;
}

.design-service-area>.container {}

.design-service-area>.container>.row {}

.design-service-area .services-features-area {
  flex-basis: 50%;
  padding: 3rem 0;
  padding-bottom: 5rem;
  position: relative;
}

.services-features-area .service-features {}

.services-features-area .service-features h3 {
  font-size: 2rem;
  font-weight: bold;
  font-family: 'Tajawal';
  color: #f5020a;
}

.services-features-area .service-features ul {
  padding: 0;
  padding-left: 16px;
}

.services-features-area .service-features ul li {}

.design-service-area .services-photo-area {
  flex-basis: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.design-service-area .services-photo-area img {
  max-width: 80%;
  width: 80%;
  height: auto;
  opacity: 0.7;
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  -ms-opacity: 0.7;
  -o-opacity: 0.7;
}

@media screen and (max-width:768px) {
  .design-service-area .services-features-area {
    flex-basis: 100%;
    padding: 2rem 3rem;
  }

  .design-service-area .services-photo-area {
    display: none;
  }
}
/****************************
  404
  ****************************/
.company-profile{
    padding-top: 3rem;
    background-color: #d5d5d5;
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: 76% 0;
    background: #f9f9f9 !important;
}

.company-profile .services-photo-area{
    flex-basis: 45% !important;
    justify-content: start !important;
}
.company-profile .services-photo-area img{
    /* opacity: 0; */
    /* -webkit-opacity: 0; */
    /* -moz-opacity: 0; */
    /* -o-opacity: 0; */
    /* -ms-opacity: 0; */
    max-width: 100% !important;
}

.company-profile .company_profile_data{}
.company-profile .company_profile_data h2{
    /* text-align: start; */
}
.company-profile .company_profile_data p{
    /* text-align: start; */
}
.company-profile a{
    display: inline-flex;
    background: #f5020a;
    padding: 1rem 1.5rem;
    align-items: center;
    flex-wrap: nowrap;
    gap: calc(1.5rem + 0.3rem);
    color: #fff;
    font-weight: 600;
    font-family: 'Tajawal';
    font-size: 2.1rem;
    margin: 2rem auto;
    box-shadow: 0px 1px 4px 0px #00000052;
    -webkit-box-shadow: 0px 1px 4px 0px #00000052;
    -moz-box-shadow: 0px 1px 4px 0px #00000052;
    -o-box-shadow: 0px 1px 4px 0px #00000052;
    -ms-box-shadow: 0px 1px 4px 0px #00000052;
}
.company-profile a span{}
.company-profile a i{
    transform: scale(1.46) translateX(-0.3rem);
    -webkit-transform: scale(1.46) translateX(-0.3rem);
    -moz-transform: scale(1.46) translateX(-0.3rem);
    -o-transform: scale(1.46) translateX(-0.3rem);
    -ms-transform: scale(1.46) translateX(-0.3rem);
}
.company-profile a:hover{}
.company-profile a:hover span{}
.company-profile a:hover i{}

/****************************
  404
  ****************************/
.page_404 {}

.page_404_viewport {}

.page_404 .content-viewport {
  min-height: 100px;
  padding-top: 60px;
  align-items: center;
  font-family: Roboto, sans-serif;
  font-family: 'Tiro Devanagari Sanskrit', serif;
  /* font-family: 'Tiro Gurmukhi', serif; */
  font-weight: normal;
}

.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: #404040;
  /*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 {
  display: none;
  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%);
  -webkit-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%);
  -moz-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%);
  -ms-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%);
  -o-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%);
  -webkit-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%);
  -moz-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%);
  -ms-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%);
  -o-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);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
  }

  50%,
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}

@keyframes bopB {
  0% {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
  }

  80%,
  100% {
    transform: scale(1) rotateZ(-3deg);
    -webkit-transform: scale(1) rotateZ(-3deg);
    -moz-transform: scale(1) rotateZ(-3deg);
    -ms-transform: scale(1) rotateZ(-3deg);
    -o-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;
  -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;
}

.FiltersModal-viewport .FiltersModal-close:hover {
  color: #e20400;
  transform: scale(1.3);
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);
  -o-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;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-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;
  display: none;
}

.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;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  /* margin-left: -10px; */
}

.add-to-cart-form li.add-btn {
  cursor: pointer;
  background: #ff8507;
  border-color: #de9a01;
  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);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -moz-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  -o-transform: translate(-50%, -50%) rotate(45deg);
  box-shadow: 0px 0px 1px 1px #0000004a;
  -webkit-box-shadow: 0px 0px 1px 1px #0000004a;
  -moz-box-shadow: 0px 0px 1px 1px #0000004a;
  -ms-box-shadow: 0px 0px 1px 1px #0000004a;
  -o-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);
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -moz-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  -o-transform: translate(-50%, -50%) rotate(-45deg);
}

.add-to-cart-form li.add-btn:hover {
  background: #00487a;
  border-color: #00487a;
}

.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: #de0101;
  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: #00487a;
}

.add-to-cart-form li.add-to-fav:hover i {
  color: #00487a;
}

.spinner-box {
  position: relative;
  width: 30px;
  display: inline;
  margin: 0 22px;
}

.spinner {
  animation: rotate 2s linear infinite;
  -webkit-animation: rotate 2s linear infinite;
  -moz-animation: rotate 2s linear infinite;
  -ms-animation: rotate 2s linear infinite;
  -o-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;
  -webkit-animation: dash 1.5s ease-in-out infinite;
  -moz-animation: dash 1.5s ease-in-out infinite;
  -ms-animation: dash 1.5s ease-in-out infinite;
  -o-animation: dash 1.5s ease-in-out infinite;
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-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;
  }
}

/*************************************************
** home blog
*************************************************/
.home-blog-section {}

.home-blog-section .blog-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  padding-bottom: 30px;
}

.home-blog-section .blog-list .home-blog-title {}

.home-blog-section .blog-list .home-blog-title h2 {
  margin: 20px 0;
  font-weight: bold;
  font-family: 'Oswald', sans-serif;
  color: #ba3035;
  border-left: 4px #ba3035 solid;
  padding: 5px 15px;
}

.home-blog-section .blog-list .home-blog-btn {}

.home-blog-section .blog-list .home-blog-btn a {
  font-weight: bold;
  font-size: 1.8rem;
  font-family: 'Oswald', sans-serif;
  color: #ba3035;
}

.home-blog-section .blog-list .home-blog-btn a:hover {}

.home-blog-section .blog-list .blog-post-col .blog-post {
  display: flex;
  flex-direction: row;
  margin-bottom: 30px;
  gap: 15px;
  /* background: #f8f8f8; */
  /* border: 3px #fff solid; */
  /* box-shadow: 0px 0px 7px 0px #00000042; */
}

.home-blog-section .blog-list .blog-post {}

.home-blog-section .blog-list .blog-post .post-thumbnail {
  /* width: 150px; */
  flex-basis: 100%;
}

.home-blog-section .blog-list .blog-post .post-thumbnail img {
  max-width: 100%;
  max-height: inherit;
}

.home-blog-section .blog-list .blog-post .post-content {
  flex-grow: 1;
  /* padding-left: 15px; */
  flex-basis: 190%;
}

.home-blog-section .blog-list .blog-post .post-content .headline {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.9rem;
  display: inherit;
  margin-bottom: 5px;
  color: #e70008;
}

.home-blog-section .blog-list .blog-post .post-content .headline:hover {}

.home-blog-section .blog-list .blog-post .post-content>p {
  font-size: 1.3rem;
  line-height: 1.7rem;
  margin-bottom: 2px;
  color: #494949;
}

.home-blog-section .blog-list .blog-post .post-content .post-meta {}

.home-blog-section .blog-list .blog-post .post-content .post-meta .post-date {
  font-size: 1.2rem;
  margin: 0;
}

@media screen and (max-width:768px) {
  .home-blog-section .blog-list {
    margin: 0;
  }

  .home-blog-section .blog-list .blog-post-col .blog-post {
    flex-direction: column;
  }

  .home-blog-section .blog-list .blog-post .post-content {}

  .home-blog-section .blog-list .blog-post .post-thumbnail {}
}

/*************************************************
** blog-archive
*************************************************/
.archive-blog-section {
  padding-top: 50px;
}

.archive-blog-section .blog-list .blog-post-col .blog-post {
  display: flex;
  flex-flow: row;
  margin-bottom: 30px;
  /* background: #f8f8f8; */
  /* border: 3px #fff solid; */
  /* box-shadow: 0px 0px 7px 0px #00000042; */
}

.archive-blog-section .blog-list .blog-post {}

.archive-blog-section .blog-list .blog-post .post-thumbnail {
  /* width: 150px; */
}

.archive-blog-section .blog-list .blog-post .post-thumbnail img {
  max-width: 100%;
  max-height: inherit;
}

.archive-blog-section .blog-list .blog-post .post-content {
  flex-grow: 1;
  padding-left: 15px;
}

.archive-blog-section .blog-list .blog-post .post-content .headline {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.9rem;
  display: inherit;
  margin-bottom: 5px;
}

.archive-blog-section .blog-list .blog-post .post-content .headline:hover {}

.archive-blog-section .blog-list .blog-post .post-content>p {
  font-size: 1.3rem;
  line-height: 1.7rem;
  margin-bottom: 2px;
  color: #494949;
}

.archive-blog-section .blog-list .blog-post .post-content .post-meta {}

.archive-blog-section .blog-list .blog-post .post-content .post-meta .post-date {
  font-size: 1.2rem;
  margin: 0;
}

/*****************************************************
  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-color: #fefefe; */
  /* 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);
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
  -o-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%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  position: absolute;
  font-size: 46px;
  line-height: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

.header-offers-slider .owl-nav .owl-next {
  left: unset;
  right: -35px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-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%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-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%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-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%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  position: absolute;
  font-size: 46px;
  line-height: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

.header-offers-slider .owl-nav .owl-next {
  left: unset;
  right: -35px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-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%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-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%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-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%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  position: absolute;
  font-size: 46px;
  line-height: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

.header-offers-slider .owl-nav .owl-next {
  left: unset;
  right: -35px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-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;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

.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: #00487a !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 .product-brand {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  background: #f00;
  padding: 2px 10px;
  min-width: 60%;
  text-align: center;
  transform: rotate(45deg) translate(26%, 0%);
  -webkit-transform: rotate(45deg) translate(26%, 0%);
  -moz-transform: rotate(45deg) translate(26%, 0%);
  -ms-transform: rotate(45deg) translate(26%, 0%);
  -o-transform: rotate(45deg) translate(26%, 0%);
}

.product-item-box .product-brand span {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  font-family: "Squada One", cursive;
}

.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: #000000;
}

.header-offers-slider .product-item-box .offer-price i:before,
.header-offers-slider .product-item-box .offer-price i:after {
  content: "";
  background: #000000ba;
  position: absolute;
  width: 100%;
  height: 1px;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.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);
  -webkit-transform: translate(-50%, -50%) rotate(-26deg);
  -moz-transform: translate(-50%, -50%) rotate(-26deg);
  -ms-transform: translate(-50%, -50%) rotate(-26deg);
  -o-transform: translate(-50%, -50%) rotate(-26deg);
  display: none;
}

.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: #000000;
}

.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 7px;
  padding-top: 12px;
  font-family: "Tajawal";
}

.product-item-box .post-content .headline,
.header-offers-slider .product-item-box .post-content .headline {
  padding: 5px 0px;
  padding-top: 12px;
}

.header-offers-slider .product-item-box:hover .headline,
.header-offers-sliders .product-item-box:hover .headline {
  color: #000000;
}

.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: #e3e3e3;
}

.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%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-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: #000000;
  text-shadow: 0px 0px 11px #fff;
  -webkit-text-shadow: 0px 0px 11px #fff;
  -moz-text-shadow: 0px 0px 11px #fff;
  -ms-text-shadow: 0px 0px 11px #fff;
  -o-text-shadow: 0px 0px 11px #fff;
  font-size: 17px;
  line-height: 20px;
  margin: 3px;
  cursor: pointer;
  position: relative;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-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;
  -webkit-box-shadow: 0px 0px 4px 1px #00000036;
  -moz-box-shadow: 0px 0px 4px 1px #00000036;
  -ms-box-shadow: 0px 0px 4px 1px #00000036;
  -o-box-shadow: 0px 0px 4px 1px #00000036;
  display: block;
  border: 2px #fff solid;
  transition: all ease-in-out 0.2s;
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -ms-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
}

.home-cats-slider .cat-item a:hover {
  border-color: #000;
  transform: scale(1.02);
  -webkit-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -ms-transform: scale(1.02);
  -o-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%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-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%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  background: transparent;
}

.home-cats-slider .owl-controls .owl-nav .owl-prev {
  transform: translate(50%, -50%);
  -webkit-transform: translate(50%, -50%);
  -moz-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  -o-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;
  -webkit-border-radius: 0 0 15px 15px;
  -moz-border-radius: 0 0 15px 15px;
  -ms-border-radius: 0 0 15px 15px;
  -o-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);
  -webkit-transform: skewX(-10deg);
  -moz-transform: skewX(-10deg);
  -ms-transform: skewX(-10deg);
  -o-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: #f1f1f1;
  background-image: url("../images/patterns/03.png");
}

.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: #00487a;
  /* padding: 10px 15px; */
  color: #fff;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  /* border-bottom: 3px #961712 solid; */
  width: max-content;
  display: flex;
  align-items: center;
  position: relative;
  /* box-shadow: 0px 5px 10px -2px #00000057; */
  /* border-bottom: 1px #00000040 solid; */
}

.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;
  display: none;
}

.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%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-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: #00487a;
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-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: 20px;
  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: #00487a;
  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: #00487a;
  background: #fff;
  z-index: 0;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  outline: 3px #00487a solid;
  -webkit-outline: 3px #00487a solid;
  -moz-outline: 3px #00487a solid;
  -ms-outline: 3px #00487a solid;
  -o-outline: 3px #00487a solid;
}

.home-tax-products-row .slider-row-title h2:hover .row-url a {
  color: #00487a;
  text-decoration: none;
  transform: translateX(calc(-100% + 25px));
  -webkit-transform: translateX(calc(-100% + 25px));
  -moz-transform: translateX(calc(-100% + 25px));
  -ms-transform: translateX(calc(-100% + 25px));
  -o-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;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
}

.home-tax-products-row .slider-row-title h2:hover .row-url a span:first-child {
  opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
}

.home-tax-products-row .slider-row-title h2:hover .row-url a span {
  color: #00487a !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: #00487a;
  color: #00487a;
  /* margin-top: 1px; */
  font-size: 22px;
}

.home-tax-products-row .slider-row-title h2:hover .row-url a i {
  color: #00487a;
  /* 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: #fafafa;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  /* 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;
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  -ms-text-shadow: none;
  -o-text-shadow: none;
  /* color: #000; */
  transition: all ease-in-out 0.2s;
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -ms-transition: all ease-in-out 0.2s;
  -o-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%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-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);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}

.brand-item {
  display: flex;
  align-items: center;
  /* gap: 7px; */
  background: #fff;
  /* width: fit-content; */
  /* padding: 10px; */
  color: #000000;
  box-shadow: 0px 2px 5px 0px #00000005;
  -webkit-box-shadow: 0px 2px 5px 0px #00000005;
  -moz-box-shadow: 0px 2px 5px 0px #00000005;
  -ms-box-shadow: 0px 2px 5px 0px #00000005;
  -o-box-shadow: 0px 2px 5px 0px #00000005;
  margin-bottom: 15px;
}

.brand-item:hover {
  color: #fff;
  background: #00487a;
}

.brand-item i {
  font-size: 21px;
}

.brand-item i:after {
  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;
  /* display: inline-flex; */
  padding: 0 10px;
  height: 100%;
}

.brand-item:hover i:after {
  color: #fff;
}

.brand-item span {
  flex-grow: 1;
  padding: 10px;
  /* font-family: "Squada One", cursive; */
  font-size: 18px;
  /* font-family: 'Tiro Devanagari Sanskrit', serif; */
  font-family: 'Tiro Gurmukhi', serif;
  font-weight: normal;
}

/*****************************
  ** 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;
  -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;
}

.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;
  -webkit-box-shadow: 0px 2px 7px -1px #0000002b;
  -moz-box-shadow: 0px 2px 7px -1px #0000002b;
  -ms-box-shadow: 0px 2px 7px -1px #0000002b;
  -o-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);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-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;
  -webkit-box-shadow: 0px 2px 6px -1px #0000005e;
  -moz-box-shadow: 0px 2px 6px -1px #0000005e;
  -ms-box-shadow: 0px 2px 6px -1px #0000005e;
  -o-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: #f5020a;
}

.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;
  -webkit-box-shadow: -2px 0px 6px -2px #717171a6;
  -moz-box-shadow: -2px 0px 6px -2px #717171a6;
  -ms-box-shadow: -2px 0px 6px -2px #717171a6;
  -o-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: #f5020a;
  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%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-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: #00487a;
  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: #00487a;
  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 #0000002b;
  -webkit-box-shadow: 0px 5px 10px -2px #0000002b;
  -moz-box-shadow: 0px 5px 10px -2px #0000002b;
  -ms-box-shadow: 0px 5px 10px -2px #0000002b;
  -o-box-shadow: 0px 5px 10px -2px #0000002b;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
}

.product-item-box:hover {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-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: #00487a !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: #000000;
}

.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);
  -webkit-transform: translate(-50%, -50%) rotate(26deg);
  -moz-transform: translate(-50%, -50%) rotate(26deg);
  -ms-transform: translate(-50%, -50%) rotate(26deg);
  -o-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);
  -webkit-transform: translate(-50%, -50%) rotate(-26deg);
  -moz-transform: translate(-50%, -50%) rotate(-26deg);
  -ms-transform: translate(-50%, -50%) rotate(-26deg);
  -o-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: #000000;
}

.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: #000000;
}

.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: #e3e3e3;
}

.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%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-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: #000000;
  text-shadow: 0px 0px 11px #fff;
  -webkit-text-shadow: 0px 0px 11px #fff;
  -moz-text-shadow: 0px 0px 11px #fff;
  -ms-text-shadow: 0px 0px 11px #fff;
  -o-text-shadow: 0px 0px 11px #fff;
  font-size: 17px;
  line-height: 20px;
  margin: 3px;
  cursor: pointer;
  position: relative;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-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; */
    flex-flow: row;
    flex-wrap: wrap;
    flex: 0 0 50%;
    flex-grow: 1;
  }

  .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 .overview {
    padding-bottom: 20px;
    padding-top: 0;
  }

  .realated-posts .row-title {
    margin-bottom: 0;
  }

  .realated-posts .row-title:before {
    top: 0;
  }

  .realated-posts .row-title span {}

  .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%;
  }

  .product-item-box .offer-price span:not(.currency) {
    font-size: 16px !important;
  }

  .product-item-box .offer-price i {
    font-size: 15px !important;
    font-weight: normal !important;
  }
}


@media screen and (max-width: 727px) {
  .filter-box .filters-options li {
    width: 100%;
  }

  .products-list .product-item-box {
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 22px;
  }

  .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;
  -webkit-border-radius: 19px;
  -moz-border-radius: 19px;
  -ms-border-radius: 19px;
  -o-border-radius: 19px;
  background: #ffffffc4;
  box-shadow: 0px 0px 8px -1px #00000000 inset;
  -webkit-box-shadow: 0px 0px 8px -1px #00000000 inset;
  -moz-box-shadow: 0px 0px 8px -1px #00000000 inset;
  -ms-box-shadow: 0px 0px 8px -1px #00000000 inset;
  -o-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: #00487a;
}

.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;
  -webkit-box-shadow: 0px 2px 6px -1px #0000001f;
  -moz-box-shadow: 0px 2px 6px -1px #0000001f;
  -ms-box-shadow: 0px 2px 6px -1px #0000001f;
  -o-box-shadow: 0px 2px 6px -1px #0000001f;
  z-index: +1000000000000000000000;
  transform: translate(-2px, 10px);
  -webkit-transform: translate(-2px, 10px);
  -moz-transform: translate(-2px, 10px);
  -ms-transform: translate(-2px, 10px);
  -o-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: #00487a;
  /* 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: #00487a;
}

.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: #00487a;
  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: #00487a;
}

.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: #00487a;
  color: #00487a;
}

.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: #00487a;
  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;
  -webkit-text-shadow: 0px 1px 2px #000;
  -moz-text-shadow: 0px 1px 2px #000;
  -ms-text-shadow: 0px 1px 2px #000;
  -o-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: #00487a;
  background: #00487a;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.tax-filter-confirm-btn:hover,
.jconfirm .jconfirm-box .jconfirm-buttons button.tax-filter-confirm-btn:focus {
  background: #00487a;
}


/*********************************
  Single Pages 
  *********************************/

.single-blog-content {
  margin-bottom: 3rem;
}

.single-blog-content .single-blog-title {
  color: #ff0b0b;
  font-size: 2rem;
  font-weight: bold;
  padding: 1rem;
  border-left: 3px #ff0b0b solid;
  background: #fafafa;
}

.single-blog-content .single-blog-overview {}

.single-blog-content .single-blog-overview img {}

.single-blog-content .single-blog-photo {
  float: left;
  margin-right: 1rem;
  margin-bottom: 1rem;
}

.single-blog-content .single-blog-photo img {
  max-width: 100%;
  max-height: 100%;
}


.single-blog-related {}

@media screen and (max-width:728px) {
  .single-blog-content {}

  .single-blog-content .single-blog-title {}

  .single-blog-content .single-blog-overview {}

  .single-blog-content .single-blog-photo {}

  .single-blog-related {}
}

.partners-title {
  flex-basis: 100%;
  text-align: center;
  margin-top: 3rem;
}

.partners-title h2 {}

/*********************************
  gallery
  *********************************/
.lg-container {
  direction: ltr;
}

:root {
  --gallery-row-height: 100px;
  --gallery-gap: 1em;
}

.gallery-grid:not(.gallery-container) {
  display: flex;
  overflow: hidden;
  flex-wrap: wrap;
  margin-bottom: calc(-1 * var(--gallery-gap, 1em));
  margin-left: calc(-1 * var(--gallery-gap, 1em));
  padding: 15px 15px;
}

.gallery-grid:not(.gallery-container):after {
  content: "";
  flex-grow: 999999999;
  min-width: var(--gallery-row-height);
  height: 0;
}

.gallery-grid:not(.gallery-container)>* {
  display: block;
  height: var(--gallery-row-height);
  flex-grow: 1;
  margin-bottom: var(--gallery-gap, 1em);
  margin-left: var(--gallery-gap, 1em);
}

.gallery-grid:not(.gallery-container)>*>img {
  height: var(--gallery-row-height);
  object-fit: cover;
  max-width: 100%;
  min-width: 100%;
  vertical-align: bottom;
}

@media only screen and (min-width: 768px) {
  :root {
    --gallery-row-height: 120px;
  }
}

@media only screen and (min-width: 1280px) {
  :root {
    --gallery-row-height: 150px;
  }
}

/***/
.gallery-container {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: center;
  width: 100%;
  margin: 3rem 0;
  /* flex: 1 1 100%; */
}

.gallery-container a {
  display: flex;
  /* flex-grow: 1; */
  flex: 0 1 18%;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.gallery-container a .fix {
  flex-grow: 1;
  flex-basis: 100%;
}

.gallery-container a h2 {
  font-family: 'Tajawal';
  font-weight: bold;
  font-size: 1.5rem;
  flex-basis: 100%;
  text-align: center;
  margin: 0;
  padding: 0.5rem 1rem;
  color: #f5020a;
}

.gallery-container a:hover {}

.gallery-container a img {
  max-width: 100%;
}

.gallery-container a:hover img {}

.gallery-container a:hover h2 {}

/******/
@media screen and (max-width:728px) {}

.empty-archive {
  padding: 5rem 1rem;
  font-weight: bold;
  font-family: 'Tajawal';
  text-align: center;
  font-size: 2rem;
  color: #ff0b0b;
}

/*********************************
  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: #565656;
  color: #fff;
  font-size: 15px;
  line-height: unset;
  border-radius: 0.2em;
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  -ms-border-radius: 0.2em;
  -o-border-radius: 0.2em;
  box-shadow: 0px 1px 4px -1px #0000002e;
  -webkit-box-shadow: 0px 1px 4px -1px #0000002e;
  -moz-box-shadow: 0px 1px 4px -1px #0000002e;
  -ms-box-shadow: 0px 1px 4px -1px #0000002e;
  -o-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: #cbcbcb;
  color: #f5020a;
}

.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: #f5020a;
  color: #fff;
}

/*********************************
  contacts 
  *********************************/
.contacts-col {
  /* float: left; */
  flex-basis: 100%;
  /* 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: #f5020a;
  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: #f5020a;
  /* 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%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.contacts-data .social a:hover {
  color: #fff;
  background: #f5020a;
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
}

.contacts-data .contact-row {
  margin-bottom: 10px;
  padding-bottom: 10px;
  justify-content: center;
  gap: 15px;
}

.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: #f5020a;
  font-size: 18px;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-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: #f5020a;
  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: #f5020a;
}

.contact-col .data-row>h2:after,
.contact-col .data-row>h2:before {
  content: "";
  position: absolute;
  /* background: #00487a; */
}

.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: #f5020a;
  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;
  -ms-transition: all 0.3s ease;
  -o-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;
  -ms-box-shadow: none !important;
  -o-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;
  flex-basis: 70%;
  /* padding: 92px 0; */
  padding-top: 0;
  padding-left: 2rem;
  /* align-items: center; */
  flex-wrap: wrap;
  gap: 2rem;
}

.about-head:after {
  content: "";
  display: flex;
  background: #fff;
  /* height: 100%; */
  width: 3rem;
  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%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-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';
  flex-basis: 100%;
}

.about-head .text-area h2 {
  color: #f5020a;
  font-size: 1.9rem;
  font-weight: bold;
  margin-top: 0;
  border-right: 3px #f5020a solid;
  padding: .5rem 1rem;
}

.about-head .text-area p {
  font-weight: 600;
  font-size: 1.4rem;
}



.about-col {
  /* padding-top: 30px; */
  position: relative;
  /* top: -20px; */
  display: flex;
  flex-basis: 30%;
  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;
  display: none;
}

.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;
  -webkit-box-shadow: 0px 2px 5px 0px #00000030;
  -moz-box-shadow: 0px 2px 5px 0px #00000030;
  -ms-box-shadow: 0px 2px 5px 0px #00000030;
  -o-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: #00487a;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-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: #00487a;
}

.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: #00487a;
}

.about-col .data-row>h2:after,
.about-col .data-row>h2:before {
  content: "";
  position: absolute;
  background: #00487a;
}

.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: #f5020a;
  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: #121212;
}

.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;
  padding-bottom: 20px;
  padding-top: 30px;
  display: flex;
  flex-direction: row;
  /* align-items: center; */
  /* background: #000b22; */
}

.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: #ffffff;
  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 {
  flex-basis: 60%;
  /* 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: 80%;
  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: #a7a7a7;
  display: block;
  transition: all ease-in-out 0.15s;
  -webkit-transition: all ease-in-out 0.15s;
  -moz-transition: all ease-in-out 0.15s;
  -ms-transition: all ease-in-out 0.15s;
  -o-transition: all ease-in-out 0.15s;
}

.footer-about-col .footer-social li a:hover {
  color: #f5020a;
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-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: #bbbbbb;
  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: #66666640;
}

.footer-contacts li i {
  /* margin-right: 10px; */
  font-size: 17px;
  text-align: center;
  align-items: center;
  min-width: 30px;
  color: #dbdbdb;
  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;
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-contacts li p {
  margin: 0;
  padding: 0 5px;
}

.footer-contacts li a {
  color: #bbbbbb;
  text-decoration: none;
  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;
  padding: 0 5px;
  direction: ltr;
}

.footer-contacts li:hover i,
.footer-contacts li a:hover {
  color: #f5020a;
}

.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: #ffffff14;
}

.footer-menu li a {
  color: #bbbbbb;
  transition: all ease-in-out 0.15s;
  -webkit-transition: all ease-in-out 0.15s;
  -moz-transition: all ease-in-out 0.15s;
  -ms-transition: all ease-in-out 0.15s;
  -o-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;
  -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;
  /* font-weight: bold; */
  letter-spacing: unset;
  font-size: 15px;
  font-family: "Squada One", cursive;
  padding: 0 5px;
}

.footer-menu li a:hover {
  color: #f5020a;
}

.footer-menu li a:hover i {}

.footer-menu li a:hover span {}

.copyrights-row {
  padding: 10px 0;
  background: #0000007a;
  color: #878787;
}

.copyrights-row .row,
.copyrights-row .container {
  align-items: center;
}

.copyrights-row .copywrite-text {}

.copyrights-row .pv-copywrite-col {}

.copyrights-row .pv-copywrite {
  color: #b7b7b7;
  font-family: "Squada One", cursive !important;
  font-size: 18px;
  text-decoration: none;
}

.copyrights-row .pv-copywrite:hover {
  color: #fca700;
}