:root { --color-1: #000; --color-2: #fff; --color-3: #FFB915; --color-4: #800626; --color-5: #100F0F; --grad-1: linear-gradient(90deg, var(--color-3) 0%, #A30A29 100%); --grad-1-rev: linear-gradient(180deg, var(--color-3) 0%, #A30A29 100%); --grad-2: linear-gradient(90deg, #E79700 0%, var(--color-3) 100%); --size-12: 12px; --size-14: 14px; --size-16: 16px; --size-18: 18px; --size-20: 20px; --size-22: 22px; --size-24: 24px; --size-26: 26px; --size-28: 28px; --size-30: 30px; --regular: 300; --semiBold: 500; --bold: 700; --rounded: 5px; --base-font: "Public Sans", sans-serif; }
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: var(--base-font); }
img { width: 100%; display: block; }

.bf-sale-theme {float:left; width:100%;}
.bf-theme-bg { background: var(--color-5); }
.btn { z-index: 1; margin: 0 auto; padding: 6px 30px; text-align: center; position: relative; color: var(--color-1); font-weight: var(--bold); font-size: var(--size-18); background: var(--grad-2); line-height: var(--size-24); transition: all 0.3s ease-in; overflow: hidden; border-radius: var(--rounded); }
.btn::before { content: ''; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: -1; position: absolute; background: var(--color-1); transition: all .3s ease-in; }
.btn-1 { color: var(--color-2); background: var(--grad-1); }
/*  */
.bf-theme-section-2 { padding-block: 30px 40px; }
.sp-offer-card-row { gap: 20px; display: flex; flex-wrap: wrap; }
.sp-offer-card-col { width: calc((100% - 20px) / 2); }
.sp-offer-card { padding: 10px; z-index: 1; position: relative; background: var(--grad-1); border-radius: var(--rounded); background-size: 100% 100%; background-position: center; transition: background-position 2s ease-in; }
.sp-offer-card::after,
.sp-offer-one-inner::after { content: ''; right: 0; bottom: 0; width: 100%; height: 100%; z-index: -1; position: absolute; background: url('./images/BlackFriday25/bf-theme-ele-pattern.png') no-repeat; background-position: right bottom; background-size: contain; }
.sp-offer-card:hover { background-size: 130% 20%; background-position: center left; }
.sp-offer-card { display: flex; align-items: center; }
.sp-offer-card-content .title { font-weight: var(--bold); font-size: var(--size-22); line-height: var(--size-28); }
.sp-offer-card-content { flex: 1; display: flex; text-align: center; align-items: center; color: var(--color-2); flex-direction: column; }
.sp-offer-card-price .title { font-size: var(--size-16); line-height: var(--size-22); font-weight: var(--regular); }
.sp-offer-card-price { padding: 16px 0 32px; }
.sp-offer-card-rate { font-weight: var(--bold); font-size: var(--size-24); line-height: var(--size-30); }
.sp-offer-card:hover .btn { color: var(--color-2); }
.sp-offer-card:hover .btn::before { opacity: 1; }
/*  */
.sp-offer-one { margin: 20px 0; }
.sp-offer-one-inner { gap: 20px; z-index: 1; display: flex; position: relative; padding: 10px 20px; align-items: center; background: var(--color-2); border-radius: var(--rounded); }
.bf-stamp { width: 20%; }
.bf-offer-one-content { flex: 1; display: flex; text-align: center; align-items: center; flex-direction: column; justify-content: center; }
.bf-offer-one-content .sp-offer-card-rate { font-size: calc(var(--size-16) * 2); }
.sp-offer-one-inner:hover .btn { color: var(--color-2); }
.sp-offer-one-inner:hover .btn::before { opacity: 1; }
/*  */
.section-header { padding-bottom: 40px; }
.section-header .section-title { text-align: center; color: var(--color-2); font-weight: var(--bold); font-size: calc(var(--size-16) * 3); }
.section-header .section-diff { color: var(--color-3); }
.sp-off-card-ele { width: calc((100% - 60px) / 4); }
.sp-off-card { padding: 10px; background: var(--color-2); border-radius: calc(var(--rounded) * 4); transition: all .3s ease-in; }
.sp-off-card:hover { box-shadow: 0 0 34px #ffffff4f; }
.sp-off-card .sp-off-card-img { display: flex; align-items: center; justify-content: center; }
.sp-off-card .sp-off-card-img img { max-width: 200px; }
.sp-off-card-content { display: flex; align-items: center; padding-block: 10px; flex-direction: column; justify-content: center; }
.sp-off-card-content .title:not(.sp-off-card-price .title) { font-size: var(--size-18); line-height: var(--size-24); font-weight: var(--bold); height: 48px; overflow: hidden; text-align: center; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.sp-off-card-price { display: flex; gap: 5px; align-items: center; padding-block: 10px 24px; justify-content: center; }
.sp-off-card-price .title { font-size: var(--size-14); font-weight: var(--semiBold); }
.rate-red { color: var(--color-4); font-weight: var(--bold); font-size: var(--size-18); line-height: var(--size-24); }
.sp-off-card:hover .btn::before { opacity: 1; }
/*  */
.sp-offer-two { padding: 40px 0; }
.sp-offer-two-inner { gap: 20px; display: flex; align-items: center; padding: 10px 40px; background: #C4E7FF; border-radius: var(--rounded); }
.sp-offer-two-inner .bf-stamp { width: 25%; }
.bf-offer-two-content { flex: 1; }
.bf-offer-two-content .title { line-height: 36px; font-weight: var(--bold); font-size: calc(var(--size-16) * 2); }
.bf-offer-two-content .sp-offer-card-price { padding-block: 40px 0; display: flex; justify-content: space-between; align-items: flex-end; }
.bf-offer-two-content .sp-offer-card-price .title { font-size: var(--size-16); font-weight: var(--regular); line-height: var(--size-22); }
.bf-offer-two-content .sp-offer-card-rate { font-size: calc(var(--size-16) * 2); }
.sp-offer-btns { text-align: right; }
.bf-offer-two-content .sp-offer-btns .btn { color: var(--color-2); }
.sp-offer-two-inner:hover .bf-offer-two-content .sp-offer-btns .btn { color: var(--color-1); }
.bf-offer-two-content .sp-offer-btns .btn::before { opacity: 1; }
.sp-offer-two-inner:hover .bf-offer-two-content .sp-offer-btns .btn::before { opacity: 0; }
/*  */
.bf-theme-section-4 { padding-block: 60px 100px; }
.bf-theme-section-4 .section-header { text-align: center; padding-bottom: 60px; }
.bf-theme-section-4 .section-header img { width: auto; margin: 0 auto; }
.bf-cate-row { gap: 26px; display: flex; flex-wrap: wrap; }
.bf-cate-card-ele { width: calc((100% - 26px) / 2); border-radius: 10px; transition: all .3s ease-in; }
.bf-cate-card-ele:hover {box-shadow: 0 0 26px #ffffff4f;}
.bf-cate-card-ele img {max-width: 586px;}

.main_FooterDiv {margin-top:2px !important;}



@media (max-width: 1149px) and (min-width: 1024px) {
.sp-offer-card-img { width: 64%; }
.sp-offer-card-content .title { font-size: var(--size-20); line-height: var(--size-26); }
.sp-offer-card-price .title { font-size: var(--size-14); line-height: var(--size-20); }
}
@media (max-width: 1024px) {
.btn { padding: 6px 24px; font-size: var(--size-16); line-height: var(--size-22); }
.sp-offer-card-price { padding: 14px 0 24px; }
.bf-stamp { width: 30%; }
.bf-offer-one-content .sp-offer-card-rate { font-size: calc(var(--size-14) * 2); }
.bf-offer-one-content { flex: 0 0 20%; }
}
@media (max-width: 991px) {
 .sp-offer-card { gap: 10px; }
.sp-offer-card-row { gap: 12px; }
.sp-offer-one { margin: 12px 0; }
.sp-offer-card-col { width: calc((100% - 12px) / 2); }
 }
@media (max-width: 991px) and (min-width: 768px) {
.sp-offer-card-img { width: calc(64% - 5px); }
.sp-offer-card-content { width: calc(36% - 5px) }
.sp-offer-card-content .title { font-size: var(--size-18); line-height: var(--size-24); }
.sp-offer-card-price .title { font-size: var(--size-14); line-height: var(--size-20); }
.sp-offer-card-price { padding: 12px 0 14px; }
.sp-offer-card-rate { font-size: var(--size-20); line-height: var(--size-26); }
.btn { padding: 6px 16px; font-size: var(--size-14); line-height: var(--size-20); }
.bf-offer-one-content .sp-offer-card-rate { font-size: calc(var(--size-12) * 2); }
.sp-off-card-ele { width: calc((100% - 36px) / 4); }
.sp-off-card { border-radius: calc(var(--rounded) * 3); }
.sp-off-card-content .title:not(.sp-off-card-price .title) { height: 40px; font-size: var(--size-16); line-height: var(--size-20); }
.sp-off-card-price .title { font-size: var(--size-12); }
.rate-red { font-size: var(--size-16); line-height: var(--size-20); }
.sp-off-card-price { padding-block: 10px 16px; }
.section-header .section-title { font-size: calc(var(--size-20) * 2); }
.section-header { padding-bottom: 30px; }
/*  */
.sp-offer-two-inner { gap: 12px; padding: 10px 16px; }
.bf-offer-two-img { flex: 1; }
.bf-offer-two-content .title { line-height: var(--size-30); font-size: calc(var(--size-12) * 2); }
.bf-offer-two-content .sp-offer-card-price { padding-top: 24px; }
.bf-offer-two-content .sp-offer-card-price .title { font-size: var(--size-14); line-height: var(--size-20); }
.bf-offer-two-content .sp-offer-card-rate { line-height: var(--size-30); font-size: calc(var(--size-14) * 2); }
.bf-theme-section-4 { padding-block: 40px 80px; }
.bf-theme-section-4 .section-header { padding-bottom: 40px; }
.bf-theme-section-4 .section-header img { width: 80%; }
.bf-cate-row { gap: 16px; }
.bf-cate-card-ele { width: calc((100% - 16px) / 2); }
 }
@media (max-width: 767px) {
.sp-offer-card:hover { background-size: 100% 100%; }
.sp-offer-card { flex-wrap: wrap; background: var(--grad-1-rev); }
.sp-offer-card-content .title { font-size: var(--size-18); line-height: var(--size-24); }
.sp-offer-card-price .title { font-size: var(--size-14); line-height: var(--size-20); }
.sp-offer-card-price { padding: 10px 0 16px; }
.sp-offer-card-rate { font-size: var(--size-20); line-height: var(--size-26); }
.btn { font-size: var(--size-14); line-height: var(--size-20); }
.section-header { padding-bottom: 30px; }
.sp-off-card-price { flex-wrap: wrap; gap: 0; padding: 10px 0 14px; flex-direction: column; }
.sp-offer-one-inner { flex-wrap: wrap; padding-bottom: 20px; justify-content: center; }
.sp-off-card-content .title:not(.sp-off-card-price .title) { height: 40px; font-size: var(--size-16); line-height: var(--size-20); }
.bf-stamp,
.sp-offer-two-inner .bf-stamp { width: 60%; }
.bf-offer-one-content { flex: 1; }
.sp-offer-two { padding: 20px 0; }
.sp-off-card { border-radius: calc(var(--rounded) * 2); }
.section-header .section-title { font-size: calc(var(--size-14) * 2); }
.sp-off-card-ele { width: calc((100% - 12px) / 2); }
.sp-offer-two-inner { flex-wrap: wrap; padding: 10px 16px 20px; justify-content: center; }
.bf-offer-two-content .sp-offer-card-price { padding-top: 20px; /* width: 80%; */ }
.bf-offer-two-content .title { line-height: var(--size-30); font-size: calc(var(--size-12) * 2); }
.bf-offer-two-content { flex: 0 0 80%; margin: 0 auto; }
.bf-theme-section-4 { padding-block: 30px 60px; }
.bf-theme-section-4 .section-header { padding-bottom: 30px; }
.bf-cate-row { gap: 12px; }
.bf-cate-card-ele { width: calc((100% - 12px) / 2); }
}
@media (max-width: 374px) {
.bf-offer-two-content { flex: 1; }
.sp-offer-two { padding: 16px 0; }
.sp-off-card-content .title:not(.sp-off-card-price .title) { height: 30px; font-size: var(--size-12); line-height: var(--size-16); }
.sp-offer-card-price { padding: 4px 0 12px; }
.sp-offer-card-content .title { font-size: var(--size-16); line-height: var(--size-22); }
.sp-offer-card-price .title,
.sp-off-card-price .title { font-size: var(--size-12); }
.bf-offer-two-content .sp-offer-card-rate { font-size: calc(var(--size-14) * 2); }
}