html {
  scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto; /* Uses the default, instant scroll */
  }
}

body{
  background-color: #ffffff;
  font-family: 'Roboto';
  font-family: "Acumin Pro";
  font-family: "Poppins";
  font-family: var(--secondary-font);
  font-weight: normal;
}
body.open {
  overflow-x: hidden;
  overflow-y: auto;
}

.body-viewport {
  min-height: 100% !important;
  padding: 0;
  margin: 0;
  /* overflow-x: hidden; */
  display: flex;
  flex-direction: column;
  /* overflow-y: clip; */
  max-width: 100% !important;
  width: 100% !important;
  scroll-behavior: smooth;
}
a{
  color:var(--secondary-color);
}
a:hover,a:focus{
  text-decoration:none;
  color:var(--primary-color-dark);
}
.container,.container-fluid{
  flex-grow: 1;
}
.container .row, .container-fluid .row  {
  display: flex;
  /* width: 100%; */
  flex-direction: column;
}
.container-fluid{}
img{
  max-width: 100%;
}

/******************************
** owl Slider
******************************/
.owl-stage {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: box;
}
/******************************
** Item Slider
******************************/
.items-slider{}
.items-slider .slide-item{
    position: relative;
    margin: 5px;
    background: #eeeced;
    overflow: hidden;
    box-shadow: 0px 0px 5px 0px #0000003b;
    border-radius: 5px;
    /* width: fit-content; */
}
.items-slider .owl-stage-outer{
    margin: 0 25px;
}
.items-slider .owl-stage{}
.items-slider .owl-controls{}
.items-slider .owl-controls .owl-nav{}
.items-slider .owl-controls .owl-nav [class*=owl-]{
    font-size: 3rem;
    color: #00000040;
}
.items-slider .owl-controls .owl-nav [class*=owl-] i{}
.items-slider .owl-controls .owl-nav [class*=owl-] i::before{}
.items-slider .owl-controls .owl-nav .owl-prev{
    left: 0px;
}
.items-slider .owl-controls .owl-nav .owl-next{
    right: 0px;
}
.items-slider .owl-controls .owl-nav [class*=owl-]:hover{
  color: #0000008f;
}


/*********************
** Loading
*********************/
.colorlib-loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: +99999999;
  background: url(../images/loader.gif) center no-repeat #24212f;
}
.colorlib-loader .stars-layer{
  /* height: 100%; */
  /* width: 100%; */
}
.page-loading {
  position: fixed;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(
    circle farthest-corner at center,
    #fdb50e 0%,
    #9d4a01 100%
  );
  z-index: +100000000000000;
  display: none;
}
.page-loading.in {
  display: unset;
}
.page-loading.out {
  display: none;
}

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

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

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

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

/*********************
** Header
*********************/
.header-viewport {
  max-width: 100% !important;
  background-color: var(--secondary-background);
  background-image: url(../images/header-bg-large.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100% 100%;
  position: relative;
  /* z-index: +1; */
}
.header-container {
  /* min-height: 145px; */
  /* padding-top: 12px; */
  /* border-bottom: 3px #000 solid; */
}

.header-container .full-header.sticky {
  /* position: fixed; */
  width: 100%;
  /* padding-top: 13px; */
  /* padding-bottom: 20px; */
  background: transparent;
  /* 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;
  /* backdrop-filter: blur(6px); */
}
.header-container .full-header.sticky:before {
  /* content: ""; */
  width: 100%;
  position: absolute;
  height: calc(100% + 57px);
  background: #f000;
  top: -27px;
  z-index: 0;
  opacity: 1;
  transition: all ease-in-out 0.25s;
}

.header-container .full-header.sticky.fixed {
  position: fixed !important;
  width: 100%;
  /* top: 0; */
  background: #ffffffd9;
  box-shadow: 0px 0px 13px 1px #00000021;
  /* padding: 10px 0; */
}
.client-panel .header-container .full-header.sticky,
.client-panel .header-container .full-header.sticky.fixed {
  position: relative !important;
}
.header-container .full-header.sticky.fixed:before {
  background-position-y: 0;
  opacity: 1;
}
.header-container .header-fixed-size-placeholder {
}
/************************************
** Header Contents
************************************/

.header-row {
}
.sticky.fixed .header-row {
}
.header-row .container ,
.header-row .container-fluid{
  flex-grow: 1;
  /* padding: 0 43px; */
}
.header-row .container .row ,
.header-row .container-fluid .row  {
  display: flex;
  /* width: 100%; */
  flex-direction: column;
  margin: 0 !important;
}
.header-row .header-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  padding-block-start: 70px;
  column-gap: 40px;
}
.header-content .header-col {
  transition: all ease-in-out 0.2s;
}
.mob-logo-col,
.mob-logo-col * {
  display: none;
}

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

  /* cursor: pointer; */
}
.header-content .MenuBTNArea .SideMenuBTN {
  position: relative;
  font-size: 28px;
  display: flex;
  cursor: pointer;
  color: #f7fcfc;
  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: #000000;
}
.header-content .MenuBTNArea .SideMenuBTN:hover i,
.header-content .MenuBTNArea .SideMenuBTN:active i {
}
.header-container .full-header.sticky.fixed .header-content .MenuBTNArea .SideMenuBTN{
  color: var(--dark-bg-color); 
}
.header-container .full-header.sticky.fixed .header-content .MenuBTNArea .SideMenuBTN:hover,
.header-container .full-header.sticky.fixed .header-content .MenuBTNArea .SideMenuBTN:active{
  color: #000;
}

.menu-btn-icon{
    position: relative;
    background: #00000000;
    width: 100%;
    height: 100%;
    aspect-ratio: 6/5;
    min-width: 50px;
}
.menu-btn-icon span{
    position: absolute;
    background: var(--primary-background);
    width: 100%;
    height: 10%;
    left: 0;
}
.menu-btn-icon:hover span{
    background: var(--primary-color);
}

.menu-btn-icon span:nth-child(1){
    top: 0;
}
.menu-btn-icon span:nth-child(2){
    top: 30%;
}
.menu-btn-icon span:nth-child(3){
    top: 60%;
}
.menu-btn-icon span:nth-child(4){
    bottom: 0;
}

.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; */
  margin: 0;
  gap: 10px;
  display: none;
}
.header-content .user-menu {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  align-items: center;
}
.header-content .user-menu .user-card {
  padding: 0;
  margin: 0;
  display: inline-block;
  color: #fff;
  padding-left: 7px;
  margin-left: 3px;
  border-left: 1px #00000030 solid;
}
.header-content .user-menu .user-card i {
  margin-left: 5px;
  background: #0000003b;
  border-radius: 50%;
  padding: 3px 5px;
  padding-right: 6px;
  width: 22px;
  height: 22px;
  text-align: center;
}
.header-content .user-menu .user-card span {
  font-weight: bold;
  font-family: tahoma;
  font-size: 11px;
  display: initial;
}
.header-content .user-menu .user-btn {
  display: inline-block;
  margin-right: 10px;
  margin-left: 5px;
}
.header-content .user-menu .user-btn a {
  color: #000000;
  font-weight: bold;
  font-size: 15px;
  /* font-family: tahoma; */
  position: relative;
  /* text-shadow: 1px 1px 2px #0000; */
}
.header-content .user-menu .user-btn a:hover {
  color: #00487a;
  text-shadow: 1px 1px 2px #000000;
}
.header-content .user-menu .user-btn a i {
  margin-left: 6px;
  /* color: #ffffff; */
  font-size: 19px;
  display: inline-block;
  /* float: right; */
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}
.header-content .user-menu .user-btn a span {
  display: inline;
}
.header-content .user-menu .user-btn a span.counter {
  position: absolute;
  font-family: sans-serif;
  /* font-weight: normal; */
  font-size: 11px;
  background: #e80101;
  border-radius: 9px;
  padding: 1px 4px;
  color: #fff;
  right: 12px;
  transform: translate(-5px, -1px);
  line-height: 12px;
  text-shadow: none;
}
.header-content .user-menu .user-btn a span.counter.hide {
  padding: 0;
}
.header-content .user-menu .user-btn a:hover i {

}

.header-content .user-menu .dropdown {
  margin: 0;
  margin-left: 10px;
  padding: 0;
  /* background: #fff; */
}
.header-content .user-menu .user-dropdown,
.header-content .languages .dropdown-toggle{
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  padding: 3px 0px !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  font-size: 14px;
  font-family: "Tajawal";
  border-radius: 40px;
  background: #000000a6;
  color: #fff;
  text-decoration: none;
}
.header-content .languages .current.dropdown-toggle{
  padding: 3px 3px !important;
}
.header-content .user-menu .dropdown.open .user-dropdown.dropdown-toggle, 
.header-content .languages .dropdown.open .dropdown-toggle {
  background: #000000a6 !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,
.header-content .languages .dropdown-menu {
  margin: 0;
  padding: 0;
  background: #00487a;
  border-radius: 7px;
  top: calc(100% + 8px);
  min-width: max-content;
  z-index: +9852215521212121212121200;
}
.header-content .user-menu .dropdown-menu:before,
.header-content .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: #00487a;
  z-index: +7;
  top: -12px;
  left: 7px;
}
.header-content .user-menu .dropdown-menu li,
.header-content .languages .dropdown-menu a{
  margin: 0;
  font-family: "Tajawal";
  display: flex;
}
.header-content .user-menu .dropdown-menu li + li,
.header-content .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,
.header-content .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,
.header-content .languages .dropdown-menu a:first-child {
  border-radius: 0;
}
.header-content .user-menu .dropdown-menu li:last-child a,
.header-content .languages .dropdown-menu a:last-child {
  border-radius: 0;
}
.header-content .user-menu .dropdown-menu li a:hover,
.header-content .languages .dropdown-menu a:hover{
  box-shadow: none;
  text-shadow: none;
  background: #efefef;
  color: #00487a;
}
.header-content .user-menu .dropdown-menu li a span,
.header-content .languages .dropdown-menu a span{
  display: flex;

  flex-grow: 1;
}
.header-content .user-menu .dropdown-menu li a i,
.header-content .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,
.header-content .languages .dropdown-menu a i:before{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.header-content .social-menu {
  padding: 0;
  margin: 0;
  list-style: none;
  grid-area: b1;
}
.header-content .social-menu li {
  display: inline-block;
}
.header-content .social-menu li + li {
  margin-right: 6px;
  float: left;
}
.header-content .social-menu a {
  display: block;
  color: #000;
  padding: 0px 4px;
  background: #ffffff;
  width: 25px;
  text-align: center;
  font-size: 16px;
  line-height: 25px;
}
.header-content .social-menu a i {
}
.header-content .social-menu a:hover {
  color: #ffffff;
  background: #000;
  transform: scale(1.2);
}
@media screen and (max-width: 768px) {
  .top-bar {
    padding: 2px 15px !important;
    z-index: +3;
    display: none;
  }
  .header-content .menu {
    grid-template-columns: 1fr max-content;
    grid-template-areas: "b1 b2" "b3 b3";
    grid-row-gap: 10px;
  }
  .header-content .user-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
    grid-area: b3;
    /* border-top: 1px #00000047 solid; */
    /* padding-top: 10px; */
    text-align: right;
    /* display: grid; */
    /* grid-template-columns: 1fr max-content max-content; */
    display: flex;
  }
  .header-content .user-menu .user-card {
    /* margin-left: 0; */
    /* padding-left: 0; */
  }
  .header-content .user-menu .user-card i {
  }
  .header-content .user-menu .user-card span {
    /* max-width: calc(100% - 40px); */
  }
  .header-content .user-menu .user-btn {
    margin-left: 3px;
  }
  .header-content .user-menu .user-btn a {
  }
  .header-content .user-menu .user-btn a:hover {
  }
  .header-content .user-menu .user-btn a i {
  }
  .header-content .user-menu span {
    display: inline-flex !important;
    max-width: 125px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 11px;
    position: relative;
    top: 1px;
  }
  .header-content .user-menu .user-btn a span {
    overflow: unset;
    display: flex;
    /* line-height: 14px; */
  }
}
/******************
header user-login
******************/
.header-col .user-login{
  display: flex;
  align-items: center;
}
.header-col .user-login a{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    padding: 3px 13px !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    font-size: 12px;
    font-family: "Futura";
    font-weight: bold;
    border-radius: 40px;
    background: #000000a6;
    color: #fff;
    text-decoration: none;
    height: 100%;
}
/**************
languages 
**************/
.languages {
  list-style: none;
  display: flex;
  align-items: center;
  width: max-content;
  margin: 0;
  padding: 0;
}
.languages .current {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  text-decoration: none;
  background: #000;
  border-radius: 42px;
  overflow: hidden;
  color: #fff;
  padding: 3px 3px !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: #ffffff;
  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: 'Futura';
}
.languages .current.dropdown-toggle::after {
  display: none;
}
.colorlib-nav ul li.has-dropdown.languages .dropdown {
  padding: 3px 3px;
}
.languages .languages-list .dropdown-item:hover {
  background: #000;
  color: #fca700;
}
.languages .languages-list .dropdown-item:first-child {
  border-radius: 6px 6px 0 0 !important;
}
.languages .languages-list .dropdown-item:last-child {
  border-radius: 0 0 6px 6px !important;
}

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

@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 {
  float: right;
  left: unset;
  right: 0;
  }
  .header-content .user-menu .dropdown-menu:before, .header-content .languages .dropdown-menu:before{
    left: unset;
    right: 7px;
}
  .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-inline-start: 80px;
  flex-direction: row-reverse;
  align-items: center;
}
.main-menu .navbar .header-menus-row .top-menu-fixed-area{
  position: relative;
  /* padding-right: 30px; */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-basis: 100%;
    flex-grow: 1;
}
.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; */
  /* padding-inline-end: 30px; */
  display: flex;
  justify-content: center;
  align-items: center;
  /* flex-basis: 100%; */
  flex-grow: 0;
}
.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 .main-menu .navbar .header-logo img{
    filter: brightness(1) invert(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; */
  padding: 0 !important;
}
.main-menu .navbar .navbar-right{
  position:relative;
  padding-left: 34px;
  /* max-height: 63px !important; */
  padding: 8px 0 !important;
}
.main-menu .navbar .header-logo {
  padding: 0;
  display: flex;
  align-items: center;
  position: relative;
  /* top: -9px; */
  /* height: unset; */
  /* max-height: 47px !important; */
  line-height: unset;
  max-width: 272px;
}

.main-menu .navbar .header-logo img {
  /* max-width: 100%; */
  max-height: calc(100% + 20px) !important;
  width: auto;
  /* height: auto; */
  /* transform: scale(1.8) translateX(21%); */
  position: relative;
  /* top: -9px; */
  flex-grow: 1;
  border: none;
  padding: 0;
  transition: all ease-in-out 0.25s;
}
.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;
  gap: 7px;
}
.main-menu .navbar-nav:before,
.main-menu .navbar-nav:after {
  content: "";
  position: absolute;
  top: 0;
  width: calc(100% - 30px);
  height: 100%;
  /* background: #000; */
  z-index: 0;
}

.main-menu .navbar-nav:before {
  right: 0;
}
.main-menu .navbar-nav:after {
  left: 0;
}
.main-menu .nav-item {
  /* float: right !important; */
  direction: ltr;
  position: relative;
  z-index: +100;
}
.main-menu .nav-item:before,
.main-menu .nav-item:after {
  width: 1px;
  height: 58%;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  left: -5px;
  background: #b9b9b93d;
  background: rgb(0,0,0);
  background: -moz-linear-gradient(0deg, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.50) 50%, rgba(0,0,0,0.05) 100%);
  background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.50) 50%, rgba(0,0,0,0.05) 100%);
  background: linear-gradient(0deg, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.50) 50%, rgba(0,0,0,0.05) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
  opacity: 0.3;
}
.main-menu .nav-item.home-item:before {
  left: -1px;
}
.main-menu .nav-item:last-child:before {
  background: transparent;
}
.main-menu .nav-item:after {
  right: -1px;
  left: unset;
}
.main-menu .nav-item + .nav-item {
  margin-right: 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: 1px;
  font-size: 25px;
  /* font-family: 'Anton'; */
  color: #fff !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: var(--title-color-1) !important;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: var(--primary-color) !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: #ffffff !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: var(--title-color-light);
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
}
.main-menu .nav-link.home-link i {
  font-size: 27px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main-menu .nav-link.home-link span {
  display: block;
  width: 0;
  text-indent: 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);
  background: #ffffff;
  left: 50%;
  transform: translateX(-50%);
  right: unset;
  border-radius: 0px !important;
}
.main-menu .dropdown-menu:before {
  content: "";
  height: 0;
  width: 0;
  border-width: 7px;
  border-style: solid;
  border-color: transparent;
  border-bottom-color: #ffffff;
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-4px);
}
.main-menu .dropdown-menu .nav-link{
    color: var(--title-color) !important;
}
.main-menu .dropdown-menu .nav-link:hover{
    color: var(--title-color-1) !important;
}
.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;
}
.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 {
}
.header-container .full-header.sticky.fixed .main-menu .nav-link{
    color: #000 !important;
}
.header-container .full-header.sticky.fixed .main-menu .nav-link:hover{
    color: #fff !important;
}
.header-container .full-header.sticky.fixed .main-menu .nav-link.home-link:hover{
    color: var(--dark-bg-color) !important;
}
.header-container .full-header.sticky.fixed .main-menu .nav-link:hover:before{
    background: var(--dark-bg-color);
}
@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;
    /* 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;
    /* height: calc(100% - 11px); */
    top: 100%;
    left: 50%;
    transform-origin: center center;
    transform: translate(-50%, -50%);
    z-index: 0;
    /* border-radius: 30px; */
    transition: all ease-in-out 0.25s;
  }
  .main-menu .navbar-nav > li.dropdown.open > .nav-link.dropdown-toggle{
    color: var(--title-color-1) !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;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: calc(100% - 11px);
    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;
  }
  .main-menu .navbar-collapse {
    transform: translateY(28px);
  }
  .main-menu .navbar-nav {
    float: left !important;
    /* display: block !important; */
    width: 100%;
  }
  .main-menu .navbar-nav {
    font-weight: bold; /* display: block; */
    margin: 0;
  }
  .main-menu .nav-item {
    width: 100%;
  }
  .main-menu .nav-item:before {
    width: 1px;
    height: 70%;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: -5px;
    background: #0000001c;
  }
  .main-menu .nav-item + .nav-item {
    margin-right: 0;
    border-top: 1px #e7e7e7 solid;
  }
  .main-menu .nav-item + .nav-item:before {
    content: "";
    display: none;
  }
  .main-menu .nav-item.home-item {
  }
  .main-menu .nav-item:hover {
  }
  .main-menu .nav-link {
  }
  .main-menu .nav-link:hover,
  .main-menu .nav-link:focus {
  }
  .main-menu .nav-link.dropdown-toggle {
  }
  .main-menu .nav-link.dropdown-toggle::after {
  }
  .main-menu .nav-link.home-link {
    color: #777;
    background: transparent;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
  }
  .main-menu .nav-link.home-link i {
    display: none;
  }
  .main-menu .nav-link.home-link span {
    width: auto;
    text-indent: inherit;
  }
  .main-menu .dropdown:after {
  }
  .main-menu .dropdown:hover:after {
  }
  .main-menu .dropdown.open:after {
  }
  .main-menu .dropdown.open .dropdown-toggle {
    padding-left: 10px;
    font-weight: bold !important;
  }
  .main-menu .dropdown-menu {
    /* padding: 0 10px; */
    /* background: #efefef !important; */
  }
  .main-menu .dropdown-menu:before {
    display: none;
    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);
  }
  .header-content .user-menu .dropdown{
    /* margin-right: 9px !important; */
}
}

/***************************************
search-box
***************************************/
.header-search{
    /* max-width: 500px; */
    display: flex;
    justify-content: center;
}
.search-box {
  /* width: 120px; */
  transition: all ease-in-out 0.2s;
  max-width: min(500px,100%);
  width: 370px;
}
.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;
  flex-basis: 100%;
  flex-wrap: nowrap;
  /* margin-top: 5px; */
  /* border: 1px #0a0a0a1f solid; */
  border-radius: 3px;
  /* overflow: hidden; */
  background: #ffffff2b;
  /* box-shadow: 0px 0px 3px 0px #0000009e inset; */
  /* align-items: center; */
}
.search-box .input-col{
    display: flex;
    flex-grow: 1;
    width: 100%;
}
.search-box input[type="text"] {
  background: #f0f0f000;
  padding: 5px 4px;
  padding-inline: 15px !important;
  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: unset;
  width: 100%;
  color: #c9c9c9;
  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: #ffffffeb;
  /* font-size: 20px; */
  padding: 0;
  /* background: #e59600; */
  text-align: center;
}
.search-box input[type="text"]::placeholder{
  color:#ffffff6e;
}
.search-box form .search-submit:hover {
}
.search-box form .search-submit i {
  font-size: 20px;
  /* margin-left: 4px; */
  /* margin-top: 3px; */
  position: relative;
  /* top: 0; */
  /* left: 0; */
  /* background: #00000040; */
  width: 34px;
  height: 100%;
}
.search-box form .search-submit i:before {
  position: absolute;

  top: calc(50% - 1px);

  left: 50%;

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

.search-box input[type="submit"],
.search-box input[type="submit"]:focus,
.search-box input[type="submit"]:hover {
  position: absolute;
  width: 100%;
  height: 100%;
  background: transparent;
  border: none;
  text-indent: 100px;
  top: 0;
  left: 0;
  z-index: +1;
}
.search-box .tax-col{
    display: flex;
    flex-grow: 0;
    min-width: unset;
    width: 225px;
    padding: 0;
    margin: 0;
}
.search-box .tax-col select{
    border: none;
    outline: none;
    background: transparent;
    --border-color: #0000001f;
    width: min(128px,100%);
    padding-inline-start: 9px;
    /* padding-inline-end: 9px; */
    border-inline-end: 1px var(--border-color) solid;
}
.search-box .tax-col select option{}
/************************************
** 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; */
    max-width: min(500px, 100%);
    max-width: unset;
    width: calc(100% - 40px);
}
  .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; */
      padding-inline-start: 7px !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: 340px;
  height: calc(100vh - 0px);
  background: var(--primary-color-dark) !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: #000000e0;
  z-index: +321083690;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  transition: all ease-in-out 0.25s !important;
  -webkit-transition: all ease-in-out 0.25s !important;
  -o-transition: all ease-in-out 0.25s !important;
  -moz-transition: all ease-in-out 0.25s !important;
  -ms-transition: all ease-in-out 0.25s !important;
}
#page {
  transition: all ease-in-out 0.25s !important;
  -webkit-transition: all ease-in-out 0.25s !important;
  -o-transition: all ease-in-out 0.25s !important;
  -moz-transition: all ease-in-out 0.25s !important;
  -ms-transition: all ease-in-out 0.25s !important;
}

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

.main-side-menu.open .SideNavCollapseTrigger {
  left: 100%;
  background: var(--primary-color-dark);
  cursor: pointer;
}
.main-side-menu.open .SideNavCollapseTrigger.rtl-dir {
  left: unset;
  right: 100%;
}
.main-side-menu.open .SideNavCollapseTrigger:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.main-side-menu.open .SideNavCollapseTrigger:before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.SideNavBar {
  padding: 0;
  margin: 0;
  background: transparent !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: var(--primary-color-dark) !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: var(--dark-bg-color);
  width: 100%;
  height: 100%;
  max-height: 100%;
  top: 0;
  border: none;
  box-shadow: none;
  overflow: auto;
  /* display: flex; */
  /* flex-wrap: wrap; */
  /* align-items: baseline; */
}
.SideNavBarNav .dropdown.open > .dropdown-submenu {
  left: 0;
  position: unset;
  box-shadow: none !important;
  border: none !important;
  padding: 0;
  margin: 0;
  box-shadow: none;
  background: var(--dark-bg-color);
  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: #ffffff !important;
  background: #ffffff61;
  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: #ffffff;
  background: #ffffff00;
  border: none;
  border-bottom: 1px #ffffff2e solid !important;
  padding: 15px 10px !important;
  font-size: 1.6rem !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;
} 
/*********************
** Main Banner Viewport 
*********************/
.header-banner-viewport{
  position: relative;
  /* width: 100%; */
  min-height: 709px;
  /* height: 100svh; */
  overflow: hidden;
  /* overflow: scroll; */
  /* display: flex; */
  /* justify-content: center; */
  display: flex;
}
.header-banner-viewport .banner-viewport-shadow{}
/*********************
** Main Header 
*********************/
.main-header{
    --Main-Header-De-H: 768;
    --W-Ratio: 3.125;
    --H-Ratio: 1;
    --aspect-ratio: 25/8;
    position: relative;
    position: absolute;
    left: 50%;
    top: 0;
    /* width: 2400px; */
    height: 100%;
    aspect-ratio: 25/8;
    transform: translate3d(-50% , 0px, 0px)  !important;
}

/*********************
** Header-Area  
*********************/
.home-header{
    margin: 0px 0px;
}
.global-header{
    border-bottom: 0;
    margin-block: 0;
    /* margin-top: 36px; */
}
.global-header .container{
}
.global-header .page-title{
    font-size: 4rem;
    font-family: var(--base-font);
    font-weight: 600;
    letter-spacing: 2px;
    color: var(--primary-background);
    margin-block-end: 28px;
}

.products-header{
    margin-block-start: 20px;
    margin-block-end: 0;
    margin-inline: 0;
}
.header-page-title{
    display: flex;
    justify-content: center;
    gap: 17px;
    flex-wrap: nowrap;
    align-items: center;
    margin-block-end: 70px;
    margin-block-start: 40px;
}
.header-page-title h2.page-title{
    margin: 0;
}
.header-page-title span{
    /* height: 40px; */
    width: 50px;
    aspect-ratio: 1/1;
    display: inline-flex;
    gap: 8px;
    flex-wrap: nowrap;
    position: relative;
    align-items: center;
    /* background: #ff8181; */
}
.header-page-title span:before{
  content:"";
  display: block;
  /* background-color: #fff981b0; */
  background-image: url("../images/svg/d-icon-s.svg");
  background-repeat: no-repeat;
  width: 100%;
  height: 120%;
  background-size: contain;
  background-position: 0 center;
}


.blog-header{}
.blog-header .container{}
.blog-header .page-title{}

.home-slider{
    direction: ltr;
}
.home-slider.owl-carousel .owl-stage-outer {
    z-index: 1;
}
.home-slider .slide-item{
}
.home-slider .slide-item .container{
    display: flex;
    gap: 4rem;
}
.home-slider .slide-item .container:before,
.home-slider .slide-item .container:after{
  display:none;
}

.home-slider .slide-item .slide-photo{
    display: flex;
    width: 60%;
    justify-content: center;
    position: relative;
    top: 2rem;
}
.home-slider .slide-item .slide-photo img{
    max-width: 100%;
    height: fit-content;
    position: absolute;
    top: calc(50% + 2rem);
    left: 50%;
    transform: translate(-50%,-50%);
}
.home-slider .slide-item .slide-content{
    width: 40%;
}
.home-slider .slide-item .slide-content .slide-title{
    font-size: 3.9rem;
    line-height: 5.9rem;
    /* font-weight: bold; */
    font-family: "Anton";
    letter-spacing: 0.2rem;
    margin-bottom: 3rem;
    word-break: break-word;
    white-space: nowrap;
}
.home-slider .slide-item .slide-content .slide-text{
    margin-bottom: 3rem;
    font-size: 1.8rem;
    line-height: 3rem;
    color: #6b6b6b;
}
.home-slider .slide-item .slide-content .slide-text p {
    margin: 0;
    margin-top: 2rem;
}
.home-slider .slide-item .slide-content .slide-text p + p{}
.home-slider .slide-item .slide-content .slide-btns{
    display: flex;
    gap: 2rem;
}
.home-slider .slide-item .slide-content .slide-btns a{
    background: #e70500;
    color: #fff;
    font-size: 2rem;
    display: flex;
    align-items: center;
    gap: 10px;
    padding-inline: 20px;
    padding-block: 7px;
    border-radius: 30px;
}
.home-slider .slide-item .slide-content .slide-btns a span{}
.home-slider .slide-item .slide-content .slide-btns a i {
    font-size: 1.4rem;
}

.home-slider .slide-item .slide-content .slide-btns a.btn-1{}
.home-slider .slide-item .slide-content .slide-btns a.btn-1:hover{}
.home-slider .slide-item .slide-content .slide-btns a.btn-2{
    background: var(--dark-bg-color);
}
.home-slider .slide-item .slide-content .slide-btns a.btn-2:hover{}


.home-slider .owl-controls{
    /* position: absolute; */
    /* width: 100%; */
    /* height: 100%; */
    /* top: 0; */
    /* z-index: 0; */
}
.home-slider .owl-controls .owl-nav{
    /* position: absolute; */
    /* width: 100%; */
    /* height: 100%; */
    /* top: 0; */
    /* z-index: 0; */
}

