:root {
  --primary: #ed1c24;
  --primary-1: #ca181f;

  --gray: #f8f9f9;
  --gray-1: #898989;
  --gray-2: #888;
  --gray-3: #f7f7f7;
  --gray-4: #f5f5f5;
  --gray-5: #ecf0f1;
  --gray-6: #f2f2f2;

  --black: #242424;

  --green: #28a745;

  --blue: #0363cd;

  --border: #e1e1e1;
}

.text-main {
  color: var(--primary) !important;
}

.text-888 {
  color: var(--gray-2) !important;
}

.bg-main {
  background-color: var(--primary);
}

.bg-new {
  background-color: var(--gray-4);
}

.bg-contact {
  background-color: var(--gray-6);
}

.fs-12 {
  font-size: 12px !important;
}

.fs-13 {
  font-size: 13px !important;
}

.fs-14 {
  font-size: 14px !important;
}

.fs-16 {
  font-size: 16px !important;
}

.fs-19 {
  font-size: 19px !important;
}

.fs-20 {
  font-size: 20px !important;
}

.fs-22 {
  font-size: 22px !important;
}

.fs-24 {
  font-size: 24px !important;
}

.fw-regular {
  font-weight: 500 !important;
}

.cursor {
  cursor: pointer;
}

.lh-20 {
  line-height: 20px;
}

.w-20 {
  width: 20% !important;
}

.h-50 {
  height: 50px !important;
}

/* reset css */
a {
  text-decoration: none;
}

body {
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 1.15;
  color: var(--black);
}

input:focus,
.accordion-button:focus {
  box-shadow: none !important;
}

.row-product {
  margin-right: calc(-0.2 * var(--bs-gutter-x));
  margin-left: calc(-0.2 * var(--bs-gutter-x));
}

.col-product {
  flex: 0 0 auto;
  width: 20%;
  padding: calc(var(--bs-gutter-x) * 0.2);
}

.link-main {
  color: var(--gray-2);
  transition: all 0.25s ease-in-out;
}

.link-main:hover {
  color: var(--primary);
  background-color: transparent;
}