#myTabVoucher .nav-item,
.banner-contain-3 .banner-detail.banner-half-width,
.cart-table table tbody tr td.product-detail .product .product-detail ul li.quantity .quantity-price,
.home-search-full .home-contain .home-detail>div,
.home-section-small .home-contain .home-detail.home-width,
.product-section .pickup-box .product-info .product-info-list-3 {
  width: 50%
}

#myTabVoucher .nav-item .nav-link {
  width: 100%;
  border-radius: 0;
  font-size: 14px;
  border-bottom: 1px solid var(--color-primary);
  border-top: 5px solid #d8d8d8
}

#myTabVoucherContent {
  border-top: none;
  margin-top: -1px
}

#myTabVoucher .nav-item .nav-link:hover {
  color: var(--text-primary);
  background: #ececec
}

#myTabVoucher .nav-item .nav-link.active {
  color: var(--text-primary);
  background: #fff;
  border-top: 5px solid var(--color-primary);
  border-left: 1px solid var(--color-primary);
  border-right: 1px solid var(--color-primary);
  border-bottom: none
}

.product-section-box .offer-table {
  margin-bottom: 0;
  border: 1px solid #ececec;
  table-layout: fixed;
  display: inherit;
  border-radius: 6px
}

.product-section-box .offer-table tbody tr td,
.product-section-box .offer-table tbody tr th {
  padding: 12px 16px
}

.product-section-box .offer-table tbody tr th {
  width: 7%
}

.cart-table.cart-table-2 table tbody tr td,
.order-table table tbody tr td,
.product-section-box .offer-table tbody tr td {
  vertical-align: middle
}

.cart-table table tbody tr td.quantity,
.product-section-box .offer-table tbody tr td.offer-name {
  width: 20%
}

.product-section-box .custom-tab {
  padding-top: calc(20px + (30 - 20) * ((100vw - 320px)/ (1920 - 320)))
}

.product-section-box .custom-tab .nav-desh {
  margin-bottom: calc(22px + (30 - 22) * ((100vw - 320px)/ (1920 - 320)))
}

.cart-section .special-seller-box .sub-total-table tbody tr.shipping-list td .form-check,
.cart-table.cart-table-2 table,
.category-slider.slick-dotted,
.footer-section-2 .main-footer .footer-address li:last-child,
.navbar-nav .nav-item,
.order-tab-table,
.order-table,
.order-table-section .order-tab .order-tab-table,
.product-section-box .custom-tab .nav-desh:last-of-type,
.product-section-box .custom-tab .tab-pane .product-description p:last-child,
.product-table,
.slick-slider.slick-dotted,
.sticky-bottom-cart .product-image .content h5,
.sticky-bottom-cart .product-image .content h6,
.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .address-table table,
.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .valid-detail .title,
footer .main-footer .footer-contact ul li:last-child {
  margin-bottom: 0
}

.cart-section .deliver-box h5:first-child,
.product-section-box .custom-tab .nav-desh .desh-title {
  margin-bottom: 8px
}

.product-section-box .custom-tab .product-detail .detail-title h5 {
  font-weight: 400;
  color: var(--text-primary);
  font-size: 17px;
  margin-bottom: 10px
}

.product-section-box .custom-tab .product-detail .detail-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 4px
}

.product-section-box .custom-tab .product-detail .detail-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  color: var(--text-primary);
  width: 100%
}

.product-section-box .custom-tab .product-detail .detail-list li i {
  font-size: 6px;
  color: var(--text-primary);
  margin: 6px 6px 0 0
}

.product-section-box .custom-tab .tab-pane .product-description p {
  line-height: 1.5
}

.product-section-box .custom-tab .information-box ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 7px
}

.product-section-box .custom-tab .information-box ul li {
  color: var(--text-primary);
  width: 100%;
  display: list-item;
  list-style-type: circle;
  margin-left: 35px;
  font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320)))
}

.product-section-box .custom-tab .review-box .review-title {
  margin-bottom: calc(10px + (18 - 10) * ((100vw - 320px)/ (1920 - 320)))
}

.product-section-box .custom-tab .review-box .review-people .review-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 26px
}

.review-box .review-people .review-list li .people-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: flex-start;
  width: 100%;
  border-radius: 10px;
  padding: 10px 14px;
  margin-bottom: 5px;
  background: var(--background-secondary)
}

.blog-section .blog-box .blog-detail .blog-list .blog-social-icon:hover .icon,
.blog-section .blog-box:hover .blog-detail label::before,
.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .product-tags-box ul li:hover::after,
.category-box:hover::after,
.category-section-3 .category-box-list:hover::after,
.footer-section-2 .main-footer .footer-list li a.footer-contain-2:hover::before,
.footer-section-2 .main-footer .social-icon li:hover::after,
.offer-banner:hover .banner-detail::after,
.product-box-2:hover .product-detail .product-option,
.product-section-2 .product-box-4:hover .product-details .option,
.review-box .review-people .review-list li .people-box:hover .reply a,
footer .main-footer .footer-contain ul li a:hover::after {
  opacity: 1
}

.review-box .review-people .review-list li .people-box .people-image {
  width: 70px;
  height: 70px
}

.review-box .review-people .review-list li .people-box .people-image img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out
}

.review-box .review-people .review-list li .people-box .people-comment {
  padding-left: 15px;
  width: calc(100% - 70px)
}

.review-box .review-people .review-list li .people-box .people-comment .name {
  display: block;
  font-weight: 400;
  font-size: 15px
}

.review-box .review-people .review-list li .people-box .people-comment .date-time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%
}

.review-box .review-people .review-list li .people-box .people-comment .date-time h6 {
  font-size: 13px;
  color: #777;
  margin-top: 1px
}

.review-box .review-people .review-list li .people-box .reply {
  margin-top: 9px;
  line-height: 1.6;
  color: var(--text-primary);
  position: relative
}

.review-box .review-people .review-list li .people-box .reply p {
  width: 90%;
  margin: 0;
  line-height: 1.6
}

.review-box .review-people .review-list li .people-box .reply a {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  font-weight: 400;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out
}

.product-box-2 .product-detail-2 .cart-icon {
  right: unset;
  left: 0
}

.review-box .rating-box {
  margin-top: 17px
}

.review-box .rating-box ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: calc(13px + (20 - 13) * ((100vw - 320px)/ (1920 - 320)));
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.review-box .rating-box ul li .rating-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: 14px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.review-box .rating-box ul li .rating-list h5 {
  white-space: nowrap
}

.review-box .rating-box ul li .rating-list .progress {
  width: 100%;
  border-radius: 3px
}

.review-box .rating-box ul li .rating-list .progress .progress-bar {
  background: var(--theme-color3)
}

.product-section-box .custom-tab .info-table {
  border: 1px solid #ececec;
  margin-bottom: 0
}

.product-section-box .custom-tab .info-table.table-striped tbody tr:nth-of-type(odd) td {
  background-color: var(--background-secondary);
  color: #222
}

.product-section-box .custom-tab .info-table tbody tr td,
.product-section-box .custom-tab .info-table tbody tr th {
  padding: calc(10px + (14 - 10) * ((100vw - 320px)/ (1920 - 320))) calc(12px + (18 - 12) * ((100vw - 320px)/ (1920 - 320)));
  font-size: 16px;
  white-space: nowrap
}

.product-section-box .custom-tab .info-table tbody tr td {
  border-left: 1px solid #ececec
}

.custome-pagination {
  margin-top: calc(22px + (35 - 22) * ((100vw - 320px)/ (1920 - 320)))
}

.custome-pagination .pagination {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: calc(6px + (13 - 6) * ((100vw - 320px)/ (1920 - 320)))
}

.blog-box .blog-box-image,
.blog-section .blog-box,
.custome-pagination .pagination .page-item {
  border-radius: 5px;
  overflow: hidden
}

.custome-pagination .pagination .page-item.active .page-link,
.sticky-bottom-cart .add-btn a.wishlist-btn:hover {
  background-color: var(--theme-color-primary);
  border-color: var(--theme-color-primary);
  color: #fff
}

.custome-pagination .pagination .page-item .page-link {
  color: var(--text-primary);
  border: 1px solid transparent
}

