@font-face {
      font-family: BrotherSignature;
      src: url(css/font/BrotherSignature-7BWnK.otf);
   }

   body {

      cursor: url('https://evvolution.com/img/flag/cursor.cur'), auto;
   }

   @keyframes slideLeft {
      0% {
         opacity: 0;
         transform: translateX(100%);
      }

      100% {
         opacity: 1;
         transform: translateX(0%);
      }
   }

   @keyframes slideRight {
      0% {
         opacity: 1;
         transform: translateX(0%);
      }

      100% {
         opacity: 0;
         transform: translateX(100%);
      }
   }

   @media only screen and (max-width: 992px) {

      .navbar-left,
      .navbar-right {
         flex: 0 0 auto;
      }

      .navbar-right {
         align-items: center;
      }

      .navbar-center {
         flex: 0 0 100%;
         order: 3;
         align-items: center;
      }
   }

   @media only screen and (max-width: 992px) {
      .menu {
         position: fixed;
         top: 0;
         left: 0;
         width: 75%;
         height: 100%;
         z-index: 100;
         overflow: hidden;
         transform: translate(-100%);
         background-color: #000;
         transition: all 0.4s ease-in-out;
      }

      .menu.is-active {
         transform: translate(0%);
      }

      .darkmode .menu {
         background-color: var(--night-300);
      }
   }

   .menu-header {
      display: none;
      box-shadow: var(--shadow-medium);
   }

   .menu-item {
      display: inline-block;
      line-height: 1.5;
      padding-right: 1.25rem;
   }

   .menu-link {
      font-family: Poppins;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      color: #fff;
      text-transform: capitalize;
      transition: all 0.25s ease;
   }

   .menu-link>i.bx {
      font-size: 1.35rem;
      margin-left: 0.25rem;
      transform: rotate(90deg);
   }

   .darkmode .menu-link {
      color: var(--white-100);
   }

   .menu-icon {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 6px;
      font-size: 1.45rem;
      color: var(--black-300);
      transition: all 0.25s ease;
   }

   .darkmode .menu-icon {
      color: var(--white-100);
   }

   @media only screen and (min-width: 993px) {
      .menu-dropdown:hover>.submenu {
         opacity: 1;
         visibility: visible;
         margin-top: 1rem;
      }
   }

   @media only screen and (max-width: 992px) {
      .menu-header {
         position: relative;
         top: 0;
         display: flex;
         align-items: center;
         justify-content: flex-start;
         height: 4rem;
         z-index: 110;
         visibility: hidden;
         background: transparent;
      }

      .menu-header.is-active {
         visibility: visible;
         background-color: var(--white-100);
      }

      .menu-header.is-active>.menu-arrow {
         display: block;
      }

      .darkmode .menu-header.is-active {
         background-color: var(--night-100);
      }

      .menu-arrow {
         display: none;
         cursor: pointer;
         width: 3rem;
         height: 4rem;
         text-align: center;
      }

      .menu-inner {
         height: 100%;
         margin-top: -3rem;
         overflow-y: auto;
         overflow-x: hidden;
      }

      .menu-item {
         display: block;
         line-height: 1;
         padding-inline: 0;
      }

      .menu-link {
         justify-content: space-between;
         height: 2.5rem;
         line-height: 2.5rem;
         padding-inline: 1.25rem;
      }

      .menu-link>i.bx {
         margin-left: 0.5rem;
         transform: rotate(0deg);
      }
   }

   .submenu-image {
      display: block;
      width: 100%;
      height: auto;
      margin-block: 0.5rem;
      object-fit: cover;
   }

   @media only screen and (max-width: 992px) {
      .submenu {
         position: absolute;
         display: none;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         max-width: none;
         min-width: auto;
         margin: 0;
         padding: 1rem;
         padding-top: 4rem;
         opacity: 1;
         overflow-y: auto;
         visibility: visible;
         box-shadow: none;
         transform: translateX(0%);
      }

      .submenu.is-active {
         display: block;
      }

      .submenu-inner {
         flex: 0 0 100%;
         padding: 0rem;
      }

      .submenu-list {
         margin-bottom: 1rem;
      }

      .submenu-link {
         display: block;
      }

      .submenu-image {
         margin-top: 0;
      }
   }

   .megamenu {
      left: 50%;
      width: 100%;
      height: auto;
      margin: 0 auto;
      transform: translateX(-50%);
   }

   /*.megamenu-column-1 {*/
   /*  left: 65%;*/
   /*max-width: 15rem;*/
   /*  width: 100%;*/
   /*  height: auto;*/
   /*}*/
   .megamenu-column-4 {
      display: flex;
      flex-wrap: wrap;
      /*max-width: 62rem;*/
      height: auto;
      margin: 0 auto;
      background: #fff;
   }

   @media only screen and (max-width: 992px) {
      .megamenu {
         position: absolute;
         display: none;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         max-width: none;
         min-width: auto;
         margin: 0;
         padding: 1rem;
         padding-top: 4rem;
         opacity: 1;
         overflow-y: auto;
         visibility: visible;
         transform: translateX(0%);
         box-shadow: none;
      }
   }

   .switch {
      position: relative;
      display: block;
      cursor: pointer;
      user-select: none;
      margin-right: 0.5rem;
   }

   .switch-light,
   .switch-dark {
      position: absolute;
      top: 50%;
      left: 50%;
      transform-origin: center;
      transform: translate(-50%, -50%);
      transition: all 0.3s ease-in;
   }

   .switch-light {
      font-size: 1.3rem;
      visibility: visible;
      color: var(--black-300);
   }

   .darkmode .switch-light {
      font-size: 0rem;
      visibility: hidden;
   }

   .switch-dark {
      font-size: 0rem;
      visibility: hidden;
      color: var(--white-100);
   }

   .darkmode .switch-dark {
      font-size: 1.3rem;
      visibility: visible;
   }

   .overlay {
      position: fixed;
      display: block;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 9;
      opacity: 0;
      visibility: hidden;
      background-color: rgba(0, 0, 0, 0.7);
      transition: all 0.45s ease-in-out;
   }

   @media only screen and (max-width: 992px) {
      .overlay.is-active {
         opacity: 1;
         visibility: visible;
      }
   }

   .burger {
      position: relative;
      display: block;
      cursor: pointer;
      width: 1.6rem;
      height: 1rem;
      margin-right: 1rem;
      opacity: 0;
      visibility: hidden;
      background: transparent;
   }

   @media only screen and (max-width: 992px) {
      .burger {
         opacity: 1;
         visibility: visible;
      }
   }

   .burger-line {
      position: absolute;
      display: block;
      left: 0;
      width: 100%;
      height: 2px;
      opacity: 1;
      border-radius: 1rem;
      background: hsl(40.96deg 56.52% 63.92%)
   }

   .darkmode .burger-line {
      background: var(--white-100);
   }

   .burger-line:nth-child(1) {
      top: 0px;
   }

   .burger-line:nth-child(2) {
      top: 0.5rem;
      width: 70%;
   }

   .burger-line:nth-child(3) {
      top: 1rem;
   }

   .submenu-inner {
      flex: 0 0 24%;
      padding: 0.5rem 1rem;
   }

   .submenu-list1 {
      margin-bottom: 1rem;
      padding-left: 0;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      width: min-content;
      gap: 10px;
   }

   .submenu-list2 {
      margin-bottom: 1rem;
      padding-left: 0;
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      width: min-content;
      gap: 10px;
   }

   .submenu-list11 {
      margin-bottom: 1rem;
      padding-left: 0;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      width: min-content;
      gap: 5px;
   }

   /*      .submenu {*/
   /*    background-color: #ffffff;*/

   /*}*/
   .submenu-list11 .submenu-link {
      color: #1f4d53;

   }

   .submenu-list1 .submenu-link {
      position: relative;
      padding-bottom: 5px;
      text-decoration: none;
      font-size: 14px;
      font-weight: 400;
      /* text-transform: uppercase; */
      color: #fff;
      /*background-color: #1f4d53; */
      width: 150px;
      padding: 8px 20px;
      border: 1px solid #1f4d5333;
      color: #1f4d53;
   }

   .submenu-list2 .submenu-link {
      position: relative;
      padding-bottom: 5px;
      text-decoration: none;
      font-size: 14px;
      font-weight: 400;
      text-transform: uppercase;
      color: #fff;
      /* background-color: #1f4d53; */
      width: 150px;
      padding: 8px 20px;
      border: 1px solid #1f4d5333;
      color: #1f4d53;
   }

   .menu-inner {
      margin-bottom: 0px;
   }

   a#google_translate_element {
      width: 25px;
      height: 45px;
      cursor: pointer;
   }

   .skiptranslate.goog-te-gadget {
      color: rgba(81, 168, 177, 0);
      margin-top: 0;
   }

   .skiptranslate.goog-te-gadget span {
      display: none;
   }

   .goog-te-gadget .goog-te-combo {
      color: #666;
      cursor: pointer;
   }

   .goog-te-gadget .goog-te-combo {
      margin: 4px 0;
      width: 42px;
      position: relative;
      left: 7%;
   }

   .goog-te-gadget .goog-te-combo {
      background-image:url("{{ asset('Front/img/translate.svg') }}") !important;

      background-repeat: no-repeat !important;
      /* width: 20px;
      height: 20px; */
      background-size: 20px 20px;
      background-position: center center !important;
      border: none;
      color: transparent;
      background-color: transparent;
      font-family: 'Poppins';
   }

   .goog-te-combo>option {
      color: #000 !important;
   }

   .goog-te-gadget .goog-te-combo {
      margin-left: 0% !important;
   }

   .translated-rtl .headroom--sticky.headroom--not-top {
      top: 40px !important;
   }

   .goog-logo-link {
      display: none !important;
   }

   .goog-te-gadget {
      color: transparent !important;
      font-size: 0px !important;
   }

   .skiptranslate iframe {
      display: none !important;
   }

   .VIpgJd-ZVi9od-ORHb {
      margin: 0;
      background-color: #E4EFFB;
      overflow: hidden;
      display: none !important;
   }