:root {
  --red-main: #cc3a3d;
  --red-main-hover: #912c2d;
  --red-pink-hover: #ffb3b3;
  --red-sub: #890f0dbf;
  --primary: #757575;
  --secondary: #111624;
  --paragraph-color: #6e6e6e;
  --heading-color: #1b1717;
  --black-25: #444b59;
  --border: #dadada;
  --neutral-03: #333;
  --neutral-04: #4d4d4d;
  --neutral-05: #666;
  --neutral-06: #808080;
  --neutral-07: #999999;
  --neutral-08: #b3b3b3;
  --neutral-09: #ccc;
  --neutral-10: #e5e5e5;
  --neutral-11: #f2f2f2;
  --Neutral-1: #2b3a4b;
  --Neutral-4: #6d7580;
  --Neutral-5: #858c94;
  --Neutral-9: #f4f6f9;
  --rating-color: #3f3f3f;
  --blue: #004da9;
  --blue-2: #150e56;
  --black: #252525;
  --yellow: #f5b455;
  --new-blue: #08a5d3;
  --pending-blue: #51bbd4;
  --approved-green: #019b08;
  --dark-blue: #142b6f;
  --new-green: #a2bf00;
  --white-smoke: #f3f3f3;
  --light-copy-text-body: #444444;
  --green: #299241;
}

.font-sigmar-one {
  font-family: 'Sigmar One', cursive;
}

.text-red-main {
  color: var(--red-main);
}

.text-red-sub {
  color: var(--red-sub);
}

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

.text-secondary-color {
  color: var(--secondary);
}

.text-paragraph {
  color: var(--paragraph-color);
}

.text-heading-color {
  color: var(--heading-color);
}

.text-black-25 {
  color: var(--black-25);
}

.text-neutral-1 {
  color: var(--Neutral-1);
}

.text-neutral-03 {
  color: var(--neutral-03) !important;
}

.text-neutral-04 {
  color: var(--neutral-04);
}

.text-neutral-07 {
  color: var(--neutral-07);
}

.text-neutral-08 {
  color: var(--neutral-08);
}

.text-neutral-4 {
  color: var(--Neutral-4);
}

.text-neutral-05 {
  color: var(--neutral-05);
}

.text-neutral-5 {
  color: var(--Neutral-5);
}

.text-neutral-06 {
  color: var(--neutral-06);
}

.text-neutral-11 {
  color: var(--neutral-11);
}

.text-rating-color {
  color: var(--rating-color);
}

.text-blue {
  color: var(--blue);
}

.text-blue-2 {
  color: var(--blue-2);
}

.text-yellow {
  color: var(--yellow);
}

.text-new-blue {
  color: var(--new-blue);
}

.text-new-green {
  color: var(--new-green);
}

.text-pending-blue {
  color: var(--pending-blue);
}

.text-approved-green {
  color: var(--approved-green);
}

.text-light-copy-mute {
  color: var(--light-copy-text-body) !important;
}

.text-white-75 {
  color: rgba(255, 255, 255, 0.75);
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.50);
}

.text-green {
  color: var(--green);
}

.hover-text-primary:hover {
  color: var(--red-main-hover);
  cursor: pointer;
}

.hover-bg-primary:hover {
  background-color: var(--red-main-hover);
  border-color: var(--red-main-hover);
  color: #fff;
}

.fs-48 {
  font-size: 2.5rem;
}

.fs-45 {
  font-size: 2.8125rem;
  /* 45px */
}

.fs-36 {
  font-size: 2.25rem;
}

.fs-35 {
  font-size: 2.1875rem;
  /* 35px */
}

.fs-32 {
  font-size: 2rem;
}

.fs-30 {
  font-size: 1.875rem;
}

.fs-25 {
  font-size: 1.5rem;
}

.fs-22 {
  font-size: 1.375rem;
}

.fs-20 {
  font-size: 1.25rem;
}

.fs-18 {
  font-size: 1.125rem;
}

.fs-17 {
  font-size: 1.0625rem;
}

.fs-15 {
  font-size: 0.9375rem;
}

.fs-14 {
  font-size: 0.875rem;
}

.fs-13 {
  font-size: 0.8125rem;
}

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

.fs-11 {
  font-size: 0.6875rem;
}

.fs-10 {
  font-size: 0.625rem;
}

