@font-face {
  font-family: 'icomoon';
  src: url('../fonts/icomoon.eot?uklu1l');
  src: url('../fonts/icomoon.eot?uklu1l#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?uklu1l') format('truetype'),
    url('../fonts/icomoon.woff?uklu1l') format('woff'),
    url('../fonts/icomoon.svg?uklu1l#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^='icon-'],
[class*=' icon-'] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  // speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-cart:before {
  content: '\e900';
  color: #fff;
  font-size: 24px;
}
.icon-user:before {
  content: '\e901';
  font-size: 24px;
}
.icon-chevron-down:before {
  content: '\e902';
}
.icon-chevron-right-small:before {
  content: '\e903';
  color: #a88746;
  font-size: 24px;
}

.icon-arrow-right:before {
  content: '\e905';
  font-size: 24px;
}
.icon-coolicon:before {
  content: '\e906';
}
.icon-check:before {
  content: '\e918';
  font-size: 24px;
}
.icon-on-top:before {
  content: '\e91c';
}
.icon-chevron-left:before {
  content: '\e904';
  font-size: 24px;
}
.icon-arrow-left:before {
  content: '\e90a';
  color: red;
  font-size: 20px;
}
.icon-arrow-right1:before {
  content: '\e90b';
  color: red;
  font-size: 20px;
}
.icon-close:before {
  content: '\e913';
}

.icon-chevron-right-3:before {
  content: '\e907';
  font-size: 24px;
}

.icon-facebook:before {
  content: '\e908';
  font-size: 2rem;
}

.icon-slider-icon-right:before {
  content: '\e909';
  font-size: 50px;
  color: red;
}

.icon-slider-icon-left:before {
  content: '\e90c';
  font-size: 50px;
  color: red;
}

.icon-cart-black:before {
  content: '\e90d';
  color: black;
  font-size: 24px;
}

.icon-icon-x .path1:before {
  content: '\e90e';
  color: #231f20;
  font-size: 40px;
}
.icon-icon-x .path2:before {
  content: '\e90f';
  color: #fff;
  margin-left: -1em;
  font-size: 40px;
}

.icon-Youtube-1 .path1:before {
  content: '\e910';
  color: #231f20;
  font-size: 2rem;
}
.icon-Youtube-1 .path2:before {
  content: '\e911';
  color: #fff;
  margin-left: -1.0419921875em;
  font-size: 2rem;
}

.icon-Instagram .path1:before {
  content: '\e912';
  color: #231f20;
  font-size: 2rem;
}
.icon-Instagram .path2:before {
  content: '\e914';
  color: #fff;
  margin-left: -1.0419921875em;
  font-size: 2rem;
}
.icon-grommet-icons_facebook:before {
  content: '\e915';
  font-size: 2rem;
}

.icon-coolicon {
  position: absolute;
  right: 15px;
  bottom: 15px;
  cursor: pointer;
}
.icon-icon-eye-off:before {
  content: '\e916';
  position: absolute;
   right: 15px;
   bottom: 15px;
  cursor: pointer;
}

.icon-Union:before {
  content: '\e917';
  font-size: 1.3rem;
  color: black;
  background-color: rgb(86 82 82 / 83%);
  padding: 3px;
}
.openImg {
  bottom: 2px;
  right: 0;
  cursor: pointer;
}

// .icon-grommet-icons_facebook {
//   &:hover {
//     color: $primary-color;
//   }
// }

// .icon-Instagram .path1 .path2 {
//   &:hover {
//     color: $primary-color;
//   }
// }