.home-slider .owl-controls .owl-nav [class*=owl-] {
    width: 52px;
    font-size: 23px;
    aspect-ratio: 1/1;
    /* display: inline-flex; */
    padding: 9px;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    z-index: 50;
    border-radius: 50%;
}
.home-slider .owl-controls .owl-nav [class*=owl-] i{
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.home-slider .owl-controls .owl-nav [class*=owl-]:hover{}
.home-slider .owl-controls .owl-nav [class*=owl-]:hover i{}

.home-slider .owl-controls .owl-nav .owl-prev{
    left: 0;
}
.home-slider .owl-controls .owl-nav .owl-next{
    right: 0;
}

/******************************
** Hero Section
******************************/
.home-header .hero-section{
    display: flex;
    flex-direction: row;
    column-gap: 90px;
    justify-content: center;
    margin-block: 115px;
    clear: both;
}
.home-header .hero-section .img-col{
    flex-grow: 1;
    max-width: 293px;
}
.home-header .hero-section .img-col img{
    max-width: 100%;
}
.home-header .hero-section .text-col{
    /* flex-grow: 1; */
    max-width: 520px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    /* top: -5.2rem; */
}
.home-header .hero-section .text-col .mob-img{
  display: none;
}
.home-header .hero-section .text-col h2{
    font-size: 3.5rem;
    font-family: var(--primary-font);
    font-weight: 700;
    color: var(--primary-background);
    margin: 0;
    margin-bottom: 7px;
    padding: 0;
}
.home-header .hero-section .text-col h3{
    font-size: 3.5rem;
    line-height: calc(100% + 2rem);
    font-family: var(--primary-font);
    /* font-weight: 700; */
    color: var(--primary-background);
    margin: 0;
    margin-bottom: 25px;
    padding: 0;
}
.home-header .hero-section .text-col p{
    font-family: var(--primary-font);
    color: var(--primary-background);
    font-size: 2rem;
    font-weight: 500;
    margin-bottom: 20px;
    /* line-height: calc(100% + 6px); */
}
.home-header .hero-section .text-col p + p{}

.home-header .hero-section .text-col .os-logos{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    /* justify-content: space-between; */
    column-gap: 24px;
    flex-flow: nowrap;
    margin-top: 20px;
}
.home-header .hero-section .text-col .os-logos img{
    /* max-width: 100%; */
    max-height: 92px;
    display: inline-flex;
    /* max-width: calc(25% - 20px); */
    /* flex: 1; */
    /* min-width: 0; */
    /* flex-grow: 1; */
}
.home-header .hero-section .hero-btns{
    display: flex;
    column-gap: 30px;
    row-gap: 20px;
    margin-top: 25px;
    /* justify-content: space-between; */
}
.home-header .hero-section .hero-btns a{
    display: inline-flex;
    padding: 10px 15px;
    /* background: var(--primary-color); */
    color: var(--primary-color);
    border-color: var(--primary-color);
    border-width: 1px;
    border-style: solid;
    /* color: #fff; */
    font-size: 1.8rem;
    font-weight: 500;
    border-radius: 40px;
}
.home-header .hero-section .hero-btns a:hover,
.home-header .hero-section .hero-btns a:focus{}
/******************************
** Header Featured Products
******************************/
.header-featured-products{
    position: relative;
    clear: both;
    display: flex;
    flex-direction: row;
    gap: 30px;
    justify-content: space-between;
    padding: 0;
    margin: 0;
    margin-bottom: 90px;
    margin-top: 150px;{}
;
}
.header-featured-products .product-item{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 30px;
    align-items: center;
}
.header-featured-products .product-item .product-icon{}
.header-featured-products .product-item .product-icon img{
    max-height: 84px;
}
.header-featured-products .product-item .product-name{
    font-family: var(--base-font);
    font-weight: bold;
    font-size: 2.5rem;
    letter-spacing: 3px;
    color: var(--primary-background);
}
.header-viewport .header-sep-pattern{height: 68px;display: block;padding: 0;margin: 0;overflow: clip;}
.header-viewport .header-sep-pattern::after{
  content:"";
  display: block;
  height: 100%;
  background-image: url(../images/header-bottom-sep.png);
  background-repeat: repeat-x;
  background-position: left center;
  background-size: contain;
  position: relative;
  top: 50%;
}
/******************************
** Row Title - sides lines
******************************/
.side-lines-row-title{
    margin: 40px 0;
    margin-top: 66px;
    /* margin-bottom: 12px; */
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 25px;
}
.side-lines-row-title > span{
    flex-grow: 1;
}
.side-lines-row-title > span::before{
  content: "";
  background: #0000003d;
  height: 1px;
  width: 100%;
  display: block;
}
.side-lines-row-title > h2{
  margin: 0;
  font-size: 30px;
  font-family: 'Futura';
  font-weight: 600;
  color: #585757;
}

.side-lines-row-title.OnDark{}
.side-lines-row-title.OnDark > span::before{
  background: #ffffff3d;
}
.side-lines-row-title.OnDark > h2{
  color: #ffffff;
}

/******************************
** home meeting row
******************************/
.meeting-row{
    background: var(--bg-color-2);
}
.meeting-row .row-container{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.meeting-row .row-photo{
    display: flex;
    align-items: flex-end;
    flex-grow: 1;
}
.meeting-row .row-photo img{
    max-width: 100%;
    width: 100%;
}
.meeting-row .row-text{
    flex-basis: 38%;
    padding: 50px 30px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 23px;
    color: var(--text-color-med);
}
.meeting-row .content-title{font-size: 4rem;font-weight: bold;color: var(--title-color-2);margin: 0;}
.meeting-row .content-text p{
    font-size: 2.9rem;
    line-height: normal;
}
.meeting-row .content-text p + p{}
/******************************
** home certified-google row
******************************/
.certified-google-row{
    /* background: var(--bg-color-2); */
}
.certified-google-row .row-container{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.certified-google-row .row-photo{
    display: flex;
    align-items: flex-end;
    flex-grow: 1;
}
.certified-google-row .row-photo img{
    max-width: 100%;
    width: 100%;
}
.certified-google-row .row-text{
    flex-basis: 128%;
    padding: 50px 30px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 23px;
    color: var(--text-color-med);
}
.certified-google-row .content-title{font-size: 4rem;font-weight: bold;color: #275494;margin: 0;}
.certified-google-row .content-text p{
    font-size: 2.9rem;
    line-height: normal;
}
.certified-google-row .content-text p  + p{}
/******************************
** home plug play row
******************************/
.plug-play-row{
    background: var(--bg-color-2);
}
.plug-play-row .row-container{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.plug-play-row .row-photo{
    display: flex;
    align-items: flex-end;
    flex-grow: 1;
}
.plug-play-row .row-photo img{
    max-width: 100%;
    width: 100%;
}
.plug-play-row .row-text{
    flex-basis: 34%;
    padding: 50px 0;
    /* padding-inline-start: 0; */
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 23px;
    color: var(--text-color-med);
    flex-grow: 1;
}
.plug-play-row .row-text-box{
    background:#f3f3f3;
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 23px;
    flex-grow: 1;
    padding: 30px;
    --box-shadow: 0px 0px 5px 1px #0000001f;
    box-shadow: var(--box-shadow);
    -webkit-box-shadow: var(--box-shadow);
    -moz-box-shadow: var(--box-shadow);
    -ms-box-shadow: var(--box-shadow);
    -o-box-shadow: var(--box-shadow);
}
.plug-play-row .content-title{font-size: 4rem;font-weight: bold;color: var(--title-color-1);margin: 0;}
.plug-play-row .content-text {}
.plug-play-row .content-text p{
    font-size: 2.9rem;
    line-height: normal;
}
.plug-play-row .content-text p + p {}
/******************************
** home find out row
******************************/
.find-out-row{
    /* background: var(--bg-color-2); */
}
.find-out-row .row-container{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.find-out-row .row-photo{
    display: flex;
    align-items: flex-end;
    flex-grow: 1;
    padding-block-start: 90px;
    /* overflow: clip; */
    position: relative;
}
.find-out-row .row-photo img{
    position: relative;
    max-width: unset !important;
    width: 100%;
    /* transform-origin: bottom right; */
    /* transform: scale(1.1); */
}
.find-out-row .row-text{
    flex-basis: 33%;
    padding: 50px 0px;
    padding-inline-start: 0;
    /* padding-block-end: 0; */
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 23px;
    color: var(--text-color-med);
}
.find-out-row .content-sub-title{font-size: 3.4rem;font-weight: bold;color: var(--title-color-2);margin: 0;line-height: 2.9rem;}
.find-out-row .content-title{font-size: 4rem;font-weight: bold;color: var(--title-color-1);margin: 0;}
.find-out-row .content-text {
    margin-top: 17px;
}
.find-out-row .content-text p{
    font-size: 2.9rem;
    line-height: normal;
    color: var(--text-color);
}
.find-out-row .content-text p + p{}
.find-out-row .content-text h4{
    color: var(--title-color);
    font-size: 3rem;
    font-weight: bold;
}
/******************************
** our-philosophy
******************************/
.our-philosophy-row{}
.our-philosophy-row .container{
    --flex-gap: 3rem;
    display: flex;
    gap: var(--flex-gap);
    flex-direction: row-reverse;
    padding-block: 10rem;
}
.our-philosophy-row .container:before{
  content:none;
}
.our-philosophy-row .content-col{
    flex-basis: 50%;
}
.our-philosophy-row .content-col > h4{
    margin-block-start: 1.3rem;
}
.our-philosophy-row .content-col > h2{
    font-family: 'Anton';
    font-size: 5rem;
    margin-block-start: 1rem;
    margin-block-end: 2.3rem;
}
.our-philosophy-row .content-col .philosophy-text{
    font-size: 2rem;
    color: #858585;
    display: flex;
    flex-direction: column;
}
.our-philosophy-row .content-col .philosophy-text p{
    margin-block-end: 1.2rem;
}
.our-philosophy-row .content-col .philosophy-text p + p{}

.our-philosophy-row .content-col .philosophy-btn {
    display: flex;
    padding-block-start: 3rem;
}

.our-philosophy-row .content-col .philosophy-btn a{
  background: #e70500;
  color: #fff;
  font-size: 2rem;
  display: flex;
  align-items: center;
  gap: 10px;
  padding-inline: 20px;
  padding-block: 7px;
  border-radius: 30px;
}
.our-philosophy-row .content-col .philosophy-btn a span{}
.our-philosophy-row .content-col .philosophy-btn a i {
  font-size: 1.4rem;
}

.our-philosophy-row .content-col .philosophy-btn a.btn-1{}
.our-philosophy-row .content-col .philosophy-btn a.btn-1:hover{}
.our-philosophy-row .content-col .philosophy-btn a.btn-2{
  background: var(--dark-bg-color);
}
.our-philosophy-row .content-col .philosophy-btn a.btn-2:hover{}


.our-philosophy-row .photos-col {
    --flex-gap: 3rem;
    width: 52%;
    display: flex;
    gap: var(--flex-gap);
    flex-direction: row;
    padding-block-start: 1.3rem;
    align-self: flex-start;
}
.our-philosophy-row .photos-col .images-col{
    display: flex;
    flex-direction: column;
    gap: var(--flex-gap);
    flex-basis: 85%;
    width: 50%;
}

.our-philosophy-row .photos-col .images-col.img-col-1{
    flex-basis: 60%;
    justify-content: end;
    position: relative;
    top: 16px;
}

.our-philosophy-row .photos-col .experience-years{
    --box-shadow: 0px 1px 6px 0px #00000047;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.our-philosophy-row .photos-col .experience-years .years-num{
    font-size: 5rem;
    font-weight: bold;
    /* margin-inline-start: 25px; */
    width: fit-content;
    aspect-ratio: 1/1;
    background: #db0500;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-inline: 15px;
    position: relative;
    align-self: flex-start;
    border-radius: 5px;
    box-shadow: var(--box-shadow);
}
.our-philosophy-row .photos-col .experience-years .years-text{
    display: flex;
    font-size: 1.8rem;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
    position: relative;
    background: var(--dark-bg-color);
    padding: 5px 10px;
    color: #fff;
    /* z-index: 1; */
    top: -18px;
    width: fit-content;
    border-radius: 6px;
    box-shadow: var(--box-shadow);
}
.our-philosophy-row .photos-col .experience-years .years-text::before{
  content: none;
  height: 2px;
  margin-block-start: 3px;
  background: #a5a5a5;
  width: 20px;
}

.our-philosophy-row .photos-col .images-col .image-item-box{
    /* max-width: 100%; */
    /* flex-basis: 100%; */
    /* background: #b9b9b9; */
    aspect-ratio: 218.16 / 205.38;
}
.our-philosophy-row .photos-col .images-col .image-item-box .simpleParallax{
    width: 100%;
    /* height: 100%; */
    overflow: hidden;
    background: #000;
    border-radius: 15px;
}
.our-philosophy-row .photos-col .images-col .image-item-box .simpleParallax .thumparallax-down{}
.our-philosophy-row .photos-col .images-col .image-item-box .simpleParallax img{
    width: 100%;
    height: auto;
}

.our-philosophy-row .photos-col .images-col .image-item-box.img-1{
    aspect-ratio: 175/221;
    /* flex-grow: 0; */
    /* height: fit-content; */
}
.our-philosophy-row .photos-col .images-col .image-item-box.img-2{
    aspect-ratio: 273 / 162;
}
.our-philosophy-row .photos-col .images-col .image-item-box.img-3{
    aspect-ratio: 218.16 / 205.38;
    margin-inline-end: var(--flex-gap);
}

/******************************
** home-welcome
******************************/
.home-welcome-row{
    background: var(--primary-color);
    color: var(--secondary-background);
    overflow-x: clip;
}
.home-welcome-row .container-fluid{}
.home-welcome-row .container-fluid::before{}

.home-welcome-row .home-welcome-contents{
    display: block;
    margin-block: 60px;
    font-size: 1.9rem;
    font-weight: 450;
    display: flex;
    /* align-items: center; */
    column-gap: 100px;
}
.home-welcome-row .home-welcome-contents .text-col{
    flex-grow: 1;
}
.home-welcome-row .home-welcome-contents .pattern-col{
    width: 32.9%;
    position: relative;
    /* height: 100%; */
}
.home-welcome-row .home-welcome-contents .pattern-col .side-pattern{
    min-height: 272px;
    background-image: url("../images/svg/patern-outline-v-white.svg");
    background-repeat: repeat-x;
    background-size: auto 100%;
    position: absolute;
    width: 200%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.home-welcome-row .home-welcome-contents h2{
    /* display: inline-block; */
    font-weight: 700;
    color: var(--secondary-background);
    margin-block-start: 20px;
    font-size: 3rem;
    /* text-transform: uppercase; */
}
.home-welcome-row .home-welcome-contents .welcome-sub-title{
    /* font-weight: 700; */
    color: var(--secondary-background);
    margin-block-end: 40px;
    margin-block-start: 10px;
    line-height: 3.5rem;
    font-size: 2.5rem;
}
.home-welcome-row .home-welcome-contents .welcome-title{margin-block-start: 10px;margin-block-end: 0px;}
.home-welcome-row .home-welcome-contents .welcome-text{
    margin-block-end: 5px;
    /* margin-block-start: 10px; */
    font-size: 18px;
    display: block;
}
.home-welcome-row .home-welcome-contents .home-welcome-btn{
    margin-block-start: 30px;
    margin-block-end: 10px;
}
.home-welcome-row .home-welcome-contents .home-welcome-btn a{
    border-width: 1px;
    border-style: solid;
    border-color: var(--secondary-background);
    color: var(--secondary-background);
    border-radius: 50px;
    padding: 10px 25px;
    font-size: 22px;
    display: inline-block;
}
.home-welcome-row .home-welcome-contents .home-welcome-btn a:hover,
.home-welcome-row .home-welcome-contents .home-welcome-btn a:active{}


/******************************
** index-solutions
******************************/
.index-solutions-row{
    padding-block: 60px;
    /* padding-block-start: 50px; */
}
.index-solutions-row .container-fluid{}
.index-solutions-row .container-fluid::before,
.index-solutions-row .container-fluid::after{}

.index-solutions-row .index-solutions{
    display: flex;
    gap: 60px;
}
.index-solutions .pattern-col{
  width: 98%;
  position:relative;
  flex-grow: 1;
}
.index-solutions .pattern-col:before{
    content:"";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 90%;
    background-image: url("../images/svg/patern-outline-h-green.svg");
    background-repeat: repeat-y;
    background-position: left center;
    background-size: 100% auto;
}
.index-solutions .solutions-col{
    flex-grow: 1;
    padding-block: 30px;
}
.index-solutions .solutions-col .row-title{
    color: var(--primary-color-dark);
    font-weight: 600;
    font-family: var(--base-font);
    letter-spacing: 1px;
    margin-block-start: 20px;
}
.index-solutions .solutions-col .row-text{
    font-size: 2.3rem;
    line-height: 2.8rem;
    font-weight: 500;
    font-family: var(--base-font);
    margin: 0;
    margin-block-start: 20px;
    margin-block-end: 70px;
    display: block;
}
.index-solutions .solutions-col .index-solutions-list{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-block: 30px;
}
.index-solutions-list .block-item{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    background: var(--third-background);
    padding: 15px;
    width: calc(50% - 15px);
    gap: 15px;
}
.index-solutions-list .block-item .block-photo{
    --img-c-dim: 114px;
    width: var(--img-c-dim) !important;
    height: var(--img-c-dim);
    aspect-ratio: 1/1;
    background: var(--primary-background);
    border-width: 1px;
    border-color: var(--primary-color);
    border-style: solid;
    display: flex;
    align-items: center;
    justify-content: center;
}
.index-solutions-list .block-item .block-photo img{
    max-width: 77%;
}
.index-solutions-list .block-item .block-data{}
.index-solutions-list .block-item .block-data .block-title{
    margin-block-start: 10px;
    margin-block-end: 10px;
    font-size: 2.2rem;
}
.index-solutions-list .block-item .block-data .block-text{
    margin-block-end: 0;
    margin-block-start: 10px;
    font-size: 1.7rem;
    font-weight: 500;
}
.index-solutions .solutions-col .index-solutions-btn{
    display: flex;
    flex-direction: row-reverse;
}
.index-solutions .solutions-col .index-solutions-btn a{
    display: inline-flex;
    background: var(--primary-color);
    color: var(--primary-background);
    padding: 10px 15px;
    font-size: 2.5rem;
    font-family: var(--base-font);
}
.index-solutions .solutions-col .index-solutions-btn a:hover,
.index-solutions .solutions-col .index-solutions-btn a:focus{}
/******************************
** index-products
******************************/
.index-products-row{
    overflow-x: clip;
    padding-block-end: 80px;
}
.index-products-row .container-fluid{}
.index-products-row .container-fluid::before{}

.index-products-row .index-products{}
.index-products-row .index-products .row-title{
    --pseudo-margin: 40px;
    display: inline-block;
    clear: both;
    position: relative;
    /* width: 100%; */
    margin: 0;
    margin-block-end: 60px;
    font-family: var(--base-font);
    font-size: 3.5rem;
    letter-spacing: 1px;
    font-weight: 700;
    padding-block-start: 37px;
    padding-block-end: 0;
    color: var(--primary-color-dark);
}
.index-products-row .index-products .row-title span{
    position: relative;
    top: 9px;
}
.index-products-row .index-products .row-title::before,
.index-products-row .index-products .row-title::after{
  content:"";
  background: url("../images/svg/patern-outline-smal-v-green.svg");
  background-size: auto 100%;
  background-position: left top;
  background-repeat: repeat-x;
  position: absolute;
  right: 100%;
  top: 0;
  height: 100%;
  width: 100%;
}
.index-products-row .index-products .row-title::before{
    right: calc(100% + var(--pseudo-margin));
    background-position: right top;
}
.index-products-row .index-products .row-title::after{
    left: calc(100% + var(--pseudo-margin));
    width: 300%;
}
.index-products-row .index-products .row-text{
    font-size: 2.5rem;
    font-weight: 500;
    max-width: 60%;
    margin-block-end: 60px;
}
.index-products-row .index-products .index-products-core{
    margin-block-end: 40px;
}
.index-products-row .index-products .index-products-core .core-title{
    margin: 0;
    margin-block-end: 10px;
    font-weight: 600;
    font-size: 3rem;
    color: var(--primary-color-dark);
    font-family: var(--base-font);
    letter-spacing: 1px;
}
.index-products-row .index-products .index-products-core .core-text{
    font-size: 2.2rem;
    font-weight: 500;
}

.index-products-row .index-products .index-products-list{
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    margin-block-end: 40px;
}
.index-products-row .index-products .index-products-list .product-item{
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
    width: calc(50% - 20px);
    align-items: center;
}
.index-products-row .index-products .index-products-list .product-item .product-photo{
    width: 100px !important;
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
}
.index-products-row .index-products .index-products-list .product-item .product-photo img{}
.index-products-row .index-products .index-products-list .product-item .product-data{
    flex-grow: 1;
    width: 100%;
}
.index-products-row .index-products .index-products-list .product-item .product-data .product-title{
    margin-block-start: 0;
    margin-block-end: 0px;
    font-family: var(--base-font);
    color: var(--primary-color-dark);
    font-size: 2.8rem;
}
.index-products-row .index-products .index-products-list .product-item .product-data .product-text{
    margin: 0;
    font-size: 1.4rem;
    font-weight: 500;
}
.index-products-row .index-products-btn{
    display: flex;
    margin-block-start: 60px;
}
.index-products-row .index-products-btn a{
    display: inline-flex;
    padding: 10px 20px;
    color: var(--primary-background);
    background: var(--primary-color);
    font-size: 2.5rem;
    font-weight: 500;
    font-family: var(--base-font);
}
.index-products-row .index-products-btn a:hover,
.index-products-row .index-products-btn a:focus{}
/******************************
** Why Choose Us
******************************/
.index-what-we-offer-row{
    background: var(--primary-color);
    padding-block: 110px;
    position: relative;
    overflow-x: clip;
    overflow-y: clip;
}

.index-what-we-offer-row .container-fluid{}
.index-what-we-offer-row .container-fluid::before{}
.index-what-we-offer{
  position:relative;
}
.index-what-we-offer::before{
  content: "";
  background-image: url("../images/svg/patern-outline-h-white-cut.svg");
  background-repeat: repeat-y;
  position: absolute;
  background-position: center;
  background-size: 100% auto;
  width: 47.75%;
  height: 170%;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.index-what-we-offer .row-title{
    font-family: var(--base-font);
    font-size: 3rem;
    font-weight: 700;
    color: var(--primary-background);
    letter-spacing: 1px;
    margin-block-end: 10px;
    margin-block-start: 0;
}
.index-what-we-offer .row-text{
    font-size: 1.8rem;
    color: var(--secondary-background);
    font-weight: 500;
    max-width: 50%;
    margin-block-end: 30px;
    margin-block-start: 20px;
}
.index-what-we-offer .what-we-offer-list{
    list-style: none;
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    gap: 15px;
    font-size: 2.4rem;
    font-weight: 500;
    color: var(--secondary-background);
    margin-block-start: 30px;
}
.index-what-we-offer .what-we-offer-list .list-item{
    display: flex;
    align-items: baseline;
    gap: 23px;
}
.index-what-we-offer .what-we-offer-list .list-item::before{
  content:"";
  width: 23px;
  height: 7px;
  background: var(--secondary-background);
  position: relative;
  top: -5px;
}
/******************************
** Why Choose Us
******************************/
.index-why-choose-row{
    padding-block: 110px;  
    position: relative;
    overflow-x: clip;
}
.index-why-choose-row .container-fluid{}
.index-why-choose-row .container-fluid::before{}
.index-why-choose-us{}
.index-why-choose-us::before{
  content: "";
  background-image: url("../images/svg/patern-outline-v-green.svg");
  background-repeat: repeat-x;
  position: absolute;
  background-position: 0  center;
  background-size: auto 99%;
  width: 47.8%;
  height: 66%;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.index-why-choose-us .row-title{
    font-family: var(--base-font);
    font-size: 3rem;
    font-weight: 700;
    color: var(--secondary-background);
    letter-spacing: 1px;
    margin-block-end: 10px;
    margin-block-start: 0;
}
.index-why-choose-us .row-text{
    font-size: 1.8rem;
    color: var(--secondary-background);
    font-weight: 500;
    max-width: 50%;
    margin-block-end: 30px;
    margin-block-start: 20px;
}
.index-why-choose-us .why-choose-us-list{
    list-style: none;
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    gap: 15px;
    font-size: 2.5rem;
    font-weight: 500;
    color: var(--secondary-background);
    margin-block-start: 30px;
}
.index-why-choose-us .why-choose-us-list .list-item{
    display: flex;
    align-items: baseline;
    gap: 23px;
}
.index-why-choose-us .why-choose-us-list .list-item::before{
  content:"";
  width: 23px;
  height: 7px;
  background: var(--secondary-background);
  position: relative;
  top: -5px;
}

/******************************
** Blog items
******************************/
.blog-list{}
.blog-list .blog-item{
    /* display: flex; */
    flex-direction: column;
    flex-grow: 1;
    background: #f9f9f9;
    padding: 5px;
    box-shadow: 0px 0px 1px 1px #00000017;
}
.blog-item .item-photo{}
.blog-item .item-photo a{
    display: flex;
}
.blog-item .item-photo a:hover,
.blog-item .item-photo a:focus{}
.blog-item .item-photo img{
    width: 100%;
    max-width: 100%;
    object-fit: cover;
    object-position: center;
}
.blog-item .item-data{
    display: flex;
    flex-direction: column;
    padding-inline: 10px;
}
.blog-item .item-data h2{
    margin-block: 1rem;
}
.blog-item .item-data h2 a{
    color: var(--dark-bg-color);
    font-weight: bold;
    font-size: 2.3rem;
}
.blog-item .item-data h2 a:hover,
.blog-item .item-data h2 a:focus{
    color: #db0500;
}
.blog-item .item-data p{
    padding-block-end: 1rem;
    margin: 0;
}
/******************************
** Home Blog
******************************/
.home-blog-row{
    padding-block: 60px;
}
.home-blog-row .container{}
.home-blog-row .container{}
.home-blog-row .row-title h2{
    margin-top: 0;
    margin-bottom: 5rem;
    font-family: 'Anton';
    font-size: 4rem;
    letter-spacing: 0.2rem;
    align-self: center;
    text-align: center;
}

.home-blog-list{
    display: flex;
    /* flex-wrap: nowrap !important; */
    gap: 25px;
}
.home-blog-list .articles-big{
    width: 50%;
    display: flex;
}
.home-blog-list .articles-regular{
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 25px;
    width: 60%;
}
.home-blog-list .articles-regular .blog-item {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    /* gap: 15px; */
    flex-basis: 100%;
    box-sizing: border-box;
    background: #f9f9f9;
    padding: 4px;
    box-shadow: 0px 0px 1px 1px #00000017;
}
.home-blog-list .articles-regular .blog-item .item-photo{
    /* width: 100%; */
    /* flex-basis: 100%; */
    flex-grow: 1;
    display: flex;
}
.home-blog-list .articles-regular .blog-item .item-photo a{}
.home-blog-list .articles-regular .blog-item .item-photo img{}
.home-blog-list .articles-regular .blog-item .item-data{
    width: 294%;
    padding-inline: 15px;
    padding-block-end: 10px;
    /* flex-grow: 1; */
}
.home-blog-list .articles-regular .blog-item .item-data h2{
    margin-block-start: 0.8rem;
    padding: 0;
    display: flex;
    margin-block-end: 0.6rem;
}
.home-blog-list .articles-regular .blog-item .item-data h2 a{
    font-size: 1.7rem;
}
.home-blog-list .articles-regular .blog-item .item-data p{
    margin-bottom: 0;
    font-size: 1.3rem;
}
.home-blog-row .more-btn {
  display: flex;
  padding-block-start: 5rem;
  justify-content: center;
}

.home-blog-row .more-btn a{
background: #e70500;
color: #fff;
font-size: 2rem;
display: flex;
align-items: center;
gap: 10px;
padding-inline: 20px;
padding-block: 7px;
border-radius: 30px;
}
.home-blog-row .more-btn a span{}
.home-blog-row .more-btn a i {
font-size: 1.4rem;
}

.home-blog-row .more-btn a.btn-1{}
.home-blog-row .more-btn a.btn-1:hover{}
.home-blog-row .more-btn a.btn-2{
background: var(--dark-bg-color);
}
.home-blog-row .more-btn a.btn-2:hover{}
/******************************
** 
******************************/
.products-list-row{
    overflow-x: clip;
}
.products-list-row .container{}
.products-list-row .products-list{
    display: flex;
    column-gap: 40px;
    row-gap: 40px;
    flex-wrap: wrap;
    justify-content: center;
    /* justify-content: space-between; */
    padding-block: 50px;
    padding-block-start: 0px;
}

.product-item-box{
    /* flex: 0 0 25%; */
    width: calc(50% - calc(60px/2));
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* box-shadow: 0px 0px 1px 1px #00000026; */
    /* background: var(--third-background); */
}
.product-item-box:hover,
.product-item-box:focus{}
.product-item-box a{
    --icon-width: 143px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    background: var(--third-background);
    box-shadow: 0px 0px 6px 2px #00000000 inset;
}
.product-item-box a:hover,
.product-item-box a:focus{
    background: var(--primary-color);
    box-shadow: 0px 0px 6px 2px #00000036 inset;
}
.product-item-box .product-thumbnail{
    position: relative;
    /* border: 2px #e7e7e7 solid; */
    /* background: #f5f5f5; */
    /* box-shadow: 0px 0px 1px 1px #00000026; */
    overflow: clip;
    transition: all 0.35s ease-in-out;
    aspect-ratio: 1/1;
    width: var(--icon-width) !important;
    margin: 15px;
    background-blend-mode: hue;
}
.product-item-box a:hover .product-thumbnail,
.product-item-box a:focus .product-thumbnail{}
.product-item-box .product-thumbnail img{
    /* max-width: 100%; */
    width: 100%;
    height: auto;
    /* object-fit: cover; */
    position: relative;
    transition: all 0.25s ease-in-out;
    transform-origin: center;
    aspect-ratio: 1/1;
    mix-blend-mode: multiply;
}
.product-item-box a:hover .product-thumbnail img,
.product-item-box a:focus .product-thumbnail img{/* transform: scale(1.1); */filter: invert(1) grayscale(100%) brightness(200%);mix-blend-mode: luminosity;}

.product-item-box .product-content{
    padding: 10px 15px;
    padding-inline-start: 0;
    width: 100%;
}
.product-item-box a:hover .product-content,
.product-item-box a:focus .product-content{}
.product-item-box .product-content h2{
    font-family: "Poppins";
    font-size: 3rem;
    font-weight: 600;
    line-height: normal;
    margin: 0;
    color: var(--primary-color-dark);
    margin-block-end: 4px;
    max-width: 100%;
    /* text-wrap: nowrap; */
    overflow: hidden;
    /* text-overflow: ellipsis; */
    transition: all 0.25s ease-in-out;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.product-item-box a:hover .product-content h2,
.product-item-box a:focus .product-content h2{
    color: var(--primary-background);
}

.product-item-box .product-content p{
    color: var(--secondary-background);
    margin-block-end: 0;
    margin-block-start: 0px;
    font-size: 1.7rem;
    line-height: normal;
}
.product-item-box a:hover .product-content p,
.product-item-box a:focus .product-content p{
    color: var(--primary-background);
}
.product-item-box .product-price{
    display: flex;
    gap: 15px;
    flex-wrap: nowrap;
    justify-content: center;
    font-weight: 600;
    padding-block: 15px;
    font-size: 2.5rem;
    color: var(--title-color-light);
}
.product-item-box .product-price .currency{}
.product-item-box .product-price .price{}
.product-item-box ul{
    list-style: none;
    padding: 0;
    margin: 0;
    flex-grow: 0;
    margin-block-end: 20px;
}
.product-item-box ul li{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
}
.product-item-box ul li a{
    font-size: 2.5rem;
    font-weight: 500;
    display: flex;
    background: var(--title-color-light);
    color: #ffffff;
    padding: 10px 15px;
    /* box-shadow: 0px 0px 3px 1px #00000014; */
    /* border-radius: 30px; */
    transition: all 0.25s ease-in-out;
}
.product-item-box ul li a:hover,
.product-item-box ul li a:focus{
    color: #fff;
    background: var(--dark-bg-color);
}

/******************************
** store-menu-row
******************************/
.store-menu-row{
  display: none;
  position: relative;
}
@media screen and (min-width: 1024px) {
    .store-menu-row{
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      margin-top: 25px;
      background: #022C4B;
      box-shadow: 0px 2px 1px -1px #00000030;
    }
    .store-menu-row ul,.store-menu-row li{
      margin: 0;
      padding: 0;
      list-style: none;
    }
    .store-menu-row .store-menu{
        display: flex;
        flex-wrap: wrap;
        gap: 25px;
        position: relative;
    }

    .store-menu-row .store-menu > li{
    --border-color: var(--dark-bg-color);
}
    .store-menu-row .store-menu > li > a{
        font-size: 1.55rem;
        display: block;
        padding: 8px 0px;
        position: relative;
        color: #cfcfcf;
        font-weight: 400;
    }
    .store-menu-row .store-menu > li > a:before{
      content:"";
      position: absolute;
      width: 100%;
      height: 0px;
      background: var(--dark-bg-color);
      bottom: 0;
      transition: all 0.25s ease-in-out;
    }
    .store-menu-row .store-menu > li:not(:first-child) > a:before{
      height: calc(100% - 16px );
      width: 1px;
      background: #ffffff38;
      top: 50%;
      left: -12px;
      transform: translateY(-50%);
    }
    .store-menu-row .store-menu > li:hover > a{
    color: var(--title-color-light);
}
    .store-menu-row .store-menu > li:hover > a:before{
        /* height: 2px; */
    }
    .store-navbar-container{
    display: flex;
    flex-direction: row;
    gap: 40px;
    justify-content: space-between;
    padding-block: 10px;
}
    .store-navbar-container:before,.store-navbar-container:after{
      display:none;
    }
    .store-menu-row .store-menu > li .mega-menu{
      display: none;
      position: absolute;
      width: 100%;
      background: #f9f9f9;
      border-top: 1px var(--dark-bg-color) solid;
      left: 0;
      top: 100%;
      z-index: +50;
      padding: 10px 15px;
      box-shadow: 0px 1px 4px -1px #00000059;
    }
    .store-menu-row .store-menu > li:hover .mega-menu{
      display: flex;
      gap: 20px;
    }
    .store-menu-row .store-menu > li .mega-menu .mega-sub-col{
        flex: 0 1 20%;
        /* flex-basis: 100%; */
    }

    .store-menu-row .store-menu > li .mega-menu .mega-sub-col > li{}
  .store-menu-row .store-menu > li .mega-menu .mega-sub-col > li + li{
    margin-top: 12px;
}
    .store-menu-row .store-menu > li .mega-menu .mega-sub-col > li > a{
    color: #000;
    font-weight: 600;
    letter-spacing: 0.7px;
}
    .store-menu-row .store-menu > li .mega-menu a:hover{
      text-decoration:underline;
      text-underline-offset: 6px;
    }
    .store-menu-row .store-menu > li .mega-menu .mega-sub-col > li > a:hover{}
    .store-menu-row .store-menu > li .mega-menu .mega-sub-col > li ul{
    margin-top: 6px;
}
    .store-menu-row .store-menu > li .mega-menu .mega-sub-col > li ul li{
    padding-block: 2px;
}
    .store-menu-row .store-menu > li .mega-menu .mega-sub-col > li ul li a{
    color: #4b4b4b;
    letter-spacing: 0.7px;
    font-size: 1.4rem;
}
    .store-menu-row .store-menu > li .mega-menu .mega-sub-col > li ul li a:hover{}

}

/******************************
** Video & Partners Row
******************************/
.video-partners-Row{
  position: relative;
  /* position: sticky; */
  max-width: 100% !important;
  /* position: sticky; */
  /* top: 0; */
  /* overflow-x: hidden; */
  z-index: +1;
}
.video-partners-Row:before{
  content: "";
  position: absolute;
  width: 100%;
  height: calc(100% - 100px);
  bottom: 0;
  left: 0;
  z-index: -1;
  background: rgb(68,2,85);
  background: -moz-linear-gradient(0deg, rgba(68,2,85,1) 0%, rgba(162,1,135,1) 100%);
  background: -webkit-linear-gradient(0deg, rgba(68,2,85,1) 0%, rgba(162,1,135,1) 100%);
  background: linear-gradient(0deg, rgba(68,2,85,1) 0%, rgba(162,1,135,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#440255",endColorstr="#a20187",GradientType=1);
}
.video-partners-Row.NoVideo{}
.video-partners-Row.NoVideo:before{
    height: 100%;
}
.video-partners-Row .container-fluid:before,
.video-partners-Row .container-fluid:after{
  display:none;
}
.video-partners-Row.full-bg{}
.video-partners-Row.full-bg:before{
  height: calc(100% - 100px);
}



.video-partners-Row .video-sticky-Row {}
.video-partners-Row .video-sticky-Row.sticky{
  position: sticky;
  top: 0;
  height: 100svh;
  z-index: +2;
  margin-bottom: 20%;
}

.video-partners-Row .video-row{
  position: relative;
  /* position: sticky; */
  /* bottom: 0; */
  /* top: 0; */
  /* margin: 0 -15px !important; */
  height: 100svh;
}
.video-partners-Row .video-sticky-Row.sticky .video-row::after{
  content:"";
  /* height:100svh; */
  /* display:block; */
}

.video-partners-Row .video-row.fake-hiden-area {
  max-width: 100% !important;
}

.video-partners-Row .video-row.fake-hiden-area::before{
  content: "";
  display: flex;
  height: 100svh;
  width: 2%;
}

.video-partners-Row .video-row img{
  position: relative;
  display: block;
  aspect-ratio: 16/9;
  margin: 0 auto;
  margin-bottom: 0;
  width: 80%;
}

.video-partners-Row .video-area{
  --default-width:80%;
  position: absolute;
  /* position: fixed; */
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  transform-origin: center bottom;
  display: block;
  aspect-ratio: 16/9;
  min-width: var(--default-width);
  width: calc( var(--default-width) + var(--animation-width) );
  background: #000;
  background: #000 url(..//images/index-video-placeholder.jpg);
  background-size: contain;
  border: 1px #f0eff14d solid;
  box-shadow: 0px 6px 17px -1px #00000070;
}
.video-partners-Row .video-area video{
  position: absolute;
  width:100%;
  /* height: 100%; */
  aspect-ratio: 16/9;
}
.video-partners-Row .video-area img{
    width: 100%;
}

.video-parters-Row .video-area video{}

/***********  Partners Slider  ***********/
.video-partners-Row .partners-slider-row{
  direction: ltr;
  display: block;
  margin: 0 auto;
  padding-bottom: 40px;
  width: calc(80% - 30px);
  /* background: #e7e7e717; */
  max-width: calc(100% - 80px);
}
.video-partners-Row .partners-slider-row .container-fluid{
}
.video-partners-Row .partners-slider-title{}
.video-partners-Row .partners-slider-title > h2{
    color: #ffffff;
}


.partners-slider-row .Partners-Loading{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px;
    font-size: 2.5rem;
    color: #ffffffa6;
}
.partners-slider-row .Partners-Loading span{}

.partners-slider-row .partners-slider-area{
  margin: 0 8px;
}
.partners-slider-row .partners-slider,
.partners-slider-row .partners-slider.owl-carousel{
    display: block;
    overflow: hidden;
    /* width: 100%; */
}
.partners-slider-row .partner-item{
    aspect-ratio: 215/153;
    position: relative;
}
.partners-slider-row .partner-item img{aspect-ratio: 215/153;width: 100%;height: auto;}
.partners-slider-row .partner-item img.partner-logo{
    position: absolute;
    filter: grayscale(1);
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
.partners-slider-row .partner-item:hover img.partner-logo{
  filter: grayscale(0);
}
.partners-slider-row .partner-item img.placeHolderPhoto{
    opacity: 0;
}

.partners-slider .owl-controls .owl-nav{}
.partners-slider .owl-controls .owl-nav [class*=owl-]{
    font-size: 3rem;
    color: #fffbfb6b;
}
.partners-slider .owl-controls .owl-nav [class*=owl-] i{}
.partners-slider .owl-controls .owl-nav [class*=owl-] i::before{}
.partners-slider .owl-controls .owl-nav .owl-prev{
    left: 0px;
}
.partners-slider .owl-controls .owl-nav .owl-next{
    right: 0px;
}
.partners-slider .owl-controls .owl-nav [class*=owl-]:hover{
  color: #ffffffcc;
}

/******************************
** Product Single
******************************/
.product-single-data{}
.product-single-data .data-col{}
.product-single-data .realated-posts{}


.product-single-data .realated-posts .container{}
.product-single-data .realated-posts .row{}
.product-single-data .realated-posts .row-title{}
.product-single-data .realated-posts .row-title i{}
.product-single-data .realated-posts .row-title span{}

.single-header{
}
.single-header:before{
	/* content: url("../images/sp-mask-bg.gif"); */
}
/*********************************/
.content.single{
    overflow-x: clip;
}
.content.single > .container{
    /* width: 100% !important; */
    /* max-width: unset !important; */
}
.content.single > .container > .row{}

.content.single .add-to-cart-form{
    /* background: #fff; */
    color: #000 !important;
    position: relative;
    padding: 10px 0;
    width: max-content;
    margin: 0;
    margin-inline-start: 7px;
    list-style: none;
    display: flex;
    gap: 17px;
}
.content.single .add-to-cart-form:before{
	content:"";
	width: calc(100% + 30px);
	height: calc(100% - 20px);
	/* background: #00000014; */
	position: absolute;
	left: -15px;
	top: 10px;
	border-radius: 30px;
	display: none;
}
.content.single .add-to-cart-form .plus-btn{
    display: flex;
    align-items: center;
    cursor: pointer;
    display: none;
}
.content.single .add-to-cart-form .plus-btn i{}
.content.single .add-to-cart-form .minus-btn{
    display: flex;
    align-items: center;
    cursor: pointer;
    display: none;
}
.content.single .add-to-cart-form .minus-btn i{}
.content.single .add-to-cart-form .quantity-box{
    display: flex;
    /* align-items: center; */
}
.content.single .add-to-cart-form .quantity-box .quantity{}
.content.single .add-to-cart-form .quantity-select{
    position: relative;
    z-index: +10;
}
.content.single .add-to-cart-form .add-btn{
    position: relative;
    z-index: +10;
    background: #ed0000;
    padding: 5px 11px;
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #fff;
    font-weight: bold;
}
.content.single .add-to-cart-form .add-btn i{}
.content.single .add-to-cart-form .add-btn span{}
/*********************************/
/*********************************/
#page.single-header {
	height: auto !important;
	overflow: visible;
	-webkit-transition: all 2s;
	-o-transition: all 2s;
	transition: all 2s;
}
.single-header .colorlib-nav {
	position: relative;
	/* background: url(../images/cp-bg.jpg); */
	background-attachment: fixed;
	background-size: cover;
	/* border-bottom: 2px #de0303 solid; */
}
.sticky.fixed .colorlib-nav{
    height: 3px;
    overflow: hidden;
}
.single .zaptitle {
	font-size: 19px;
	/* font-family: Anton; */
	letter-spacing: 0px;
	margin-top: 20px;
	font-weight: bold;
	direction: inherit;
	text-align: initial;
}
.single .zaptitle span {
	color: #000000;
	font-size: 2.5rem;
}
.product-single-data {
	display: flex;
	max-width: 1138px !important;
	padding-top: 20px;
}
.product-single-data .product-photos {
	width: 34%;
	/* overflow: hidden; */
	/* margin-left: 30px; */
}

.single .single-slider-area {
}
.single .overview {
	padding-bottom: 30px;
	padding-top: 10px;
	/* font-family: 'Tajawal', sans-serif; */
	color: #000 !important;
}
.single .overview table {
	background: #fff;
}



.overview-container{
    /* border-right: 1px #000 solid; */
    /* margin: 30px; */
    flex-basis: 100%;
    margin-top: 10px;
}
.overview-container .tabs{padding: 0;border: none;background: transparent;direction: rtl;}
.overview-container .tabs > ul{background: #de0101;background: transparent;border-radius: 4px 4px 0 0;border-width: 0 0 1px 0;border-color: #13a89e;}
.overview-container .tabs > ul li{float: right;background: #fff;background: rgb(255,255,255);background: -moz-linear-gradient(0deg, rgba(255,255,255,0) 61%, rgba(255,255,255,0.8743872549019608) 100%);background: -webkit-linear-gradient(0deg, rgba(255,255,255,0) 61%, rgba(255,255,255,0.8743872549019608) 100%);background: linear-gradient(0deg, rgba(255,255,255,0) 61%, rgba(255,255,255,0.8743872549019608) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);}
.overview-container .tabs > ul li.ui-state-default{
}
.overview-container .tabs > ul li.ui-state-default a {
    color: var(--dark-bg-color);
}
.overview-container .tabs > ul li.ui-tabs-active{
    border-color: #00487a;
    background: #00487a;
    /* background: rgb(255,255,255); */
    background: -moz-linear-gradient(0deg, rgba(255,255,255,0) 61%, rgba(255,255,255,0.8743872549019608) 100%);
    /* background: -webkit-linear-gradient(0deg, rgba(255,255,255,0) 61%, rgba(255,255,255,0.8743872549019608) 100%); */
    /* background: linear-gradient(0deg, rgba(255,255,255,0) 61%, rgba(255,255,255,0.8743872549019608) 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}
.overview-container .tabs > ul li.ui-tabs-active a{
    color: #fff;
}

.overview-container .tabs > ul li.ui-state-hover{
    border-color: #013f6a;
    background: #00487a;
}
.overview-container .tabs > ul li.ui-state-hover a{
    color: #ffffff;
}

.overview-container .tabs > ul li a{
    font-family: 'Tajawal';
    font-weight: bold;
}
.overview-container .tabs .tabpanel{
    padding: 1em 10px;
    /* background: #ffffff47; */
    /* box-shadow: 0px -1px 6px -1px #00000030 inset; */
}
.overview-container .tabs .tabpanel#features-tab{
    padding-bottom: 2px;
}
.product-feature{
    position: relative;
    display: flex;
    align-items: center;
    font-family: 'Tajawal';
    /* background: #f1f1f1; */
    flex-shrink: 1;
    flex-direction: row;
    margin-bottom: 14px;
    /* border-radius: 0 50px 50px 0; */
}
.product-feature + .product-feature{
    margin-top: 26px;
}
.product-feature + .product-feature:before{
	content:"";
	position: absolute;
	width: calc(100% + 20px);
	height: 1px;
	top: -13px;
	left: -10px;
	background: #00000017;
}

.product-feature .feature-icon{
    position: absolute;
    top: 50%;
    right: 0px;
    border-radius: 50%;
    background: #00487a;
    display: flex;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    transform: translateY(-50%);
    box-shadow: 0px 1px 6px -1px #00000021;
}
.product-feature .feature-icon:before{
    /* transform: rotate(-45deg); */
}

.product-feature label{background: #4c4c4c1c;color: #000;margin: 0;font-size: 16px;height: 100%;flex-shrink: 1;padding: 0;border-radius: 50px;box-shadow: 0px 1px 6px -1px #00000021 inset;}
.product-feature .feature-icon + label{
    padding-right: 36px;
    /* border-radius: 0 50px 50px 0; */
}
.product-feature label span{padding: 5px 12px;display: block;color: #444;}
.product-feature .feature-text{
    padding: 0px  10px;
    font-weight: 600;
    font-size: 16px;
}

.single .single-slider {
}
.single .single-slider .slider-item{
}
.single .single-slider .slider-item img{width: 100%;object-fit: cover;}
.single .single-slider-area {
	direction: ltr;
	background: #fff;
	position: relative;
	margin-bottom: 18px;
	border: 10px #fff solid;
	box-shadow: 0px 1px 1px 1px #0000003b;
	overflow: hidden;
}
.single .single-slider-area img {
	max-width: 100%;
	min-width: 100%;
}
.single .single-slider-area img:not(.zoomImg){
    /* opacity: .5; */
}
.single .single-slider-area img.zoomImg{
    /* z-index: +3; */
    position: relative;
}
.single .single-slider-area .sy-controls {
	display: inherit;
}
.single .single-slider-area .sy-controls li {top: 50%;/* background: #f00; */width: 45px;min-width: unset;height: 0px;}
.single .single-slider-area .sy-controls li a {
	text-indent: 9999px;
	display: block;/* overflow: hidden; */
}
.single .single-slider-area .news-pager {
	display: none !important;
	text-align: center;
	display: block;
	margin: 0.2em 0 0;
	padding: 0;
	list-style: none;
	position: relative;
	/* left: 30px; */
	margin-top: -20px;
	bottom: 0;
	z-index: +2;
}
.single .single-slider-area .news-pager li {
	display: inline-block;
	padding: 0;
	margin: 0 3px;
	background: #989898;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	overflow: hidden;
	text-indent: 50px;
}
.single .single-slider-area .news-pager li.sy-active a {
	color: #31ace2;
}
.single .single-slider-area .news-pager li a {
	font-weight: 500;
	text-decoration: none;
	display: block;
	color: #222;
}
/*******************************
** Single Header
*******************************/
.single-product{
    /* background-color: #000; */
}
.single-product .breadcrumb-bar{
    background: #ffffff00;
}
.single-product .breadcrumb-bar .container{
    /* max-width: unset; */
    width: unset;
}
.single-product .breadcrumb-bar .row {}
.single-product .breadcrumb-bar .breadcrumb-content{
    /* background: #ffffff85; */
}
.single-product .breadcrumb-bar nav{}
.single-product .breadcrumb-bar nav .breadcrumb{
    /* background: #1e1e1e30; */
    /* border-radius: 30px; */
    /* color: #fff !important; */
    /* font-family: 'Tajawal'; */
    /* font-weight: bold; */
    /* font-size: 14px; */
}
.single-product .breadcrumb-bar nav .breadcrumb-item{
    color: #040404 !important;
}
.single-product .breadcrumb-bar nav .breadcrumb-item.active{}
.single-product .breadcrumb-bar nav .breadcrumb-item + .breadcrumb-item:before{
    color: #24242459;
}
.single-product .breadcrumb-bar nav .breadcrumb-item  a{
    color: #000;
}
.single-product .breadcrumb-bar nav .breadcrumb-item  a:hover{}
/*------------------------------
product-single-data
------------------------------*/
.product-single-data .product-data {
	position: relative;
	padding: 5px 30px;
	width: 50%;
	height: fit-content;
	color: #000;
	transition: all ease-in-out 0.2s;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: auto;
	/* direction: rtl; */
	/* text-align: right; */
}
.product-single-data .product-data .product-title {
	font-size: 14px;
	color: #a41d1d;
	margin: 0;
	display: block;
	font-weight: 700;
	letter-spacing: 0;
	padding: 5px 0;
	line-height: 19px;
}
.product-single-data .product-data .product-title a {
	display: block;
}
.product-single-data .product-data .product-title a:hover {
	display: block;
}
.product-single-data .product-data .price-and-share-row{
    flex-basis: 100%;
    display: flex;
    flex-direction: row;
    background: #ffffffcf;
    /* border-radius: 50px; */
    padding: 0 7px;
    /* margin-top: 5px; */
    box-shadow: 0px 1px 6px -1px #0000001a;
max-width: 100% !important;}
.product-single-data .product-data .price-and-share-row .fix-empty-area{ flex-grow:1}

.affiliate-url-col{
	display: flex;
	flex-direction: column;
	justify-content: center;
	box-shadow: 0px 1px 6px -1px #0000001a;
	max-width: 100% !important;
	background: #ffffffcf;
	padding: 7px 7px;
flex-basis: 100%;margin: 15px 0;}
.affiliate-url-col .affiliate-url-title{font-family: 'Tajawal';font-weight: 600;margin-bottom: 5px;color: #00487a;}
.affiliate-url-col .affiliate-url{display: flex;gap: 5px;width: 100%;/* align-items: center; */}
.affiliate-url-col .affiliate-url span{font-size: 11px;text-align: left;direction: ltr;background: #e8eaec;padding: 4px 8px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;flex-grow: 1;}
.affiliate-url-col .affiliate-url i{background: #13a89e;padding: 5px;color: #fff;cursor: pointer;}
.product-single-data .product-data .product-tax {
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: bold;
	/* border-bottom: 1px #dcdcdc solid; */
	margin-top: 15px;
	padding-bottom: 3px;
	display: inline-flex;
	margin-inline-end: 20px;
	flex-grow: 1;
	align-items: center;
	font-family: 'Tajawal';
}
.product-single-data .product-data .product-tax + .product-tax{}
.product-single-data .product-data .product-tax span {font-family: 'Tajawal';background: #e8eaec00;margin-left: 10px;/* padding: 5px 10px; */border-radius: 5px;color: #626262;/* box-shadow: 0px 1px 6px -1px #00000021 inset; */}
.product-single-data .product-data .product-tax .item-color{
    color: #161616;
    position: relative;
    font-size: 15px;
}
.product-data .product-tax .item-color.OutOfStock{
    /* color: #e80101; */
    position: relative;
}
.product-data .product-tax .item-color.OutOfStock:after{
	content:"";
	background: #e80101;
	position: absolute;
	width: 1px;
	height: 84%;
	left: 50%;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
}
.product-single-data .product-data .product-tax .allowed-product-color{
    font-family: 'Tajawal';
    /* border: 1px #b7b7b7 solid; */
    /* background: #fff; */
    /* padding: 3px 5px; */
    display: flex;
}
.product-single-data .product-data .product-tax .item-color + .item-color{margin-right: 15px;}
.product-single-data .product-data .product-tax .item-color + .item-color:before{
	content: "";
	background: #00000059;
	margin-left: 3px;
	position: absolute;
	right: -8px;
	width: 1px;
	height: 100%;
	top: 50%;
	transform: translateY(-50%);
}
.product-single-data .product-data .product-tax .out-of-stock{
    font-size: 12px;
    color: #595959;
}

.product-single-data .product-data .product-tax .out-of-stock{
    font-size: 13px;
    color: #de0101;
}
.product-single-data .product-data .product-tax a {
	display: inline-block;
	color: #000000;
	font-family: 'Tajawal';
	position: relative;
}
.product-single-data .product-data .product-tax a:hover {color: #e80101;text-decoration: none;}
.product-single-data .product-data .product-tax a + a {margin-right: 15px;}
.product-single-data .product-data .product-tax a + a:before{
	content: "";
	background: #00000059;
	margin-left: 3px;
	position: absolute;
	right: -8px;
	width: 1px;
	height: 100%;
	top: 50%;
	transform: translateY(-50%);
}
.product-single-data .product-data .price {
	position: relative;
	margin: 10px 0;
	/* margin-top: 9px; */
	z-index: +8;
	/* margin-bottom: 0px; */
	display: flex;
	align-items: end;
	color: #fff !important;
	padding: 0;
	height: max-content;
}
.product-single-data .product-data .price i {
	font-size: 15px;
	font-family: tahoma;
	font-weight: bold;
	letter-spacing: 0;
	color: #000000;
	position: relative;
	padding: 0 9px;
	text-align: center;
	text-decoration: line-through;
}
.product-single-data .product-data .price i:before, .product-single-data .product-data .price i:after {
	content: "";
	background: #af0202;
	position: absolute;
	width: 100%;
	height: 1px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(26deg);
	display: none;
}
.product-single-data .product-data .price i:before {
	transform: translate(-50%, -50%) rotate(-26deg);
}
.product-single-data .product-data .price i:after {
}
.product-single-data .product-data .price span:not(.currency) {
	font-weight: bold;
	font-family: 'Oswald';
	color: #de0101;
	font-size: 22px;
}
.product-single-data .product-data .price span.title {
	color: #595959;
}
.product-single-data .product-data .price span.currency{
	margin: 0 0px;
	margin-right: 5px;
	font-size: 17px;
	font-weight: bold;
	letter-spacing: 0;
	font-family: 'Tajawal';
	color: #580202;
}
.product-single-data .product-data .price span.saving {
	color: #444444;
	/* font-weight: normal; */
	font-size: 17px !important;
	font-family: 'Tajawal';
	margin-right: 8px;
}
.product-single-data .product-data .price span.saving .currency{
    font-size: 15px;
    color: #2e2e2e;
    margin-left: 0;
}
.product-single-data .product-data .product-data-actions {
	list-style: none;
	padding: 0;
	margin: 0;
	position: absolute;
	z-index: +11;
	display: flex;
	flex-direction: row-reverse;
	width: calc(100% - 3px);
	bottom: 0px;
	left: 50%;
	transform: translateX(-50%);
}
.product-single-data .product-data .product-data-actions .action-btn {
	flex-grow: 0;/* display: inline-flex; *//* width: max-content; *//* background: #ffffff7d; */
	padding: 2px 2px;
	color: #616161;
	font-size: 22px;
	line-height: 20px;
	margin: 3px;
	cursor: pointer;
	position: relative;
}
.product-single-data .product-data .product-data-actions .action-btn i {
}
.product-single-data .product-data .product-data-actions .action-btn:hover {
	color: #d00000;
}
.product-single-data .product-data .product-data-actions .action-btn:hover i {
}
.product-data .share-buttons-div{
    padding-top: 9px;
    flex-grow: 0;
    direction: inherit;
    width: fit-content;
    min-width: max-content;
}
.single .sidebar .info {
	display: table;
	width: 100%;
	margin-bottom: 20px;
	margin-top: 10px;
	color: #000;
	font-family: tahoma;
}
.single .sidebar h2.sectitle {
	color: #de0101;
	margin-bottom: 5px;
	border-bottom: 1px #0003 solid;
	padding-bottom: 9px;
	display: block;
	clear: both;
	width: 100%;
	font-size: 21px;
	direction: inherit;
	text-align: initial;
}
.single .sidebar .info .info-row {
	display: table-row;
	border-bottom: 1px #000 solid;
}
.single .sidebar .info p {
	display: table-cell;
	color: #676767;
}
.single .sidebar .info span {
	display: table-cell;
	width: 54%;
	padding-bottom: 2px;
	font-family: "Courgette", "Quicksand", Arial, sans-serif;
	color: #000;
}
.single .sidebar .info li {
	margin-left: 0;
	padding-left: 0;
}
.single .sidebar .info li a {
	font-family: "Courgette", "Quicksand", Arial, sans-serif;
	letter-spacing: 1px;
	color: #000;
	margin-left: 0;
	padding-right: 0;
}
.single .sidebar .info li:hover {
}
.single .sidebar .info li:hover a {
}
.single .tour-overview {
	margin-bottom: 30px;
}
.realated-posts {padding: 20px 30px;}
.realated-posts .row {
    flex-basis: 100%;
    width: 100%;
    position: relative;
    /* left: -15px; */
    margin: 0;
}
.realated-posts .row-title {
	/* border-bottom: 1px #cac7c7 solid; */
	padding: 5px;
	/* padding-bottom: 4px; */
	margin: auto;
	margin-bottom: 10px;
	direction: inherit;
	text-align: initial;
	font-family: 'Tajawal';
	font-size: 20px;
	display: flex;
	align-items: center;
	color: #000000;
	/* background: #00487a; */
	justify-self: center;
	width: fit-content;
	/* border-radius: 50px; */
}
.realated-posts .row-title:before {
	content:"";
	position: absolute;
	width: 100%;
	height: 1px;
	background: #00000026;
	left: 50%;
	transform: translate(-50%, 41px);
}
.realated-posts .row-title i {font-size: 26px;color: #787878;position: relative;width: 43px;height: 43px;display: none;}
.realated-posts .row-title i:before{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
}
.realated-posts .row-title i:after{
	content:
	"";
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background: #e3e3e3;
	position: absolute;
	border-radius: 6px;
	z-index: 0;
}
.realated-posts .row-title span {font-weight: bold;font-size: 2.5rem;color: var(--dark-bg-color);/* text-shadow: 1px 1px 3px #000; */}
.realated-posts .row-title i + span {/* margin-right: 15px; */padding: 0 15px;}
/*********************************
offers
*********************************/
.single-wide-col{
    padding: 0;
}
.single-wide-col .data-col{
    padding-right: 0;
    /* background: #000; */
    padding: 0 30px;
    display: flex;
    justify-content: center;
}
.product-single-data{
    /* flex-direction: column; */
}
.product-single-data .clr{
	flex-grow:1;
	flex-basis:100%
	
}
.offer-single-data .offer-photos{width: 50%;flex-grow: 0;display: block;}
.offer-single-data .product-data{}

.single .product-mob-title,
.product-single-data .product-data .product-title{
    font-family: 'Tajawal';
    font-size: 24px;
    position: relative;
    clear: both;
    margin: 0;
    padding-top: 0;
    margin-bottom: 7px;
    color: #13a89e;
    color: #000000;
    /* color: #f5842d; */
    line-height: unset;
    /* flex-grow: 1; */
    /* flex-basis: 100%; */
    margin: 0;
    padding: 2px 10px;
    border-radius: 2px;
    padding-bottom: 6px;
    /* border-bottom: 1px #dbdbdb solid; */
    border-color: #cbcbcb;
    border-style: solid;
    border-width: 0 0 1px 0 !important;
    /* background: #fff9; */
    /* box-shadow: 0px 1px 6px -1px #0000001a; */
}
.single .product-mob-title{
	display:none;
}
.product-single-data .offer-data-card{width: 100%;flex-grow: 0;}
.offer-data-card.product-data span.currency{
	margin: 0 0px;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0;
	font-family: tahoma;
	color: #000;
	padding: 0 3px;
}

/*********************************
Payment popup 
*********************************/
.paynow-popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: +100000000;
	background: #0000009e;
}
.paynow-popup .paynow-popup-container {
	position: absolute;
	max-width: 80%;
	max-height: 80%;
	width: 100%;
	height: 100%;
	background: #fff;
	top: 10%;
	left: 10%;
	box-shadow: 0px 0px 6px 3px #00000059;
}
.paynow-popup .paynow-popup-close {
	position: absolute;
	right: 14px;
	top: 16px;
	cursor: pointer;
	font-size: 19px;
}
.paynow-popup .paynow-popup-close:hover {
	color: #bf0000;
}
.paynow-popup .paynow-popup-title {
	padding: 15px 15px;
	border-bottom: 1px #efefef solid;
	font-family: "Anton", "Courgette", "Quicksand", Arial, sans-serif;
	font-size: 20px;
	letter-spacing: 1px;
	font-weight: 400;
	color: #337ab7;
}
.paynow-popup .paynow-popup-content {
	max-width: max-content;
	margin: 50px auto;
	font-size: 22px;
}
.paynow-popup .loader {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../images/loader.gif) center no-repeat #ffffff6e;
}
.paynow-popup .loader span {
	font-size: 18px;
	color: #de0202;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, 50px);
	text-align: center;
}
.paynow-popup .loader span {
	font-size: 18px;
	color: #de0202;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, 50px);
	text-align: center;
}
.product-side-pic{
    border-right: 1px #e4e4e4 solid;
}
/*****************************************************
single offers slider
******************************************************/
.offers-single-slider-box {
	direction: ltr;
	position: relative;
	padding: 0 36px;
	padding-bottom: 30px;
}
.offers-single-slider .owl-nav .owl-prev, .offers-single-slider .owl-nav .owl-next {
	background: #f5f5f5;
	box-shadow: -4px 1px 3px 0px #00000038;
	color: #949494;
	flex: none;
	-webkit-box-flex: unset;
	float: none;
	display: inline-block;
	margin: 0;
	padding: 0 14px;
	width: max-content;
	left: -35px;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	font-size: 46px;
	line-height: 0;
	border-radius: 50% 5px 5px 50%;
}
.offers-single-slider .owl-nav .owl-next {
	left: unset;
	right: -35px;
	border-radius: 5px 50% 50% 5px;
	box-shadow: 4px 1px 3px 0px #00000038;
}
.offers-single-slider .owl-nav .owl-prev:hover, .offers-single-slider .owl-nav .owl-next:hover {
	background: #ffffffa8;
	color: #000;
	border-color: #000000f2;
}
.offers-single-slider .owl-nav .owl-prev:hover {
	box-shadow: 4px 1px 3px 0px #00000038 inset;
}
.offers-single-slider .owl-nav .owl-next:hover {
	box-shadow: -4px 1px 3px 0px #00000038 inset;
}
.offers-single-slider {
	position: relative;
}
.offers-single-slider .owl-controls {
	position: absolute;
	width: 100%;
	height: 100%;
	top: calc(50% - 10px );
	transform: translateY(-50%);
	z-index: -1;
}
.offers-single-slider .owl-controls .owl-nav {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: +100;
}
.colorlib-bg-dark .offer-slide-box .post-content {
}
.colorlib-bg-dark .offer-slide-box .post-content .headline h5 {
}
.colorlib-bg-dark .offer-slide-box .post-content p {
}
.colorlib-bg-dark .offer-slide-box .post-content .post-meta p {
}
.colorlib-bg-dark .offer-slide-box .post-content .post-meta p a {
}
.offers-single-slider .offer-slide-box {
	position: relative;
	border: 5px #ffffff solid;
	box-shadow: 0px 1px 3px 0px #00000038;
	margin: 5px;
}
.offers-single-slider .offer-slide-box .post-content {
	position: absolute;
	z-index: +1;
	bottom: 0;
	left: 0;
	background: #ffffffd1;
	padding: 2px 8px;
	color: #fff;
	font-size: 12px;
	width: 100%;
}
.offers-single-slider .offer-slide-box a {
	display: block;
}
.offers-single-slider .offer-slide-box .offer-price {
	position: absolute;
	top: 10px;
	background: #fff;
	padding: 5px 8px;
	transform: translate(-2px);
	z-index: +8;
}
.offers-single-slider .offer-slide-box .offer-price i {
	font-size: 13px;
	font-family: tahoma;
	font-weight: bold;
	letter-spacing: 0;
	color: #000;
	position: relative;
	padding: 5px;
	text-align: center;
}
.offers-single-slider .offer-slide-box .offer-price i:before, .offers-single-slider .offer-slide-box .offer-price i:after {
	content: "";
	background: #af0202;
	position: absolute;
	width: 100%;
	height: 1px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(26deg);
}
.offers-single-slider .offer-slide-box .offer-price i:before {
	transform: translate(-50%, -50%) rotate(-26deg);
}
.offers-single-slider .offer-slide-box .offer-price i:after {
}
.offers-single-slider .offer-slide-box .offer-price span:not(.currency) {
	font-weight: bold;
	font-family: tahoma;
}
.offers-single-slider .offer-slide-box .offer-price span.currency {
	margin: 0 5px;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0;
	font-family: tahoma;
	color: #000;
}
.offers-single-slider .offer-slide-box .headline {
	font-size: 14px;
	text-align: center;
	color: #a41d1d;
	margin: 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
	font-weight: 700;
	letter-spacing: 0;
	padding: 5px 0;
}
.offers-single-slider .offer-slide-box .post-content p {
}
.offers-single-slider .offer-slide-box .post-content .post-meta p {
}
.offers-single-slider .offer-slide-box .post-content .post-meta p a {
}
.offers-single-slider .offer-slide-box, .offers-single-slider .offer-slide-box * {
	transition: all 0.2s;
}
.offers-single-slider .offer-slide-box:hover {
	border-color: #fff;
}
.offers-single-slider .offer-slide-box:hover .post-content {
	height: auto;
}
.offers-single-slider .offer-slide-box:hover .post-content .headline h5 {
	color: #000;
	transform: scale(1);
}
.offers-single-slider .offer-slide-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% - 3px);
	top: 0px;
	left: 50%;
	transform: translateX(-50%);
}
.offers-single-slider .offer-slide-box .product-box-actions .action-btn {
	flex-grow: 0;
	padding: 2px 2px;
	color: #616161;
	font-size: 22px;
	line-height: 20px;
	margin: 3px;
	cursor: pointer;
	position: relative;
}
.offers-single-slider .offer-slide-box .product-box-actions .action-btn i {
}
.offers-single-slider .offer-slide-box .product-box-actions .action-btn:hover {
	color: #d00000;
}
.offers-single-slider .offer-slide-box .product-box-actions .action-btn:hover i {
}
/*****************************************************
single related products
******************************************************/
.single-related-products-box {
	direction: ltr;
	position: relative;
	/* padding: 0 36px; */
	/* margin: 0 -15px !important; */
	padding-bottom: 30px;
	padding-top: 15px;
	width: 100%;
}
.single-related-products .owl-nav .owl-prev, .single-related-products .owl-nav .owl-next {
	background: #f5f5f5;
	box-shadow: -4px 1px 3px 0px #00000038;
	color: #949494;
	flex: none;
	-webkit-box-flex: unset;
	float: none;
	display: inline-block;
	margin: 0;
	padding: 0 14px;
	width: max-content;
	left: -35px;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	font-size: 46px;
	line-height: 0;
	border-radius: 50% 5px 5px 50%;
}
.single-related-products .owl-nav .owl-next {
	left: unset;
	right: -35px;
	border-radius: 5px 50% 50% 5px;
	box-shadow: 4px 1px 3px 0px #00000038;
}
.single-related-products .owl-nav .owl-prev:hover, .single-related-products .owl-nav .owl-next:hover {
	background: #ffffffa8;
	color: #000;
	border-color: #000000f2;
}
.single-related-products .owl-nav .owl-prev:hover {
	box-shadow: 4px 1px 3px 0px #00000038 inset;
}
.single-related-products .owl-nav .owl-next:hover {
	box-shadow: -4px 1px 3px 0px #00000038 inset;
}
.single-related-products {
	position: relative;
}
.single-related-products .owl-controls {
	position: absolute;
	width: 100%;
	height: 100%;
	top: calc(50% - 10px );
	transform: translateY(-50%);
	z-index: -1;
}
.single-related-products .owl-controls .owl-nav {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: +100;
}
.colorlib-bg-dark .product-slide-box .post-content {
}
.colorlib-bg-dark .product-slide-box .post-content .headline h5 {
}
.colorlib-bg-dark .product-slide-box .post-content p {
}
.colorlib-bg-dark .product-slide-box .post-content .post-meta p {
}
.colorlib-bg-dark .product-slide-box .post-content .post-meta p a {
}
.single-related-products .product-slide-box {
	position: relative;
	border: 5px #ffffff solid;
	box-shadow: 0px 1px 3px 0px #00000038;
	margin: 5px;
}
.single-related-products .product-slide-box .post-content {
	position: absolute;
	z-index: +1;
	bottom: 0;
	left: 0;
	background: #ffffffd1;
	padding: 2px 8px;
	color: #fff;
	font-size: 12px;
	width: 100%;
}
.single-related-products .product-slide-box a {
	display: block;
}
.single-related-products .product-slide-box .offer-price {
	position: absolute;
	top: 10px;
	background: #fff;
	padding: 5px 8px;
	transform: translate(-2px);
	z-index: +8;
}
.single-related-products .product-slide-box .offer-price i {
	font-size: 13px;
	font-family: tahoma;
	font-weight: bold;
	letter-spacing: 0;
	color: #000;
	position: relative;
	padding: 5px;
	text-align: center;
}
.single-related-products .product-slide-box .offer-price i:before, .single-related-products .product-slide-box .offer-price i:after {
	content: "";
	background: #af0202;
	position: absolute;
	width: 100%;
	height: 1px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(26deg);
}
.single-related-products .product-slide-box .offer-price i:before {
	transform: translate(-50%, -50%) rotate(-26deg);
}
.single-related-products .product-slide-box .offer-price i:after {
}
.single-related-products .product-slide-box .offer-price span:not(.currency) {
	font-weight: bold;
	font-family: tahoma;
}
.single-related-products .product-slide-box .offer-price span.currency {
	margin: 0 5px;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0;
	font-family: tahoma;
	color: #000;
}
.single-related-products .product-slide-box .headline {
	font-size: 14px;
	text-align: center;
	color: #a41d1d;
	margin: 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
	font-weight: 700;
	letter-spacing: 0;
	padding: 5px 0;
}
.single-related-products .product-slide-box .post-content p {
}
.single-related-products .product-slide-box .post-content .post-meta p {
}
.single-related-products .product-slide-box .post-content .post-meta p a {
}
.single-related-products .product-slide-box, .single-related-products .product-slide-box * {
	transition: all 0.2s;
}
.single-related-products .product-slide-box:hover {
	border-color: #fff;
}
.single-related-products .product-slide-box:hover .post-content {
	height: auto;
}
.single-related-products .product-slide-box:hover .post-content .headline h5 {
	color: #000;
	transform: scale(1);
}
.single-related-products .product-slide-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% - 3px);
	top: 0px;
	left: 50%;
	transform: translateX(-50%);
}
.single-related-products .product-slide-box .product-box-actions .action-btn {
	flex-grow: 0;
	padding: 2px 2px;
	color: #616161;
	font-size: 22px;
	line-height: 20px;
	margin: 3px;
	cursor: pointer;
	position: relative;
}
.single-related-products .product-slide-box .product-box-actions .action-btn i {
}
.single-related-products .product-slide-box .product-box-actions .action-btn:hover {
	color: #d00000;
}
.single-related-products .product-slide-box .product-box-actions .action-btn:hover i {
}
.single-related-products-box .products-list{
    display: flex;
    padding-block: 30px;
    gap: 30px;
    justify-content: center;
}



/******************************
** Home Quote
******************************/
.home-quote-row {
  background: #f6f4f4;
}
.home-quote-row .container-fluid {}
.home-quote-row .home-quote-area {
  margin: 64px auto;
  display: flex;
  flex-direction: column;
  gap: 14px;
  justify-content: center;
  width: fit-content;
}
.home-quote-row .quote-text{
    font-family: 'Futura';
    font-weight: bold;
    color: #440255;
    font-size: 35px;
}
.home-quote-row .quote-person{
    font-weight: 500;
    font-size: 26px;
    display: flex;
    flex-direction: row-reverse;
    /* margin: 0 15px; */
    color: #4f4f4f;
}
.home-quote-row .quote-person span{}


/**********************************
** Manipulating images with scroll
**********************************/
.manipulating-rows-section{
  position: relative;
}

.manipulating-rows-section .static-scroller-debug{

  background: rgb(173, 173, 173);
  position: absolute;
  top: 0px;
  left: 0px;
  width: 50%;
  height: 50px;
  overflow: hidden;
  z-index: +6;
}

.manipulating-rows-section .static-scroller-image-viewport{
  background: #ffffff;
  position: relative;
  position: sticky;
  top: 0px;
  left: 0px;
  width: 50%;
  height: 100vh;
  overflow: hidden;
  z-index: +5;
  display: flex;
}

.manipulating-rows-section .static-scroller-image-viewport .content-viewport{}
.manipulating-rows-section .static-scroller-image-viewport .image-viewport{}
.manipulating-rows-section .static-scroller-image-viewport .in-viewport,
.manipulating-rows-section .static-scroller-image-viewport .out-viewport{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background-image: var(--background-src); */
  /* background-position: center; */
  /* background-repeat: no-repeat; */
  /* background-size: cover; */
  /* opacity: calc( var(--animation-percent) / 100 ); */
  /* flex-basis: 50%; */
}

.manipulating-rows-section .static-scroller-image-viewport .in-viewport{
  z-index: +1;
  /* opacity: .55; */
}
.manipulating-rows-section .static-scroller-image-viewport .in-viewport{
}
.manipulating-rows-section .static-scroller-content{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    /* position: sticky; */
    margin-top: -100vh;
    left: 0px;
    /* width: 50%; */
    /* height: 100vh; */
    /* overflow: hidden; */
    max-width: 100svw;
    overflow-x: hidden;
}
.manipulating-rows-section .static-scroller-content .manipulating-row{
  display: flex;
  min-height: 100svh;
  flex-basis: 100%;
}
.manipulating-rows-section .static-scroller-content .manipulating-row:nth-child(even){
  /* background: #ffffff; */
}
.manipulating-rows-section .static-scroller-content .manipulating-row + .manipulating-row{
  /* border-top:1px #e3e1e1 solid; */
}
.manipulating-rows-section .static-scroller-content .manipulating-text{
    flex-basis: 50%;
    min-height: 100svh;
    min-width: 50% !important;
    /* width: 50svw; */
    /* overflow: hidden; */
    padding: 100px 111px;
    padding-bottom: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* justify-content: center; */
}
.manipulating-rows-section .static-scroller-content .manipulating-text h2{
    font-weight: bold;
    font-size: 3.5rem;
    line-height: 150%;
    margin: 0;
    margin-bottom: 45px;
    position: relative;
    width: fit-content;
    display: flex;
    flex-direction: column;
}
.manipulating-rows-section .static-scroller-content .manipulating-text h2:after{
    content:"";
    height: 1px;
    width: 100%;
    display: flex;
    background: #0003;
    margin-top: 33px;
}
.manipulating-rows-section .static-scroller-content .manipulating-text p{
    font-size: 22px;
    font-weight: 500;
}
.manipulating-rows-section .static-scroller-content .manipulating-text .MBtn{
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 20px;
}
.manipulating-rows-section .static-scroller-content .manipulating-text .MBtn a,
.manipulating-rows-section .static-scroller-content .manipulating-text .MBtn a:focus{
  background: #460256;
  color: #fff;
  font-weight: 500;
  font-size: 25px;
  padding: 10px 20px;
  border-radius: 8px;
}
.manipulating-rows-section .static-scroller-content .manipulating-text .MBtn a:hover{}

/***** Manipulating Viewport ****/
.manipulating-rows-section .manipulating-viewport{
  flex-basis: 50%;
  height: 100svh;
  max-height: 100svh;
  width: 50svw;
  background-image: var(--background-src);
  background-position: center;
  background-size: cover;
  position: relative;
  /* overflow: hidden; */
  display: flex;
}
.manipulating-rows-section .static-scroller-content .manipulating-viewport{
  width: 50svw;
  overflow: hidden;
}
.manipulating-rows-section .manipulating-viewport img{
  object-fit: cover;
  min-width: 100%;
  max-height: 100svh;
}
/**********  Animations  ***********/

.manipulating-rows-section [data-animation-key="fade"] .manipulating-viewport{
  /* --animation-percent:100; */
  --animtation-opacity:calc( var(--animation-percent) / 100 );
  opacity: var(--animtation-opacity);
  animation: MRows_Crossfade 0s;
}
@keyframes MRows_Crossfade {
  from {
    opacity: var(--animtation-opacity);
  }
  to {
    opacity: var(--animtation-opacity);
  }
}

.manipulating-rows-section [data-animation-key="FadeIn"] .manipulating-viewport{
  /* --animation-percent:100; */
  --animtation-opacity:calc( var(--animation-percent) / 100 );
  opacity: var(--animtation-opacity);
  animation: MRows_FadeIn 0s;
}

.manipulating-rows-section .out-viewport[data-animation-key="FadeIn"] .manipulating-viewport{
  /* --animation-percent:100; */
  --animtation-opacity:calc( var(--animation-percent) / 100 );
  opacity: var(--animtation-opacity);
  animation: MRows_FadeOut 0s;
}

@keyframes MRows_FadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: var(--animtation-opacity);
  }
}

@keyframes MRows_FadeOut {
  from {
    opacity: 0;
  }
  to {
    opacity: var(--animtation-opacity);
  }
}


.manipulating-rows-section [data-animation-key="slideLeft"]{
  background: none;
}
.manipulating-rows-section [data-animation-key="slideLeft"] .manipulating-viewport{
  /* --animation-percent: 10; */
  
  --final-animation-percent: calc(var(--animation-percent)*1%);
  --final-animation-percent-reversed: calc(100% - var(--final-animation-percent));
  
  transform: translateX(var(--final-animation-percent-reversed));
  animation: MRows_slideLeft 0s;
}
.manipulating-rows-section [data-animation-key="slideLeft"] .manipulating-viewport:before,
.manipulating-rows-section [data-animation-key="slideLeft"] .manipulating-viewport:after{

}
.manipulating-rows-section [data-animation-key="slideLeft"] .manipulating-viewport:after{
  --final-transform-percent:var(--transform-percent-nh2);
  --final-transform-percent-reversed:var(--transform-percent-nh2-reversed);
  z-index: -1;
  width: var(--final-transform-percent-nh2);
}

@keyframes MRows_slideLeft {
  from {
    transform: translateX(calc(var(--final-animation-percent) + 20px ));
  }
  to {
    transform: translateX(var(--final-animation-percent-reversed));
  }

}


/******************************
** OurWorld Row
******************************/
.OurWorld-Row{
  background: #f6f4f4;
  padding-bottom: 1px;
  position: relative;
}
.OurWorld-Row .container-fluid{
    padding-right: 40px;
    padding-left: 40px;
}
.OurWorld-Row .OurWorld-title-row{
    width: fit-content;
}
.OurWorld-Row .side-lines-row-title.OurWorld-slider-title{
    gap: 15px;
}
.OurWorld-Row .side-lines-row-title.OurWorld-slider-title h2{
    font-size: 50px;
}
.OurWorld-Row .side-lines-row-title.OurWorld-slider-title span{
    min-width: 42px;
}

.OurWorld-Loading{
    padding: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.OurWorld-Loading span{
    /* font-weight: bold; */
    font-size: 3rem;
    color: #430254;
}
.OurWorld-Row .OurWorld-Slider-area{/* overflow-x: hidden; */width: 100%;margin-top: 0;}
.OurWorld-Row .OurWorld-slider{
}
.OurWorld-Row .OurWorld-slider.owl-carousel{
  display: unset;
  direction: ltr;
}
.OurWorld-Row .OurWorld-slider .OurWorld-item{
  perspective: 100svw;
  width: fit-content;
}
.OurWorld-Row .OurWorld-slider .OurWorld-item .flip-card{
  --transition-flip-time:0.5s;
  position: relative;
  transition: transform var(--transition-flip-time) ease-in-out;
  transform-style: preserve-3d;
  /* perspective: 300px; */
  transform-origin: 50% 50%;
  box-sizing: border-box;
  margin: 30px 0;
}
.OurWorld-Row .OurWorld-slider .OurWorld-item .flip-card *,
.OurWorld-Row .OurWorld-slider .OurWorld-item .flip-card *:before{
  transition: all var(--transition-flip-time) ease-in-out;
}

.OurWorld-Row .OurWorld-slider .OurWorld-item:hover .flip-card{
  -webkit-transform: rotateY(35deg);
          transform: rotateY(35deg);
}
.OurWorld-Row .OurWorld-slider .OurWorld-item .OurWorld-link{position: relative;display: block;}
.OurWorld-Row .OurWorld-slider .OurWorld-item .OurWorld-img{
  border-radius: 10px;
  overflow: hidden;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  position: relative;
  box-shadow: 0px 2px 10px 0px #00000057;
  -webkit-box-shadow: 0px 2px 10px 0px #00000057;
  -moz-box-shadow: 0px 2px 10px 0px #00000057;
  -o-box-shadow: 0px 2px 10px 0px #00000057;
  -ms-box-shadow: 0px 2px 10px 0px #00000057;
}
.OurWorld-Row .OurWorld-slider .OurWorld-item .OurWorld-img:before{
  content:"";
  background: #54237200;
  position: absolute;
  z-index: +1;
  width: 100%;
  overflow: hidden;
  height: 100%;
  backdrop-filter: blur(0px);
  -webkit-backdrop-filter: blur(0px);
  -moz-backdrop-filter: blur(0px);
  -o-backdrop-filter: blur(0px);
  -ms-backdrop-filter: blur(0px);
}
.OurWorld-Row .OurWorld-slider .OurWorld-item:hover .OurWorld-img:before{
  background: #54237200;
  backdrop-filter: blur(7px);
}
.OurWorld-Row .OurWorld-slider .OurWorld-item .OurWorld-link img{width: 100%;}
.OurWorld-Row .OurWorld-slider .OurWorld-item .OurWorld-des{
    --ride-des-margin: 20px;
    position: absolute;
    bottom: var(--ride-des-margin);
    overflow: hidden;
    left: var(--ride-des-margin);
    display: flex;
    flex-direction: column;
    z-index: +1;
    /* width: calc(100% - var(--ride-des-margin)); */
    width: calc(100% - calc(var(--ride-des-margin) * 2));
    height: 10px;
    height: calc(100% - calc(var(--ride-des-margin) * 2));
    padding: 20px;
    color: #fff;
    opacity: 0;
    background: #5423729e;
    backdrop-filter: blur(7px);
    border-radius: 10px;
    transform-style: preserve-3d;
}
.OurWorld-Row .OurWorld-slider .OurWorld-item:hover .OurWorld-des{
  --ride-translate3d:calc(var(
  --ride-des-margin) * 2);
  transform: perspective(500px) translate3d(var(--ride-translate3d),0px,0px);
  bottom: var(--ride-des-margin);
  height: calc(100% - calc(var(--ride-des-margin) * 2));
  opacity: 1;
}
.OurWorld-Row .OurWorld-slider .OurWorld-item .OurWorld-des h2{
    margin: 0;
    color: var(--text-color-light-blue);
    font-family: 'Futura';
    font-weight: bold;
    font-size: 22px;
}
.OurWorld-Row .OurWorld-slider .OurWorld-item .OurWorld-des p{
    margin: 0;
    font-weight: 500;
    padding: 10px 0;
    font-size: 15px;
    overflow: hidden;
    flex-grow: 1;
}
.OurWorld-Row .OurWorld-slider .OurWorld-item .ride-name{
    display: flex;
    align-items: center;
    font-size: 2rem;
    flex-wrap: nowrap;
    gap: 15px;
    padding-top: 18px;
    color: #000;
}
.OurWorld-Row .OurWorld-slider .OurWorld-item .ride-name span{
    flex-grow: 1;
    font-weight: bold;
    font-size: 1.8rem;
    text-transform: uppercase;
}
.OurWorld-Row .OurWorld-slider .OurWorld-item .ride-name i{}
/******************************
** Giving Back Slider
******************************/
.giving-back-Row{
    background: #f6f4f4;
}
.giving-back-Row .giving-back-slider-row{
  direction: ltr;
  display: block;
  margin: 0 auto;
  padding-bottom: 40px;
  /* width: calc(80% - 30px); */
  /* background: #e7e7e717; */
  /* max-width: calc(100% - 80px); */
}
.giving-back-Row .giving-back-slider-row .container-fluid{
}
.giving-back-Row .giving-back-slider-title{}
.giving-back-Row .giving-back-slider-title > h2{
    font-weight: normal;
}
.giving-back-Row .giving-back-Loading{
    font-size: 2rem;
    padding-bottom: 50px;
    text-align: center;
    color: #430254;
}
.giving-back-Row .giving-back-Loading span{}
.giving-back-slider-row .giving-back-slider-area{
  margin: 0 30px;
}
.giving-back-slider-row .giving-back-slider,
.giving-back-slider-row .giving-back-slider.owl-carousel{
    display: block;
    /* overflow: hidden;*/
}
.giving-back-slider-row .giving-back-item{
    aspect-ratio: 182/165;
}
.giving-back-slider-row .giving-back-item img{
    aspect-ratio: 182/165;
    width: 100%;
    height: unset;
}
.giving-back-slider-row .giving-back-item img.giving-back-logo{
    position: absolute;
    filter: grayscale(1);
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
.giving-back-slider-row .giving-back-item:hover img.giving-back-logo{
  filter: grayscale(0);
}
.giving-back-slider-row .giving-back-item img.placeHolderPhoto{
    opacity: 0;
}

/******************************
** Franchise Features Row
******************************/
.franchise-features-icons-row{
    --row-bg: #f7f7f7;
    position: relative;
    padding-block: 70px;
    background: var(--row-bg);
}
.franchise-features-icons-row:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 30%;
    min-height: 40px;
    background: var(--row-bg);
    /* background: #f00; */
    bottom: 99%;
    z-index: -1;
}
.franchise-features-icons-row .container-fluid{
    padding-inline: 40px;
}
.franchise-features-container{
    display: flex;
    gap: 20px;
}
.franchise-features-container .feature-item{
    display: flex;
    flex-basis: 20%;
    column-gap: 10px;
    row-gap: 20px;
    align-items: center;
}
.franchise-features-container .feature-item .col{
    padding: 0;
}
.franchise-features-container .feature-item .feature-icon{
    /* aspect-ratio: 1/1; */
    width: 50px;
    padding: 0;
    flex-grow: 1;
}
.franchise-features-container .feature-item .feature-icon img{
    max-width: 100%;
    height: auto;
    aspect-ratio: 1/1 !important;
}
.franchise-features-container .feature-item .feature-content{
    flex-grow: 3;
}
.franchise-features-container .feature-item .feature-content .feature-title{
    padding: 0;
    margin: 0;
    font-size: 100%;
    font-weight: bold;
    line-height: initial;
}
.franchise-features-container .feature-item .feature-content .feature-text{
    margin: 0;
    margin-top: 10px;
    padding: 0;
}

/******************************
** Franchise Adventure-Row
******************************/
.Adventure-Row{
    background: #20b2aa;
    overflow: hidden;
}
.Adventure-Row .Adventure-container{
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    gap: 15px;
    min-height: 576px;
}
.Adventure-Row .Adventure-text-col{
    /* flex-grow: 1; */
    flex-basis: calc(70% - 30px);
    padding: 50px 0;
    display: flex;
    flex-direction: column;
}
.Adventure-Row .Adventure-text-col h2{
    font-size: 27px;
    font-weight: 600;
    margin: 0;
    margin-bottom: 25px;
    color: #fff;
}
.Adventure-Row .Adventure-text-col p{
    font-size: 21px;
    margin-bottom: 30px;
    color: #303030;
}
.Adventure-Row .Adventure-text-col p br{
    content: "";
    height: 10px;
    width: 100%;
    display: block;
    clear: both;
}
.Adventure-Row .Adventure-text-col p br + br{
    /* display: none;*/
}
.Adventure-Row .Adventure-text-col .MBtn{
    flex-grow: 1;
}
.Adventure-Row .Adventure-text-col .MBtn a{
    background: #fff;
    color: #303030;
    font-size: 23px;
    font-weight: bold;
    padding: 10px 25px;
    border-radius: 30px;
    display: flex;
    width: max-content;
    box-shadow: 0px 2px 6px 0px #00000040;
}
.Adventure-Row .Adventure-text-col .MBtn a:hover,
.Adventure-Row .Adventure-text-col .MBtn a:focus{}

.Adventure-Row .Adventure-photo-col{
    position: absolute;
    width: 30%;
    height: fit-content;
    bottom: 0;
    right: 0;
}
.Adventure-Row .Adventure-photo-col img{
    max-width: 100%;
    position: relative;
}
.Adventure-Row .Adventure-photo-col .Adventure-photo-1{
    z-index: +1;
}
.Adventure-Row .Adventure-photo-col .Adventure-photo-2{
    position: absolute;
    bottom: -1.4%;
    left: -3%;
    max-width: unset;
    width: 103%;
}
/******************************
** Franchise Adventure-Row
******************************/
.rating-start{
    color: #ffd800;
    font-size: 1.5rem;
    display: flex;
    flex-wrap: nowrap;
    gap: 2px;
}
.rating-start i{}
.rating-start i:before{}

.testimonial-Row{
    background: #e3e1e1;
    color: #303030;
}
.testimonial-Row .testimonial-container{
    padding-top: 55px;
    padding-bottom: 85px;
}
.testimonial-Row .testimonial-title-row{
    margin-bottom: 50px;
    font-size: 30px;
    font-weight: 400;
    color: #000;
    text-align: center;
}
.testimonial-Row .testimonial-slider-row{}

.testimonial-Row .testimonial-slider{
    display: block;
    padding: 0 22px;
}
.testimonial-Row .testimonial-slider .testimonial-item{
    /* flex-basis: 30%; */
    /* position: relative; */
    padding: 15px 15px;
    padding-top: 6rem;
    /* background: #00000008; */
    display: flex;
    min-height: calc(100% - 46px);
}
.testimonial-Row .testimonial-slider .testimonial-item-content{
    --avatar-font-size:10rem;
    --avatar-box-shadow: 0px 1px 5px 1px #00000026;
    background: #fff;
    border-radius: 15px;
    box-shadow: var(--avatar-box-shadow);
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* gap: 5px; */
    position: relative;
    z-index: 1;
    flex-basis: 100%;
    flex-grow: 1;
    height: 100%;
}

.testimonial-Row .testimonial-slider .testimonial-avatar{   
    --avatar-border-radius: 50%;
    aspect-ratio: 1/1;
    width: fit-content;
    background: #e3e1e1;
    display: flex;
    padding: 4px;
    position: absolute;
    top: 0;
    left: 50%;
    border-radius: var(--avatar-border-radius);
    transform: translate(-50%,-50%);
}
.testimonial-Row .testimonial-slider .testimonial-avatar:before{
  content:"";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #e3e1e1;
  left:0;
  top:0;
  z-index: 0;
  border-radius: var(--avatar-border-radius);
  box-shadow: var(--avatar-box-shadow);
  clip-path: polygon(-10px -10px, 102% -10px, 102% 50%,-10px 50%);
}
.testimonial-Row .testimonial-slider .testimonial-avatar:after{
  content:"";
  position: absolute;
  width: 110%;
  height: 53%;
  background: #ffffff00;
  left:-5%;
  top:50%;
  z-index: 0;
}
.testimonial-Row .testimonial-slider .testimonial-avatar i{
    color: #fff;
    font-size: var(--avatar-font-size);
    position: relative;
    z-index: +8;
}
.testimonial-Row .testimonial-slider .testimonial-avatar i:before{}

.testimonial-Row .testimonial-slider .testimonial-avatar-placeholder{}
.testimonial-Row .testimonial-slider .testimonial-avatar-placeholder i{
  color: #fff;
  font-size: calc(var(--avatar-font-size) / 2);
}
.testimonial-Row .testimonial-slider .testimonial-avatar-placeholder i:before{}


.testimonial-Row .testimonial-slider .testimonial-name{
    font-size: 20px;
    color: #000;
    margin-top: 5rem;
}
.testimonial-Row .testimonial-slider .testimonial-text{
    text-align: center;
    font-size: 18px;
    margin-top: 1.5rem;
}

.testimonial-Row .testimonial-slider .testimonial-rating{display: flex;justify-content: center;align-items: center;margin-top: 2px;}
.testimonial-Row .testimonial-slider .rating-start{
    font-size: 1.5rem;
}
.testimonial-Row .testimonial-slider .rating-start i{}
.testimonial-Row .testimonial-slider .rating-start i:before{}



.testimonial-slider .owl-stage-outer{
  /* margin: 0 25px; */
  z-index: +1;
}
.testimonial-slider .owl-stage{}
.testimonial-slider .owl-controls{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0;
    /* background: #d7d7d78c; */
}
.testimonial-slider .owl-controls .owl-nav{
}
.testimonial-slider .owl-controls .owl-nav [class*=owl-]{
  font-size: 3rem;
  color: #00000040;
  background: none;
  position: absolute;
  top: calc(50% + 1rem);
  margin: 0;
  padding: 0;
  font-size: 5rem;
  transform: translateY(-50%);
}
.testimonial-slider .owl-controls .owl-nav [class*=owl-] i{}
.testimonial-slider .owl-controls .owl-nav [class*=owl-] i::before{}
.testimonial-slider .owl-controls .owl-nav .owl-prev{
  left: 0px;
}
.testimonial-slider .owl-controls .owl-nav .owl-next{
  right: 0px;
}
.testimonial-slider .owl-controls .owl-nav [class*=owl-]:hover{color: #0000008f;background: transparent;}



/******************************
** Franchise Journey-Row
******************************/
.Journey-Row{
  background: #ffffff;
  overflow: hidden;
}
.Journey-Row .Journey-container{
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  gap: 15px;
  min-height: 400px;
}
.Journey-Row .Journey-text-col{
  /* flex-grow: 1; */
  flex-basis: 61%;
  padding: 50px 0;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: +1;
}
.Journey-Row .Journey-text-col h2{
  font-size: 27px;
  font-weight: 600;
  margin: 0;
  margin-bottom: 25px;
  color: #4b007d;
}
.Journey-Row .Journey-text-col p{
  font-size: 23px;
  /* margin-bottom: 30px; */
  color: #303030;
  margin-right: 17%;
}

.Journey-Row .Journey-text-col p br{
  content: "";
  height: 10px;
  width: 100%;
  display: block;
  clear: both;
}

.Journey-Row .Journey-photo-col{
  position: absolute;
  aspect-ratio: 602/519;
  width: 49.5%;
  height: fit-content;
  bottom: 0;
  right: 0;
  background:var(--background-src);
  background-size: cover;
}
.Journey-Row .Journey-photo-col img{
  max-width: 100%;
  position: relative;
}
/******************************
** Franchise Video-Row
******************************/
.franchise-video-row{
  background: #000;
  display:flex;
  align-items:center;
  justify-content:center;
}

.franchise-video-row .franchise-video-viewport{
  aspect-ratio: 16/9 !important;
  width: 100%;
  max-width: 100svw !important;
  max-height: 100svh !important;
  background: #000;
  position: relative;
}
.franchise-video-row .franchise-video-viewport .franchiseVideoPlayer{
  width: 100%;
  aspect-ratio: 16/9;
}

/**
.franchise-video-row .franchise-video-viewport:before{
  content:attr(data-des);
  position: absolute;
  font-size: 760%;
  left: 50%;
  top: 32%;
  transform: translate(-50%,-50%);
}
.franchise-video-row .franchise-video-viewport:after{
  content:"\f04b";
  display: flex;
  width: 9%;
  text-align: center;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  font-size: 518%;
  text-indent: 11px;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  
--icon-color: #ffffff87;
  color: var(--icon-color);
  border: .8rem var(--icon-color) solid;
  border-radius: 50%;
  cursor:pointer;
}
/**/
/******************************
** employee Video-Row
******************************/
.employee-video-row{
  background: #000;
  display:flex;
  align-items:center;
  justify-content:center;
  position: relative;
}
.employee-video-row:before{
  content:"";
  position: absolute;
  left: 0;
  bottom: 99%;
  width: 100%;
  height: 30px;
  background: #f0f0f0;
  z-index: -1;
}

.employee-video-row .employee-video-viewport{
  aspect-ratio: 16/9 !important;
  width: 100%;
  max-width: 100svw !important;
  max-height: 100svh !important;
  background: #000;
  position: relative;
}

.employee-video-row .employee-video-viewport .employeeVideoPlayer{
  width: 100%;
  aspect-ratio: 16/9;
}
/******************************
** Franchise Viral-Row
******************************/
.Viral-Row{
  background-color: #e3e1e2;
  overflow: hidden;
  background-image: url(../images/the-viral-wave.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.Viral-Row .Viral-container{
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  gap: 15px;
  min-height: 400px;
}
.Viral-Row .Viral-text-col{
  /* flex-grow: 1; */
  flex-basis: 61%;
  padding: 50px 0;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: +1;
}
.Viral-Row .Viral-text-col h2{
  font-size: 27px;
  font-weight: 600;
  margin: 0;
  margin-bottom: 25px;
  color: #ffffff;
}
.Viral-Row .Viral-text-col p{
  font-size: 23px;
  /* margin-bottom: 30px; */
  color: #dddddd;
  margin-right: 26%;
  text-shadow: 0px 0px 15px #000000;
}

.Viral-Row .Viral-text-col p br{
  content: "";
  height: 10px;
  width: 100%;
  display: block;
  clear: both;
}

.Viral-Row .Viral-photo-col{
  position: absolute;
  aspect-ratio: 683/431;
  width: 55.5%;
  height: fit-content;
  top: 9rem;
  right: 0;
  background:var(--background-src);
  background-size: cover;
  display: none;
}
.Viral-Row .Viral-photo-col img{
  max-width: 100%;
  position: relative;
}

/******************************
** Franchise Branches Row
******************************/
.Branches-Row{
  background: #ffffff;
  color: #303030;
}
.Branches-Row .Branches-container{
  padding: 44px 0;
}

.Branches-Row .Branches-slider{
  display: block;
  padding: 0 22px;
}
.Branches-Row .Branches-slider .Branch-item{
  /* flex-basis: 30%; */
  /* position: relative; */
  padding: 15px 15px;
  /* padding-top: 6rem; */
  /* background: #00000008; */
  perspective: 100svw;
}
.Branches-Row .Branches-slider .Branch-item-content{
  --transition-flip-time: 0.5s;
  --transition-flip-delay-time: 0.25s;
  position: relative;
  height: 100%;
  z-index: 1;
  position: relative;
  cursor: pointer;
  transition: transform var(--transition-flip-time) ease-in-out;
  transform-style: preserve-3d;
  /* perspective: 300px; */
  transform-origin: 50% 50%;
  box-sizing: border-box;
  transition: all var(--transition-flip-time) ease-in-out;
}
.Branches-Row .Branches-slider .Branch-item-content:hover{
  background: transparent;
  border: transparent;
}
.Branches-Row .Branches-slider .Branch-data{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #430254ad;
  /* z-index: +1; */
  padding: 10px 15px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  color: #e3e6e4 !important;
  transform-style: preserve-3d;
  transform-origin: 50% 50%;
  backdrop-filter: blur(3px);
  transition: all var(--transition-flip-time) ease-in-out;
  transform: rotate3d(1, 0, 0, 62deg) translate3d(0,88px,0px) scale(0);
}
.Branches-Row .Branches-slider .Branch-item-content:hover .Branch-data{transform: rotate3d(1, 0, 0, 0deg) translate3d(0,0px,0px) scale(1);}
.Branches-Row .Branches-slider .Branch-name{
  font-size: 24px;
  font-weight: 600;
  color: #01ffe4;
}
.Branches-Row .Branches-slider .Branch-item-content:hover .Branch-name{}
.Branches-Row .Branches-slider .Branch-location{
  color: #fcfefb;
  font-weight: 600;
  font-size: 22px;
}
.Branches-Row .Branches-slider .Branch-item-content:hover .Branch-location{}
.Branches-Row .Branches-slider .Branch-address{
  flex-grow: 1;
  display: flex;
  align-items: center;
  text-align: center;
  font-size: 15px;
  text-wrap: wrap;
}
.Branches-Row .Branches-slider .Branch-item-content:hover .Branch-address{}

.Branches-Row .Branches-slider .Branch-photo{
  aspect-ratio: 401/241;
  width: 100%;
  background: #b3b3b3;
  border: 3px #7f7f7f solid;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transform-style: preserve-3d;
  transform-origin: 50% 93%;
  backface-visibility: hidden;
  transition: all var(--transition-flip-time) ease-in-out;
  transform: rotate3d(1, 0, 0, 0deg) translate3d(0,0px,0px);
}
.Branches-Row .Branches-slider .Branch-item-content:hover .Branch-photo{
     transform: rotate3d(1, 0, 0, 62deg) translate3d(0,-305px,-153px);
}
.Branches-Row .Branches-slider .Branch-photo img{
  width: 100%;
  max-width: 100% !important;
  max-height: 100% !important;
  margin:0;
  padding:0;
  outline: none;
}
.Branches-Row .Branches-slider .Branch-item-content:hover .Branch-photo img{}


.Branches-slider .owl-stage-outer{
/* margin: 0 25px; */
z-index: +1;
}
.Branches-slider .owl-stage{}
.Branches-slider .owl-controls{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin: 0;
  /* background: #d7d7d78c; */
}
.Branches-slider .owl-controls .owl-nav{
}
.Branches-slider .owl-controls .owl-nav [class*=owl-]{
font-size: 3rem;
color: #00000040;
background: none;
position: absolute;
top: calc(50% + 1rem);
margin: 0;
padding: 0;
font-size: 5rem;
transform: translateY(-50%);
}
.Branches-slider .owl-controls .owl-nav [class*=owl-] i{}
.Branches-slider .owl-controls .owl-nav [class*=owl-] i::before{}
.Branches-slider .owl-controls .owl-nav .owl-prev{
left: 0px;
}
.Branches-slider .owl-controls .owl-nav .owl-next{
right: 0px;
}
.Branches-slider .owl-controls .owl-nav [class*=owl-]:hover{color: #0000008f;background: transparent;}
/******************************
** Genesis About Row
******************************/
.genesis-about-row{
    padding: 50px 0;
}
.genesis-about-container{
    display: flex;
    padding: 0;
    gap: 20px;
    /* align-items: center; */
}
.genesis-about-container:after,
.genesis-about-container:before{
    display: none;
}
.genesis-about-container .photo-area{
    aspect-ratio: 557/498;
    width: 40%;
    background: url(../images/genesis-know-us-bg.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
    /* background-color: #000; */
    display: none;
}
.genesis-about-container .text-area{
    /* flex-grow: 1; */
    /* flex-basis: 66%; */
    display: flex;
    flex-direction: column;
    padding: 0 15px;
}
.genesis-about-container .text-area .genesis-about-title{
    margin-top: 0;
    width: max-content;
    margin-bottom: 12px;
}
.genesis-about-container .text-area .genesis-about-title h2{
    color: var(--primary-color);
    font-size: 2.3rem;
}
.genesis-about-container .text-area .genesis-about-title span{
    min-width: 0px;
}
.genesis-about-container .text-area .genesis-about-title span:before{
  height: 2px;
  background: #00000052;
}
.genesis-about-container .text-area p{
    margin: 0;
    font-size: 1.8rem;
    color: #2c2c2c;
    /* line-height: 3.2rem; */
}
.genesis-about-container .text-area p br{
    content: "";
    display: block;
    height: 10px;
}
/******************************
** competitive-row
******************************/
.competitive-row{
    padding-block: 40px;
    font-size: 1.7rem;
}
.competitive-row .container{}
.competitive-row h2{
    color: var(--primary-color);
    font-size: 2.5rem;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 14px;
}
.competitive-row p {}
.competitive-row ul{
    padding-inline-start: 30px;
    margin-bottom: 20px;
}
.competitive-row ul li{}
/******************************
** Genesis  Where & What Row
******************************/
.genesis-WhereWhat-row{
    background: var(--bg-color-2);
    color: #dcdddb;
    font-size: 2.5rem;
    /* line-height: 4rem; */
    padding: 50px 0;
}
.genesis-WhereWhat-container{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.genesis-WhereWhat-container{}
.genesis-WhereWhat-container:before,
.genesis-WhereWhat-container:after{
  display:none;
}
.genesis-WhereWhat-photo{
    float: right;
    width: 46%;
    shape-outside: url(../images/genesis-chart-mask.png);
    shape-margin: 10px;
    margin-right: 15px;
}
.genesis-WhereWhat-container > *:not(.genesis-WhereWhat-photo){
    flex: 0 1 calc(50% - 15px);
}
.genesis-WhereWhat-container h2{
    color: var(--primary-color);
    font-size: 2.5rem;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 14px;
}
.genesis-WhereWhat-container area +h2{}
.genesis-WhereWhat-container p{
    color: var(--text-color);
    font-size: 1.7rem;
    /* line-height: 3.5rem; */
}
.genesis-WhereWhat-container p br{
    content: "";
    height: 10px;
    display: block;
}
.genesis-WhereWhat-container area{
    content: "";
    height: 30px;
    display: inline-block;
}
/******************************
** Genesis History Row
******************************/
.genesis-history-row{
    background: #57bbaf;
    position: relative;
}
.genesis-history-container{
    --side-bg-color: #00000073;
    aspect-ratio: 1367/753;
    position: relative;
    padding: 0;
}
.genesis-history-container:before{
  content:"";
  background: #ffffff00;
  width: 18px;
  height: 100%;
  position: absolute;
  left: 100%;
  transform: translateX(-100%);
}
.genesis-history-container:after{
  display:none;
}
.genesis-history-container h2{color: #430254;font-weight: bold;margin: 0;padding: 15px 0;font-size: 3.5rem;}
.genesis-history-container .history-tabs-container{}

.genesis-history-container .history-tabs-container .History-Nav{}
.history-tabs-container .History-Nav li{
    display: flex;
}
.history-tabs-container .History-Nav li:hover:not(.active){
}
.history-tabs-container .History-Nav li.active{}
.history-tabs-container .History-Nav a{
    display: block !important;
}
.history-tabs-container .History-Nav li:hover:not(.active) a{
    background: #00000029;
}
.history-tabs-container .History-Nav li.active a{}
.history-tabs-container .History-Achievements-Panel{
    opacity: 1;
}
.history-tabs-container .History-Achievements-Panel .achievement-photo{
    float: right;
    
  --photo-url: url(
    "../images/Genesis-achievements.png");
  --photo-mask-url: url(
    "../images/Genesis-achievements-mask.svg");
    content:var(--photo-url);
    height: 100%;
    background-size: contain;
    shape-outside: var(--photo-mask-url);
    shape-margin: 20px;
}
.history-tabs-container .History-Achievements-Panel p{
    margin-left: 30px;
    font-size: 2rem;
    color: #000;
    margin-bottom: 2rem;
}
.history-tabs-container .History-Achievements-Panel p + p {
}
.history-tabs-container .History-Achievements-Panel p.achievement-point{
    padding-left: 30px;
    position: relative;
}
.history-tabs-container .History-Achievements-Panel p.achievement-point::before {
      content: '';
      height: 10px;
      aspect-ratio: 1/1;
      background: #430254;
      display: inline;
      position: absolute;
      transform: rotate(45deg);
      top: 1rem;
      left: 4px;
      border-radius: 2px;
    }
.history-tabs-container .History-Achievements-Panel .achievement-title{
    margin-top: 50px;
    margin-bottom: 44px;
    color: #430254;
    font-weight: bold;
    font-size: 3.2rem;
}







.genesis-history-container .ui-tabs.ui-tabs-vertical {
  padding: 0;
  width: 100%;
  height: 100%;
  background: #57bbaf;
  border: none;
  display: flex;
  border: none;
  padding: 0;
}
.genesis-history-container .ui-tabs.ui-tabs-vertical:before,
.genesis-history-container .ui-tabs.ui-tabs-vertical:after{
  display:none;
}
.genesis-history-container .ui-tabs.ui-tabs-vertical .ui-widget-header {
  border: none;
}
.genesis-history-container .ui-tabs.ui-tabs-vertical .ui-tabs-nav {
  float: unset;
  width: max-content;
  background: var(--side-bg-color);
  border-radius: 0;
  border: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.genesis-history-container .ui-tabs.ui-tabs-vertical .ui-tabs-nav *{
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
}
.genesis-history-container .ui-tabs.ui-tabs-vertical .ui-tabs-nav li {
  clear: left;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  overflow: hidden;
  position: relative;
  background: transparent;
  color: #fff;
}
.genesis-history-container .ui-tabs.ui-tabs-vertical .ui-tabs-nav:before,
.genesis-history-container .ui-tabs.ui-tabs-vertical .ui-tabs-nav:after{
  display:none;
}

.genesis-history-container .ui-tabs.ui-tabs-vertical .ui-tabs-nav li a {
  display: block;
  width: 100%;
  padding: 1.3rem 7rem;
  color: #fff;
  font-size: 4rem;
  font-weight: 600;
  font-family: sans-serif;
  margin: 0;
}
.genesis-history-container .ui-tabs.ui-tabs-vertical .ui-tabs-nav li a:hover {
  cursor: pointer;
  margin: 0;
}
.genesis-history-container .ui-tabs.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: 0;
  padding-bottom: 0;
  border-right: none;
}
.genesis-history-container .ui-tabs.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active a{
  background: #00000070;
}
.genesis-history-container .ui-tabs.ui-tabs-vertical .ui-tabs-nav li:last-child {
  margin-bottom: 0;
}
.genesis-history-container .ui-tabs.ui-tabs-vertical .ui-tabs-panel {
  float: unset;
  border: none;
  border-radius: 0;
  position: relative;
  flex-grow: 1;
  height: 100%;
  padding: 0;
  margin: 0;
}
/******************************
** Genesis seo-message
******************************/
.genesis-seo-message-row{}
.genesis-seo-message-container{
  --row-v-padding: 50px;
  padding-top: var(--row-v-padding);
  padding-bottom: 
  var(--row-v-padding);
}
.genesis-seo-message-container .genesis-about-title{
    margin-top: 0;
    width: max-content;
    margin-bottom: 41px;
}
.genesis-seo-message-container .genesis-about-title h2{
    color: #430254;
    font-size: 3.5rem;
}
.genesis-seo-message-container .genesis-about-title span{
    min-width: 50px;
}
.genesis-seo-message-container .genesis-about-title span:before{
  height: 2px;
  background: #00000052;
}
.genesis-seo-message-container p{
    font-size: 2.5rem;
}
.genesis-seo-message-container p br{
  content:"";
  display:block;
  height:10px;
}
.genesis-seo-message-container p.welcome-text{
    font-weight: bold;
    /* margin: 0; */
}
.genesis-seo-message-container p.thanks-text{
    font-weight: bold;
    margin: 0;
}
/******************************
** Genesis Team
******************************/
.genesis-team-row{
    background: #f5f5f5;
}
.genesis-team-container{
  --row-v-padding: 50px;
  padding-top: var(--row-v-padding);
  padding-bottom: 
  var(--row-v-padding);
  padding-block-end: 0;
}
.genesis-team-container .genesis-team-title{
    margin-top: 0;
    width: max-content;
    margin-bottom: 41px;
}
.genesis-team-container .genesis-team-title h2{
    color: #430254;
    font-size: 3.5rem;
}
.genesis-team-container .genesis-team-title span{
    min-width: 50px;
}
.genesis-team-container .genesis-team-title span:before{
  height: 2px;
  background: #00000052;
}

.genesis-team-row .team-viewport {
    display: flex;
    flex-wrap: wrap;
}
.genesis-team-row .team-viewport .team-member{
  aspect-ratio: 319/431;
  flex-basis: 25%;
}
.genesis-team-row .team-viewport .member-photo-box{
    aspect-ratio: 319/431;
    background-color: var(--bg-color);
    background-image: var(--bg-image);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    width: 100%;
}
.genesis-team-row .team-viewport .member-photo-box .member-info-btn{
    position: absolute;
    top: 10px;
    left: 10px;
    cursor: pointer;
    font-size: 24px;
    color: #ffffff7d;
    text-shadow: 0px 1px 1px #0000004f;
}
.genesis-team-row .team-viewport .member-photo-box .member-front-info{
    position: absolute;
    bottom: 15px;
    left: 0;
    width: 100%;
    padding: 10px 20px;
    color: #fff;
}
.genesis-team-row .team-viewport .team-member.active .member-front-info,
.genesis-team-row .team-viewport .team-member:hover .member-front-info{
  display:none;
}
.genesis-team-row .team-viewport .member-photo-box .member-front-info .member-job{
    text-transform: uppercase;
}
.genesis-team-row .team-viewport .member-photo-box .member-front-info .member-name{text-transform: uppercase;font-size: 18px;font-weight: bold;}
.genesis-team-row .team-viewport .member-photo-box .member-front-info .member-tenure{
    text-transform: capitalize;
}

.genesis-team-row .team-viewport .member-photo-box .member-attributes{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: +1;
    background: #00000047;
    color: #fff;
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    display: none;
}
.genesis-team-row .team-viewport .member-photo-box .member-attributes .member-attr{
    display: flex;
    flex-wrap: wrap;
}
.genesis-team-row .team-viewport .team-member.active .member-attributes,
.genesis-team-row .team-viewport .team-member:hover .member-attributes{
  display:flex;
  backdrop-filter: blur(7px);
  gap: 5px;
}
.genesis-team-row .team-viewport .member-photo-box .member-attributes .attr-text{
    flex-grow: 1;
    font-size: 11px;
}
.genesis-team-row .team-viewport .member-photo-box .member-attributes .attr-title{
    flex-basis: 58%;
    font-size: 13px;
    text-wrap: nowrap;
    padding-inline-end: 4px;
}
.genesis-team-row .team-viewport .member-photo-box .member-attributes .attr-rating-bar{
    flex-grow: 1;
    position: relative;
    display: flex;
    padding: 2px 0;
}
.genesis-team-row .team-viewport .member-photo-box .member-attributes .attr-rating-bar:before{
  content: var(--rating);
  width: var(--inner-bar-width);
  /* height: 5px; */
  /* position: absolute; */
  background: #efb01b;
  font-size: 9px;
  display: flex;
  align-items: center;
  padding-inline-end: 5px;
  justify-content: end;
  border-radius: 8px;
  max-height: 15px;
}



/******************************
** Genesis Meet the Founders
******************************/
.Meet-Founders-Row{
    --light-blue-color: #01ffe5;
    background: #141414;
    color: #fff;
}
.Meet-Founders-container{padding-bottom: 80px;}
.Meet-Founders-container .Founders-title{
    width: max-content;
    margin-top: 60px;
    margin-bottom: 60px;
}
.Meet-Founders-container .Founders-title h2{
    color: #fff;
    font-size: 3.5rem;
    font-weight: 600;
}
.Meet-Founders-container .Founders-title h2 span{
    color: var(--light-blue-color);
}
.Meet-Founders-container .Founders-title .under-line{display: flex;gap: 3px;}
.Meet-Founders-container .Founders-title .under-line span{
    background: var(--light-blue-color);
    height: 2px;
    width: 2px;
}
.Meet-Founders-container .Founders-title .under-line span.full{
    flex-grow: 1;
}
.Meet-Founders-container .Founders-slider-container{}
.Meet-Founders-container .Founders-slider{
    padding: 0px 30px;
}
.Meet-Founders-container .Founders-slide-item{
    position: relative;
    /* padding-bottom: 20px; */
    padding-right: 90px;
    /* background: #e7e7e70a; */
}
.Meet-Founders-container .founder-item{
    position: relative;
    display: flex;
    flex-direction: column;
}
.Meet-Founders-container .founder-item .fouder-fly-data{
    position: absolute;
    left: calc(100% + 83px);
    bottom: 4px;
    transform: rotate(-90deg);
    transform-origin: left bottom;
}
.Meet-Founders-container .founder-item .fouder-fly-data span{
    display: block;
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: -4px;
}
.Meet-Founders-container .founder-item .fouder-fly-data .founder-name{
    text-wrap: nowrap;
    display: block;
    font-weight: 500;
    font-size: 3rem;
    color: var(--light-blue-color);
}

.Meet-Founders-container .founder-item .founder-box{
    display: flex;
    flex-wrap: nowrap;
    /* align-items: center; */
    /* justify-content: center; */
}
.Meet-Founders-container .founder-box .founder-photo{
    width: 55%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #9d9b9c;
}
.Meet-Founders-container .founder-box .founder-photo img{
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    aspect-ratio: 1/1;
}
.Meet-Founders-container .founder-box .founder-text{flex-grow: 1;padding: 35px 25px;background: #430254;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;flex-direction: column;width: 100%;gap: 5rem;color: #fff;/* height: 100% !important; */}
.Meet-Founders-container .founder-box .founder-quote{font-size: 3.5rem;/* text-align: center; */}
.Meet-Founders-container .founder-box .founder-info{
    width: 100%;
}
.Meet-Founders-container .founder-box .founder-info h3{
    margin: 0;
    margin-bottom: 0.9rem;
    /* font-weight: 600; */
    font-size: 3rem;
}
.Meet-Founders-container .founder-box .founder-info p{
    margin: 0;
    font-size: 2rem;
}


.Founders-slider.owl-carousel{
  display: block;
  direction: ltr;
}
.Founders-slider .owl-stage-outer{
  /* margin: 0 25px; */
  z-index: +1;
  }
  .Founders-slider .owl-stage{}
  .Founders-slider .owl-controls{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0;
    /* background: #d7d7d78c; */
  }
  .Founders-slider .owl-controls .owl-nav{
  }
  .Founders-slider .owl-controls .owl-nav [class*=owl-]{
  font-size: 3rem;
  color: #ffffff4f;
  background: none;
  position: absolute;
  top: 50%;
  margin: 0;
  padding: 0;
  font-size: 7.5rem;
  transform: translateY(-50%);
  z-index: +5;
  }
  .Founders-slider .owl-controls .owl-nav [class*=owl-] i{}
  .Founders-slider .owl-controls .owl-nav [class*=owl-] i::before{}
  .Founders-slider .owl-controls .owl-nav .owl-prev{
  left: -4px;
  }
  .Founders-slider .owl-controls .owl-nav .owl-next{
  right: 86px;
  }
  .Founders-slider .owl-controls .owl-nav [class*=owl-]:hover{color: #ffffff75;background: transparent;}
  

/******************************
** Locations-row
******************************/
.Locations-row{
    position: relative;
    z-index: +1;
}
.Locations-row .Locations-container{
}
.Locations-row .Locations-title{
    width: max-content;
    margin-top: 42px;
}
.Locations-row .Locations-title h2{
  color: #430254;
  font-size: 3.5rem;
}
.Locations-row .Locations-title span{
  min-width: 50px;
}
.Locations-row .Locations-title span:before{
height: 2px;
background: #00000052;
}

.Locations-row .Locations-text{
  font-size: 2.5rem;
  line-height: 3.5rem;
}
.Locations-row .Locations-text br{content:"";display:block;height: 7px;}
.Locations-row .Locations-discover-title{
    text-align: center;
    padding: 15px;
    margin-top: 20px;
    font-weight: bold;
    font-size: 2.5rem;
    color: #410053;
}
.Locations-row .Locations-discover-container{
    background-image: url(../images/genesis-locations-bg.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 70svh;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    padding-top: 15px;
    position:relative;
}
.Locations-row .Locations-discover-container .loading-container{
  overflow-x: clip;
  position:absolute;
  width:100%;
  height:100%;
  background: #ffffff94;
  top: 0;
  left: 0;
  z-index: 0;
  opacity:0;
  -webkit-opacity:0;
  -moz-opacity:0;
  -ms-opacity:0;
  -o-opacity:0;
  transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -ms-transition: opacity 0.25s ease-in-out;
  -o-transition: opacity 0.25s ease-in-out;
}
.Locations-row .Locations-discover-container .loading-container.in{
  z-index: +2;
  opacity:1;
  -webkit-opacity:1;
  -moz-opacity:1;
  -ms-opacity:1;
  -o-opacity:1;
}
.Locations-row .Locations-discover-container .loading-container.out{
  z-index: +2;
  opacity:0;
  -webkit-opacity:0;
  -moz-opacity:0;
  -ms-opacity:0;
  -o-opacity:0;
}

.Locations-row .Locations-discover-container .loading-container .loading{
  position:absolute;
  width: 100%;
  height: 51px;
  left:50%;
  top: 25%;
  margin-left: -50%;
  overflow:visible;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  cursor:default;
}
.Locations-row .Locations-discover-container .loading-container .loading div {
  --animation: move 2s linear infinite ;
  --animation-fill-mode: forwards ;
  position:absolute;
  aspect-ratio: 20/36;
  /* width: 33px; */
  height: 55px;
  opacity:0;
  font-family: "Futura";
  font-weight: bold;
  font-size: 2rem;
  animation:var(--animation);
  -o-animation:var(--animation);
  -moz-animation:var(--animation);
  -webkit-animation:var(--animation);
  animation-fill-mode: var(--animation-fill-mode);
  -webkit-animation-fill-mode: var(--animation-fill-mode);
  -moz-animation-fill-mode: var(--animation-fill-mode);
  -o-animation-fill-mode: var(--animation-fill-mode);
  -webkit-animation-fill-mode: var(--animation-fill-mode);
  transform:rotate(180deg);
  -o-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
  color: #430254;
}

.Locations-row .Locations-discover-container .loading-container .loading div:nth-child(2) {
  animation-delay:0.2s;
  -o-animation-delay:0.2s;
  -moz-animation-delay:0.2s;
  -webkit-animation-delay:0.2s;
}
.Locations-row .Locations-discover-container .loading-container .loading div:nth-child(3) {
  animation-delay:0.4s;
  -o-animation-delay:0.4s;
  -webkit-animation-delay:0.4s;
  -webkit-animation-delay:0.4s;
}
.Locations-row .Locations-discover-container .loading-container .loading div:nth-child(4) {
  animation-delay:0.6s;
  -o-animation-delay:0.6s;
  -moz-animation-delay:0.6s;
  -webkit-animation-delay:0.6s;
}
.Locations-row .Locations-discover-container .loading-container .loading div:nth-child(5) {
  animation-delay:0.8s;
  -o-animation-delay:0.8s;
  -moz-animation-delay:0.8s;
  -webkit-animation-delay:0.8s;
}
.Locations-row .Locations-discover-container .loading-container .loading div:nth-child(6) {
  animation-delay:1s;
  -o-animation-delay:1s;
  -moz-animation-delay:1s;
  -webkit-animation-delay:1s;
}
.Locations-row .Locations-discover-container .loading-container .loading div:nth-child(7) {
  animation-delay:1.2s;
  -o-animation-delay:1.2s;
  -moz-animation-delay:1.2s;
  -webkit-animation-delay:1.2s;
}

@keyframes move {
  0% {
    left:0;
    opacity:0;
  }
	35% {
		left: 41%; 
		-moz-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		transform:rotate(0deg);
		opacity:1;
	}
	65% {
		left:59%; 
		-moz-transform:rotate(0deg); 
		-webkit-transform:rotate(0deg); 
		-o-transform:rotate(0deg);
		transform:rotate(0deg); 
		opacity:1;
	}
	100% {
		left:100%; 
		-moz-transform:rotate(-180deg); 
		-webkit-transform:rotate(-180deg); 
		-o-transform:rotate(-180deg); 
		transform:rotate(-180deg);
		opacity:0;
	}
}

@-moz-keyframes move {
	0% {
		left:0; 
		opacity:0;
	}
	35% {
		left:41%; 
		-moz-transform:rotate(0deg); 
		transform:rotate(0deg);
		opacity:1;
	}
	65% {
		left:59%; 
		-moz-transform:rotate(0deg); 
		transform:rotate(0deg);
		opacity:1;
	}
	100% {
		left:100%; 
		-moz-transform:rotate(-180deg); 
		transform:rotate(-180deg);
		opacity:0;
	}
}

@-webkit-keyframes move {
	0% {
		left:0; 
		opacity:0;
	}
	35% {
		left:41%; 
		-webkit-transform:rotate(0deg); 
		transform:rotate(0deg); 
		opacity:1;
	}
	65% {
		left:59%; 
		-webkit-transform:rotate(0deg); 
		transform:rotate(0deg); 
		opacity:1;
	}
	100% {
		left:100%;
		-webkit-transform:rotate(-180deg); 
		transform:rotate(-180deg); 
		opacity:0;
	}
}

@-o-keyframes move {
	0% {
		left:0; 
		opacity:0;
	}
	35% {
		left:41%; 
		-o-transform:rotate(0deg); 
		transform:rotate(0deg); 
		opacity:1;
	}
	65% {
		left:59%; 
		-o-transform:rotate(0deg); 
		transform:rotate(0deg); 
		opacity:1;
	}
	100% {
		left:100%; 
		-o-transform:rotate(-180deg); 
		transform:rotate(-180deg); 
		opacity:0;
	}
}
.Locations-row .Locations-discover-container select{
    background: var(--bg-color);
    border: 1px var(--bg-color) solid;
    /* color: #fff; */
    /* border-radius: 21px; */
    /* padding: 5px 12px; */
    /* font-size: 2rem; */
    /* font-weight: bold; */
    /* position: relative; */
    /* display: flex; */
    display: none;
}
.Locations-row .Locations-discover-container select option{
  /* font-weight: 500; */
}

.Locations-row .Locations-discover-container select option:active{}
.Locations-row .Locations-discover-container select option:hover,
.Locations-row .Locations-discover-container select option:focus{}

.Locations-row .Locations-discover-container select::after {
  content: '\25BC';
  position: absolute;
  top: 0;
  right: 0;
  padding: 1em;
  background-color: #34495e;
  transition: .25s all ease;
  pointer-events: none;
}

/* Transition */
.Locations-row .Locations-discover-container select:hover::after {
  color: #17a2b8;
}

.Locations-discover-container .Location-Country{
    position: relative;
}
.Locations-discover-container .Location-Province{
    position: relative;
}
.Locations-discover-container .Location-Branches{
    width: 88%;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.Locations-discover-container .Location-Branches .message-container{
    display: flex;
    flex-basis: 100%;
    align-items: center;
    justify-content: center;
}
.Locations-discover-container .Location-Branches .message-container .empty-msg,
.Locations-discover-container .Location-Branches .message-container .error-msg{
    font-size: 2.5rem;
    font-weight: bold;
    color: #430254;
}
.Locations-discover-container .Location-Branches .message-container .empty-msg{}
.Locations-discover-container .Location-Branches .message-container .error-msg{}
.Locations-discover-container .Location-Branches .Branch-item{
    flex-basis: calc(50% - 10px);
    background: #430254cc;
    border: 2px #430254 solid;
    color: #fffeff;
    padding: 15px;
    border-radius: 7px;
    box-shadow: 0px 0px 5px 1px #0000007a;
}
.Location-Branches .Branch-item .Branch-data{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 1px;
    height: 100%;
}
.Location-Branches .Branch-item .Branch-data .Branch-name{
    font-weight: bold;
    font-size: 2.5rem;
    color: #00ffe7;
    text-shadow: 0px 0px 4px #000000c2;
}
.Location-Branches .Branch-item .Branch-data .Branch-location{
    font-weight: bold;
    font-size: 2.3rem;
}
.Location-Branches .Branch-item .Branch-data .Branch-address{
    flex-grow: 1;
    padding: 20px;
    font-size: 1.8rem;
    color: #e7e4e5;
}
/******************************
**  
******************************/
.custom-select {
  --bg-color: #430254;
  --border-radius: 30px;
  display: block;
  position: relative;
  font-family: 'Futura';
  height: unset;
  padding: 0;
  color: #ffffff;
  vertical-align: middle;
  background: var(--bg-color);
  background-size: 8px 10px;
  border: none;
  border-radius: 30px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 1.8rem;
  line-height: unset;
}

.custom-select select {
  display: none; /*hide original SELECT element: */
}

.select-selected {
  padding-left: 7px !important;
  font-weight: bold;
  text-wrap: nowrap;
  background: var(--bg-color);
  border-radius: var(--border-radius);
  border: 1px solid var(--bg-color);
  padding: 8px 17px !important;
  padding-right: 50px !important;
}

/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: "";
  top: calc(50% + 5px);
  transform: translateY(-50%);
  right: 20px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: calc(50% - 2px);
  transform: translateY(-50%);
}
.select-selected.select-arrow-active:not(.select-empty){
    border-radius: var(--border-radius) var(--border-radius) 0 0;
    border-bottom: 1px #18001e solid;
}
/* style the items (options), including the selected item: */
.select-items div,.select-selected {
  /* background: var(--bg-color); */
  color: #ffffff;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  width: 100%;
  min-width: 132px;
}

/* Style items (options): */
.select-items {
  position: absolute;
  background-color: #430254;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  width: 100%;
  font-weight: 500;
  font-size: 1.8rem;
  border-radius: 0 0 25px 25px;
  /* z-index: 1; */
}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}
/******************************
**  Experience Single
******************************/
.experience-header{
    -webkit-mask-image: none;
    -moz-mask-image: none;
    -o-mask-image: none;
    -ms-mask-image: none;
    mask-image: none;
    mask-position: left bottom;
    -webkit-mask-position: left bottom;
    -moz-mask-position: left bottom;
    -o-mask-position: left bottom;
    -ms-mask-position: left bottom;
    mask-position: left bottom;
    padding: 0;
    margin: 0;
    position: relative;
    width: 100%;
    height: 100svh;
    /* aspect-ratio: 16/8; */
    background: #000;
}
.experience-header .experience-name{
    position: absolute;
    z-index: +3;
    left: 0;
    bottom: 8rem;
    font-size: 5rem;
    font-weight: bold;
    background: #2a0043de;
    padding: 4rem 3rem;
    padding-right: 6rem;
    color: #fff;
    text-shadow: 1px 2px 4px #000000;
}
.experience-header .experience-slider-area{
    position: relative;
    height: 100svh;
    width: 100%;
    overflow: hidden;
}
.experience-header .experience-slider{
    width: 100%;
    height: 100%;
    position: relative;
    margin: 0;
    border: 0;
    border-radius: 0;
}
.experience-header .experience-slides{
  height: 100%;
}
.experience-header .experience-slider .slider-item{
    /* position: relative; */
    width: 100%;
    height: 100svh;
    overflow: hidden;
    background-image: var(--background-image);
    background-size: cover;
    background-position: center;
}
.experience-header .experience-slider .slider-item img{
    min-height: 100%;
    width: 100%;
    position: absolute;
    display: none;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.experience-header .experience-slider-area{
    position: relative;
    height: 100svh;
    width: 100%;
    overflow: hidden;
}

.experience-header .experience-slider .slider-btn{
    --offset-side: 20px;
    position: absolute;
    top: 50%;
    /* left: 50%; */
    z-index: +4;
    font-size: 10rem;
    line-height: 0;
    cursor: pointer;
    color: #000000c7;
    /* text-shadow: 0px 0px 4px #272727fc; */
}
.experience-header .experience-slider .slider-btn:hover{

}
.experience-header .experience-slider .slider-btn i{

}
.experience-header .experience-slider .slider-btn#prev{left: var(--offset-side);}
.experience-header .experience-slider .slider-btn#next{
    right: var(--offset-side);
}
.experience-header .experience-slider .flex-control-thumbs{
    position: absolute;
    width: calc(75% - 70px);
    bottom: 35px;
    right: 35px;
    z-index: +2;
    display: flex;
    flex-direction: row-reverse;
    justify-content: end;
    gap: 15px;
}
.experience-header .experience-slider .flex-control-thumbs li{
    width: 10%;
    display: inline-flex;
    padding: 5px 0;
}
.experience-header .experience-slider .flex-control-thumbs img{
    cursor: pointer;
    border: 3px #fff solid;
    box-shadow: 0px 0px 5px 0px #00000085;
}
.experience-header .experience-slider .flex-control-thumbs .flex-active{}

.experience-content-row{
    background-color: #34c4bb;
    /* height: 100svh; */
    position: relative;
}
.experience-content-row::before{
  content:"";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-image: var(--bg-image);
  background-size: cover;
  background-position: center;
  
  /* opacity: 0.2; */
}
.experience-content-row:not(.no-backdrop)::after{
  content:"";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #34c4bbc4;
  /* backdrop-filter: blur(10px); */
  backdrop-filter: saturate(0.1);
}
.experience-content{
    position: relative;
    display: flex;
    min-height: 100svh;
    z-index: +1;
    flex-wrap: nowrap;
    gap: 40px;
}
.experience-content:before,
.experience-content:after{
  display:none;
}
.experience-content .photo-col{
    flex-basis: 45%;
    max-width: 45%;
    display: flex;
}
.experience-content .photo-col .photo-container{
    padding-top: 27px;
    display: flex;
    margin: 10svh 0;
    align-items: center;
    width: 100%;
}
.experience-content .photo-col img{
    max-width: 100%;
    width: 100%;
    height: unset;
    max-height: unset;
}

.experience-content .content-col{
    flex-basis: 55%;
    padding-top: 10svh;
    padding-bottom: 5svh;
    display: flex;
    flex-direction: column;
}
.experience-content .content-col .experience-name{
    position: relative;
    width: max-content;
    font-weight: bold;
    font-size: 5rem;
    margin-bottom: 30px;
    color: #fff;
    text-shadow: 0px 0px 2px #000000b5;
}
.experience-content .content-col .experience-name::before{
  content: attr(data-text);
  position: absolute;
  left: -5px;
  top: -3px;
  z-index: -1;
  color: #4c3379;
  backdrop-filter: blur(8px);
}
.experience-content .content-col .experience-text{
    color: #fff;
    font-size: 2rem;
    line-height: 2.6rem;
    text-shadow: 0px 0px 8px #000000b0;
}
.experience-content .content-col .experience-text h2{}
.experience-content .content-col .experience-text h3{}
.experience-content .content-col .experience-text h4{}
.experience-content .content-col .experience-text h5{}
.experience-content .content-col .experience-text p{}
.experience-content .content-col .experience-text br{
  content:"";
  display: block;
  /* height: 10px; */
}

.experience-content .content-col .experience-btns{
    display: flex;
    gap: 25px;
    margin-top: 40px;
    padding-bottom: 40px;
}
.experience-content .content-col .experience-btns a{
    background: #34c4bb;
    color: #293731;
    border: 3px #293731 solid;
    font-size: 2.5rem;
    border-radius: 4rem;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    position: relative;
    padding-right: 0.5rem;
}
.experience-content .content-col .experience-btns a:hover{}
.experience-content .content-col .experience-btns a span{
    padding: 1rem 2rem;
    text-wrap: nowrap;
}
.experience-content .content-col .experience-btns a:hover span{}
.experience-content .content-col .experience-btns a .fa{
    aspect-ratio: 1/1;
    height: 100%;
    display: flex;
    padding: 0 0;
    align-items: center;
    font-size: 5rem;
}
.experience-content .content-col .experience-btns a .fa:before{
    /* position: absolute; */
}
.experience-content .content-col .experience-btns a:hover .fa{}

/******************************
**  experience Video Player
******************************/
.Video-Player-Container{
    --z-index: +1000000000000000;
    z-index: 0;
    position: fixed;
    height: 100svh;
    width: 100svw;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.Video-Player-Container:before{
  content:"";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  background: #00000000;  
  
  --transform:translate(-50%,-50%);
  transform: var(--transform);
  -webkit-transform: var(--transform);
  -moz-transform: var(--transform);
  -ms-transform: var(--transform);
  -o-transform: var(--transform);

  --backdrop-filter: blur(0px);
  backdrop-filter: var(--backdrop-filter);
  -webkit-backdrop-filter: var(--backdrop-filter);
  -moz-backdrop-filter: var(--backdrop-filter);
  -ms-backdrop-filter: var(--backdrop-filter);
  -o-backdrop-filter: var(--backdrop-filter);
  
  --transition:all 0.4s 0s ease-in-out;
  transition: var(--transition);
  -webkit-transition: var(--transition);
  -moz-transition: var(--transition);
  -ms-transition: var(--transition);
  -o-transition: var(--transition);
}

.Video-Player-Container.in{
  z-index: var(--z-index);
}
.Video-Player-Container.out{
  z-index: var(--z-index);
}
.Video-Player-Container.in:before{
  --transform:translate(-50%,-50%);
  --transition: all 0.5s 0.0s ease-in-out;
  --backdrop-filter: blur(16px);
  background: #000000c9;
}
.Video-Player-Container.out:before{
  --transition: all 0.5s 0.25s ease-in-out;
}
.Video-Player-Container .Player-viewport{
  --transform: scale(.0) translateY(240%);
  position: relative;
  aspect-ratio: 16/9;
  width: calc(82svw - 6rem);
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: var(--transform);
  -webkit-transform: var(--transform);
  -moz-transform: var(--transform);
  -ms-transform: var(--transform);
  -o-transform: var(--transform);

  --transition:all 0.4s 0.2s ease-in-out;
  transition: var(--transition);
  -webkit-transition: var(--transition);
  -moz-transition: var(--transition);
  -ms-transition: var(--transition);
  -o-transition: var(--transition);

  --opacity:0.2;
  opacity: var(--opacity);
  -webkit-opacity: var(--opacity);
  -moz-opacity: var(--opacity);
  -ms-opacity: var(--opacity);
  -o-opacity: var(--opacity);
}
.Video-Player-Container.in .Player-viewport{
  --transform:scale(1);
  --transition: all 0.5s 0.25s ease-in-out;
  --opacity:1;
}
.Video-Player-Container.out .Player-viewport{
  --transform:scale(0);
  --transition: all 0.5s 0.2s ease-in-out;
}
.Video-Player-Container .Player-viewport iframe{
}
.Video-Player-Container .Player-viewport video{
    aspect-ratio: 16/9;
}
.Video-Player-Container .Close-BTN{
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: calc(0% - 2rem);
  top: -3rem;
  cursor: pointer;
  z-index: +4;
  color: #ffffff30;
  font-size: 6rem;
  --transform: scale(.2)  translate(-50%,-50%) rotate(0deg);
  transform: var(--transform);
  -webkit-transform: var(--transform);
  -moz-transform: var(--transform);
  -ms-transform: var(--transform);
  -o-transform: var(--transform);
  --transition:all 0.25s 0s ease-in-out;
  transition: var(--transition);
  -webkit-transition: var(--transition);
  -moz-transition: var(--transition);
  -ms-transition: var(--transition);
  -o-transition: var(--transition);
  transform-origin: 50% 50%;
}
.Video-Player-Container .Close-BTN:hover{
  color: #ffffffc2 !important;
}
.Video-Player-Container.in .Close-BTN{
  --transform: scale(1)  translate(-50%,-50%) rotate(calc(360deg * 30));
  --transition: all 0.35s 0.75s ease-in-out;
  left: calc(100% - 3rem);
  top: -2rem;
  color: #ffffffa6;
}
.Video-Player-Container.out .Close-BTN{
  /* --transform:scale(.2); */
  --transition: all 0.35s 0s ease-in-out;
}
/******************************
**  experience-testimonial
******************************/
.experience-testimonial{
    background: url(../images/experience-testimonial-bg.jpg);
    background-size: cover;
    background-position: center;
    height: 100svh;
}
.experience-testimonial .testimonial-title-row{text-align: start;margin-bottom: 41px;}
.experience-testimonial .testimonial-title-row span{
  --text-shadow: -7px -2px 1px #000;
  font-size: 5rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  text-shadow: var(--text-shadow);
  -webkit-text-shadow: var(--text-shadow);
  -moz-text-shadow: var(--text-shadow);
  -ms-text-shadow: var(--text-shadow);
  -o-text-shadow: var(--text-shadow);
}
.experience-testimonial .testimonial-title-row span:before{
}
.experience-testimonial .testimonial-des-row{
  --text-shadow:0px 0px 5px #000;
  font-size: 4rem;
  color: #fff;
  text-align: center;
  text-shadow: var(--text-shadow);
  -webkit-text-shadow: var(--text-shadow);
  -moz-text-shadow: var(--text-shadow);
  -ms-text-shadow: var(--text-shadow);
  -o-text-shadow: var(--text-shadow);
}
.experience-testimonial .testimonial-slider-row{
}
.experience-testimonial .testimonial-slider{
}
.experience-testimonial .testimonial-item{
}
.experience-testimonial .testimonial-item-content{
}
.experience-testimonial .testimonial-name{
}
.experience-testimonial .testimonial-text{
}
.experience-testimonial .testimonial-rating{
}
.experience-testimonial .rating-start{
}
.experience-testimonial .rating-start i{
}

.testimonial-Row.experience-testimonial .testimonial-slider{
}
.testimonial-Row.experience-testimonial .testimonial-slider .testimonial-item{height: calc(100% - 46px);}
.testimonial-Row.experience-testimonial .testimonial-slider .testimonial-item-content{
  --bg-color: #ffffffd1;
  --border-color:  #4302548a;
  --box-shadow: 4px 4px 0 var(
  --border-color);
  background: var(--bg-color);
  box-shadow: var(--box-shadow);
  -webkit-box-shadow: var(--box-shadow);
  -moz-box-shadow: var(--box-shadow);
  -o-box-shadow: var(--box-shadow);
  -ms-box-shadow: var(--box-shadow);
}


.testimonial-Row.experience-testimonial .testimonial-slider .testimonial-name{margin-top: 7px;text-align: end;width: calc(100% - 46px);font-weight: bold;font-size: 1.6rem;}
.testimonial-Row.experience-testimonial .testimonial-slider .testimonial-text{font-size: 2.1rem;padding: 0 5px;padding-bottom: 3px;color: #000;}

.testimonial-Row.experience-testimonial .testimonial-slider .testimonial-rating{
}
.testimonial-Row.experience-testimonial .testimonial-slider .rating-start{color: #fcb813;font-size: 3rem;gap: 9px;}
.testimonial-Row.experience-testimonial .testimonial-slider .rating-start i{
}
.testimonial-Row.experience-testimonial .testimonial-slider .rating-start i:before{
}


.experience-testimonial .testimonial-slider .owl-stage-outer{
}
.experience-testimonial .testimonial-slider .owl-stage{
}
.experience-testimonial .testimonial-slider .owl-controls{

}
.experience-testimonial .testimonial-slider .owl-controls .owl-nav{
}
.experience-testimonial .testimonial-slider .owl-controls .owl-nav [class*=owl-]{
  color: #b3b3b387;
}
.experience-testimonial .testimonial-slider .owl-controls .owl-nav [class*=owl-] i{}
.experience-testimonial .testimonial-slider .owl-controls .owl-nav [class*=owl-] i::before{}
.experience-testimonial .testimonial-slider .owl-controls .owl-nav .owl-prev{
}
.experience-testimonial .testimonial-slider .owl-controls .owl-nav .owl-next{
}
.experience-testimonial .testimonial-slider .owl-controls .owl-nav [class*=owl-]:hover{
  color: #e1e1e1d4;
  background: transparent;
}



/** Speech bubble with drop shadow and border */
.experience-testimonial .speech-bubble-ds {
  background: #efefef;
  border: 1px solid #a7a7a7;
  border-radius: 4px;
  box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.2);
  font-size: 1.2rem;
  line-height: 1.3;
  margin: 0 auto 40px;
  max-width: 400px;
  padding: 15px;
  position: relative;
}
.experience-testimonial .speech-bubble-ds p {
  margin-bottom: 10px;
}
.experience-testimonial .speech-bubble-ds p :last-of-type {
  margin-bottom: 0;
}

.experience-testimonial .speech-bubble-ds__arrow {
  border-left: 21px solid transparent;
  border-top: 20px solid var(--border-color);
  bottom: -25px;
  position: absolute;
  left: 20%;
}
.experience-testimonial .speech-bubble-ds__arrow::before {
  border-left: 23px solid transparent;
  border-top: 23px solid var(--bg-color);
  bottom: 2px;
  content:
  "";
  position: absolute;
  right: 5px;
}
.experience-testimonial .speech-bubble-ds__arrow::after {
  /* border-left: 21px solid transparent; */
  border-top: 21px solid var(--bg-color);
  bottom: 4px;
  content: "";
  position: absolute;
  right: 6px;
}


/******************************
**  Branch Single
******************************/
/** Branch Header **/
/*******************/
.branch-header{
  -webkit-mask-image: none;
  -moz-mask-image: none;
  -o-mask-image: none;
  -ms-mask-image: none;
  mask-image: none;
  mask-position: left bottom;
  -webkit-mask-position: left bottom;
  -moz-mask-position: left bottom;
  -o-mask-position: left bottom;
  -ms-mask-position: left bottom;
  mask-position: left bottom;
  padding: 0;
  margin: 0;
  position: relative;
  width: 100%;
  height: 100svh;
  /* aspect-ratio: 16/8; */
  background: #000;
}
.branch-header .branch-info{
  position: absolute;
  z-index: +3;
  left: 0;
  bottom: 4rem;
  font-size: 1.7rem;
  background: #2a0043de;
  padding: 4rem 3rem;
  padding-right: 6rem;
  color: #fff;
  text-shadow: 1px 2px 4px #000000;
}
.branch-header .branch-info p{
  margin: 0;
  margin-top: 1rem;
  font-weight: normal;
  font-size: 1.6rem;
  color: #fff;
  text-shadow: 1px 2px 4px #000000;
  text-wrap: wrap;
  /* width: 100%; */
  word-break: break-word;
  /* display: flex; */
  text-align: center;
  letter-spacing: 1px;
  /* flex-wrap: wrap; */
}
.branch-header .branch-info p span{
}
.branch-header .branch-info .branch-location{
}
.branch-header .branch-info .branch-province{
}
.branch-header .branch-info .branch-country{
}
.branch-header .branch-name{
  font-size: 5rem;
  margin: 0;
  font-weight: bold;
  /* background: #2a0043de; */
  color: #fff;
  text-shadow: 1px 2px 4px #000000;
  text-align: center;
}
.branch-header .branch-slider-area{
  position: relative;
  height: 100svh;
  width: 100%;
  overflow: hidden;
}
.branch-header .branch-slider{
  width: 100%;
  height: 100%;
  position: relative;
  margin: 0;
  border: 0;
  border-radius: 0;
}
.branch-header .branch-slides{
height: 100%;
}
.branch-header .branch-slider .slider-item{
  /* position: relative; */
  width: 100%;
  height: 100svh;
  overflow: hidden;
  background-image: var(--background-image);
  background-size: cover;
  background-position: center;
}
.branch-header .branch-slider .slider-item img{
  min-height: 100%;
  width: 100%;
  position: absolute;
  display: none;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.branch-header .branch-slider-area{
  position: relative;
  height: 100svh;
  width: 100%;
  overflow: hidden;
}

.branch-header .branch-slider .slider-btn{
  --offset-side: 20px;
  position: absolute;
  top: 50%;
  /* left: 50%; */
  z-index: +4;
  font-size: 10rem;
  line-height: 0;
  cursor: pointer;
  color: #000000c7;
  /* text-shadow: 0px 0px 4px #272727fc; */
}
.branch-header .branch-slider .slider-btn:hover{

}
.branch-header .branch-slider .slider-btn i{

}
.branch-header .branch-slider .slider-btn#prev{left: var(--offset-side);}
.branch-header .branch-slider .slider-btn#next{
  right: var(--offset-side);
}
.branch-header .branch-slider .flex-control-thumbs{
  position: absolute;
  width: calc(75% - 70px);
  bottom: 35px;
  right: 35px;
  z-index: +2;
  display: flex;
  flex-direction: row-reverse;
  justify-content: end;
  gap: 15px;
}
.branch-header .branch-slider .flex-control-thumbs li{
  width: 10%;
  display: inline-flex;
  padding: 5px 0;
}
.branch-header .branch-slider .flex-control-thumbs img{
  cursor: pointer;
  border: 3px #fff solid;
  box-shadow: 0px 0px 5px 0px #00000085;
}
.branch-header .branch-slider .flex-control-thumbs .flex-active{}

/** Branch comtent area **/
/*************************/
.branch-content-section{}
.branch-content-section .container-fluid{
    padding: 0;
}
.branch-content-section .branch-content-row{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin: 0;
    width: 100%;
}

.branch-content-section .branch-map-col{
    flex-basis: 40%;
    width: 40%;
}
.branch-content-section .branch-map-col iframe{
  width: 100%;
  height: 100%;
}

.branch-content-section .branch-content-col{
    flex-basis: 60%;
    width: 60%;
    flex-direction: row;
    display: flex;
    flex-wrap: wrap;
    padding-block-end: 2rem;
}
.branch-content-section .branch-content-col .branch-info{
    display: none;
}

.branch-content-section .branch-content-col .branch-info .branch-country{}
.branch-content-section .branch-content-col .branch-info .branch-province{}
.branch-content-section .branch-content-col .branch-info .branch-location{}
.branch-content-section .branch-content-col .branch-text{
    background: #333;
    color: #fff;
    padding: 3rem;
    position: relative;
    top: -3rem;
    z-index: +5;
    width: 100%;
}
.branch-content-section .branch-content-col .branch-text br{
  content: "";
}
.branch-content-section .branch-content-col .branch-text p{}

.branch-content-section .branch-content-col .col-title{
    font-size: 2.1rem;
    margin: 0;
    margin-bottom: 1rem;
    font-weight: bold;
    color: #430254;
    border-bottom: 1px #00000045 solid;
    width: fit-content;
    padding-bottom: 1rem;
}

.branch-content-section .branch-content-col .branch-operation-time{
    /* width: 40%; */
    flex-grow: 1;
    padding-inline: 3rem;
    padding-inline-start: 5rem;
}


.branch-operation-time .operation-time-title{}
.branch-operation-time .operation-time-list{
    margin: 0;
    padding: 0;
    list-style: none;
}
.branch-operation-time .operation-day{
    margin-bottom: 1rem;
    /* display: flex; */
    /* flex-wrap: wrap; */
}
.branch-operation-time .operation-day + .operation-day{/* border-top: 1px #0000003d solid; */}
.branch-operation-time .operation-day.isHoliday{}
.branch-operation-time .operation-day .day-name{
    font-weight: bold;
    letter-spacing: 1px;
    flex-basis: 100%;
}
.branch-operation-time .operation-day .holiday{
    color: #a94442;
    font-size: 86%;
    letter-spacing: 0.5px;
    font-weight: bold;
}
.branch-operation-time .operation-day .holiday .holiday-name{}
.branch-operation-time .operation-day .holiday .holiday-date{}
.branch-operation-time .operation-day .day-times{
    /* padding-inline-start: 1rem; */
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.branch-operation-time .operation-day .day-times .dat-off{}
.branch-operation-time .operation-day .day-times .operation-time {
    display: flex;
    align-items: center;
    gap: 4px;
}
.branch-operation-time .operation-day .day-times .operation-time + .operation-time{}
.branch-operation-time .operation-day .day-times .operation-time + .operation-time::before{
  content: "-";
  font-weight: bold;
  /* font-size: 200%; */
}
.branch-operation-time .operation-day .day-times .operation-time .time-from{}
.branch-operation-time .operation-day .day-times .operation-time .time-to{}
.branch-operation-time .operation-day .day-times .operation-time .sep{
    font-weight: bold;
}
.branch-operation-time .operation-day .day-times .operation-time .time-num{}
.branch-operation-time .operation-day .day-times .operation-time .time-zone{}



.branch-content-section .branch-content-col .branch-contacts{
    /* width: calc(40% - 20px); */
    width: 40%;
    padding-inline-end: 3rem;
}
.branch-contacts .branch-contact-us-title{}
.branch-contacts .branch-contacts-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.branch-contacts .branch-contacts-list > li{
    margin-bottom: 0.7rem;
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
}
.branch-contacts .branch-contacts-list > li + li{}
.branch-contacts .branch-contacts-list > li .contact-icon{
    /* width: 40px; */
    flex-basis: 20px;
    /* background: #00000036; */
    color: #818181;
    font-size: 1.6rem;
    display: flex;
    justify-content: center;
}
.branch-contacts .branch-contacts-list > li .contact-icon i{
    /* font-size: 1.6rem; */
}
.branch-contacts .branch-contacts-list > li .contact-data{
    --text-color: #000;
    flex-grow: 1;
    flex-basis: calc(100% - 40px);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    color: var(--text-color);
}
.branch-contacts .branch-contacts-list > li .contact-data a{
    color: var(--text-color);
}
.branch-contacts .branch-contacts-list > li .contact-data a:hover,
.branch-contacts .branch-contacts-list > li .contact-data a:focus{}
.branch-contacts .branch-contacts-list > li .contact-data span{}

.branch-contacts .branch-contacts-list .contact-phone{}
.branch-contacts .branch-contacts-list .contact-phone .contact-icon{
    font-size: 177%;
}
.branch-contacts .branch-contacts-list .contact-phone .contact-data{}
.branch-contacts .branch-contacts-list .contact-email{}
.branch-contacts .branch-contacts-list .contact-email .contact-icon{}
.branch-contacts .branch-contacts-list .contact-email .contact-data{}
.branch-contacts .branch-contacts-list .contact-address{}
.branch-contacts .branch-contacts-list .contact-address .contact-icon{
    font-size: 200%;
}
.branch-contacts .branch-contacts-list .contact-address .contact-icon i{}
.branch-contacts .branch-contacts-list .contact-address .contact-data{}
.branch-contacts .branch-contacts-list .contact-address .contact-data text{
    word-wrap: break-word;
}

.branch-contacts .branch-contacts-list .contact-social-media{
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    gap: 1.5rem;
    /* justify-content: center; */
    /* border-top: 1px #00000038 solid; */
    /* padding-top: 1.5rem; */
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
    padding-bottom: 1rem;
    font-size: 2.1rem;
}
.branch-contacts .branch-contacts-list .contact-social-media li{}
.branch-contacts .branch-contacts-list .contact-social-media a{}
.branch-contacts .branch-contacts-list .contact-social-media a:hover,
.branch-contacts .branch-contacts-list .contact-social-media a:focus{}
.branch-contacts .branch-contacts-list .contact-social-media i{}
.branch-contacts .branch-contacts-list .contact-social-media i:before{}
.branch-contacts .branch-contacts-list .contact-social-media a:hover i,
.branch-contacts .branch-contacts-list .contact-social-media a:focus i{}

/******************************
**  experience-testimonial
******************************/
.experience-testimonial{
  background: url(../images/experience-testimonial-bg.jpg);
  background-size: cover;
  background-position: center;
  height: 100svh;
}
.experience-testimonial .testimonial-title-row{text-align: start;margin-bottom: 41px;}
.experience-testimonial .testimonial-title-row span{
--text-shadow: -7px -2px 1px #000;
font-size: 5rem;
font-weight: bold;
color: #fff;
text-align: center;
text-shadow: var(--text-shadow);
-webkit-text-shadow: var(--text-shadow);
-moz-text-shadow: var(--text-shadow);
-ms-text-shadow: var(--text-shadow);
-o-text-shadow: var(--text-shadow);
}
.experience-testimonial .testimonial-title-row span:before{
}
.experience-testimonial .testimonial-des-row{
--text-shadow:0px 0px 5px #000;
font-size: 4rem;
color: #fff;
text-align: center;
text-shadow: var(--text-shadow);
-webkit-text-shadow: var(--text-shadow);
-moz-text-shadow: var(--text-shadow);
-ms-text-shadow: var(--text-shadow);
-o-text-shadow: var(--text-shadow);
}
.experience-testimonial .testimonial-slider-row{
}
.experience-testimonial .testimonial-slider{
}
.experience-testimonial .testimonial-item{
}
.experience-testimonial .testimonial-item-content{
}
.experience-testimonial .testimonial-name{
}
.experience-testimonial .testimonial-text{
}
.experience-testimonial .testimonial-rating{
}
.experience-testimonial .rating-start{
}
.experience-testimonial .rating-start i{
}

.testimonial-Row.experience-testimonial .testimonial-slider{
}
.testimonial-Row.experience-testimonial .testimonial-slider .testimonial-item{height: calc(100% - 46px);}
.testimonial-Row.experience-testimonial .testimonial-slider .testimonial-item-content{
--bg-color: #ffffffd1;
--border-color:  #4302548a;
--box-shadow: 4px 4px 0 var(
--border-color);
background: var(--bg-color);
box-shadow: var(--box-shadow);
-webkit-box-shadow: var(--box-shadow);
-moz-box-shadow: var(--box-shadow);
-o-box-shadow: var(--box-shadow);
-ms-box-shadow: var(--box-shadow);
}


.testimonial-Row.experience-testimonial .testimonial-slider .testimonial-name{margin-top: 7px;text-align: end;width: calc(100% - 46px);font-weight: bold;font-size: 1.6rem;}
.testimonial-Row.experience-testimonial .testimonial-slider .testimonial-text{font-size: 2.1rem;padding: 0 5px;padding-bottom: 3px;color: #000;}

.testimonial-Row.experience-testimonial .testimonial-slider .testimonial-rating{
}
.testimonial-Row.experience-testimonial .testimonial-slider .rating-start{color: #fcb813;font-size: 3rem;gap: 9px;}
.testimonial-Row.experience-testimonial .testimonial-slider .rating-start i{
}
.testimonial-Row.experience-testimonial .testimonial-slider .rating-start i:before{
}


.experience-testimonial .testimonial-slider .owl-stage-outer{
}
.experience-testimonial .testimonial-slider .owl-stage{
}
.experience-testimonial .testimonial-slider .owl-controls{

}
.experience-testimonial .testimonial-slider .owl-controls .owl-nav{
}
.experience-testimonial .testimonial-slider .owl-controls .owl-nav [class*=owl-]{
color: #b3b3b387;
}
.experience-testimonial .testimonial-slider .owl-controls .owl-nav [class*=owl-] i{}
.experience-testimonial .testimonial-slider .owl-controls .owl-nav [class*=owl-] i::before{}
.experience-testimonial .testimonial-slider .owl-controls .owl-nav .owl-prev{
}
.experience-testimonial .testimonial-slider .owl-controls .owl-nav .owl-next{
}
.experience-testimonial .testimonial-slider .owl-controls .owl-nav [class*=owl-]:hover{
color: #e1e1e1d4;
background: transparent;
}



/** Speech bubble with drop shadow and border */
.experience-testimonial .speech-bubble-ds {
background: #efefef;
border: 1px solid #a7a7a7;
border-radius: 4px;
box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.2);
font-size: 1.2rem;
line-height: 1.3;
margin: 0 auto 40px;
max-width: 400px;
padding: 15px;
position: relative;
}
.experience-testimonial .speech-bubble-ds p {
margin-bottom: 10px;
}
.experience-testimonial .speech-bubble-ds p :last-of-type {
margin-bottom: 0;
}

.experience-testimonial .speech-bubble-ds__arrow {
border-left: 21px solid transparent;
border-top: 20px solid var(--border-color);
bottom: -25px;
position: absolute;
left: 20%;
}
.experience-testimonial .speech-bubble-ds__arrow::before {
border-left: 23px solid transparent;
border-top: 23px solid var(--bg-color);
bottom: 2px;
content:
"";
position: absolute;
right: 5px;
}
.experience-testimonial .speech-bubble-ds__arrow::after {
/* border-left: 21px solid transparent; */
border-top: 21px solid var(--bg-color);
bottom: 4px;
content: "";
position: absolute;
right: 6px;
}

/******************************
** Partes and Events Page
******************************/
.parties-events-header-bg{
  background: #e9e9e9;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -2;
  top: 0;
}
.parties-events-header{
  background-image: url(../images/header/index-header-bg.jpg);
  height: unset;
  min-height: unset;
  padding: 0;
  padding-top: 121px;
  padding-bottom: 40px;
}
.parties-events-header .triangle-area{
  background-image: url(../images/header/genesis-header-triangle.png);
  height: 554px;
  min-height: 554px;
  aspect-ratio: 801/554;
  transform: translateX(-155px);
}
.parties-events-header .header-text-area{
  width: unset !important;
  margin: 0 40px;
  /* padding-inline-end: 40px; */
}
.parties-events-header .flix-col.video-col{}
.parties-events-header .flix-col.video-col video{}

.parties-events-header .flix-col.text-col{
    flex-basis: 40%;
}
.parties-events-header .header-text-area h2{
    font-size: 3.8rem;
    position: relative;
    width: max-content;
    color: #01ffe4;
    text-shadow: 0px 0px 10px #000000ab;
}
.parties-events-header .header-text-area h2:after{
  display:none;
}
.parties-events-header .header-text-area p{
  font-size: 21px;
  color: #e3e3e3;
  text-shadow: 0px 0px 7px #000000ab;
}


.parties-events-row{
    background: #e9e9e9;
}
.parties-events-row .parties-events-container{
    /* display: flex; */
    /* flex-direction: column; */
    /* flex-wrap: wrap; */
    /* align-items: center; */
}
.parties-events-row .parties-events-title{
    margin-top: 40px;
    /* width: fit-content; */
}
.parties-events-row .parties-events-title span{
    min-width: 60px;
}
.parties-events-row .parties-events-title h2{
    color: #430254;
}

.parties-events-row .parties-events-video{}

.parties-events-row .parties-events-form{
    display: flex;
    /* background: #430254; */
    /* padding: 20px; */
    /* color: #fff; */
    max-width: 500px;
    margin: 0 auto;
    margin-bottom: 40px;
}
.parties-events-row .parties-events-form .form-title{}

.parties-events-row .parties-events-form .form-fields{
    --gap: 15px;
    --half-gap: calc( var(--gap) / 2 );
    --input-border-color: #a7a7a7;
    --input-bg-color: #fff;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.parties-events-row .parties-events-form .form-fields .field-col{
    flex-basis: 100%;
    display: flex;
    flex-direction: column;
}
.parties-events-row .parties-events-form .form-fields .field-col.half{
    flex-basis: calc(50% - var(--half-gap));
    max-width: calc(50% - var(--half-gap));
}
.parties-events-row .parties-events-form .form-fields .field-col .form-field + .form-field{
    margin-top: 15px;
}
.parties-events-row .parties-events-form .form-fields .field-col > label{
    /* color: #fff; */
    user-select: none;
}
.parties-events-row .parties-events-form .form-fields .field-col .form-field{
    border-width: 1px;
    border-style: solid;
    border-color: var(--input-border-color);
}
.parties-events-row .parties-events-form .form-fields .field-col .form-field.submit-field{
    border-width:0px;
}
.parties-events-row .parties-events-form .form-fields .field-col .form-field.error{
    position: relative;
    border-color: #f00 !important;
}
.parties-events-row .parties-events-form .form-fields .field-col .form-field .error{
    color: #bf0000;
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: end;
    top: 0;
    padding-inline-end: 6px;
    font-size: 10px;
    font-family: tahoma;
}
.parties-events-row .parties-events-form .form-fields .field-col .form-field.select-field .error{
    height: unset;
    top: calc(100% + 4px);
    justify-content: start;
}
.parties-events-row .parties-events-form .form-fields .field-col .form-field input[type="text"]{
    width: 100%;
    padding: 7px 10px;
    border-width: 0px;
    border-style: solid;
    border-color: var(--input-border-color);
    /* background: transparent; */
}
.parties-events-row .parties-events-form .form-fields .field-col .form-field input[type="button"]{
    padding: 11px 20px;
    font-weight: bold;
    color: #fff;
    background: #17a2b8;
    border: 1px #b4e0e700 solid;
    font-size: 18px;
    border-radius: 4px;
    box-shadow: 0px 0px 5px 1px #00000040;
}
.parties-events-row .parties-events-form .form-fields .field-col .form-field textarea{
    width: 100%;
    padding: 8px 10px;
    min-height: 120px;
    max-height: 120px;
    border-width: 0px;
    border-style: solid;
    border-color: var(--input-border-color);
    margin: 0 !important;
    margin-block-end: 0 !important;
}
.parties-events-row .parties-events-form .form-fields .field-col .form-field select{
    width: 100%;
    max-width: 100% !important;
    padding: 8px;
    border-width: 0px;
    border-style: solid;
    border-color: var(--input-border-color);
}
.parties-events-row .parties-events-form .form-fields .field-col .form-field.field-checkbox{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
    border-width: 0;
}
.parties-events-row .parties-events-form .form-fields .field-col .form-field label{
    color: #000;
    margin: 0;
    font-weight: normal;
    font-size: 15px;
}
.parties-events-row .parties-events-form .form-fields .field-col .form-field input[type="checkbox"]{
    margin: 0;
    aspect-ratio: 1/1;
    width: 19px;
    border-width: 1px;
    border-style: solid;
    border-color: var(--input-border-color);
}

.parties-events-row .parties-events-form .form-fields .field-col.event-type-col{/* flex-direction: row; *//* flex-wrap: wrap; *//* gap: var(--gap); */}
.parties-events-row .parties-events-form .form-fields .field-col.event-type-col > label{flex-basis: 100%;}
.parties-events-row .parties-events-form .form-fields .field-col.event-type-col .form-field{
  flex-basis: calc(50% - var(--half-gap));
  max-width: calc(50% - var(--half-gap));
}
.parties-events-row .parties-events-form .form-fields .field-col .form-field.booking-phone{
  border-width: 1px;
  border-style: solid;
  border-color: var(--input-border-color);
  background: #fff;
}
.parties-events-row .parties-events-form .form-fields .field-col .form-field.booking-phone input[type="tel"]{
  width: 100%;
  padding: 7px 10px;
  padding-inline-start: 5px;
  border-width: 0px;
  border-style: solid;
  border-color: var(--input-border-color);
}

.parties-events-row .parties-events-form .form-fields .iti {
  flex: 100%;
  display: flex;
}

.parties-events-row .parties-events-form .form-fields .iti__flag-container {
  position: unset;
}

.parties-events-row .parties-events-form .form-fields .iti__selected-flag {
  background-color: transparent;
}

.parties-events-row .parties-events-form .form-fields .iti__flag {}

.parties-events-row .parties-events-form .form-fields .iti__selected-dial-code {
  /* display: none; */
  color: #000;
  font-size: 1.2rem;
}

.parties-events-row .parties-events-form .form-fields .iti__arrow {}

.parties-events-row .parties-events-form .form-fields .iti__country-list {
  /* min-width: 250px; */
}

.parties-events-row .parties-events-form .form-fields .iti__country {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

.parties-events-row .parties-events-form .form-fields .iti__country .iti__flag-box {
  display: flex;
}

.parties-events-row .parties-events-form .form-fields .iti__country span {
  position: unset;
  width: unset;
  height: unset;
  color: #000;
}

.parties-events-row .parties-events-form .form-fields .iti__country span+span {}



.parties-events-row .parties-events-form .form-fields .form-field.branch-field {
  position: relative;
}
.parties-events-row .parties-events-form .form-fields .branch-loading {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background: #ffffff6e;
  backdrop-filter: blur(1px);
}
.parties-events-row .parties-events-form .form-fields .branch-loading span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.parties-events-row .parties-events-form .form-fields .branch-loading .fa-spinner {
  font-size: 2.5rem;
  color: #430254;
  animation: loading_spin 2s linear infinite;
  -webkit-animation: loading_spin 1s linear infinite;
  -moz-animation: loading_spin 2s linear infinite;
  -o-animation: loading_spin 2s linear infinite;
  -ms-animation: loading_spin 2s linear infinite;
}

.parties-events-row .parties-events-form .form-loading {
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100svw;
  height: 100svh;
  background: #e9e9e9c4;
  backdrop-filter: blur(3px);
  z-index: +100;
}
.parties-events-row .parties-events-form .form-loading span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.parties-events-row .parties-events-form .form-loading .fa-spinner {
  font-size: 4.5rem;
  color: #430254;
  animation: loading_spin 2s linear infinite;
  -webkit-animation: loading_spin 1s linear infinite;
  -moz-animation: loading_spin 2s linear infinite;
  -o-animation: loading_spin 2s linear infinite;
  -ms-animation: loading_spin 2s linear infinite;
}

@keyframes loading_spin {
  0% {
      transform: rotate(0deg);
  }

  100% {
      transform: rotate(360deg);
  }
}

@-webkit-keyframes loading_spin {
  0% {
      -webkit-transform: rotate(0deg);
  }

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

@-moz-keyframes loading_spin {
  0% {
      -moz-transform: rotate(0deg);
  }

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

@-o-keyframes loading_spin {
  0% {
      -o-transform: rotate(0deg);
  }

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

@-ms-keyframes loading_spin {
  0% {
      -ms-transform: rotate(0deg);
  }

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

/******************************
**  
******************************/
/******************************
**  
******************************/
/******************************
**  
******************************/
/******************************
** home-about-row
******************************/
.home-about-row{}
.home-about-row .stars-bg{}
.home-about-row .home-about-container{}
.home-about-row .home-about-content{}

/*********************
** CONTENTS 
*********************/
.content-viewport {
  flex-grow: 1;
}
.content-container {
}
/*******************************
** breadcrumb-bar
*******************************/
.breadcrumb-bar {
  background: #ffffff00;
}
.breadcrumb-bar .container {
  /* max-width: unset; */
  width: unset;
}
.breadcrumb-bar .row {
}
.breadcrumb-bar .breadcrumb-content {
  /* background: #ffffff85; */
}
.breadcrumb-bar nav {
}
.breadcrumb-bar nav .breadcrumb {
  background: #1e1e1e30;
  border-radius: 30px;
  /* color: #fff !important; */
  font-family: "Tajawal";
  font-weight: bold;
  font-size: 14px;
}
.breadcrumb-bar nav .breadcrumb-item {
  color: var(--secondary-color);
}
.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: var(--primary-background);text-shadow: 0px 0px 4px #000000ba;}
/****************************
404
****************************/
.page_404 {
}
.page_404_viewport {
}
.page_404 .content-viewport {
  min-height: 100px;
  /* padding-top: 60px; */
  align-items: center;
  font-family: Roboto, sans-serif;
  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: 15vw;
  margin-bottom: -10px;
  color: #fff;
  /* opacity: 0.6; */
  color: var(--title-color-light); /*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%);
}
.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: var(--dark-bg-color);
  text-shadow: 0 1px 0 hsl(175deg 62% 25%), 0 2px 0 hsl(175deg 79% 19%), 0 3px 0 hsl(176deg 93% 18%), 0 4px 0 hsl(174deg 37% 21%), 0 0 5px rgb(0 0 0 / 5%), 0 1px 3px rgb(0 0 0 / 20%), 0 3px 5px rgb(0 0 0 / 20%), 0 5px 10px rgb(0 0 0 / 20%), 0 10px 10px rgb(0 0 0 / 20%), 0 20px 20px rgb(0 0 0 / 30%);
  /* animation: bop 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards infinite alternate; */
}
.page_404 .p404_des span{
    position: relative;
}

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

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


/***************************************
breadcrumb-bar
***************************************/
.breadcrumb-bar {
  /* background: #de0101; */
  background: var(--primary-color);
  padding: 0px 0;
  padding-block: 25px;
  margin-top: 0px;
  /* box-shadow: 0px 0px 16px -7px #000 inset; */
}
.breadcrumb-bar .row {
  flex-wrap: nowrap;
}
.breadcrumb-bar .breadcrumb-content {
    flex-grow: 1;
    display: flex;
    background: #89898900;
    border-radius: 0px;
    /* 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: var(--base-font);
  font-weight: 600;
  font-size: 20px;
  letter-spacing: 1px;
}
.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 {color: var(--dark);color: var(--primary-background);font-weight: 500;}
.breadcrumb-bar nav .breadcrumb-item a {
  color: #0a0a0a;
  text-shadow: none;
  /* color: #000; */
  transition: all ease-in-out 0.2s;
}
.breadcrumb-bar nav .breadcrumb-item a:hover {
}
.spinner-loader {
  font-size: 31px;
  /* text-indent: -9999em; */
  /* width: 100%; */
  /* height: 100%; */
  border-radius: 50%;
  position: relative;
  -webkit-animation: load3 1.4s infinite linear;
  animation: load3 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translate(-50%, -50%);
  position: absolute;
  right: -6%;
  top: -2%;
  color: #000;
}
@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/*****************************
** blog-list-row
*****************************/
.blog-list-row {
  padding: 20px 0;
}
.blog-list-row .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: #f9f9f9;
  border: 3px #fff solid;
  box-shadow: 0px 2px 6px -1px #0000005e;
  box-shadow: 0px 0px 1px 1px #00000017;
}
.blog-article .article-thumbnail {
  position: relative;
}
.blog-article .article-thumbnail a {
  display: block;
}
.blog-article .article-thumbnail a:hover {
}
.blog-article .article-thumbnail img {
  width: 100%;
  max-width: 100% !important;
  object-fit: cover;
}
.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: 1.7rem;
  line-height: 22px;
  font-weight: bold;
  border-bottom: 1px #d7d7d7 solid;
}
.blog-article .article-data h2 a {
  text-decoration: none;
  /* font-family: "Tajawal"; */
  color: #0a746d;
  color: var(--dark-bg-color);
}
.blog-article .article-data h2 a:hover {color: #db0500;}
.blog-article .article-date {
  position: absolute;
  left: 13px;
  bottom: 5px;
  background: #ffffffe0;
  box-shadow: -2px 0px 6px -2px #717171a6;
  font-size: 12px;
  padding: 3px 10px;
}
.blog-article .article-date span {
  font-family: "Tajawal", sans-serif;
  padding-left: 18px;
  font-weight: bold;
  color: #5a5a5a;
}
.blog-article .article-date i {
  background: var(--dark-bg-color);
  color: #fff;
  position: absolute;
  width: 27px;
  height: 100%;
  text-align: center;
  line-height: 185%;
  font-size: 14px;
  left: -9px;
  top: 50%;
  transform: translate(0, -50%);
}
.blog-article .article-date i:before {
}
/*****************************
** SINGLE-BLOG
*****************************/
.blog-photo{
    margin-bottom: 10px;
    margin-top: 20px;
    display: block;
}
.blog-photo img{
    width: 100%;
    object-fit: cover;
}

.related-blog-col{
    padding-top: 20px;
    /* position: relative; */
}
.related-blog-list {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 15px;
  /* position: sticky; */
  /* top: 0; */
}
.related-blog-list .blog-item{
    /* display: flex; */
    flex-direction: column;
    flex-grow: 1;
    background: #f9f9f9;
    padding: 5px;
    box-shadow: 0px 0px 1px 1px #00000017;
}
.related-blog-list .blog-item .item-photo{}
.related-blog-list .blog-item .item-photo a{
    display: flex;
}
.related-blog-list .blog-item .item-photo a:hover,
.related-blog-list .blog-item .item-photo a:focus{}
.related-blog-list .blog-item .item-photo img{
    width: 100%;
    max-width: 100%;
    object-fit: cover;
    object-position: center;
}
.related-blog-list .blog-item .item-data{
    display: flex;
    flex-direction: column;
    padding-inline: 10px;
}
.related-blog-list .blog-item .item-data h2{
    margin-block: 1rem;
}
.related-blog-list .blog-item .item-data h2 a{
    color: #00487a;
    font-weight: normal;
    font-size: 2.3rem;
}
.related-blog-list .blog-item .item-data h2 a:hover,
.related-blog-list .blog-item .item-data h2 a:focus{
    color: #db0500;
}
.related-blog-list .blog-item .item-data p{
    padding-block-end: 1rem;
    margin: 0;
}

.related-blog-list .blog-item {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  /* gap: 15px; */
  flex-basis: 100%;
  box-sizing: border-box;
  background: #f9f9f9;
  padding: 4px;
  box-shadow: 0px 0px 1px 1px #00000017;
}
.related-blog-list .blog-item .item-photo{
  /* width: 100%; */
  /* flex-basis: 100%; */
  flex-grow: 1;
  display: flex;
}
.related-blog-list .blog-item .item-photo a{}
.related-blog-list .blog-item .item-photo img{}
.related-blog-list .blog-item .item-data{
  width: 294%;
  padding-inline: 9px;
  padding-block-end: 9px;
  /* flex-grow: 1; */
}
.related-blog-list .blog-item .item-data h2{
  margin-block-start: 0.8rem;
  padding: 0;
  display: flex;
  margin-block-end: 0.6rem;
}
.related-blog-list .blog-item .item-data h2 a{
  font-size: 1.7rem;
}
.related-blog-list .blog-item .item-data p{
  margin-bottom: 0;
  font-size: 1.3rem;
}

/*****************************
** 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 .section_title{
  color: #313542;
  font-weight: bold;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 15px;
  font-size: 4.5rem;
  margin-bottom: 20px;
}
.faq-list .section_title:after{
  content:"";
  display: flex;
  flex-grow: 1;
  height: 1px;
  background: #31354257;
  margin-top: 11px;
}
.faq-list .panel + .section_title{
    margin-top: 60px;
}
.faq-list .section_des{
  
}
.faq-list .panel-default > .panel-heading{border: none !important;background-color: transparent !important;padding: 10px 0;border-color: transparent !important;}
.faq-list .panel-collapse > .panel-body{
  
}
.faq-list .panel {border: none !important;background-color: transparent !important;border-color: transparent !important;border-bottom: none !important;box-shadow: none;-webkit-box-shadow: none;}
.faq-list .panel + .panel {
  margin-top: 10px;
}
.faq-list .panel .panel-title {
}
.faq-list .panel-heading [data-toggle="collapse"]:before {
  font-family: "Glyphicons Halflings";
  content: "\e072"; /* "play" icon */
  /* content: "\e250"; */
  /* float: right; */
  color: #15181e;
  font-size: 13px;
  /* 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:before {
  /* 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(0deg);
  color: #15181e;
}

.faq-list .panel .panel-title:hover {
}
.faq-list .panel .panel-title a {
  display: block;
  font-weight: bold;
  color: #15181e;
  text-decoration: none !important;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 15px;
}
.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 {border: none !important;padding: 15px 0;color: #000000;}
/*********************************
pagination 
*********************************/
.pagination-row{}
.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: #ffffff;
     color: #00487a;
     font-size: 15px;
     line-height: unset;
     border-radius: 0.2em;
     box-shadow: 0px 1px 4px -1px #0000002e;
     min-width: 1em;
     transition: all ease-in-out 0.25s;
     -webkit-transition: all ease-in-out 0.25s;
     -ms-transition: all ease-in-out 0.25s;
     -moz-transition: all ease-in-out 0.25s;
     -o-transition: all ease-in-out 0.25s;
}
.pagination .navigation .pages{}
.pagination .navigation .pages.current{
    color: #ffffff;
    background: #00487a;
}
.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: #00487a;
    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: #00487a;
    color: #fff;
}
/*********************************
Branchs Archive 
*********************************/
.branch-pt-header{}
.branch-pt-header .header-text-area{}
.branch-pt-header .header-text-area h2{
    --shadow-color: #25133b;
    position: relative;
    font-size: 5rem;
    text-shadow: 0px 0px 4px var(--shadow-color);
}
.branch-pt-header .header-text-area h2:before{
  content:attr(data-text);
  position: absolute;
  z-index: -1;
  color: var(--shadow-color);
  margin-block-start: 4px;
  margin-inline-start: -3px;
}
.branch-pt-header .header-text-area h2:after{}

.branchs-locations-title{}
.branchs-locations-text{
  margin-top:42px;
}
.branchs-locations-title + .branchs-locations-text{
  margin-top:0;
}
.branchs-locations-text + .Locations-discover-container{
    margin-top: 30px;
}
/*********************************
contacts 
*********************************/
.contacts-col {/* float: left; */flex-basis: 30%;/* align-self: flex-start; *//* justify-self: stretch; */display: none;}
.contacts-col .contacts-data {
}
.contacts-data > h2 {
  margin: 0;
  margin-bottom: 10px;
  border-bottom: 1px #0000002e solid;
  padding: 9px 2px;
  font-size: 20px;
  font-weight: bold;
  color: var(--primary-color-dark);
  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: var(--secondary-background);
  /* padding: 0px 4px; */
  /* background: #6dbdcf; */
  /* width: 22px; */
  position: relative;
  height: 25px;
  width: 25px;
}
.contacts-data .social a i {
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.contacts-data .social a:hover {
  color: #fff;
  background: var(--primary-color);
  transform: scale(1.2);
}
.contacts-data .contact-row {
  margin-bottom: 10px;
}
.contacts-data .contact-row > a {
  display: block;
  background: #f5f5f5;
  padding: 7px 10px;
  padding-left: 36px;
  color: var(--secondary-background);
  position: relative;
}
.contacts-data .contact-row > a i {
  /* margin-left: 10px; */
  color: var(--secondary);
  font-size: 18px;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.contacts-data .contact-row > a span {
  font-weight: bold;
  direction: ltr !important;
}
.contacts-data .contact-row > a:hover {
  background: var(--primary-color);
  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 (Final)
*********************************/
.contact-us-row{
    background: #f7f7f7;
    position: relative;
}
.contact-us-row .container{}
.contact-us-row .contact-form-container{
    /* position: relative; */
    height: 70svh;
    max-height: 70svh;
    overflow: overlay;
}
.contact-form-container .steps-pager{
    position: absolute;
    right: 30px;
    bottom: 30px;
    display: flex;
    flex-wrap: nowrap;
    gap: 1px;
}
.contact-form-container .steps-pager span{
    background: #fff;
    color: #858585;
    position: relative;
    aspect-ratio: 1/1;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}
.contact-form-container .steps-pager span + span:before{
  content:"";
  position: absolute;
  width: 1px;
  height: 100%;
  left: -1px;
  background: #d9d9d9;
}
.contact-form-container .steps-pager span svg{
  fill: #858585;
}
.contact-form-container .steps-pager span.disabled{}
.contact-form-container .steps-pager span.disabled svg{
  fill: #d9d9d9;
}
.contact-form-container .steps-pager span:not(.disabled):hover,
.contact-form-container .steps-pager span:not(.disabled):focus{}
.contact-form-container .steps-pager span:not(.disabled):hover svg,
.contact-form-container .steps-pager span:not(.disabled):focus svg{}

/*********
Steps Pager
*********/

/*********
Step Def
*********/
.contact-us-row .contact-form-step{
    --step-num-width: 30px;
    --form-header-gap: 10px;
    padding-top: 30px;
    padding-bottom: 30px;
    font-family: sans-serif;
    display: none;
}
/* fields */
.contact-us-row .contact-form-step .step-header{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--form-header-gap);
}
.contact-us-row .contact-form-step .step-header .step-number{
    /* color: #000; */
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 4px;
    font-size: 15px;
    width: var(--step-num-width);
}
.contact-us-row .contact-form-step .step-header .step-number span{}
.contact-us-row .contact-form-step .step-header .step-number i{
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}
.contact-us-row .contact-form-step .step-header .step-number svg{
    fill: #000;
    aspect-ratio: 1/1;
    width: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.contact-us-row .contact-form-step .step-header .step-number svg.arrow-ltr{}
.contact-us-row .contact-form-step .step-header .step-number svg.arrow-rtl{}
.contact-us-row .contact-form-step .step-header .step-title{
    display: flex;
    flex-wrap: nowrap;
    gap: 5px;
}
.contact-us-row .contact-form-step .step-header .step-title span{
    font-size: 22px;
    color: #d30000;
}
.contact-us-row .contact-form-step .step-header .step-title h2{
    display: inline-flex;
    margin: 0;
    font-size: 20px;
    font-family: sans-serif;
    align-items: center;
    overflow-wrap: break-word;
}

.contact-us-row .contact-form-step .step-header .step-des{
    flex-basis: 100%;
    flex-grow: 1;
    padding: 5px 0;
    padding-inline-start: calc(var(--step-num-width) + var(--form-header-gap));
    font-size: 16px;
    color: #000;
}

/* fields */
.contact-us-row .contact-form-step .step-fields{
    padding: 15px 0px;
    padding-top: 30px;
    padding-inline-start: calc(var(--step-num-width) + var(--form-header-gap));
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* list-ckeck */
.contact-us-row .contact-form-step .step-fields .list-check{
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-inline-start: 0px;
  display: flex;
  flex-direction: column;
  gap: 7px;
  max-width: 350px;
}
.contact-us-row .contact-form-step .step-fields .list-check .list-item{
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    border-radius: 4px;
    padding: 6px;
    box-shadow: rgba(34, 34, 34, 0.6) 0px 0px 0px 1px inset;
    color: rgb(34, 34, 34);
    background: rgb(225 225 225);
    outline: none;
}
.contact-us-row .contact-form-step .step-fields .list-check .list-item:before{
  content: counter(list-item, upper-alpha);
  counter-increment: list-item;
  background: #f7f7f7;
  box-shadow: #222 0px 0px 0px 1px inset;
  /* padding: 2px 5px; */
  aspect-ratio: 1/1;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: monospace;
  font-weight: bold;
  color: #222;
  border-radius: 2px;
}
.contact-us-row .contact-form-step .step-fields .list-check .list-item span{
    flex-grow: 1;
    color: #000;
    font-family: tahoma;
    font-size: 15px;
    display: flex;
    align-items: center;
    overflow-wrap: break-word;
    gap: 5px;
}
.contact-us-row .contact-form-step .step-fields .list-check .list-item span:not(.other-field-container){}
.contact-us-row .contact-form-step .step-fields .list-check .list-item span.other-field-container{
    display: none;
}

.contact-us-row .contact-form-step .step-fields .list-check .list-item:hover{
    background-color: rgb(182 182 182);
}
.contact-us-row .contact-form-step .step-fields .list-check .list-item:hover:before{}
.contact-us-row .contact-form-step .step-fields .list-check .list-item:hover span{
}
.contact-us-row .contact-form-step .step-fields .list-check .list-item.selected{
    box-shadow: #222 0px 0px 0px 2px inset;
}
.contact-us-row .contact-form-step .step-fields .list-check .list-item.selected:before{
    background: #222;
    color: #f7f7f7;
}
.contact-us-row .contact-form-step .step-fields .list-check .list-item.other-field.selected span:not(.other-field-container){
    display: none;
}
.contact-us-row .contact-form-step .step-fields .list-check .list-item.selected span.other-field-container{
    display: inline-flex;
}
.contact-us-row .contact-form-step .step-fields .list-check .list-item.selected:after{
  content: "\2713";
  display: flex;
  /* align-items: center; */
  /* justify-content: center; */
  padding-inline: 6px;
  font-size: 17px;
  font-weight: bold;
  color: #222;
}
.contact-us-row .contact-form-step .step-fields .list-check .list-item:not(.selected):hover{}
.contact-us-row .contact-form-step .step-fields .list-check .list-item:not(.selected):hover span{}
.contact-us-row .contact-form-step .step-fields .list-check .list-item.selected span input{
    border: none;
    padding: 0;
    background: transparent;
    width: 100%;
    height: 100%;
}


.contact-us-row .contact-form-step .step-fields .field-col{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.contact-us-row .contact-form-step .step-fields .field-col .field-des{
    font-size: 11px;
}
.contact-us-row .contact-form-step .step-fields .field-col .field-des strong{}
.contact-us-row .contact-form-step .step-fields .field-col .field-des span{}

.contact-us-row .contact-form-step .step-fields .field-col .field-box{
    --placeholder-color:#b6b6b6;
    position: relative;
}
.contact-us-row .contact-form-step .step-fields .field-col .field-box:before{
  content: "";
  height: 1px;
  background: #b6b6b6;
  position: absolute;
  width: 100%;
  top: 100%;
}

.contact-us-row .contact-form-step .step-fields .field-col .field-box input[type="text"],
.contact-us-row .contact-form-step .step-fields .field-col .field-box input[type="email"],
.contact-us-row .contact-form-step .step-fields .field-col .field-box textarea{
    font-size: 25px;
    padding: 6px 0;
    padding-inline-end: 8px;
    display: block;
    width: 100%;
    border-width: 0;
    border-style: solid;
    border-color: transparent;
    background: transparent;
}
.contact-us-row .contact-form-step .step-fields .field-col .field-box input[type="text"]::placeholder,
.contact-us-row .contact-form-step .step-fields .field-col .field-box input[type="email"]::placeholder,
.contact-us-row .contact-form-step .step-fields .field-col .field-box textarea::placeholder {
    color: var(-placeholder-color);
}

.contact-us-row .contact-form-step .step-fields .field-col .field-box input[type="text"]:-moz-placeholder,
.contact-us-row .contact-form-step .step-fields .field-col .field-box input[type="email"]:-moz-placeholder,
.contact-us-row .contact-form-step .step-fields .field-col .field-box textarea:-moz-placeholder {
  color: var(-placeholder-color);
}

.contact-us-row .contact-form-step .step-fields .field-col .field-box input[type="text"]::-moz-placeholder,
.contact-us-row .contact-form-step .step-fields .field-col .field-box input[type="email"]::-moz-placeholder,
.contact-us-row .contact-form-step .step-fields .field-col .field-box textarea::-moz-placeholder {
  color: var(-placeholder-color);
}

.contact-us-row .contact-form-step .step-fields .field-col .field-box input[type="text"]::-webkit-input-placeholder,
.contact-us-row .contact-form-step .step-fields .field-col .field-box input[type="email"]::-webkit-input-placeholder,
.contact-us-row .contact-form-step .step-fields .field-col .field-box textarea::-webkit-input-placeholder {
  color: var(-placeholder-color);
}

.contact-us-row .contact-form-step .step-fields .field-col .field-box input[type="text"]:focus,
.contact-us-row .contact-form-step .step-fields .field-col .field-box input[type="email"]:focus,
.contact-us-row .contact-form-step .step-fields .field-col .field-box textarea:focus{}

.contact-us-row .contact-form-step .step-fields .field-col .field-box.focused-field:before{
  height: 2px;
  background: #000;
}

/* footer */
.contact-us-row .contact-form-step .step-footer{
    padding-inline-start: calc(var(--step-num-width) + var(--form-header-gap));
    display: flex;
    align-items: center;
    gap: 15px;
}
.contact-us-row .contact-form-step .step-footer .step-confirm{
    cursor: pointer;
    background: #fff;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #808080;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 12px 0px;
}
.contact-us-row .contact-form-step .step-footer .step-confirm:after{
  content: "\2713";
}
.contact-us-row .contact-form-step .step-footer .step-confirm:hover,
.contact-us-row .contact-form-step .step-footer .step-confirm:focus{
  background: #e1e1e1;
  color: #000;
  box-shadow: rgb(0 0 0 / 8%) 0px 3px 12px 0px;
}
.contact-us-row .contact-form-step .step-footer .step-confirm span{}

.contact-us-row .contact-form-step .step-footer .step-confirm-des{
    font-size: 13px;
}
.contact-us-row .contact-form-step .step-footer .step-confirm-des span{}
.contact-us-row .contact-form-step .step-footer .step-confirm-des strong{}
.contact-us-row .contact-form-step .step-error{
    background: #f7e6e6;
    padding: 5px 15px;
    margin-inline-start: calc(var(--step-num-width) + var(--form-header-gap));
    display: flex;
    align-items: center;
    gap: 10px;
    color: #af0404;
    border-radius: 3px;
    width: max-content;
    display: none;
}
.contact-us-row .contact-form-step .step-error i{}
.contact-us-row .contact-form-step .step-error span{
    margin-inline-start: 10px;
}
/*********
Step 1
*********/
.contact-us-row .contact-form-step.step-1{}
/*********
Step 2
*********/
.contact-us-row .contact-form-step.step-2{}
/*********
Step 3
*********/
.contact-us-row .contact-form-step.step-3{}
/*********
Step 4
*********/
.contact-us-row .contact-form-step.step-4{}
/*********
Step 5
*********/
.contact-us-row .contact-form-step.step-5{}
/*********
Step 6
*********/
.contact-us-row .contact-form-step.step-6{}
/*********
Step 7
*********/
.contact-us-row .contact-form-step.step-7{}
/*********
Step 8
*********/
.contact-us-row .contact-form-step.step-8{}
/*********************************
Contact us 
*********************************/
.contact-col {
  padding-top: 30px;
  padding-bottom: 30px;
  flex-direction:row !important;
}
.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: var(--primary-color-dark);
}
.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: var(--primary-color);
  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-inline-end: 15px;
  position: relative;
  top: 15px;
  width: 100%;
  font-weight: bold;
}
.contact-form input {
  background: #fff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 8px 8px;
  /* line-height: 14px; */
  margin: 7px 0 !important;
  width: 100%;
  color: #848889;
  font-family: "Open Sans Light", Arial, sans-serif;
  font-size: 12px;
  border: 1px solid #e5e5e5;
  position: relative;
  float: left;
}
.contact-form textarea {
  background: #fff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 8px;
  line-height: 14px;
  margin: 7px 0 !important;
  width: 100%;
  height: 110px;
  color: #848889;
  font-family: "Open Sans Light", Arial, sans-serif;
  font-size: 12px;
  border: 1px solid #e5e5e5;
  position: relative;
  float: left;
}
.contact-form .forms {
  margin-top: -15px;
  padding: 0;
}
.contact-form input.hightlight,
.contact-form textarea.hightlight {
  border: 1px solid #666;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.form_success {
  position: relative;
  display: none;
  color: #fff !important;
  background: rgb(159, 209, 116) !important;
  font-size: 12px;
  margin-top: 0;
  text-align: left;
  left: 0;
  padding: 6px 10px;
  font-family: Helvetica, Arial, sans-serif;
}
@media screen and (max-width: 768px) {
}
/*********************************
About 
*********************************/
.about-head{background-size: contain;background-repeat: no-repeat;display: flex;width: 100%;/* padding: 92px 0; */padding-top: 0;align-items: center;}
.about-head:after{
  content:"";
  display: flex;
  background: #fff;
  /* height: 100%; */
  width: 30%;
  position: relative;
  /* top: 60px; */
  margin-bottom: 35%;
}
.about-head .logo-area{
    width: max-content;
    position: relative;
    margin: 0 30px;
}
.about-head .logo-area:before{
  content:"";
  background: #fff;
  position: absolute;
  width: calc(100% + 20px);
  height: 100%;
  z-index: 0;
  transform: translate(-50%,-50%);
  left: 50%;
  top: 50%;
  background: rgb(255,255,255);
  background: -moz-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 60%, rgba(255,255,255,0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 60%, rgba(255,255,255,0) 100%);
  background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 60%, rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}
.about-head .logo-area img{
    width: 100%;
    height: auto;
    position: relative;
}
.about-head .text-area{
    width: 344px;
    font-family: 'Tajawal';
}
.about-head .text-area h2{
    color: #00487a;
}
.about-head .text-area p{
    font-weight: bold;
    font-size: 16px;
}



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

.about-col .data-row.about-blocks .block-item{flex-basis: calc(33.3% - 17px);display: flex;flex-direction: row;flex-wrap: nowrap;gap: 15px;background: #fff;padding: 10px 10px;box-shadow: 0px 2px 5px 0px #00000030;}
.about-col .data-row.about-blocks .block-item .icon{/* background: #f00; */display: flex;align-items: center;justify-content: center;flex-grow: 1;}
.about-col .data-row.about-blocks .block-item .icon i{font-size: 36px;position: relative;width: 70px;height: 70px;background: #00487a;color: #fff;display: flex;align-items: center;justify-content: center;border-radius: 50%;}
.about-col .data-row.about-blocks .block-item .text{flex-grow: 1;/* width: calc(100% - 130px); */}
.about-col .data-row.about-blocks .block-item .text h3{padding: 0;margin: 0;margin-bottom: 6px;font-weight: bold;font-size: 16px;color: #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: var(--primary-color-dark);
  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;
  margin: 0;
  color: var(--primary-color-dark);
}
.page .overview h2 {
  font-size: 24px;
  margin-block-end: 10px;
  margin-block-start: 30px;
}
.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: var(--secondary-background);
  /* border-top: 4px #e3e3e3 solid; */
  background-image: url(../images/header-bg-large.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100% 200%;
  position: relative;
  overflow: hidden;
}
.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; */
  gap: 30px;
  color: var(--primary-background);
  flex-grow: 1;
}
.footer-viewport .footer-container:before,
.footer-viewport .footer-container:after{
  display:none;
}
.footer-col {
  flex-grow: 1;
}
.footer-col .footer-col-title {
  position: relative;
  letter-spacing: unset;
  font-size: 20px;
  font-family: "Tajawal";
  font-family: "Poppins";
  font-weight: 600;
  margin: 0;
  margin-bottom: 16px;
  border-style: solid;
  border-width: 0 0 1px 0;
  border-color: #ffffff40;
  padding: 5px 10px;
  color: var(--primary-color-dark);
  /* width: max-content; */
  letter-spacing: unset;
  padding-bottom: 8px;
  padding-inline-start: 0;
  border-bottom: 1px #d4d4d46b solid;
}
.footer-col .footer-col-title span {
  position: relative;
  /* text-shadow: 0px 0px 5px #000; */
  margin: 0 4px;
  letter-spacing: unset;
  font-size: 1.8rem;
  text-transform: capitalize;
  font-weight: 700;
  /* font-family: "Tajawal"; */
  border-width: 0 3px 0 0;
  /* padding-bottom: 8px; */
}
.footer-about-col {
  flex-basis: 70%;
  /* flex-grow: unset; */
  flex-grow: 1;
  display: flex;
  gap: 12px;
}
.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 {
  --bg-color:#00487a;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  /* width: 580px; */
  align-items: center;
  justify-content: center;
  position: relative;
  padding-inline-end: 30px;
  flex-grow: 2;
  /* height: 100%; */
}
.footer-about-col .footer-logo-col:before{
  /* content:""; */
  position: absolute;
  width: 210%;
  left: -110%;
  top: 0;
  height: calc(100% + 100px );
  max-height: 270px;
  background: var(--bg-color);
  z-index: 0;
  transform: translate(50px, -30px);
  clip-path: polygon(100% 0%, 0 0,0 100%, 80% 100%);
}
.footer-about-col .footer-logo-col:after{
  /* content:""; */
  position: absolute;
  background: var(--bg-color);
  height:calc(100% + 100px );
  width:250%;
  left:-200%;
  z-index:0;
}
.footer-logo-col .footer-logo {
  /* display: inline-flex; */
  /* max-width: calc(100% - 30px); */
  max-width: 370px !important;
  position: relative;
  z-index: 1;
  /* flex-grow: 1; */
}
.footer-logo-col .footer-logo img {
  max-width: 100% !important;
  height: auto;
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
  /* filter: brightness(0) invert(1); */
}
.footer-logo-col .footer-slug{
    font-size: 1.6rem;
    padding-block: 11px;
    text-align: center;
    font-size: 110%;
    display: none;
}
.footer-about-col .footer-social {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 30px;
  /* padding-bottom: 20px; */
  /* display: flex; */
  /* width: 100%; */
  /* float: left; */
  text-align: center;
  /* display: none; */
  position: relative;
  z-index: +1;
  display: flex;
  gap: 11px;
}
.footer-about-col .footer-social:before{
  content:"";
  width: calc(100% + 30px);
  left: 50%;
  top: -10px;
  position: absolute;
  height: 2px;
  background: #ffffff00;
  transform: translateX(-50%);
}
.footer-about-col .footer-social li {
  margin: 0;
  list-style: none;
  padding: 0;
  display: flex;
  gap: 5px;
}
.footer-about-col .footer-social li a {
  position: relative;
  color: var(--third-background);
  display: flex;
  transition: all ease-in-out 0.15s;
}
.footer-about-col .footer-social li a:hover {
  color: var(--primary-color);
  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 {
  width: 40%;
  flex-grow: 1;
  /* min-width: max-content; */
  /* margin: 0 30px; */
  position: relative;
}
.footer-contacts {
  list-style: none;
  margin: 0;
  padding: 0;
  flex-grow: 1;
  position: relative;
  z-index: +1;
}
.footer-contacts li {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  color: var(--primary-background);
  margin-bottom: 7px;
  align-items: flex-start;
}
.footer-contacts li + li {
  margin-top: 16px;
  position: relative;
}
.footer-contacts li + li:before {
  content: "";
  position: absolute;
  top: -7px;
  width: 100%;
  height: 1px;
  background: #66666600;
}
.footer-contacts li i {
  /* margin-right: 10px; */
  font-size: 17px;
  text-align: center;
  align-items: center;
  min-width: 30px;
  color: var(--third-background);
  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: var(--primary-background);
  text-decoration: none;
  transition: all ease-in-out 0.25s;
  padding: 0 5px;
  line-height: unset;
  direction: ltr;
}
.footer-contacts li:hover i,
.footer-contacts li a:hover {
  color: var(--primary-color);
}

.footer-contacts li.address {max-width: 100%;align-items: flex-start;}
.footer-contacts li.address i {
  font-size: 22px;
}
.footer-contacts li.address p {text-wrap: wrap;}
.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.has-column{}
.footer-menu li {
  width: 100%;
  margin-bottom: 15px;
  color: #c5c5c5;
  margin-bottom: 12px;
  text-align: start;
  flex-grow: 1;
}
.footer-menu.has-column li{
    width: calc(50% - 15px);
}
.footer-menu li + li:not(:nth-child(2)) {
  position: relative;
}
.footer-menu.has-column li + li:not(:nth-child(2)) {
  margin-top: 7px;
}
.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: var(--primary-background);
  transition: all ease-in-out 0.15s;
  text-decoration: none;
  display: flex;
  align-items: center;
  font-weight: 700;
}
.footer-menu li a i {
  transition: all ease-in-out 0.25s;
  font-size: 18px;
}
.footer-menu li a span {
  transition: all ease-in-out 0.25s;
  font-weight: 600;
  letter-spacing: unset;
  font-size: 15px;
  font-family: "Poppins";
  padding: 0 5px;
}

.footer-menu li a:hover {
  color: var(--primary-color);
}
.footer-menu li a:hover i {
}
.footer-menu li a:hover span {
}

.copyrights-row {
  padding: 20px 0;
  background: #ffffff1f;
  color: #a5a5a5;
  position: relative;
  z-index: +1;
  backdrop-filter: blur(20px);
}

.copyrights-row .container-fluid {
  align-items: center;
  display: flex;
  gap: 15px;
}
.copyrights-row .container-fluid:before,
.copyrights-row .container-fluid:after {display: none;}
.copyrights-row .copywrite-text {padding: 0;flex-grow: 1;/* text-align: center; */}
.copyrights-row .copywrite-text span{
    font-weight: bold;
    color: var(--primary-color);
}
.copyrights-row .pv-copywrite-col {padding: 0;/* display: none; */font-size: 12px;}
.copyrights-row .pv-copywrite {
  color: #bfbfbfbf;
  font-family: "Squada One", cursive !important;
  font-size: 16px;
  text-decoration: none;
}
.copyrights-row .pv-copywrite:hover {
  color: #ffffff;
}

/******************************
product single (New)
******************************/
.product-container {
}
.product-data-row{}

.product-single-title-row .product-single-card{
    --margin-inline: 60px;
    position: relative;
    margin-inline-start: var(--margin-inline);
    display: flex;
    flex-wrap: wrap;
    column-gap: 40px;
}

.product-single-card::before,
.product-single-card::after{
  content:"";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(
  "../images/svg/patern-outline-right-side.svg");
  background-repeat: repeat-x;
  background-position: 0 center;
  background-size: auto 90%;
}
.product-single-card::before{
    background-image: url("../images/svg/patern-outline-left-side.svg");
    right: calc(100% + var(--margin-inline));
    background-position: right center;
}
.product-single-card::after{
    left: calc(100% + var(--margin-inline));
    width: 300%;
    /* background-repeat: repeat-x; */
}
.product-single-card .product-single-title-row{
    position: relative;
}
.product-single-card .card-icon{
    display: flex;
    align-items: center;
    max-width: 140px;
    aspect-ratio: 1/1;
}
.product-single-card .card-icon img{}
.product-single-card .card-data{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.product-single-card .card-data .product-title{
    margin-top: 10px;
    margin-bottom: 10px;
    border: none;
    padding: 0;
    font-size: 3rem;
    color: var(--primary-color-dark);
}
.product-single-card .card-data .product-sub-title{
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 2rem;
    font-weight: bold;
}
.product-container h1 {
  text-align: center;
  color: #004d79;
}

.product-container h2 {
  color: #00487a;
  margin-top: 30px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px;
  font-weight: bold;
}
.product-container h2.product-name {
  /* text-align: center; */
  border-bottom: none;
}
.product-container .overview{}
.product-container ul {
  list-style: none;
  padding-left: 0;
  font-size: 1.4rem;
}

.product-container li {
  margin-bottom: 8px;
  line-height: 1.6;
}

.product-container .section {
  margin-bottom: 35px;
}

.product-container .product-image {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 25px auto;
  border-radius: 0px;
}
.product-container .product-links{
    display: flex;
    align-items: center;
    gap: 60px;
    justify-content: center;
    flex-wrap: wrap;
}
.product-container .product-links a{
    background: #000;
    color: #fff;
    padding: 9px 20px;
    line-height: inherit;
    font-size: 2.4rem;
    font-weight: bold;
}
.product-container .product-links a:hover{}


.mobile-only{
  display: none;
}

.product-container .product-data-row{display: flex;column-gap: 40px;margin-top: 60px;margin-block-end: 80px;}
.product-container .product-name{
    text-align: start;
    margin-block-start: 0;
    line-height: normal;
    font-weight: 600;
    color: var(--text-color);
    font-size: 2.8rem;
}
.product-container .product-photo{
    position: relative;
    /* flex-grow: 1; */
}
.product-container .product-photo img{
    margin: 0;
    /* border: 1px #E9E9E9 solid; */
}
.product-container .product-price{
    font-size: 2.7rem;
    font-weight: 600;
    color: var(--title-color-light);
    margin-bottom: 20px;
    display: flex;
    flex-wrap: nowrap;
    gap: 13px;
}
.product-container .product-price .currency{}
.product-container .product-price .price{}
.product-container .product-details{
    flex-grow: 1;
    /* width: 60%; */
}
.product-container .product-details li{}
.product-container .product-details .data-label{
    font-weight: 500;
}
.product-container .product-details .data-text{
    color: var(--text-color-med);
}
.product-container .order-row{
    margin-block: 20px;
}
.product-container .order-row a{
    display: inline-flex;
    background: var(--title-color-light);
    color: #fff;
    padding: 10px 15px;
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: 1px;
}
.product-container .order-row a:hover,
.product-container .order-row a:focus{
    background: var(--dark-bg-color);
}

.product-container .contents-area{
    /* border-top: 1px #E9E9E9 solid; */
    margin-block-start: 30px;
    display: flex;
    gap: 60px;
    flex-direction: row-reverse;
    position: relative;
}
.product-container .contents-area .product-photo-col{
    width: 30.5%;
    /* position: sticky; */
    /* top: 0; */
}
.product-container .contents-area .product-photo::after{
  content:"";
  position: absolute;
  right: 0;
  z-index: +1;
  height: 100%;
  width: 20%;
  background: var(--primary-color-dark);
  border: none;
  /* background-blend-mode: initial; */
  mix-blend-mode: hard-light;
}
.product-container .contents-area .product-photo-col img{
    position: relative;
    mix-blend-mode: luminosity;
}
.product-container .contents-area .contents-title{
    font-weight: 500 !important;
    font-size: 2rem;
    color: var(--text-color);
    margin-block-end: 22px;
}
.product-container .contents-area .overview{
    flex-grow: 1;
    min-width: 50%;
    width: 70%;
}
.product-container .contents-area .overview article{
    /* line-height: normal; */
    font-size: 1.5rem;
    color: #333;
}
.product-container .contents-area .overview-details{
    flex-grow: 1;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.product-container .contents-area .overview-details:before{
  content:"";
  position: absolute;
  width: 1px;
  height: calc(100% - 32px);
  background: #E9E9E9;
  left: -15px;
  top: 23px;
}
.product-container .contents-area .overview-details .product-features-col{}
.product-container .contents-area .overview-details .product-specifications-col{}
.product-container .contents-area .overview-details ul{
    list-style: disc;
    padding-inline-start: 30px;
}
.product-container .contents-area .overview-details ul li{}
.product-container .contents-area .overview-details ul li span{}
.product-container .contents-area .overview-details ul li span.data-title{}
.product-container .contents-area .overview-details ul li span.data-text{}



.product-container .share-row{
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-block-start: 30px;
}
.product-container .share-row span{
    font-weight: 600;
}
.product-container .share-row .social-share{
    flex-grow: 1;
    width: 100%;
    font-size: 3rem;
    display: flex;
    gap: 15px;
    flex-wrap: nowrap;
}
.product-container .share-row .social-share a{
    color: #757575;
}
.product-container .share-row .social-share a i{}
.product-container .share-row .social-share a:focus,
.product-container .share-row .social-share a:hover{
    color: #007bff;
}
.product-container .share-row .social-share a:focus i,
.product-container .share-row .social-share a:hover i{}




.order-now-container{
    position: relative;
}

.order-now-container form{}
.order-now-container form label{
    display: flex;
    align-items: center;
    gap: 5px;
}
.order-now-container form label span{}
.order-now-container form label[required]{}
.order-now-container form label[required]:before{
  content:"*";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: red;
  /* font-size: 1.5rem; */
}

.order-now-container .send-success{
    font-weight: 600;
    font-size: 2rem;
    color: var(--title-color-1);
}
.order-now-container .order-loading{
    position: absolute;
    z-index: +1;
    background: #ffffff7a;
    backdrop-filter: blur(1px);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.order-loader {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: inline-block;
  border-top: 3px solid #007bff;
  border-right: 3px solid transparent;
  box-sizing: border-box;
  animation: loaderRotation 1s linear infinite;
}

@keyframes loaderRotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 



.products-archive-title-row{
    display: flex;
    column-gap: 40px;
    margin-top: 80px;
    margin-block-end: 80px;
    justify-content: center;
}
.products-archive-title-row .products-archive-card{
    --margin-inline: -33px;
    position: relative;
    /* margin-inline-start: var(--margin-inline); */
    display: flex;
    flex-wrap: wrap;
    column-gap: 40px;
    max-width: 50%;
}

.products-archive-card::before,
.products-archive-card::after{
  content:"";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(
  "../images/svg/patern-outline-right-side.svg");
  background-repeat: repeat-x;
  background-position: 0 center;
  background-size: auto 90%;
}
.products-archive-card::before{
    background-image: url("../images/svg/patern-outline-left-side.svg");
    right: calc(100% + var(--margin-inline));
    background-position: right center;
}
.products-archive-card::after{
    left: calc(100% + var(--margin-inline));
    width: 300%;
    /* background-repeat: repeat-x; */
}
.products-archive-card .products-archive-title-row{
    position: relative;
}
.products-archive-card .card-icon{
    display: flex;
    align-items: center;
    max-width: 140px;
    aspect-ratio: 1/1;
}
.products-archive-card .card-icon img{}
.products-archive-card .card-data{
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
.products-archive-card .card-data .archive-title{
    margin-top: 10px;
    margin-bottom: 20px;
    border: none;
    padding: 0;
    font-size: 2.1rem;
    line-height: unset;
    color: var(--secondary-background);
    font-weight: 700;
    font-family: var(--base-font);
    letter-spacing: 1px;
}
.products-archive-card .card-data .archive-text{
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 1.9rem;
    line-height: unset;
    font-weight: 500;
    padding-inline: 70px;
}

.under-construction-row{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.under-construction-row h2{
    font-size: 4rem;
    font-weight: 700;
    color: var(--primary-color);
    margin-top: 60px;
}