.custome-pagination .pagination .page-item .page-link:hover {
  border-radius: 5px;
  color: var(--theme-color-primary);
  border: 1px solid var(--theme-color-primary);
  background-color: unset
}

.custome-pagination .pagination input {
  width: 50px;
  height: 100%;
  text-align: center;
  border: 1px solid #777;
  border-radius: 5px;
  padding: 0 10px
}

.custome-pagination .pagination .page-item .page-link:focus {
  color: var(--theme-color-primary);
  background-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none
}

.ratio_30 .bg-size:before {
  content: "";
  padding-top: 30%;
  display: block
}

.ratio_35 .bg-size:before {
  content: "";
  padding-top: 35%;
  display: block
}

.ratio_45 .bg-size:before {
  content: "";
  padding-top: 45.4%;
  display: block
}

.ratio_50 .bg-size:before {
  content: "";
  padding-top: 55%;
  display: block
}

.ratio_50_1 .bg-size:before {
  content: "";
  padding-top: 50%;
  display: block
}

.ratio_58 .bg-size:before {
  content: "";
  padding-top: 58%;
  display: block
}

.ratio_60 .bg-size:before {
  content: "";
  padding-top: 60%;
  display: block
}

.ratio_65 .bg-size:before {
  content: "";
  padding-top: 65%;
  display: block
}

.ratio_87 .bg-size:before {
  content: "";
  padding-top: 87%;
  display: block
}

.ratio_square .bg-size:before {
  padding-top: 100%;
  content: "";
  display: block
}

.ratio_110 .bg-size:before {
  padding-top: 110%;
  content: "";
  display: block
}

.ratio_125 .bg-size::before {
  content: "";
  padding-top: 125%;
  display: block
}

.ratio_148 .bg-size::before,
.ratio_148_1 .bg-size {
  content: "";
  padding-top: 148%;
  display: block
}

.ratio_156 .bg-size:before {
  content: "";
  padding-top: 156%;
  display: block
}

.ratio_medium .bg-size:before {
  content: "";
  padding-top: 134%;
  display: block
}

.ratio_180 .bg-size:before {
  content: "";
  padding-top: 180%;
  display: block
}

.ratio_209 .bg-size:before {
  content: "";
  padding-top: 209%;
  display: block
}

.b-bottom {
  background-position: bottom !important
}

.b-top {
  background-position: top !important
}

.b-left {
  background-position: left !important
}

.b-right {
  background-position: right !important
}

.product-wrapper .slick-dots {
  position: relative;
  bottom: 0;
  margin-top: calc(5px + (20 - 5) * ((100vw - 320px)/ (1920 - 320)))
}

.product-wrapper .slick-dots li {
  width: auto;
  height: auto
}

.product-wrapper .slick-dots li button {
  width: calc(6px + (8 - 6) * ((100vw - 320px)/ (1920 - 320)));
  height: calc(6px + (8 - 6) * ((100vw - 320px)/ (1920 - 320)));
  border-radius: 4px;
  padding: 0;
  margin: 0;
  background-color: rgba(35, 35, 35, .2);
  -webkit-transition: .5s;
  transition: .5s
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li:nth-child(n+4),
.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box,
.colorpick-eyedropper-input-trigger,
.footer-sm:after,
.footer-sm:before,
.header-2 .dropdown-list .dropdown .dropdown-toggle::after,
.header-2 .header-nav-left .category-dropdown .category-title,
.header-2 .rightside-menu .dropdown-dollar .dropdown .dropdown-toggle::after,
.header-2 .rightside-menu .option-list>ul>li .header-icon.search-icon,
.header-2 .rightside-menu .option-list>ul>li .header-icon.user-icon,
.header-2 .rightside-menu .option-list>ul>li:nth-of-type(5n-3),
.header-2 .rightside-menu .wishlist-box .header-icon.search-icon,
.header-2 .rightside-menu .wishlist-box .header-icon.user-icon,
.header-2 .search-box,
.header-3 .dropdown-list .dropdown .dropdown-toggle::after,
.header-3 .rightside-menu .dropdown-dollar .dropdown .dropdown-toggle::after,
.header-3 .rightside-menu .option-list-2 li:nth-of-type(5n-4),
.header-3 .rightside-menu .wishlist-box .header-icon.search-icon,
.header-3 .rightside-menu .wishlist-box .header-icon.user-icon,
.header-3 .search-box,
.header-notification.remove,
.navbar-expand .navbar-toggler,
.navbar-nav .dropdown-menu .dropdown .dropdown-toggle::after,
.navbar-stuck-logo,
.product-box-3 .product-footer .product-detail .product-content,
.product-category .product-category-list li:last-child::before,
.product-list-section.list-style>div .product-box-3 .product-footer .product-detail .span-name,
.product-load-more .col-grid-box,
.product-wrapper .slick-dots li button::before,
.shop-section .left-box .shop-left-sidebar .back-button,
.support-1 .support-online .text,
.user-dashboard-section .dashboard-right-sidebar .dashboard-card .edit-card-mobile {
  display: none
}

.product-wrapper .slick-dots li.slick-active button {
  margin: 0;
  width: calc(30px + (40 - 30) * ((100vw - 320px)/ (1920 - 320)));
  background-color: var(--theme-color-primary);
  -webkit-transition: .5s;
  transition: .5s
}

.product-wrapper .timer {
  position: absolute;
  top: 15px;
  left: 0;
  right: 0;
  text-align: center
}

.product-wrapper.slick-slider.slick-dotted {
  margin-bottom: -2px
}

#projects .owl-dots .owl-dot,
.no-arrow .slick-arrow {
  display: none !important
}

.no-space .slick-list,
.no-space .slick-list .slick-slide>div,
.no-space .slick-list .slick-slide>ul {
  margin: 0 !important
}

.category-slider .slick-list .slick-slide {
  padding: 0 10px
}

.slick-slider .slick-list {
  margin: 0 -10px;
  padding: 10px 0
}

.slick-slider .slick-list .slick-slide>div,
.slick-slider .slick-list .slick-slide>ul {
  margin: 0 10px
}

.slick-top .slick-list .slick-track>div {
  margin: 3px 0
}

.left-slider .slick-list .slick-track .slick-slide img {
  -webkit-filter: var(--background-secondary) blur(2.5px);
  filter: var(--background-secondary) blur(2.5px);
  opacity: .4
}

.left-slider .slick-list .slick-track .slick-slide.slick-current img {
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  -webkit-filter: grayscale(0) blur(0);
  filter: grayscale(0) blur(0);
  opacity: 1;
  -webkit-box-shadow: 0 0 8px rgba(34, 34, 34, .16);
  box-shadow: 0 0 8px rgba(34, 34, 34, .16)
}

.arrow-slider .slick-next,
.arrow-slider .slick-prev {
  width: calc(30px + (40 - 30) * ((100vw - 320px)/ (1920 - 320)));
  height: calc(30px + (40 - 30) * ((100vw - 320px)/ (1920 - 320)));
  background-color: #fff;
  -webkit-box-shadow: 0 1px 4px rgba(34, 34, 34, .14);
  box-shadow: 0 1px 4px rgba(34, 34, 34, .14);
  position: absolute;
  top: calc(-28px + (-43 - -28) * ((100vw - 320px)/ (1920 - 320)));
  border-radius: 5px;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out
}

.product-arrow .slick-next,
.product-arrow .slick-prev,
.product-box-arrow .slick-next,
.product-box-arrow .slick-prev {
  width: calc(28px + (40 - 28) * ((100vw - 320px)/ (1920 - 320)));
  height: calc(28px + (40 - 28) * ((100vw - 320px)/ (1920 - 320)));
  z-index: 1
}

.arrow-slider .slick-next::before,
.arrow-slider .slick-prev::before {
  font-family: "Font Awesome 6 Free";
  color: var(--theme-color-primary);
  font-size: calc(17px + (20 - 17) * ((100vw - 320px) / (1920 - 320)))
}

.arrow-slider .slick-prev {
  left: unset;
  right: 60px
}

.arrow-slider .slick-prev::before,
.product-box-arrow .slick-prev::before {
  content: "\f104"
}

.arrow-slider .slick-next,
.arrow-slider-2 .slick-next {
  right: 5px
}

.arrow-slider .slick-next::before,
.product-box-arrow .slick-next:before {
  content: "\f105"
}

.arrow-slider-2 .slick-next,
.arrow-slider-2 .slick-prev {
  top: -42px
}

.arrow-slider-2 .slick-prev {
  left: unset;
  right: 50px
}

.arrow-slider-2 .slick-prev::before {
  font-family: "Font Awesome 6 Free";
  content: "\f053";
  color: #222;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out
}

.arrow-slider-2 .slick-next::before {
  font-family: "Font Awesome 6 Free";
  content: "\f054";
  color: #222
}

.img-slider img {
  display: initial
}

.product-arrow .slick-next,
.product-arrow .slick-prev {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #ececec;
  border-radius: 5px;
  -webkit-transition: .3s;
  transition: .3s
}

.product-arrow .slick-next::before,
.product-arrow .slick-prev::before {
  font-family: "Font Awesome 6 Free"
}

#myimages .flickity-prev-next-button.previous,
.product-arrow .slick-prev,
.shop-section .left-box.show {
  left: 0
}

.product-arrow .slick-prev::before {
  color: #000;
  content: "\f104"
}

#myimages .flickity-prev-next-button.next,
.item-section.active,
.product-arrow .slick-next {
  right: 0
}

.product-arrow .slick-next:before {
  color: #000;
  content: "\f105"
}

.product-box-arrow .slick-next,
.product-box-arrow .slick-prev {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  -webkit-transition: .3s;
  transition: .3s;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, .14);
  box-shadow: 0 3px 4px rgba(0, 0, 0, .14);
  color: var(--text-primary)
}

