.campaign-main {
    background-color: #15161A;
    color: #fff;
    padding-top: 100px;
}
.campaign-intro-banner {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 0;
    margin: 0;
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.campaign-intro-banner-mobile {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    object-fit: cover;
    height: 100%;
    width: 100%;
}
img.campaign-intro-logo {
    padding-block: 100px 10px;
}
.snapp-pay-description {
    padding: 23px 60px;
    background: rgb(27 28 33 / 41%);
    width: max-content;
    display: block;
    font-size: 20px;
    margin: 0 auto;
    color: #fff;
    border-radius: 16px;
    margin-bottom: 60px;
}
.campaign-intro{color: #fff;}
span.campaign-counter-title {
    font-size: 20px;
    color: #ffffff63;
    display: block;
    margin-bottom: 14px;
}
.campaign-counter-inner {
    display: flex;
    justify-content: center;
    gap: 13px;
    margin-bottom: 90px;
    flex-direction: row-reverse;
}
.campaign-counter-item {
    display: flex;
    flex-direction: column;
}
span.campaign-counter-item-value {
    font-size: 67px;
    background: #2A2B33;
    display: flex;
    align-items: center;
    border-radius: 13px;
    font-weight: bold;
    height: 100px;
    color: #ababab;
    width: 80px;
    justify-content: center;
    padding-top: 16px;
    margin-bottom: 20px;
    padding-left: 4px;
}
span.campaign-counter-item-title {
    font-size: 20px;
    color: #ababab;
}
span.campaign-counter-item-separator {
    font-size: 72px;
    font-weight: bold;
}
.nwp-campaign-categories-inner-row {
    display: grid;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 65px;
    grid-template-columns: repeat(8, 1fr);
}
.campaign-category-item {
    background-color: #1B1C21;
    border-radius: 7px;
    border: 1px solid #26272D;
    justify-content: center;
    width: 100%;
    padding: 10px;
}
.campaign-category-item img {
    width: 65px;
    border-radius: 0;
}
.campaign-category-item a.banner-title {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
    text-align: center;
    white-space: inherit;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    margin-top: 10px;
}
.campaign-categories-section-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.campaign-categories-section-icon-content {
    display: flex;
    align-items: center;
    gap: 11px;
}
h2.campaign-categories-section-title {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 0;
}
p.campaign-categories-section-desc {
    color: #ffffff80;
    margin-bottom: 0;
    margin-top: 5px;
    font-size: 15px;
}
.campaign-categories-section{
    margin-bottom: 90px;
}
.campaign-products-inner-row{
    margin-top: 45px;
}
.campaign-product-card {
    box-shadow: none !important;
    border: 1px solid #26272D !important;
    background: #1b1c21 !important;
    color: #fff;
}
.campaign-product-card-item {
    width: 244px;
    min-width: 244px;
    overflow: hidden;
}
.campaign-product-card-item .card-img {
    padding: 8px 8px 0;
}
.campaign-product-card-item .card-img img {
    max-height: 165px;
    object-fit: cover;
    width: 100%;
    display: block;
    margin: 0 auto;
    border-radius: 10px !important;
}
.campaign-product-card-item .card-body {
    padding: 13px 18px 0;
    flex: 1;
    height: 100% !important;
    max-height: 100%;
}
.product-inner-row-mobile {
    display: flex;
    gap: 19px;
    overflow-x: auto;
}
.campaign-product-card-title a {
    font-size: 14px;
    color: #fff;
    line-height: 21px;
    white-space: inherit;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
}
.campaign-product-card .sale-price, .campaign-product-card .product-card-price {
    color: #fff;
    font-size: 17px;
}
.campaign-product-card .offered-price {
    color: #ffffff80;
    font-size: 14px;
    display: flex;
    align-items: flex-start;
    gap: 5px;
}
.campaign-product-card .offered-price del{
    padding-top: 2px;
}
.campaign-product-card .card-footer {
    padding: 0 16px 12px;
}
.campaign-product-card .woocommerce-Price-currencySymbol, .campaign-product-card .offered-price {
    color: #ffffff80;
}
span.campaign-discount-badge-percent {
    font-size: 10px;
}
span.campaign-discount-badge {
    background: #EB184A;
    color: #fff;
    border-radius: 4px;
    display: inline-block;
    align-items: center;
    font-size: 14px;
    height: 20px;
    padding-inline: 8px;
    padding-bottom: 4px;
}
.campaign-product-card .woocommerce-Price-currencySymbol{
    font-size: 12px;
}
.campaign-product-card .product-card-price {
    display: flex;
    justify-content: space-between;
}
.campaign-product-card-item .card-img a{position: relative;}
.campaign-product-card-item .card-img a::before {
    content: '';
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), #000000c7);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: opacity 0.3s ease;
    opacity: 1;
    border-radius: 10px;
}
.campaign-product-card-item .card-img a:hover::before {
    opacity: 0;
}
#free-shipping-products{
    padding-block: 80px 100px;
}
section#offered-product-tomorrow {
    background: #1B1C21;
    padding-block: 80px 100px;
}
section#offered-product {
    padding-bottom: 100px;
}
section#offered-product-tomorrow .campaign-product-card {
    border: 1px solid #15161A !important;
    background: #15161A !important;
}
.campaign-view-all-link {
    padding: 12px 25px 9px;
    color: #DBDBDB;
    background-color: #1B1C21;
    border: 1px solid #3b3c41;
    border-radius: 7px;
    transition: all 0.3s ease;
}
.campaign-view-all-link:hover {
    color: #fff;
}
.campaign-view-all-link i {
    vertical-align: 0.035em;
}
.header-campaign-section, .header-campaign-section > nav  {
    background-color: #1B1C21;
}
div.header-campaign-section .main-header-nav .row {
    border-top: none !important;
    padding-top: 1.1rem !important;
}
.header-campaign-section .nav.navbar-nav > li > a {
    font-size: 15px !important;
    font-weight: 500;
    color: #fff !important;
}
.header-section.header-campaign-section nav.main-header-nav{
    border-block: 1px solid #26272D;
    padding-top: 0;
}
.header-campaign-section #searchform, .header-campaign-section #searchform #s, .campaign-search-mobile-wrapper #searchform{
    background-color: #15161A;
    border-radius: 8px !important;
}
.header-campaign-section #searchform #s, .campaign-search-mobile-wrapper #searchform #s {
    background-color: #15161A;
    border-radius: 8px !important;
    font-size: 12px;
    height: 40px;
}
.header-campaign-section .navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.header-campaign-section .nwp-nav-menu-btn-items span.cart-icon-count {
    right: -7px;
    top: -3px;
    background: #EB184A;
    border-radius: 5px;
    line-height: 19px;
}
.home-search-mobile-wrapper{
    background-color: #1B1C21;
}
.search-icon-form{
    color: rgba(255, 255, 255, 0.5) !important
}
.header-campaign-section .navbar-divider {
    display: inline-block;
    height: 18px;
    width: 1px;
    background-color: #e7ecf0;
    margin-right: 15px !important;
    margin-left: 21px !important;
}
.campaign-login-register-button {
    background-color: #EB184A;
    color: #fff;
    border-radius: 8px;
    margin-left: 0 !important;
    font-size: 14px;
    padding-block: 8px;
}
.nwp-dropdown:hover > .dropdown-menu.depth_0 {
    border: 1px solid #26272D;
    background: #15161A;
}