.fw-900 {
  font-weight: 900;
}

.fw-800 {
  font-weight: 800;
}

.fw-700 {
  font-weight: 700 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

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

.lh-30 {
  line-height: 1.875rem;
}

.lh-24 {
  line-height: 1.5rem;
}

.custom-btn {
  border-radius: 15px;
  border: 1px solid var(--red-main);
  background-color: #fff;
}

.btn-square {
  border-radius: 4px;
  border: none;
}

.btn-square.btn-square-fill,
.custom-btn.btn-custom-fill {
  background-color: var(--red-main);
  color: #fff;
}

.btn-square.btn-square-fill:hover,
.custom-btn.btn-custom-fill:hover {
  background-color: var(--red-main-hover);
}

.btn-square.btn-square-empty {
  background-color: #fff;
  color: var(--red-main);
  border: 1px solid var(--red-main);
}

.btn-square.btn-square-empty:hover {
  background-color: var(--red-main);
  color: #fff;
}

.btn-fill-primary {
  color: #fff;
  background-color: var(--red-main);
}

.btn.btn-fill-primary:hover,
.btn-fill-primary:hover {
  background-color: var(--red-main-hover);
  border-color: var(--red-main-hover);
  color: #fff;
}

.btn-fill-secondary {
  color: #fff;
  background-color: var(--secondary);
}

.btn-fill-secondary:hover {
  color: var(--secondary);
  background-color: #fff;
}

.btn-outline-blue {
  color: var(--blue);
  background-color: #fff;
  border: 1px solid var(--blue);
  align-items: center;
}

.btn-outline-blue:hover {
  color: #fff;
  background-color: var(--blue);
}

.btn-outline-red {
  border-radius: 4px;
  color: var(--red-main);
  background-color: #fff;
  border: 1px solid var(--red-main);
}

.btn-outline-red:hover {
  color: #fff;
  background-color: var(--red-main);
}

.custom-btn:hover {
  background-color: var(--red-main);
  color: #fff;
  cursor: pointer;
}

.z-index-1 {
  z-index: 1;
}

/* Button start*/
.btn-4,
.btn-10,
.btn-15,
.btn-pill {
  border: 1px solid var(--red-main);
  background-color: #fff;
}

.btn-4 {
  border-radius: 4px;
}

.btn-10 {
  border-radius: 10px;
}

.btn-15 {
  border-radius: 15px;
}

.btn-pill {
  border-radius: 50px;
}

.btn-4:hover,
.btn-10:hover,
.btn-15:hover,
.btn-pill:hover {
  background-color: var(--red-main);
  color: #fff;
  cursor: pointer;
}

.btn-4.btn-4-fill,
.btn-10.btn-10-fill,
.btn-15.btn-15-fill,
.btn-pill.btn-pill-fill {
  background-color: var(--red-main);
  color: #fff;
}

.btn-4.btn-4-fill:hover,
.btn-10.btn-10-fill:hover,
.btn-15.btn-15-fill:hover,
.btn-pill.btn-pill-fill:hover {
  background-color: var(--red-main-hover);
  color: #fff;
}

/* Button end */

/* Background start */

.bg-custom-secondary-color {
  background-color: var(--secondary);
}

.bg-custon-white-smoke {
  background-color: var(--white-smoke);
}

/* Background end */


/* Recaptcha start */
.sidebar-main .g-recaptcha {
  transform: scale(0.77);
  transform-origin: 0 0;
}

/* Recaptcha end */

.iconAvatar {
  width: 45px;
  height: 45px;
}

.userAvatar {
  width: 25px;
  height: 25px;
}

button.prevent-button:disabled,
button.prevent-submit:disabled {
  cursor: not-allowed !important;
  pointer-events: unset !important;
  opacity: 0.6;
  /* Tăng hiệu ứng thị giác cho nút */
}

.btn.prevent-button:disabled,
.btn.prevent-submit:disabled {
  color: #fff;
  background-color: #cc3a3d;
}

.btn.prevent-button,
.btn.prevent-submit {
  border: none !important;
}

.btn-red-main {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1.5rem;
  position: relative;
  border-radius: 2.25rem
}

.btn-red-main svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-red-main.disabled {
  background-color: var(--red-main);
  color: #fff;
}

.wrs_tickContainer {
  display: none !important;
}