.product-box-arrow .slick-next::before,
.product-box-arrow .slick-prev::before {
  font-family: "Font Awesome 6 Free";
  color: #000;
  font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320)))
}

.product-box-arrow .slick-prev {
  left: -28px
}

.product-box-arrow .slick-next {
  right: -28px
}

.foot-frame li,
.foot-frame li iframe,
.slick-height .slick-list .slick-track .slick-slide {
  height: auto
}

.tab-style-color {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: calc(8px + (20 - 8) * ((100vw - 320px)/ (1920 - 320)));
  border: none;
  overflow-x: auto;
  overflow-y: hidden
}

.tab-style-color .nav-item .nav-link {
  border: none;
  color: #222;
  font-weight: 400;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  font-size: 16px;
  white-space: nowrap;
  background-color: #fff;
  line-height: 1;
  border: 1px solid var(--theme-color-primary);
  padding: calc(9px + (14 - 9) * ((100vw - 320px)/ (1920 - 320))) calc(14px + (30 - 14) * ((100vw - 320px)/ (1920 - 320)));
  margin: 0
}

.setting-box,
.theme-option {
  -webkit-transition: .5s ease-in-out;
  z-index: 1;
  transition: .5s ease-in-out
}

.theme-option {
  position: fixed;
  bottom: calc(10px + (25 - 10) * ((100vw - 320px)/ (1920 - 320)));
  right: calc(10px + (25 - 10) * ((100vw - 320px)/ (1920 - 320)))
}

.setting-box .setting-button,
.theme-option .back-to-top a {
  width: calc(30px + (40 - 30) * ((100vw - 320px)/ (1920 - 320)));
  height: calc(30px + (40 - 30) * ((100vw - 320px)/ (1920 - 320)));
  display: -webkit-box;
  display: -ms-flexbox
}

.theme-option .back-to-top {
  padding: 0;
  border-radius: 5px;
  z-index: 1;
  margin-top: 12px
}

.theme-option .back-to-top a {
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.setting-box {
  padding: 0;
  border-radius: 5px;
  position: relative
}

.setting-box .setting-button {
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
  color: #fff
}

.setting-box .theme-setting-2 {
  position: absolute;
  bottom: calc(40px + (46 - 40) * ((100vw - 320px)/ (1920 - 320)));
  right: 12px;
  width: 360px;
  background-color: #fff;
  padding: 12px;
  border-radius: 8px 8px 0;
  -webkit-box-shadow: 0 4px 8px rgba(34, 34, 34, .12);
  box-shadow: 0 4px 8px rgba(34, 34, 34, .12);
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: bottom right;
  transform-origin: bottom right;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out
}

.setting-box .theme-setting-2.active {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transform-origin: bottom right;
  transform-origin: bottom right
}

.setting-box .theme-setting-2 .theme-box ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 22px;
  gap: calc(7px + (15 - 7) * ((100vw - 320px)/ (1920 - 320)))
}

.setting-box .theme-setting-2 .theme-box ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding-bottom: 14px;
  gap: 20px;
  border-bottom: 1px dashed #ececec
}

.setting-box .theme-setting-2 .theme-box ul li:last-child {
  padding-bottom: 0;
  border: none
}

.setting-box .theme-setting-2 .theme-box ul li.color-box {
  display: block;
  gap: 19px
}

.setting-box .theme-setting-2 .theme-box ul li .setting-name {
  margin-bottom: 0;
  width: 15%
}

.setting-box .theme-setting-2 .theme-box ul li .theme-setting-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 0;
  width: 85%
}

.setting-box .theme-setting-2 .theme-box ul li .theme-setting-button button {
  width: 100%;
  background-color: var(--theme-color-primary);
  color: #fff;
  font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320)))
}

.setting-box .theme-setting-2 .theme-box ul li .theme-setting-button button.outline,
.setting-box .theme-setting-2 .theme-box ul li .theme-setting-button button.rtl-outline {
  color: var(--theme-color-primary);
  border: 1px solid var(--theme-color-primary);
  background-color: #fff
}

.setting-box .theme-setting-2 .theme-box ul li .theme-setting-button button.rtl-unline {
  color: #fff;
  border: 1px solid transparent;
  background-color: var(--theme-color-primary)
}

.setting-box .theme-setting-2 .theme-box ul li .theme-setting-button.color-picker {
  padding: 0;
  border: none;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none
}

.setting-box .theme-setting-2 .theme-box ul li .theme-setting-button.color-picker .form-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: 15px;
  padding: 0;
  border: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.setting-box .theme-setting-2 .theme-box ul li .theme-setting-button.color-picker .form-control .form-control-color {
  width: 38px;
  height: auto;
  padding: 0;
  font-size: 13px;
  border: none
}

.setting-box .theme-setting-2 .theme-box ul li .theme-setting-button.color-picker .form-control .form-label {
  width: auto;
  font-size: 16px;
  color: var(--text-primary)
}

.timer ul li,
.timer-box ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  position: relative;
  background-color: #ececec;
  padding: 8px;
  border-radius: 5px
}

.timer ul li+li::after,
.title-flex .timing-box .timing .time ul li+li::after {
  content: ":";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-weight: bolder;
  left: -10px
}

.timer-2 {
  margin-left: 40px
}

.timer-2 ul li {
  width: 60px;
  height: 60px;
  color: #000;
  border: 1px solid #222;
  background-color: transparent
}

.timer-2 ul li .counter {
  font-size: 20px;
  font-weight: 400
}

.timer-box ul li+li::after {
  content: ":";
  position: absolute;
  font-weight: bolder;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -10px
}

.title-leaf {
  width: 140px;
  text-align: center;
  margin-top: 7px;
  position: relative;
  z-index: 0
}

.header-top .noti:first-child,
.mend-auto,
.mstart-auto,
.order-table-2 tbody tr td {
  text-align: left
}

.title-leaf::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  height: 1px;
  left: 0;
  background-color: var(--theme-color-primary);
  z-index: -1
}

.title-leaf svg {
  background-color: #fff;
  width: 45px;
  z-index: 1;
  fill: var(--color-primary)
}

