html {
  scroll-behavior: smooth;
}

@font-face {
  font-family: "icomoon";
  src: url("../assets/fonts/icomoon.eot?m0av4y");
  src: url("../assets/fonts/icomoon.eot?m0av4y#iefix")
      format("embedded-opentype"),
    url("../assets/fonts/icomoon.ttf?m0av4y") format("truetype"),
    url("../assets/fonts/icomoon.woff?m0av4y") format("woff"),
    url("../assets/fonts/icomoon.svg?m0av4y#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: never;
  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-plus:before {
  content: "\e900";
}

.icon-check-circle:before {
  content: "\e908";
}

mark {
  background: none;
  color: inherit;
}

.custom-line-through {
  text-decoration-color: red;
}

.button {
  background: linear-gradient(0deg, rgb(247, 207, 2), rgb(255, 252, 189));
  transition: all 0.2s linear;
}

.button:hover {
  background: rgb(253, 213, 14);
}

.scale {
  transition: all 0.2s linear;
}

.scale:hover {
  scale: 1.06;
}

html {
  scroll-behavior: smooth;
}

@font-face {
  font-family: "icomoon";
  src: url("../assets/fonts/icomoon.eot?m0av4y");
  src: url("../assets/fonts/icomoon.eot?m0av4y#iefix")
      format("embedded-opentype"),
    url("../assets/fonts/icomoon.ttf?m0av4y") format("truetype"),
    url("../assets/fonts/icomoon.woff?m0av4y") format("woff"),
    url("../assets/fonts/icomoon.svg?m0av4y#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: never;
  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-plus:before {
  content: "\e900";
}

.icon-check-circle:before {
  content: "\e908";
}

mark {
  background: none;
  color: inherit;
}

.custom-line-through {
  text-decoration-color: red;
}

.button {
  background: linear-gradient(0deg, rgb(247, 207, 2), rgb(255, 252, 189));
  transition: all 0.2s linear;
}

.button:hover {
  background: rgb(253, 213, 14);
}

.scale {
  transition: all 0.2s linear;
}

.scale:hover {
  scale: 1.06;
}

.bg-gradient-yellow {
  background: linear-gradient(to top, #212223, #3a3b3c);
}

.secondary-border {
  box-shadow: #303132 0px 0px 0px 3px inset, #a5282d 0px 0px 10px 0px;
}

.primary-border {
  box-shadow: #212223 0px 0px 0px 3px inset, #a5282d 0px 0px 10px 0px;
  border-radius: 6px;
}

.bg-customContent {
  background: radial-gradient(circle, #212223 0px, #303132 100%);
}

.bg-secondary-customContent {
  background: linear-gradient(to top, #a5282d 50%, #212223 51%);
}

.bg-secondary-customContent:hover {
  background: linear-gradient(to top, #212223 50%, #a5282d 51%);
}

.yes-button {
  background: linear-gradient(1turn, rgb(255, 179, 1), rgb(255, 222, 0));
}

.bg-customContent {
  background: radial-gradient(circle, #a5282d 0px, #212223 100%);
}

.bg-secondary-customContent {
  background: linear-gradient(to top, #fccd15 50%, #ffd814 51%);
}

.bg-secondary-customContent:hover {
  background: linear-gradient(to top, #ffd814 50%, #fccd15 51%);
}

@media screen and (min-width: 768px) {
  .shape-primary {
    background: linear-gradient(90deg, #212223, #a5282d, #212223);
  }

  .shape-normal {
    background: #a5282d;
  }

  .shape {
    clip-path: polygon(0% 0%, 0 70%, 50% 100%, 100% 70%, 100% 0%);
  }

  .bg-mdNoneContent {
    background: none;
  }
}