.dropdown-menu > li > a {
    color: #fff !important;
}
.navbar-nav > .nwp-dropdown.menu-item-has-children:hover {
    border-bottom: 1px solid #EB184A !important;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #fff !important;
}
#footer {
    background-color: #1B1C21;
    border-top: 1px solid #26272D;
    padding-top: 50px;
}
.social.footer-social-icons.campaign-footer-social-icons {
    display: flex;
    gap: 21px;
}
#footer-content {
    border-color: #26272D !important;
}
.campaign-footer-social-icons-container {
    padding-block: 30px;
}
.social.footer-social-icons.campaign-footer-social-icons a i {
    color: rgba(255, 255, 255, 0.5);
    font-size: 17px !important;
}
.widget_nav_menu .header span{
    font-weight: normal !important;
}
.widget_nav_menu .header span, .widget_block .header span{
    color: rgba(255, 255, 255, 0.8) !important;
}
.widget_nav_menu .menu .menu-item a {
    color: rgba(255, 255, 255, 0.5) !important;
}
span.campaign-onsale-next-sales-title {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.5);
}
.campaign-timer {
    display: flex;
    justify-content: center;
    gap: 13px;
    flex-direction: row-reverse;
    align-items: center;
}
.campaign-timer-item {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.campaign-timer-value {
    font-size: 30px;
    background: #2A2B33;
    display: flex;
    align-items: center;
    border-radius: 8px;
    font-weight: bold;
    height: 50px;
    color: #ababab;
    width: 47px;
    justify-content: center;
    padding: 6px 8px 0;
    margin-bottom: 8px;
}
.campaign-timer-label {
    font-size: 12px;
    color: #ababab;
}
.campaign-timer-separator {
    font-size: 43px;
    font-weight: bold;
    color: #fff;
    padding-bottom: 11px;
}
span.campaign-onsale-next-sales-inner-title {
    display: flex;
    gap: 25px;
    align-items: center;
}
.campaign-footer-contact-us-desc {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
span.campaign-footer-contact-us-desc-item {
    display: flex;
    gap: 7px;
    color: rgba(255, 255, 255, 0.5);
}
.on-sale-price-counter .campaign-timer {
    margin-bottom: 0;
    justify-content: flex-end;
    gap: 3px;
}
.on-sale-price-counter .campaign-timer-item {
    margin: 0;
}
.on-sale-price-counter .campaign-timer-value {
    font-size: 14px;
    height: 22px;
    width: 18px;
    border-radius: 4px;
    padding: 3px 6px 0;
    margin-bottom: 3px;
}
.on-sale-price-counter .campaign-timer-label {
    font-size: 8px;
}

.on-sale-price-counter .campaign-timer-separator {
    font-size: 18px;
    padding-bottom: 11px;
}
.product-info-box-timer {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-around;
    align-items: center;
}
.on-sale-price-counter{
    position: relative;
}
.on-sale-price-counter::before {
    content: '';
    position: absolute;
    background: #26272D;
    height: 25px;
    width: 1px;
    left: 22px;
    top: 0;
}
.dropdown-menu.depth_0>li.menu-item-has-children>a {
    color: #fff !important;
}
ul.dropdown-menu.sub-menu.depth_1 {
    background: transparent;
}
#my-account-navigation-header-menu{
    background-color: #15161a;
}
#my-account-navigation-header-menu li:not(:last-child) a {
    border-bottom: 1px solid #26272d;
    color: #fff !important;
}
#my-account-navigation-header-menu li {
    background: transparent !important;
}
#my-account-navigation-header-menu li:before {
    font-weight: 500 !important;
    font-size: 17px !important;
    color: #fff;
}
.login-register-icon.dropdown-toggle {
    padding: 0;
    width: 33px;
    height: 33px;
    overflow: hidden;
    border-radius: 50%;
}
@media (min-width: 993px) {
    .navbar-nav > .nwp-dropdown.menu-item-has-children:hover > a:before {
        color: #EB184A;
    }
}
@media (max-width: 991px) {
    .home-search-mobile-wrapper {
        background-color: #1B1C21;
        border-bottom: 1px solid #26272D;
    }
    .header-quick-access .MobileHeaderMenuItems {
        border-top: 1px solid #26272D;
        border-bottom: 1px solid #26272D;
    }
    .MobileHeaderMenuWrapper, .mobile-hamburgerMenu-header, .MobileHeaderMenuItems {
        background-color: #1B1C21;
    }
    #MainHeaderMenu [data-icon]:before {
        
        color: #fff !important;
    }
    #MainHeaderMenu .nwp-dropdown.nwp_active_dropdown > .dropdown-menu.depth_0 {
        background: #15161a;
        width: 1000% !important;
    }
    .header-campaign-section > nav {
        border-bottom: 0 !important;
    }
    .navbar-nav > .nwp-dropdown.menu-item-has-children:hover{border-bottom: none !important;}
    .campaign-search-mobile-wrapper .main-header-column {
        padding-bottom: 20px;
        padding-top: 0;
    }
    .campaign-search-mobile-wrapper .home-search-mobile-wrapper {
        background-color: #1B1C21;
        border-bottom: 1px solid #26272D;
    }
    .nwp-campaign-categories-inner-row {
        gap: 11px;
        margin-top: 25px;
        grid-template-columns: repeat(5, 1fr);
    }
    .campaign-categories-section-icon-content {
        display: flex;
        align-items: center;
        gap: 11px;
        flex-direction: column;
    }
    .campaign-footer-social-icons-container {
        --bs-gutter-x: 1.5rem;
        padding-block: 30px;
        padding-inline: 0 !important;
        margin-inline: calc(var(--bs-gutter-x) * 0.5);
        width: calc(100% - calc(var(--bs-gutter-x)));
        border-top: 1px solid #26272D !important;
    }
    .campaign-categories-section .campaign-categories-section-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .campaign-categories-section .campaign-categories-section-icon{width: 40px;}
    .campaign-categories-section h2.campaign-categories-section-title {
        font-size: 20px;
    }
    .campaign-category-item {
        border-radius: 7px;
        padding: 5px 4px;
    }
    .campaign-categories-section {
        margin-bottom: 60px;
    }
    #offered-product .campaign-categories-section-icon, #offered-product-tomorrow .campaign-categories-section-icon, #free-shipping-products .campaign-categories-section-icon{display: none;}
    #offered-product .campaign-categories-section-desc, #offered-product-tomorrow .campaign-categories-section-desc, #free-shipping-products .campaign-categories-section-desc{display: none;}
    .campaign-view-all-link {
        padding: 0;
        color: #DBDBDB;
        background-color: transparent;
        border: none;
        border-radius: 7px;
        transition: all 0.3s  ease;
    }
    .product-inner-row-mobile {
        padding-inline: 18px;
    }
    .campaign-product-card-item {
        width: 232px;
        min-width: 232px;
        overflow: hidden;
    }

    .campaign-product-card .offered-price {
        color: #ffffff80;
        font-size: 13px;
    }
    .campaign-product-card .sale-price, .campaign-product-card .product-card-price {
        color: #fff;
        font-size: 16px;
    }
    section#footer {
        padding-top: 43px;
        padding-bottom: 0;
        overflow: hidden;
    }
    #footer-content .widget_nav_menu {
        background: #15161A;
    }
    #footer-content .footer-toggle::after {
        color: #fff;
    }
    .campaign-footer-contact-us-desc {
        display: flex;
        flex-direction: column;
        gap: 15px;
        justify-content: center;
        align-items: center;
        margin-bottom: 23px !important;
    }
    .campaign-footer-contact-us-desc-item i {
        display: none;
    }
    span.campaign-footer-contact-us-desc-item-text {
        text-align: center;
        font-size: 15px;
    }
    .widget_block .header span {
        color: rgba(255, 255, 255, 0.8) !important;
        font-size: 22px;
    }
    #footer-content{
        border-bottom: none !important;
    }
    .widget_block .header  {
        justify-content: center !important;
        margin-bottom: 17px !important;
    }
}
@media (max-width: 767px) {
    .nwp-campaign-categories-inner-row {
        grid-template-columns: repeat(4, 1fr);
    }
    .campaign-categories-section p.campaign-categories-section-desc {
        font-size: 10px;
        text-align: center;
    }
    .campaign-category-item a.banner-title {
        font-size: 8px;
        margin-top: 6px;
    }
    .campaign-category-item img {
        width: 30px;
        border-radius: 0;
    }
    section#offered-product-tomorrow, #free-shipping-products {
        background: #1B1C21;
        padding-block: 40px 70px;
    }
}
@media (max-width: 575px) {
    .campaign-intro-banner-mobile {
        padding: 0;
    }
    img.campaign-intro-logo {
        padding-block: 21px 10px;
        width: 178px;
    }
    .snapp-pay-description {
        padding: 6px 6px 3px;
        background: rgb(27 28 33 / 41%);
        width: max-content;
        display: block;
        font-size: 11px;
        margin: 0 auto;
        color: #fff;
        border-radius: 5px;
        margin-bottom: 8px;
    }
    .snapp-pay-description img{
        width: 20px;
    }
    span.campaign-counter-title {
        font-size: 10px;
        color: #ffffff63;
        display: block;
        margin-bottom: 11px;
    }
    .campaign-counter-inner {
        display: flex;
        justify-content: center;
        gap: 4px;
        margin-bottom: 18px;
        flex-direction: row-reverse;
    }
    span.campaign-counter-item-value {
        font-size: 16px;
        background: #2A2B33;
        display: flex;
        align-items: center;
        border-radius: 3px;
        font-weight: bold;
        height: 23px;
        color: #ababab;
        width: 23px;
        justify-content: center;
        padding-top: 4px;
        margin-bottom: 4px;
        padding-left: 0px;
    }       
    span.campaign-counter-item-title {
        font-size: 6px;
        color: #ababab;
    }
    span.campaign-counter-item-separator {
        font-size: 17px;
        font-weight: bold;
    }
    .campaign-main {
        background-color: #15161A;
        color: #fff;
        padding-top: 26px;
    }
    
    .campaign-onsale-next-sales .campaign-onsale-next-sales-title{display: none;}
    h2.campaign-categories-section-title {
        font-size: 17px;
    }
    .campaign-timer {
        display: flex;
        justify-content: center;
        gap: 3px;
    }
    .campaign-timer-value {
        font-size: 21px;
        background: #2A2B33;
        display: flex;
        align-items: center;
        border-radius: 3px;
        font-weight: bold;
        height: 31px;
        color: #ababab;
        width: 28px;
        justify-content: center;
        padding: 5px 7px 0;
        margin-bottom: 4px;
    }
    .campaign-timer-label {
        font-size: 7px;
    }
    .campaign-timer-separator {
        font-size: 22px;
    }
}