.title {
  display: inline-block;
  font-weight: 700;
  color: var(--text-primary);
  position: relative;
  font-size: 18px;
  margin-bottom: 0
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .category-list-box ul li a .category-name,
.client-section .client-box .client-list,
.header-nav,
.log-in-section .log-in-box .forgot-box,
.seller-grid-box-1 .grid-contain .seller-category,
.sticky-bottom-cart .cart-content,
.title-flex,
.title-flex-2,
.user-dashboard-section .dashboard-right-sidebar .dashboard-home .dashboard-contant-title h4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.header-nav .header-nav-left .dropdown-category .dropdown,
.product-box-4 .product-detail .price-qty .counter-number,
.title-flex .timing-box,
.title-flex-2 .timing-box,
footer .main-footer .social-app ul li,
li,
span {
  display: inline-block
}

.title-flex .timing-box .timing,
.title-flex-2 .timing-box .timing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: var(--theme-color-secondary);
  color: #fff;
  padding: calc(8px + (12 - 8) * ((100vw - 320px)/ (1920 - 320))) calc(9px + (11 - 9) * ((100vw - 320px)/ (1920 - 320)));
  border-radius: 5px
}

.title-flex .timing-box .timing i,
.title-flex-2 .timing-box .timing i {
  -webkit-text-stroke: 1px #fff;
  color: transparent;
  margin-right: 9px
}

.title-flex .timing-box .timing .feather,
.title-flex-2 .timing-box .timing .feather {
  width: 17px;
  height: 17px;
  margin-right: 9px
}

.title-flex .timing-box .timing .name,
.title-flex-2 .timing-box .timing .name {
  font-weight: 400;
  margin-right: 8px;
  line-height: 1
}

.title-flex .timing-box .timing .time ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  line-height: 1
}

.title .product-tabs {
  border: none;
  position: absolute;
  top: 0;
  right: 0
}

.title .product-tabs .nav-item .nav-link {
  border: none;
  border-radius: unset;
  color: var(--text-primary);
  position: relative;
  font-weight: 400;
  font-size: 16px
}

.category-section-3 .category-box-list:hover .category-name h4,
.home-contain .home-detail h1 span.name-2,
.log-in-section .log-in-box .remember-box label span,
.title .product-tabs .nav-item .nav-link.active {
  font-weight: 400;
  color: var(--theme-color-primary)
}

.title .product-tabs .nav-item .nav-link.active::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 2px;
  bottom: 0;
  left: 17px;
  border-radius: 50px;
  background-color: var(--theme-color-primary)
}

.title .product-tabs .nav-item .nav-link.active::after {
  content: "";
  position: absolute;
  width: 4px;
  height: 2px;
  bottom: 0;
  left: 75px;
  border-radius: 50px;
  background-color: var(--theme-color-primary)
}

.cart-table table tbody tr .name,
.cart-table table tbody tr .price,
.header-2 .dropdown-list li .dropdown .dropdown-toggle .fa-chevron-down,
.header-2 .top-nav .middle-box .location-box-2 button .down-arrow,
.header-3 .dropdown-list li .dropdown .dropdown-toggle .fa-chevron-down,
.navbar.navbar-expand-xl .navbar-nav .nav-link .icli,
.shop-section .show-button .top-filter-menu .category-dropdown .dropdown,
.shop-section .show-button .top-filter-menu-2 .category-dropdown .dropdown,
.title .product-tabs .nav-item+.nav-item,
footer .main-footer .footer-logo .theme-logo h4 {
  margin-left: 10px
}

