
.flex {
  display: flex;
}

.pd-t-5 {
  padding-top: 5px;
}

.item-center {
  align-items: center;
}

.text-center {
  text-align: center;
}

.first-lettet-capitalize::first-letter {
  text-transform: capitalize;
}

.space-between {
  justify-content: space-between;
}

.color-link{
  color: #2589F4;
}

.color-theme {
  color: #ED1C25;
}

.text-lowercase {
  text-transform: lowercase;
}

.underline {
  text-decoration: underline;
}

.color-black {
  color: #000;
}

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

.block {
  display: block;
}

.one-line {
  overflow: hidden;
  text-overflow: ellipsis;
}

.two-line {
  display: -webkit-box;
  -webkit-line-clamp: 2;   
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.color-666 {
  color: #666;
}

.fw550 {
  font-weight: 550;
}

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

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

.fs-sm {
  font-size: var(--font-size-sm, 12px);
}

.fs-md {
  font-size: var(--font-size-md, 14px) !important;
}

.hidden {
  display: none !important;
}

.color-red {
  color: red;
}

.flex-space-between {
    display: flex;
    justify-content: space-between;
}

/* style nút bấm chuyển trong Swiper */
.swiper-button-next,
.swiper-button-prev {
  background-color: var(--secondary-color, #Fff) !important;
  box-shadow:0px 2px 8px #00000029 !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-color, #333) !important;
}

/* Hover vào nút */
.swiper-button-next:hover,
.swiper-button-prev:hover {
  background-color: var(--primary-color, #ED1C25) !important;
  color: #fff !important;
}

/* Ẩn background hình mũi tên mặc định */
.swiper-button-next::after,
.swiper-button-prev::after {
  font-size: 16px !important;
}

.mb8 {
  margin-bottom: var(--spacing-small, 8px);
}