/******global media query*****/
@media only screen and (max-width: 600px) {
  .navbar {
    display: none !important; } }

/*****************************/
/******home's header*****/
.fixed-navbar {
  position: fixed !important;
  top: 0 !important;
  background-color: var(--primary-color);
  height: 100px !important;
  transition: all 0.3s ease-in-out;
  transform: translateY(-200px); }
  .fixed-navbar.sticky {
    transform: translateY(0); }
    .fixed-navbar.sticky button, .fixed-navbar.sticky .btn-primary {
      background-color: #fff;
      color: var(--primary-color); }
    .fixed-navbar.sticky .nav-logo {
      margin-top: 0 !important; }

.navbar, .fixed-navbar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 130px;
  z-index: 9999;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding: 0; }
  .navbar .nav-section, .fixed-navbar .nav-section {
    color: #fff;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    .navbar .nav-section .nav-span, .fixed-navbar .nav-section .nav-span {
      cursor: pointer;
      text-decoration: none;
      color: #fff; }
      .navbar .nav-section .nav-span:link, .navbar .nav-section .nav-span:visited, .fixed-navbar .nav-section .nav-span:link, .fixed-navbar .nav-section .nav-span:visited {
        cursor: pointer;
        text-decoration: none;
        color: #fff; }
    .navbar .nav-section .nav-logo, .fixed-navbar .nav-section .nav-logo {
      display: block;
      height: 60%;
      width: auto; }
    .navbar .nav-section .nav-dropdown, .fixed-navbar .nav-section .nav-dropdown {
      float: left;
      overflow: hidden; }
      .navbar .nav-section .nav-dropdown .nav-span:hover:after, .fixed-navbar .nav-section .nav-dropdown .nav-span:hover:after {
        content: url("../images/arrow-up.png") !important; }
      .navbar .nav-section .nav-dropdown .nav-span::after, .fixed-navbar .nav-section .nav-dropdown .nav-span::after {
        content: url("../images/arrow-down.png");
        transform: scale(0.5);
        vertical-align: middle;
        display: inline-block;
        cursor: pointer; }
      .navbar .nav-section .nav-dropdown .dropbtn, .fixed-navbar .nav-section .nav-dropdown .dropbtn {
        font-size: 16px;
        border: none;
        outline: none;
        color: white;
        padding: 14px 16px;
        background-color: inherit;
        font-family: inherit;
        margin: 0; }
      .navbar .nav-section .nav-dropdown:hover .dropdown-content, .fixed-navbar .nav-section .nav-dropdown:hover .dropdown-content {
        display: block; }
      .navbar .nav-section .nav-dropdown .dropdown-content, .fixed-navbar .nav-section .nav-dropdown .dropdown-content {
        display: none;
        overflow: hidden;
        position: absolute;
        z-index: 1;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border: 1px solid #707070;
        font-size: 14px;
        height: auto; }
        .navbar .nav-section .nav-dropdown .dropdown-content a, .fixed-navbar .nav-section .nav-dropdown .dropdown-content a {
          float: none;
          color: black;
          padding: 12px 16px;
          text-decoration: none;
          display: block;
          text-align: left; }
        .navbar .nav-section .nav-dropdown .dropdown-content a:hover, .fixed-navbar .nav-section .nav-dropdown .dropdown-content a:hover {
          background-color: #ddd; }

.mobile-header-section {
  position: relative;
  display: none;
  width: 100%;
  height: 50px; }
  @media (max-width: 600px) {
    .mobile-header-section {
      display: block; } }

.mobile-header {
  position: fixed;
  width: 100%;
  height: 50px;
  top: 0;
  display: none;
  transition: all 0.5s ease-out, background 1s ease-out;
  transition-delay: 0.2s;
  background-color: var(--primary-color);
  z-index: 999; }
  @media (max-width: 600px) {
    .mobile-header {
      display: block; } }
  .mobile-header-container {
    position: relative;
    display: inline-block;
    height: 50px;
    width: 50px;
    cursor: pointer;
    transform: rotate(0deg);
    transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    user-select: none;
    -webkit-tap-highlight-color: transparent; }
    .mobile-header-container #mobile-header-icon {
      width: 18px;
      height: 8px;
      position: relative;
      display: block;
      margin: -4px auto 0;
      top: 50%; }
      .mobile-header-container #mobile-header-icon .bar {
        width: 100%;
        height: 1px;
        display: block;
        position: relative;
        background: #FFF;
        transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
        transition-delay: 0s; }
        .mobile-header-container #mobile-header-icon .bar.topBar {
          transform: translateY(0px) rotate(0deg); }
        .mobile-header-container #mobile-header-icon .bar.btmBar {
          transform: translateY(6px) rotate(0deg); }
  .mobile-header .small-logo {
    display: inline-block;
    position: absolute;
    height: 100%;
    line-height: 50px;
    width: 50px;
    height: 50px;
    text-align: center;
    color: #FFF;
    font-size: 22px;
    transform: translateX(-50%); }
    [dir="rtl"] .mobile-header .small-logo {
      left: 60%; }
    [dir="ltr"] .mobile-header .small-logo {
      left: 40%; }
    .mobile-header .small-logo img {
      display: block;
      height: 100%; }
  .mobile-header ul.menu {
    position: relative;
    visibility: hidden;
    padding: 0px 48px 0;
    list-style: none;
    /*&:hover ul.sub-menu{
            display: block;
        }*/ }
    .mobile-header ul.menu li.menu-item {
      border-bottom: 1px solid #fff;
      margin-top: 5px;
      transform: scale(1.15) translateY(-30px);
      opacity: 0;
      transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99); }
      .mobile-header ul.menu li.menu-item:nth-child(1) {
        transition-delay: 0.49s; }
      .mobile-header ul.menu li.menu-item:nth-child(2) {
        transition-delay: 0.42s; }
      .mobile-header ul.menu li.menu-item:nth-child(3) {
        transition-delay: 0.35s; }
      .mobile-header ul.menu li.menu-item:nth-child(4) {
        transition-delay: 0.28s; }
      .mobile-header ul.menu li.menu-item:nth-child(5) {
        transition-delay: 0.21s; }
      .mobile-header ul.menu li.menu-item:nth-child(6) {
        transition-delay: 0.14s; }
      .mobile-header ul.menu li.menu-item:nth-child(7) {
        transition-delay: 0.07s; }
      .mobile-header ul.menu li.menu-item a, .mobile-header ul.menu li.menu-item label {
        display: block;
        position: relative;
        color: #FFF;
        font-weight: 100;
        text-decoration: none;
        font-size: 22px;
        line-height: 2.35;
        font-weight: 200;
        width: 100%; }
      .mobile-header ul.menu li.menu-item label:after {
        content: url("../images/arrow-down.png");
        transform: scale(0.5);
        display: inline-block;
        vertical-align: middle; }
    .mobile-header ul.menu .sub-menu {
      height: auto;
      overflow: hidden; }
      .mobile-header ul.menu .sub-menu input {
        position: absolute;
        display: none; }
      .mobile-header ul.menu .sub-menu label {
        position: relative;
        width: 100%;
        box-sizing: border-box; }
        .mobile-header ul.menu .sub-menu label:hover {
          text-indent: 4px; }
    .mobile-header ul.menu .sub-menu-content {
      position: absolute;
      display: none;
      overflow: hidden;
      left: 0;
      width: 100%; }
      .mobile-header ul.menu .sub-menu-content li {
        list-style: none; }
        .mobile-header ul.menu .sub-menu-content li a {
          font-size: 18px !important; }
    .mobile-header ul.menu input[type='checkbox']:checked + label .sub-menu-content {
      display: block;
      top: 40px; }
    .mobile-header ul.menu input[type='checkbox']:checked + label {
      height: 175px;
      text-indent: 4px;
      transition-property: height;
      transition-duration: .6s;
      -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .mobile-header.menu-opened {
    height: 100dvh;
    background-color: var(--primary-color);
    transition: all 0.3s ease-in, background 0.5s ease-in;
    transition-delay: 0.25s;
    z-index: 999; }
    .mobile-header.menu-opened .mobile-header-container {
      transform: rotate(90deg); }
      .mobile-header.menu-opened .mobile-header-container #mobile-header-icon .bar {
        transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
        transition-delay: 0.2s; }
        .mobile-header.menu-opened .mobile-header-container #mobile-header-icon .bar.topBar {
          transform: translateY(4px) rotate(45deg); }
        .mobile-header.menu-opened .mobile-header-container #mobile-header-icon .bar.btmBar {
          transform: translateY(3px) rotate(-45deg); }
    .mobile-header.menu-opened ul.menu {
      visibility: visible; }
      .mobile-header.menu-opened ul.menu li.menu-item {
        transform: scale(1) translateY(0px);
        opacity: 1; }
        .mobile-header.menu-opened ul.menu li.menu-item:nth-child(1) {
          transition-delay: 0.27s; }
        .mobile-header.menu-opened ul.menu li.menu-item:nth-child(2) {
          transition-delay: 0.34s; }
        .mobile-header.menu-opened ul.menu li.menu-item:nth-child(3) {
          transition-delay: 0.41s; }
        .mobile-header.menu-opened ul.menu li.menu-item:nth-child(4) {
          transition-delay: 0.48s; }
        .mobile-header.menu-opened ul.menu li.menu-item:nth-child(5) {
          transition-delay: 0.55s; }
        .mobile-header.menu-opened ul.menu li.menu-item:nth-child(6) {
          transition-delay: 0.62s; }
        .mobile-header.menu-opened ul.menu li.menu-item:nth-child(7) {
          transition-delay: 0.69s; }

.active {
  text-decoration: underline !important;
  text-underline-offset: 4px; }

/**************************/