.title .product-tabs .nav-item+.nav-item::before {
  content: "";
  position: absolute;
  width: 13px;
  height: 13px;
  top: 9px;
  left: -11px;
  background-image: url(https://themes.pixelstrap.com/fastkart/assets/svg/bag.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center
}

.title-border {
  border-bottom: 1px solid #ececec;
  padding-bottom: calc(14px + (20 - 14) * ((100vw - 320px)/ (1920 - 320)));
  margin-bottom: calc(5px + (10 - 5) * ((100vw - 320px)/ (1920 - 320)))
}

.vendor-title h5 {
  font-weight: 400;
  font-size: 17px;
  margin-bottom: 10px;
  letter-spacing: .5px
}

.seller-title p,
.vendor-title p {
  margin-bottom: 0;
  font-size: 15px;
  color: var(--text-primary);
  line-height: 1.6
}

.seller-title h2 {
  font-weight: 400;
  font-size: 37px;
  margin-bottom: 23px;
  letter-spacing: .5px;
  text-transform: uppercase
}

.p-center-left,
.p-top-center,
.p-top-left,
.p-top-right {
  display: -webkit-box;
  display: -ms-flexbox
}

.tooltip {
  -webkit-transition: opacity .15s linear;
  transition: opacity .15s linear
}

.tooltip .tooltip-arrow::before {
  border-top-color: var(--theme-color-primary)
}

.tooltip .tooltip-inner {
  font-weight: 400;
  background-color: var(--theme-color-primary);
  color: #fff
}

.col-custome-3 {
  width: 22%
}

.col-custome-9 {
  width: 78%
}

.w-60 {
  width: 60% !important
}

.section-big-space {
  padding: calc(40px + (160 - 40) * ((100vw - 320px)/ (1920 - 320))) 0
}

.section-lg-space {
  padding: calc(30px + (70 - 30) * ((100vw - 320px)/ (1920 - 320))) 0
}

.section-b-space,
.section-t-space,
section {
  padding-top: 10px
}
.container-fluid-sm,
.container-fluid-lg {
  padding: 0 calc(12px + (160 - 12) * ((100vw - 320px)/ (1920 - 320)))
}

.container-fluid-md {
  padding: 0 calc(12px + (50 - 12) * ((100vw - 320px)/ (1920 - 320)))
}

.container-fluid-xs {
  padding: 0 calc(12px + (25 - 12) * ((100vw - 320px)/ (1920 - 320)))
}

.section-small-space {
  padding: 20px 0
}

.p-top-left {
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.product-box-2 .product-detail-2 .rating {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.p-top-center {
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.p-top-right {
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.p-center-left {
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.footer-section-2 .sub-footer .payment-box,
.p-center-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.p-bottom-center,
.p-bottom-left {
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-align: end
}

.p-bottom-left {
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.p-bottom-center {
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.p-bottom-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.p-sticky {
  position: sticky;
  top: 10px
}

.ls-expanded {
  letter-spacing: 12px;
  margin-right: -12px
}

.ls-resize-expanded {
  letter-spacing: calc(4px + (10 - 4) * ((100vw - 320px) / (1920 - 320)))
}

.g-8 {
  margin: -8px
}

.g-8>div {
  padding: 8px
}

.icon-width {
  width: 25px;
  height: 25px
}

.rating li {
  line-height: 0
}

.rating li {
  margin-left: 2px;
  font-size: 12px;
  color: #ffb321
}

.rating li .feather {
  width: 14px;
  height: 14px;
  color: #ffb321
}

.rating li .feather.fill {
  fill: #ffb321
}

#collapseSix .rating li,
.blog-section .blog-box .blog-contain-2,
.shop-section .left-box .shop-left-sidebar .custome-accordion .accordion-item .accordion-collapse .accordion-body,
.top-nav {
  padding: 0
}

.product-rating {
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: space-between;
  padding: 2px 5px;
}

.product-rating span {
  color: var(--text-primary);
  font-size: 12px;
  margin-left: 5px
}

.mend-auto {
  margin-right: auto !important
}

.mstart-auto {
  margin-left: auto !important
}

.text-title {
  color: #222 !important
}

.text-yellow {
  color: #ffb321 !important
}

.text-success {
  color: #328f0a !important
}

.text-danger {
  color: #d10101 !important
}

.bg-gray {
  background-color: var(--background-secondary) !important
}

.bg-gradient-color {
  background: linear-gradient(149.8deg, #f8f8fb 17.21%, #f3f5f9 79.21%)
}

.orange-color {
  color: #ffbc5d !important
}

.text-exo {
  font-family: "Exo 2", sans-serif
}

.text-russo {
  font-family: "Russo One", sans-serif
}

.about-us-title h4,
.text-pacifico {
  font-family: Pacifico, cursive
}

.text-kaushan {
  font-family: "Kaushan Script", cursive
}

.text-great {
  font-family: "Great Vibes", cursive
}

.text-qwitcher {
  font-family: "Qwitcher Grypen", cursive
}

.w-58 {
  width: 58% !important
}

.hover-effect:hover {
  opacity: 1;
  -webkit-animation: 1.5s flash;
  animation: 1.5s flash
}

body {
  font-family: "Open Sans", sans-serif;
  position: relative;
  font-size: 16px;
  color: var(--text-primary);
  background-color: var(--background-primary);
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  padding-right: 0 !important
}

a,
a:hover {
  -webkit-transition: .5s;
  transition: .5s
}

body ::-moz-selection {
  color: #fff;
  background-color: var(--theme-color-primary)
}

body ::selection {
  color: #fff;
  background-color: var(--theme-color-primary)
}


.banner-contain,
.banner-contain-2 {
  position: relative;
  overflow: hidden
}

.bg-overlay {
  width: 100vw;
  height: 100vh;
  background-color: var(--text-primary);
  position: fixed;
  z-index: 999999;
  top: 0;
  opacity: 0;
  visibility: hidden;
  transition: 1s ease;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  align-items: center;
}
.bg-overlay.show {
  visibility: visible;
  opacity: .8;
}
.bg-overlay.show  .loader{
  width: 48px;
  height: 48px;
  display: inline-block;
  position: relative;
  border: 3px solid;
  border-color:var(--color-primary) var(--color-secondary) var(--background-secondary) var(--background-secondary);
  border-radius: 50%;
  box-sizing: border-box;
  animation: 1s rotate linear infinite;
}
.bg-overlay.show .loader:before , .bg-overlay.show .loader:after{
   content: '';
   top: 0;
   left: 0;
   position: absolute;
   border: 10px solid transparent;
   border-bottom-color:#fff;
   transform: translate(-10px, 19px) rotate(-35deg);
 }
 .bg-overlay .loader.show:after {
   border-color: #de3500 #0000 #0000 #0000 ;
   transform: translate(32px, 3px) rotate(-35deg);
 }
  @keyframes rotate {
   100%{    transform: rotate(360deg)}
 }

ul {
  padding-left: 0;
  margin-bottom: 0
}

p {
  font-size: 16px;
  line-height: 18px
}

a {
  color: var(--theme-color-primary)
}

.contact-box-section .form-control {
  padding: 10px 10px 10px 50px
}

.form-control:active,
.form-control:focus {
  border: 1px solid var(--color-primary) !important
}

h1 {
  font-size: calc(40px + (70 - 40) * ((100vw - 320px) / (1920 - 320)));
  font-weight: 400;
  line-height: 1.1
}

h2 {
  font-size: calc(22px + (28 - 22) * ((100vw - 320px) / (1920 - 320)));
  font-weight: 400
}

h3,
h4,
h5,
h6 {
  line-height: 1.2
}

h3 {
  font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
  font-weight: 400
}

h4 {
  font-size: calc(17px + (18 - 17) * ((100vw - 320px) / (1920 - 320)));
  font-weight: 400
}

h5 {
  font-size: calc(15px + (16 - 15) * ((100vw - 320px) / (1920 - 320)));
  font-weight: 400
}

h6 {
  font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));
  font-weight: 400
}

.price-color {
  color: var(--color-price) !important
}

.theme-color {
  color: var(--color-primary) !important
}

.theme-bg-color {
  background: var(--color-primary) !important
}

.theme-color-secondary {
  color: var(--color-secondary) !important
}

.theme-bg-color-secondary {
  background: var(--color-secondary) !important
}

.theme-bg-color-danger {
  background: red !important
}

.banner-contain,
.banner-contain-2,
.checkout-section-2 .right-side-summery-box .summery-box-2,
.offer-banner:hover .banner-detail {
  border-radius: 5px
}

.banner-contain .banner-details.banner-b-space {
  padding: calc(27px + (45 - 27) * ((100vw - 320px)/ (1920 - 320))) calc(20px + (140 - 20) * ((100vw - 320px)/ (1920 - 320)))
}

.banner-contain .banner-details .banner-box {
  position: absolute;
  top: 30px;
  left: 0;
  background-color: rgba(255, 255, 255, .5);
  padding: calc(8px + (12 - 8) * ((100vw - 320px)/ (1920 - 320))) calc(30px + (39 - 30) * ((100vw - 320px)/ (1920 - 320))) calc(8px + (12 - 8) * ((100vw - 320px)/ (1920 - 320))) calc(8px + (12 - 8) * ((100vw - 320px)/ (1920 - 320)));
  border-radius: 0 60px 60px 0;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  -webkit-box-shadow: 0 11px 10px rgba(74, 85, 104, .06);
  box-shadow: 0 11px 10px rgba(74, 85, 104, .06)
}

.banner-contain .banner-details .banner-box h5 {
  margin: calc(4px + (6 - 4) * ((100vw - 320px)/ (1920 - 320))) 0;
  font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
  font-weight: 400
}

.banner-contain .banner-details .banner-button {
  position: absolute;
  bottom: calc(8px + (16 - 8) * ((100vw - 320px)/ (1920 - 320)));
  left: calc(14px + (22 - 14) * ((100vw - 320px)/ (1920 - 320)));
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.banner-contain .banner-details h2 {
  font-size: calc(20px + (42 - 20) * ((100vw - 320px) / (1920 - 320)))
}

.banner-contain .banner-details h2.banner-title {
  font-size: calc(31px + (50 - 31) * ((100vw - 320px) / (1920 - 320)));
  font-weight: 400
}

.banner-contain .banner-details h3 {
  font-size: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
  margin-top: -7px
}

.banner-contain .banner-details h4 {
  font-size: calc(20px + (24 - 20) * ((100vw - 320px) / (1920 - 320)));
  line-height: 1.6
}

.banner-contain .banner-details .coupon-code {
  padding: calc(7px + (10 - 7) * ((100vw - 320px)/ (1920 - 320))) calc(9px + (15 - 9) * ((100vw - 320px)/ (1920 - 320)));
  background-color: rgba(var(--theme-color-primary-rgb), .4);
  border: 2px dashed rgba(255, 255, 255, .5);
  display: inline-block;
  font-weight: 400;
  margin-top: 13px
}

.banner-contain .banner-details .coupon-code-white {
  background-color: rgba(255, 255, 255, .2)
}

.banner-contain .banner-details .coupon-code.code-2 {
  background-color: rgba(153, 105, 31, .5)
}

.banner-contain .banner-details p {
  color: var(--text-primary);
  line-height: 1.5
}

.banner-contain .banner-details p.banner-text,
.cart-table table tbody tr td .quantity-price {
  width: 62%
}

.banner-contain .banner-details .banner-timing {
  width: 100%;
  height: 210px;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(181.97deg, rgba(0, 0, 0, .3) 1.66%, rgba(0, 0, 0, 0) 95.27%);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  text-align: center;
  color: #fff
}

.banner-contain .banner-details .banner-timing .time {
  margin-top: 25px
}

.banner-contain .banner-details .banner-timing .time ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly
}

.banner-contain .banner-details .banner-timing .time ul li .counter {
  width: 55px;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px dashed #fff
}

.banner-contain .banner-details .banner-timing .time ul li .counter h5,
.deal-timer ul li .counter>div h5,
.hot-line-number h5 {
  font-weight: 400;
  margin-bottom: 4px
}

.banner-contain-2 .banner-detail,
.banner-contain-2 .banner-detail-2 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: calc(14px + (25 - 14) * ((100vw - 320px)/ (1920 - 320))) calc(19px + (25 - 19) * ((100vw - 320px)/ (1920 - 320)))
}

.banner-contain-2 .banner-detail .banner-detail-box {
  position: relative;
  padding: 7px 0
}

.banner-contain-2 .banner-detail .banner-detail-box::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 100%;
  top: 0;
  left: -10px;
  background-color: var(--theme-color-primary)
}

.banner-contain-2 .banner-detail .banner-detail-box-2 {
  padding: 7px 0 7px 17px
}

.banner-contain-2 .banner-detail .banner-detail-box-2::before {
  width: 5px;
  border-radius: 50px;
  left: 0
}

.banner-contain-2 .banner-detail h3 {
  font-size: calc(27px + (34 - 27) * ((100vw - 320px) / (1920 - 320)))
}

.banner-contain-2 .banner-detail h3 .brand-name {
  font-weight: 700;
  background-color: var(--theme-color-primary);
  color: #fff;
  padding: calc(6px + (10 - 6) * ((100vw - 320px)/ (1920 - 320))) calc(8px + (10 - 8) * ((100vw - 320px)/ (1920 - 320)));
  position: relative;
  z-index: 0
}

.banner-contain-2 .banner-detail h3 .brand-name::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: calc(3px + (7 - 3) * ((100vw - 320px)/ (1920 - 320)));
  left: calc(3px + (6 - 3) * ((100vw - 320px)/ (1920 - 320)));
  border: solid #222;
  z-index: -1
}

.banner-contain-2 .banner-detail h2,
.banner-contain-2 .banner-detail-2 h2 {
  font-size: calc(42px + (59 - 42) * ((100vw - 1199px) / (1920 - 1199)));
  font-weight: 400
}

.banner-contain-2 .banner-detail h4 {
  font-weight: 400;
  font-size: calc(17px + (21 - 17) * ((100vw - 320px) / (1920 - 320)));
  color: #222
}

.banner-contain-2 .banner-detail-2>div {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(24.21%, rgba(255, 255, 255, .2)), color-stop(75.22%, rgba(255, 255, 255, .2)));
  background: linear-gradient(180deg, rgba(255, 255, 255, .2) 24.21%, rgba(255, 255, 255, .2) 75.22%);
  padding: 22px;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px)
}

.banner-contain-2 .banner-detail-2 h3 {
  font-size: calc(27px + (36 - 27) * ((100vw - 320px) / (1920 - 320)));
  font-weight: 400;
  color: #fff
}

.banner-contain-2 .banner-detail-2 button {
  background-color: var(--theme-color-primary);
  color: #fff;
  margin: 9px auto 0
}

.banner-contain-3,
.home-section-2 .home-contain,
.newsletter-section-2 .newsletter-box {
  border-radius: 10px;
  overflow: hidden;
  position: relative
}

.banner-contain-3 .flower-pot {
  position: absolute;
  bottom: 0;
  right: -59px
}

.banner-contain-3 .social-image {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.banner-contain-3 .delivery-bike img {
  margin-top: -16px
}

.banner-contain-3.banner-contain-bg {
  background-image: url(../images/grocery/banner/11-bg.html);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: block
}

.banner-contain-3 .banner-detail-2 h2 {
  font-size: calc(25px + (40 - 25) * ((100vw - 320px) / (1920 - 320)));
  margin-bottom: 10px;
  text-transform: none
}

.banner-contain-3 .banner-detail-2 h3 {
  font-size: 35px
}

.banner-contain-3 .banner-detail-2 h4 {
  font-size: 40px
}

.banner-contain-3 .banner-minus-position {
  margin-top: -13px
}

.banner-contain-3 .banner-detail,
.home-section-2 .home-contain .home-detail {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: calc(20px + (50 - 20) * ((100vw - 320px)/ (1920 - 320)))
}

.banner-contain-3 .banner-detail.banner-p-sm,
.home-section-2 .home-contain .home-detail.home-p-sm {
  padding: calc(15px + (30 - 15) * ((100vw - 320px)/ (1920 - 320))) !important
}

.banner-contain-3 .banner-detail h2 {
  font-size: calc(25px + (45 - 25) * ((100vw - 320px) / (1920 - 320)));
  margin-bottom: 3px
}

.banner-contain-3 .banner-detail h2.sale-name,
.home-section-2 .home-contain .home-detail h1.sale-name {
  font-size: calc(25px + (38 - 25) * ((100vw - 320px) / (1920 - 320)))
}

.banner-contain-3 .banner-detail h3 {
  font-size: calc(18px + (32 - 18) * ((100vw - 320px) / (1920 - 320)));
  margin-bottom: 10px;
  line-height: 1.4
}

.banner-contain-3 .banner-detail h3.banner-contain {
  font-size: 33px;
  font-weight: 700;
  margin-bottom: 0
}

.banner-contain-3 .banner-detail h4 {
  font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1920 - 320)));
  margin-bottom: 5px;
  line-height: 1.4
}

.banner-contain-3 .banner-detail h4.furniture-title {
  position: relative;
  display: inline-block
}

.banner-contain-3 .banner-detail h4.furniture-title img {
  position: absolute;
  top: -26px;
  right: -185px
}

.banner-contain-3 .banner-detail h5,
.home-contain .home-detail h5,
.home-section-2 .home-contain .home-detail h5 {
  font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320)));
  letter-spacing: 1px
}

.banner-contain-3 .banner-detail h6 {
  font-size: 16px;
  margin-bottom: calc(10px + (20 - 10) * ((100vw - 320px)/ (1920 - 320)))
}

.banner-contain-3 .banner-detail p,
.home-section-2 .home-contain .home-detail p {
  font-size: 16px;
  margin-bottom: 0;
  line-height: 1.5;
  color: var(--text-primary);
  letter-spacing: .8px
}

.banner-contain-3 .banner-detail .banner-list,
.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .product-tags-box ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px
}

.banner-contain-3 .banner-detail .banner-list li .delivery-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: 11px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.banner-contain-3 .banner-detail .banner-list li .delivery-box .check-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background-color: #6bbe66;
  color: #fff;
  border-radius: 100%;
  font-size: 11px
}

.banner-contain-3 .banner-detail .shop-now-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
  color: #fff;
  font-size: 15px
}

.banner-contain-3 .banner-detail .shop-now-button i {
  font-size: 16px;
  margin-left: 8px;
  margin-top: -2px
}

.offer-banner {
  border-radius: 15px;
  overflow: hidden;
  position: relative
}

.offer-banner .banner-detail {
  position: absolute;
  top: calc(9px + (18 - 9) * ((100vw - 320px)/ (1920 - 320)));
  left: calc(9px + (18 - 9) * ((100vw - 320px)/ (1920 - 320)));
  padding: calc(7px + (10 - 7) * ((100vw - 320px)/ (1920 - 320))) calc(21px + (26 - 21) * ((100vw - 320px)/ (1920 - 320))) calc(7px + (10 - 7) * ((100vw - 320px)/ (1920 - 320))) calc(10px + (15 - 10) * ((100vw - 320px)/ (1920 - 320)));
  border-radius: 5px 30px 30px 5px;
  -webkit-box-shadow: 0 3px 4px rgba(34, 34, 34, .14);
  box-shadow: 0 3px 4px rgba(34, 34, 34, .14);
  z-index: 0;
  overflow: hidden;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  background-color: rgba(255, 255, 255, .95)
}

.offer-banner .banner-detail h5 {
  letter-spacing: .6px;
  margin-bottom: 3px;
  font-size: 16px
}

.bank-section .bank-offer .bank-footer h4,
.blog-box .blog-detail h5 {
  font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320)));
  font-weight: 400
}

.offer-banner .banner-detail h6 {
  letter-spacing: 1.7px;
  color: var(--text-primary)
}

.offer-banner .offer-box {
  position: absolute;
  bottom: calc(7px + (18 - 7) * ((100vw - 320px)/ (1920 - 320)));
  right: calc(7px + (18 - 7) * ((100vw - 320px)/ (1920 - 320)));
  background-color: var(--theme-color-primary);
  border-radius: 50px
}

.offer-banner .offer-box a {
  color: #fff;
  padding: calc(4px + (8 - 4) * ((100vw - 320px)/ (1920 - 320))) calc(15px + (21 - 15) * ((100vw - 320px)/ (1920 - 320)));
  display: block
}

.offer-banner .offer-box a span {
  letter-spacing: 1.5px;
  font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
  font-weight: 400
}

.bank-section .bank-offer {
  border-radius: calc(9px + (20 - 9) * ((100vw - 320px)/ (1920 - 320)));
  overflow: hidden
}

.bank-section .bank-offer .bank- {
  background: linear-gradient(76.68deg, #e6e6e6 -9.39%, #fafafa 78.76%, #f0f0f0 101.45%, #fff 112.78%);
  padding: calc(21px + (35 - 21) * ((100vw - 320px)/ (1920 - 320)));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.bank-section .bank-offer .bank-.bank-left .bank-image {
  width: 120px;
  height: auto;
  margin-bottom: 12px
}

.bank-section .bank-offer .bank-footer-1 .bank-coupon::after,
.bank-section .bank-offer .bank-footer-2 .bank-coupon::after,
.bank-section .bank-offer .bank-footer-3 .bank-coupon::after {
  position: absolute;
  height: 0;
  border-radius: 5px;
  width: 100%;
  z-index: -1;
  content: "";
  bottom: 0;
  left: 0
}

.bank-section .bank-offer .bank-.bank-left .bank-name h2 {
  color: #bb0032;
  font-weight: 400;
  margin-bottom: 7px;
  font-size: calc(22px + (31 - 22) * ((100vw - 320px) / (1920 - 320)))
}

.bank-section .bank-offer .bank-.bank-left .bank-name h2.bank-offer-2 {
  color: #239bf0
}

.bank-section .bank-offer .bank-.bank-left .bank-name h2.bank-offer-3 {
  color: #e73718
}

.bank-section .bank-offer .bank-.bank-left .bank-name h5.valid {
  margin-top: calc(22px + (69 - 22) * ((100vw - 320px)/ (1920 - 320)))
}

.bank-section .bank-offer .bank-footer {
  padding: calc(7px + (17 - 7) * ((100vw - 320px)/ (1920 - 320))) calc(13px + (26 - 13) * ((100vw - 320px)/ (1920 - 320)));
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.bank-section .bank-offer .bank-footer-1 {
  background: linear-gradient(85.8deg, #bb0032 -4.64%, #ff584d 109.73%, #ff8c75 131.73%)
}

.bank-section .bank-offer .bank-footer-1 .bank-coupon {
  background: linear-gradient(85.8deg, #ff584d -4.64%, rgba(187, 0, 50, .1) 131.73%)
}

.bank-section .bank-offer .bank-footer-1 .bank-coupon::after {
  -webkit-transition: .3s;
  transition: .3s;
  background: #ff584d;
  background: linear-gradient(85.8deg, rgba(187, 0, 50, .1) 131.73%, #ff584d -4.64%)
}

.bank-section .bank-offer .bank-footer-2,
.bank-section .bank-offer .bank-footer-2 .bank-coupon {
  background: -webkit-gradient(linear, left top, right top, color-stop(15.92%, #2395e8), color-stop(49.57%, #4eb5ff));
  background: linear-gradient(90deg, #2395e8 15.92%, #4eb5ff 49.57%)
}

.bank-section .bank-offer .bank-footer-2 .bank-coupon::after {
  -webkit-transition: .3s;
  transition: .3s;
  background: #4eb5ff;
  background: -webkit-gradient(linear, left top, right top, color-stop(15.92%, #4eb5ff), color-stop(49.57%, #2395e8));
  background: linear-gradient(90deg, #4eb5ff 15.92%, #2395e8 49.57%)
}

.bank-section .bank-offer .bank-footer-3,
.bank-section .bank-offer .bank-footer-3 .bank-coupon {
  background: linear-gradient(85.8deg, #ffb321 -4.64%, #ff584d 109.73%, #ff8c75 131.73%)
}

.bank-section .bank-offer .bank-footer-3 .bank-coupon::after {
  -webkit-transition: .3s;
  transition: .3s;
  background: #ffb321;
  background: -webkit-gradient(linear, right top, left top, color-stop(-4.64%, rgba(255, 140, 117, 0)), color-stop(109.73, rgba(255, 88, 77, .1)), color-stop(131.73%, #ffb321));
  background: linear-gradient(-90deg, rgba(255, 140, 117, 0) -4.64%, rgba(255, 88, 77, .1) 109.73, #ffb321 131.73%)
}

.bank-section .bank-offer .bank-footer h4 input {
  pointer-events: none;
  background-color: transparent;
  color: #fff;
  border: none;
  font-weight: 400;
  width: 60%
}

.bank-section .bank-offer .bank-footer .bank-coupon {
  margin-left: auto;
  color: #fff;
  font-weight: 400;
  padding: 6px 21px;
  position: relative;
  overflow: hidden;
  -webkit-transition: .3s;
  transition: .3s;
  z-index: 0
}

.shop-banner {
  width: 52% !important
}

.shop-banner>div {
  padding: calc(20px + (32 - 20) * ((100vw - 320px)/ (1920 - 320)));
  background: var(--theme-color-primary);
  color: #fff;
  border-radius: 9px
}

.shop-banner>div h2 {
  font-size: calc(21px + (37 - 21) * ((100vw - 320px) / (1920 - 320))) !important;
  font-weight: 700 !important;
  line-height: 1.2
}

.shop-banner>div h3 {
  font-size: calc(19px + (30 - 19) * ((100vw - 320px) / (1920 - 320))) !important;
  margin-top: 18px;
  margin-bottom: -2px
}

.banner-furniture>.row {
  direction: ltr
}

.blog-box:hover .blog-box-image a,
.blog-section .blog-box:hover .blog-box-image a {
  -webkit-transform: scale(1.12) rotate(3deg);
  transform: scale(1.12) rotate(3deg);
  overflow: hidden
}

.blog-box .blog-box-image .blog-image,
.blog-section .blog-box .blog-box-image a,
.blog-section .blog-box .blog-image a,
.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .category-list-box ul li a .category-name h5,
.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .category-list-box ul li a .category-name span,
.cart-table table tbody tr td.product-detail .product .product-image img,
.footer-section-2 .main-footer .social-icon li a i,
.product-slider .product-slider-image img,
.service-contain-2 .service-detail h6,
.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-image img {
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out
}

.blog-box .blog-detail {
  margin-top: 15px;
  display: block
}

.blog-box .blog-detail h6 {
  color: var(--text-primary);
  margin-bottom: 3px;
  font-weight: 400
}

.blog-box .blog-detail h5 {
  color: #222;
  line-height: 1.5;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out
}

.blog-section .blog-box {
  padding-bottom: 1px;
  border: 1px solid #ececec;
  background: #fff;
  position: relative
}

.blog-section .blog-box .blog-box-image {
  overflow: hidden;
  border-radius: 0
}

.blog-section .blog-box .blog-image label {
  background-color: var(--theme-color-primary);
  border: none;
  letter-spacing: .9px;
  -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, .2);
  box-shadow: 3px 3px 6px rgba(0, 0, 0, .2)
}

.blog-section .blog-box .blog-detail {
  padding: calc(11px + (20 - 11) * ((100vw - 320px)/ (1920 - 320)));
  margin-top: 0
}

.blog-section .blog-box .blog-detail h2 {
  font-size: calc(18px + (22 - 18) * ((100vw - 320px) / (1920 - 320)));
  line-height: 1.4
}

.blog-section .blog-box .blog-detail label {
  font-size: 12px;
  padding: 7px 11px;
  border-radius: 50px;
  color: var(--theme-color-primary);
  margin-bottom: calc(4px + (12 - 4) * ((100vw - 320px)/ (1920 - 320)));
  position: relative;
  overflow: hidden;
  z-index: 0;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out
}

.blog-section .blog-box .blog-detail label::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--theme-color-primary);
  opacity: .1;
  z-index: -1;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out
}

.blog-section .blog-box .blog-detail a,
.product-box-5 .product-detail a {
  color: #222;
  display: block
}

.blog-section .blog-box .blog-detail h3 {
  line-height: 1.4;
  margin-bottom: 5px;
  font-weight: 400
}

.blog-section .blog-box .blog-detail h5 {
  font-size: 15px;
  margin-top: 10px;
  font-weight: 400;
  color: var(--text-primary)
}

.deal-section .deal-box .deal-detail .timer ul li .counter,
.deal-section .deal-box .deal-detail h5 {
  font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)))
}

.blog-section .blog-box .blog-detail .blog-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-top: 15px;
  gap: calc(14px + (22 - 14) * ((100vw - 320px)/ (1920 - 320)))
}

.blog-section .blog-box .blog-detail .blog-list span {
  color: var(--text-primary);
  margin-bottom: -5px;
  font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)))
}

.blog-section .blog-box .blog-detail .blog-list .blog-social-icon .icon {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  opacity: 0
}

.blog-section .blog-box .blog-detail .blog-list .blog-social-icon .icon li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out
}

.category-box,
.category-box::after {
  -webkit-transition: .5s ease-in-out
}

.blog-section .blog-box .blog-detail .blog-list .blog-social-icon .icon li .fab {
  font-size: 16px;
  color: var(--text-primary)
}

.category-box {
  background-color: var(--background-secondary);
  margin: 0 auto;
  display: block;
  width: 90%;
  text-align: center;
  border-radius: 5px;
  overflow: hidden;
  transition: .5s ease-in-out;
  position: relative;
  padding: calc(15px + (35 - 15) * ((100vw - 320px)/ (1920 - 320))) 8px;
  z-index: 0
}

.category-box.category-bg {
  background: linear-gradient(149.8deg, #f6f5f2 17.21%, #fbfaf9 79.21%)
}

.category-box:hover img,
.shop-section .show-button .top-filter-menu .grid-option ul li.active img,
.shop-section .show-button .top-filter-menu-2 .grid-option-2 ul li.active img {
  -webkit-filter: invert(1) brightness(100);
  filter: invert(1) brightness(100)
}

.category-box img {
  width: calc(38px + (45 - 38) * ((100vw - 320px)/ (1920 - 320)));
  height: calc(38px + (45 - 38) * ((100vw - 320px)/ (1920 - 320)));
  -o-object-fit: contain;
  object-fit: contain;
  margin: 0 auto
}

.category-box h5 {
  color: #222;
  margin-top: 12px;
  font-weight: 400;
  display: -webkit-box;
  overflow: hidden
}

.shop-box .shop-category-box {
  padding: 20px 10px;
  background-color: var(--background-secondary);
  display: block;
  text-align: center;
  border-radius: 0;
  margin: 0 !important;
  border-right: 1px solid #ececec
}

.shop-box .shop-category-box a .shop-category-image {
  width: 68px;
  height: 68px;
  display: inline-block;
  background-color: var(--background-secondary);
  padding: 8px;
  border-radius: 7px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-icon .lord-icon,
.home-contain,
.middle-image,
.shop-box .shop-category-box a .shop-category-image img {
  width: 100%;
  height: 100%
}

.shop-box .shop-category-box a .category-box-name {
  position: relative;
  width: 90%;
  margin: 10px auto 0;
  background-color: var(--background-secondary);
  color: #222;
  border-radius: 4px
}

.shop-box .shop-category-box a .category-box-name h6 {
  color: var(--text-primary);
  font-size: 16px;
  font-weight: 400;
  display: -webkit-box;
  overflow: hidden
}

.deal-section .deal-box {
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, .2);
  padding: calc(18px + (25 - 18) * ((100vw - 320px)/ (1920 - 320)));
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.deal-section .deal-box:hover .category-image img,
.fresh-vegetable-section .fresh-image-2:hover>div,
.fresh-vegetable-section .fresh-image:hover>div {
  -webkit-transform: scale(1.05);
  transform: scale(1.05)
}

.contact-box-section .left-sidebar-box .contact-image img,
.deal-section .deal-box .category-image {
  width: 60%
}

.deal-section .deal-box .category-image img {
  width: 80%;
  margin-left: auto;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out
}

.deal-section .deal-box .buy-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: calc(18px + (25 - 18) * ((100vw - 320px)/ (1920 - 320)));
  right: calc(18px + (25 - 18) * ((100vw - 320px)/ (1920 - 320)));
  background-color: var(--theme-color-primary);
  padding: calc(7px + (10 - 7) * ((100vw - 320px)/ (1920 - 320)));
  border-radius: 5px
}

.deal-section .deal-box .buy-box .iconly-Buy,
.product-box-4 .product-detail .price-qty .buy-button .icli {
  font-size: 24px
}

.deal-section .deal-box .deal-detail {
  width: 65%
}

.deal-section .deal-box .deal-detail .hot-deal {
  background-color: var(--theme-color-primary);
  display: inline-block;
  padding: 3px 10px;
  border-radius: 50px;
  font-size: 11px;
  color: #fff;
  letter-spacing: .8px;
  margin-bottom: 10px;
  text-transform: uppercase
}

.deal-section .deal-box .deal-detail .hot-deal span {
  line-height: 2.1
}

.deal-section .deal-box .deal-detail h5 {
  margin: 10px 0 8px;
  font-weight: 400
}

.deal-section .deal-box .deal-detail .price {
  color: var(--theme-color-primary);
  font-weight: 400;
  margin-bottom: 10px
}

.deal-section .deal-box .deal-detail .price span {
  color: var(--text-primary);
  text-decoration: line-through;
  font-weight: 400;
  -webkit-transition: .3s;
  transition: .3s
}

.deal-section .deal-box .deal-detail .custom-progressbar {
  border-radius: 50px;
  height: 10px
}

.deal-section .deal-box .deal-detail .custom-progressbar .progress-bar {
  background: var(--theme-color2);
  border-radius: 50px
}

.deal-section .deal-box .deal-detail .item {
  color: var(--text-primary);
  margin-top: 18px
}

.deal-section .deal-box .deal-detail .item span,
.related-product-2 .related-box .budle-list>ul>li .form-check .form-check-label span span {
  color: #222;
  font-weight: 400
}

.deal-section .deal-box .deal-detail .timer,
.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box+.privacy-box {
  margin-top: 15px
}

.deal-section .deal-box .offer {
  color: var(--text-primary);
  margin: 5px 0 12px
}

.category-section-2 .category-slider .shop-category-box {
  position: relative;
  padding-top: 14px
}

.category-section-2 .category-slider .shop-category-box:hover a::before {
  border-radius: 11px
}

.category-section-2 .category-slider .shop-category-box:hover a img {
  -webkit-transform: scale(1.04);
  transform: scale(1.04)
}

.category-section-2 .category-slider .shop-category-box a,
.category-section-3 .category-box-list a,
.navbar-nav .dropdown-menu .sub-dropdown-hover>a,
.product-box .counter-box {
  display: block;
  position: relative
}

.category-section-2 .category-slider .shop-category-box a.circle-1::before {
  background-color: #fff9d8
}

.category-section-2 .category-slider .shop-category-box a.circle-2::before {
  background-color: #fff2ec
}

.category-section-2 .category-slider .shop-category-box a.circle-3::before {
  background-color: #fce9e9
}

.category-section-2 .category-slider .shop-category-box a.circle-4::before {
  background-color: #fcf1ff
}

.category-section-2 .category-slider .shop-category-box a::before {
  content: "";
  position: absolute;
  top: -14px;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out
}

.category-section-2 .category-slider .shop-category-box a img {
  position: relative;
  width: calc(87px + (110 - 87) * ((100vw - 320px)/ (1920 - 320)));
  margin: 0 auto;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out
}

.category-section-2 .category-slider .shop-category-box .category-name {
  position: relative;
  text-align: center;
  z-index: 0;
  margin: 16px auto 0
}

.category-section-2 .category-slider .shop-category-box .category-name h6 {
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  margin: 0 auto;
  font-size: calc(13px + (15 - 13) * ((100vw - 320px) / (1920 - 320)));
  letter-spacing: .7px;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  -webkit-line-clamp: 3;
  font-weight: 400
}

.category-section-3 .category-box-list {
  padding: 20px;
  border-radius: 15px;
  background-color: #f1f1f3;
  position: relative;
  overflow: hidden;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  z-index: 0
}

.category-section-3 .category-box-list::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(var(--theme-color-primary-rgb), .15);
  z-index: -1;
  opacity: 0;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out
}

.category-section-3 .category-box-list:hover .category-box-view .shop-button {
  opacity: 1;
  bottom: 17px
}

.category-section-3 .category-box-list:hover a img {
  opacity: .7;
  -webkit-transform: scale(1.03);
  transform: scale(1.03)
}

.category-section-3 .category-box-list .category-box-view .shop-button {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: var(--theme-color-primary);
  font-size: 16px;
  padding: 10px 20px;
  color: #fff;
  font-weight: 400;
  position: absolute;
  bottom: -40px;
  opacity: 0
}

.category-section-3 .category-box-list .category-box-view .shop-button i {
  margin-left: 6px;
  font-size: 12px
}

.category-section-3 .category-box-list .category-name {
  margin-bottom: 20px;
  color: #222;
  display: block
}