/* Hello, you can map the corresponding CSS code for a specific feature/module by using the list below.
    Note: (Media Queries for responsive feature is still on progress, expect for messy line of codes ahead)
*/
/* List for a specific feature/module */
/* 
    - Font styles for texts
    - Navigation bar (top, mid and bot navbars)
    - Wishlist module
    - View Order/Orders Module
    - Checkout Module
    - Cart Page
    - Product Display Page
    - Mid Banner
    - Shop Page
    - Footer
    - Product Modal 
    - Product tags
    - Mega menu dropdown
    - Navbar (Top nav, Mid nav and Bot nav)
    - Hoveralbe buttons for product cards
    - CSS for footer, testimonials (swipers) and corporate page
    - Hoverable buttons (CSS) incorporated with scripts
    - Badges
    - Random media queries - to check every query
    - Scroll bar CSS
    - Enhancements (for the recent pull requests)
    - Best seller swiper and other swipers (CSS)
    - Navbar for tablet view - burger menu
    - Hero section - new css
    - Breadcrumbs
    - Shop by category - desktop
    - Filter products - product listing generic
    - Sidebar tabs - User account
    - Swiper panel
    - Product listing
    - Profile - signup
    - Media queries for responsive feature
*/
/* End of the list for a specific feature/module */

/* font styles for texts */

@font-face {
    font-family: tenor-sans;
    src: url("fonts/TenorSans-Regular.ttf");
}

@font-face {
    font-family: WorkSans-Medium;
    src: url("fonts/WorkSans-Medium.ttf");
}

@font-face {
    font-family: WorkSans-Regular;
    src: url("fonts/WorkSans-Regular.ttf");
}

@font-face {
    font-family: WorkSans-Bold;
    src: url("fonts/WorkSans-Bold.ttf");
}

@font-face {
    font-family: WorkSans-SemiBold;
    src: url("fonts/WorkSans-SemiBold.ttf");
}

/* End of font styles for texts */

/* Unang una */

/* ================================================================================================ */

/* Navbar CSS */

/* Top navbar CSS */

/* navbar - hide and show */

@media (min-width: 995px) and (max-width: 1023px) {
    #speedregalo-nav-top {
        display: none;    
    }
    
    #speedregalo-nav-mid {
        display: none;
    }

    #speedregalo-nav-bot {
        display: none;
    }
}

#speedregalo-nav-top {
    background-color: #FFCD39;
    font-family: tenor-sans;
    height: 60px;
}

.contact-number-navtop {
    height: 61px;
    background-color: #F6E8BD;
    margin-top: -2.2%;
    margin-bottom: -2.1%;
    padding-top: 2.5%;
    /* padding-left: 0;
    padding-right: 0; */
    overflow: hidden;
}

/* .navbar-nav .nav-item {
    margin: 0 10px;
} */

.navbar-nav .nav-item {
    padding-left: .3rem;
    padding-right: .15rem;
}

.navbar-nav .nav-link {
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
}

#navbar-top-top {
    margin-left: 5%;
    margin-right: 5%;
}

/* End of top navbar CSS */

/* ================================================================================================ */

/* Mid navbar CSS */

.list-new-prod:hover {
    color: #F47B00;
}

.list-new-prod-1 {
    font-family: WorkSans-Regular;
    font-weight: 600;
    cursor: pointer;
}

.list-new-prod {
    cursor: pointer;
}

.list-new-prod-1:hover {
    color: #F47B00;
}

.list-new-prod-link {
    cursor: pointer;
    font-family: WorkSans-Regular;
    text-decoration: none;
    color: #000;
}

.list-new-prod-link:hover {
    color: #F47B00;
}

#speedregalo-nav-mid {
    height: 112px;
    background-color: #fff;
}

#search-bar-mid-nav {
    border-radius: 8px;
    width: 380px;
    border: 1px solid #A7A7A7;
    height: 48px;
    overflow: hidden;
}

.cat-btn-mid-nav {
    background-color: #F0F0F0;
    border: 1px solid #A7A7A7;
    height: 48px;
    border-radius: 8px;
    width: 230px;
    margin-left: -5%;
    text-align: left;
}

.btn {
    font-family: WorkSans-Regular;
}

.right-align-mob-tab {
    margin-right: 25%;
}

.navbar-mob-button, .navbar-tab-button {
    border: none;
}

/* .navbar-mob-button {
    margin-left: -8%;
} */

.cat-btn-mid-nav * {
    padding: 20px;
    background-color: white;
}

/* .row-nav-mob-tab>* {
    padding-right: calc(var(--bs-gutter-x) * .0);
} */

.select .list-new-prod-1 {
    padding-left: 40px;
}

.shoppingCartItems {
    cursor: pointer;
    text-decoration: none;
}

.shopping-cart {
    cursor: pointer!important;
}

.cat-dropdown {
    width: 250px;
    margin-left: -4%;
}

.cat-search-btn {
    border-radius: 8px!important;
    border: rgb(254, 200, 100);
    background: linear-gradient(180deg, #FFCD39 0%, #F47B00 100%);
    color: white;
    height: 48px;
    width: 110px;
}

.cat-search-btn:hover {
    color: #FFF;
    background: linear-gradient(180deg, #e9b61c 0%, #db6e01 100%);
}

.cat-dropdown {
    border-radius: 10px;
    max-height: 400px;
    margin-bottom: 10px;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    overflow-x: hidden;
    font-family: WorkSans-Regular;
}

.cat-dropdown-tab {
    border-radius: 10px 0 10px 10px;
    max-height: 300px;
    margin-bottom: 10px;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    overflow-x: hidden;
    font-family: WorkSans-Regular;
}

/* search bar suggestions */

.search-suggest-panel {
    margin-left: -52%;
    position: absolute;
    margin-top: 6.7%;
    background-color: white;
    border-radius: 8px;
    display: none;
    z-index: 999;
    border: none;
    max-height: 600px;
    width: 50%;
    overflow-y: auto;
    overflow-x: hidden;
}

.card-suggestions-items {
    border: none;
}

.search-suggest-list {
    list-style-type: none;
}

.dropdown-categories-mid-nav {
    margin-top: -.5%!important;
    margin-left: -5%;
    width: 360px;
    height: 350px!important;
    overflow-y: auto;
}

.see-all-search-suggest {
    border: none;
    background-color: transparent;
    text-decoration: none;
    font-family: WorkSans-Regular;
    color: #F47B00;
}

.search-bar-suggest {
    height: 752px;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: white;
}

#product-items-description {
    font-family: tenor-sans;
    color: black;
    text-decoration: none;
}

.search-suggestions-items:hover {
    color: black;
}

.product-provider-suggest {
    font-size: 15px;
    color: #F47B00;
}

.product-name-suggestions {
    font-size: 17px;
    font-family: tenor-sans;
}

.product-price-suggestions {
    font-size: 16px;
    font-family: WorkSans-SemiBold;
}

.product-price-suggestions-old {
    font-size: 16px;
    font-family: WorkSans-SemiBold;
    text-decoration: line-through;
}

.product-provider-suggestions {
    font-size: 16px;
    font-family: WorkSans-Regular;
}

.label-suggest-1, .label-suggest-2 {
    font-family: WorkSans-Regular;
}

/* search bar suggestions */

/* Shopping cart dropdown */

.delete-cart-btn {
    margin-top: 2%;
    margin-left: -11%;
}

.delete-cart-btn {
    margin-top: 2%;
    margin-left: -11%;
}

.dropdownShoppingCartItems .subtotal-price {
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    color: #F47B00;
}

.dropdownShoppingCartItems .subtotal-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #000000;
}

.dropdownShoppingCartItems .h6 {
    font-family: tenor-sans;
    line-height: 19px;
}

.dropdownShoppingCartItems .product-cart-price {
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
}

.dropdownShoppingCartItems .quantity-text {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
}

.dropdownShoppingCartItems input {
    padding: 8px 10px;
    text-align: center;
    background: #FFFFFF;
    border: 1px solid #D6D6D6;
    border-radius: 6px;
}

.dropdownShoppingCartItems input::-webkit-outer-spin-button,
.dropdownShoppingCartItems input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.dropdownShoppingCartItems input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}

.dropdownShoppingCartItems button {
    align-items: center;
    padding: 8px 16px;
    background: #FFCD39;
    border-radius: 8px;
    border: 0px;
}

.add-scroll-y {
    overflow-y: auto;
    overflow-x: hidden;
}

.dropdownShoppingCartItems a.checkout:hover {
    background-color: #ffbf01;
}

.view-cart-button {
    text-decoration: none;
    color: #E5B833;
}

.view-cart-button:hover {
    color: #ffe7a0;
}

.cart-items {
    overflow-x: hidden;
    overflow-y: auto;
}

#update_cart_form input::-webkit-outer-spin-button,
#update_cart_form input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

#update_cart_form input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}

/* Shopping Cart Dropdown */

.dropdownShoppingCartItems {
    top: 140px;
    right: 145px!important;
    width: 368px;
    z-index: 999;
    display: none;
    height: 512px;
    min-height: 20px;
    color: #494949;
    font-style: normal;
    position: absolute;
    background: transparent;
    font-family: WorkSans-Regular;
    filter: drop-shadow(13px 18px 22px rgba(69, 79, 89, 0.16));
}

.dropdownShoppingCartItems_divider {
    border-radius: 8px;
    background: #F0F0F0;
    border: 1px solid #F0F0F0;
    box-shadow: 12px 20px 24px rgba(69, 79, 89, 0.08);
}

.dropdownShoppingCartItems .arrow-up {
    top: 0%;
    width: 0;
    height: 0;
    left: 85.33%;
    right: 9.03%;
    bottom: 98.44%;
    position: relative;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #F0F0F0;
}

.dropdownShoppingCartItems button.delete-item {
    background-color: transparent;
    cursor: pointer;
}

.dropdownShoppingCartItems_status {
    text-decoration: none;
    font-family: WorkSans-Medium;
    font-weight: 700;
    color: #000;
}

@media (min-width: 1367px) {
    .dropdownShoppingCartItems .dropdown-cart-items {
        max-height: 512px;
    }
}

.dropdownShoppingCartItems_status:hover {
    text-decoration: none;
    color: #000;
}

.dropdownShoppingCartItems button.shopping-cart {
    background: #000000;
    border-radius: 8px;
    padding: 8px 16px;
    font-family: WorkSans-Regular;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #FFCD39;
}

.dropdownShoppingCartItems a.checkout {
    background: #FFCD39;
    border-radius: 8px;
    padding: 8px 16px;
    font-family: WorkSans-Regular;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #494949;
    border-color: #FFCD39;
    border-style: solid;
}

.dropdownShoppingCartItems .dropdown-cart-items {
    padding:0px;
    margin:0px;
    max-height: 512px;
}

.dropdownShoppingCartItems .dropdown-title a:hover {
    text-decoration: none;
}

.dropdownShoppingCartItems .dropdown-cart-items .header-car-items {
    padding:0px;
    margin:0px;
}

.dropdownShoppingCartItems .dropdown-cart-items .header-car-items-list .qty-div span:hover {
    cursor: pointer;
}

.dropdownShoppingCartItems .dropdown-cart-items .header-car-items-list .delete-cart-btn {
    top: -155px;
    left: 4px;
    font-size: 24px;
}

.dropdownShoppingCartItems .header-car-items-list {
    max-height: 160px;
}

.dropdownShoppingCartItems .dropdown-cart-items .header-car-items-list .delete-cart-btn i:hover {
    cursor: pointer;
}

.dropdownShoppingCartItems .dropdown-cart-links {
    padding: 0px 0px 20px;
    text-align: center;
}

.dropdownShoppingCartItems .dropdown-title .close-dropdownShoppingCartItems:hover {
    cursor: pointer;
}

/* End of shopping cart dropdown */

.fa-chevron-down {
    float: right;
    margin-top: -3.5%;
    background-color: transparent!important;
}

.dropdown-button-label {
    background-color: transparent;
}

.search-suggest-panel-bg {
    font-family: WorkSans-Regular;
}

/* end of mid nav bar style */

/* ================================================================================================ */

/* Mid navbar media query - Responsive */

@media (min-width: 1631px) and (max-width: 1767px) {
    .dropdownShoppingCartItems {
        right: 133px!important;
    }
}

@media (min-width: 1601px) and (max-width: 1630px) {
    .dropdownShoppingCartItems {
        right: 120px!important;
    }
}

@media (min-width: 1545px) and (max-width: 1600px) {
    #search-bar-mid-nav {
        width: 350px;
    }

    .cat-btn-mid-nav {
        width: 210px;
    }

    .search-suggest-panel {
        width: 350px;
        margin-left: -51.5%;
        margin-top: 7.3%;
    }
    
    .dropdown-categories-mid-nav {
        /* margin-left: 2%; */
        width: 340px;
    }
    
    .dropdownShoppingCartItems {
        right: 0px;
    }

    .contact-number-navtop {
        background-color: #F6E8BD;
        /* height: 60px; */
    }

    .dropdownShoppingCartItems {
        right: 115px!important;
    }
}

@media (min-width: 1500px) and (max-width: 1544.99px) {
    #search-bar-mid-nav {
        width: 330px;
    }
    
    .cat-btn-mid-nav {
        width: 205px;
    }

    .search-suggest-panel {
        width: 320px;
        margin-left: -50.5%;
        margin-top: 7.3%;
    }

    .dropdown-categories-mid-nav {
        /* margin-left: -3%; */
        width: 335px;
    }

    .contact-number-navtop {
        background-color: #F6E8BD;
        /* height: 60px; */
    }

    .dropdownShoppingCartItems {
        right: 110px!important;
    }
}

@media (min-width: 1425px) and (max-width: 1499px) {
    #search-bar-mid-nav {
        width: 310px;
    }

    .cat-btn-mid-nav {
        width: 200px;
    }

    .search-suggest-panel {
        width: 310px;
        margin-left: -49.3%;
        margin-top: 7.7%;
    }

    .dropdown-categories-mid-nav {
        /* margin-left: 2%; */
        width: 328px;
    }

    .contact-number-navtop {
        background-color: #F6E8BD;
        /* height: 60px; */
    }

    .dropdownShoppingCartItems {
        right: 105px!important;
    }
}

@media (min-width: 1398px) and (max-width: 1424px) {
    #search-bar-mid-nav {
        width: 305px;
    }

    .cat-btn-mid-nav {
        width: 200px;
    }

    .search-suggest-panel {
        width: 310px;
        margin-left: -48.9%;
        margin-top: 7.7%;
    }

    .dropdown-categories-mid-nav {
        /* margin-left: 5%; */
        width: 327px;
    }

    .contact-number-navtop {
        background-color: #F6E8BD;
        /* height: 60px; */
    }

    .dropdownShoppingCartItems {
        right: 100px!important;
    }
}

@media (min-width: 1350px) and (max-width: 1397px) {
    #search-bar-mid-nav {
        width: 280px;
    }

    .cat-btn-mid-nav {
        width: 200px;
    }

    .search-suggest-panel {
        width: 290px;
        margin-left: -46.9%;
        margin-top: 8%;
    }

    .dropdown-categories-mid-nav {
        /* margin-left: 6%; */
        width: 327px;
    }

    .contact-number-navtop {
        background-color: #F6E8BD;
        /* height: 60px; */
    }

    .dropdownShoppingCartItems {
        right: 100px!important;
    }
}


@media (min-width: 1274px) and (max-width: 1349px) {
    #search-bar-mid-nav {
        width: 240px;
    }

    .cat-btn-mid-nav {
        width: 200px;
    }

    .search-suggest-panel {
        width: 290px;
        margin-left: -43%;
        margin-top: 8.7%;
    }

    .dropdown-categories-mid-nav {
        /* margin-left: 27%; */
        width: 327px;
    }

    .contact-number-navtop {
        background-color: #F6E8BD;
        /* height: 60px; */
    }

    .dropdownShoppingCartItems {
        right: 95px!important;
    }
}

@media (min-width: 1236px) and (max-width: 1273px) {
    #search-bar-mid-nav {
        width: 220px;
    }

    .cat-btn-mid-nav {
        width: 200px;
    }

    .search-suggest-panel {
        width: 290px;
        margin-left: -41%;
        margin-top: 9%;
    }

    .dropdown-categories-mid-nav {
        /* margin-left: 36%; */
        width: 327px;
    }

    .contact-number-navtop {
        background-color: #F6E8BD;
        /* height: 60px; */
    }

    .dropdownShoppingCartItems {
        right: 90px!important;
    }
}

@media (min-width: 1150px) and (max-width: 1235px) {
    #search-bar-mid-nav {
        width: 210px;
    }

    .cat-btn-mid-nav {
        width: 200px;
    }

    .search-suggest-panel {
        width: 290px;
        margin-left: -39.5%;
        margin-top: 9.3%;
    }

    .dropdown-categories-mid-nav {
        /* margin-left: 42.5%; */
        width: 327px;
    }

    .contact-number-navtop {
        background-color: #F6E8BD;
        /* height: 60px; */
    }

    .dropdownShoppingCartItems {
        right: 87px!important;
    }

    .cat-btn-mid-nav *{
        padding: 0 0 0 20px;
    }

    .fa-chevron-down {
        padding-top: 5px;
        float: none;
    }

    #dropdown-bot-category .fa-chevron-down {
        margin-left: 15px;
    }

    .nav-item-main-menu .fa-chevron-down {
        margin-left: 15px;
    }

    .dropdown-mega .dropdown-mega-menu-panel {
        width: 250px;
    }
}

@media (min-width: 1100px) and (max-width: 1149px) {
    #search-bar-mid-nav {
        width: 170px;
    }

    .cat-btn-mid-nav {
        width: 190px;
    }

    .search-suggest-panel {
        width: 350px;
        margin-left: -35.5%;
        margin-top: 10%;
    }

    .dropdown-categories-mid-nav {
        /* margin-left: 42.5%; */
        width: 327px;
    }

    .contact-number-navtop {
        background-color: #F6E8BD;
        /* height: 60px; */
    }

    .dropdownShoppingCartItems {
        right: 87px!important;
    }
    
    .cat-btn-mid-nav *{
        padding: 0 0 0 20px;
    }

    .fa-chevron-down {
        padding-top: 5px;
        float: none;
    }

    #dropdown-bot-category .fa-chevron-down {
        margin-left: 15px;
    }

    .nav-item-main-menu .fa-chevron-down {
        margin-left: 15px;
    }

    .dropdown-mega .dropdown-mega-menu-panel {
        width: 250px;
    }

    .contact-number-navtop {
        width: 190px;
    }
}

@media (min-width: 1024px) and (max-width: 1099px) {
    .search-suggest-panel {
        width: 330px;
        margin-left: -32.5%;
        margin-top: 10.5%;
    }

    #search-bar-mid-nav {
        width: 150px;
    }

    .cat-btn-mid-nav {
        width: 190px;
    }

    .cat-btn-mid-nav * {
        padding: 0 0 0 20px;
    }

    .fa-chevron-down {
        padding-top: 5px;
        float: none;
    }

    .SR-LOGO-desktop {
        margin-left: -5%;
        width: 200px;
    }

    #speedregalo-nav-mid .col-md-7 {
        margin-left: -4%;
    }

    #speedregalo-nav-mid .col-md-1 {
        margin-left: 3%;
    }

    .dropdown-categories-mid-nav {
        /* margin-left: 42.5%; */
        width: 320px;
    }
    
    #dropdown-bot-category .fa-chevron-down {
        margin-left: 15px;
    }

    .nav-item-main-menu .fa-chevron-down {
        margin-left: 15px;
    }

    .dropdown-mega .dropdown-mega-menu-panel {
        width: 250px;
    }   

    .contact-number-navtop {
        width: 190px;
    }
}

/* End of mid navbar media query - Responsive  */

/* ================================================================================================ */

/* Bot navbar CSS */

.list-group-item {
    color: #3F3B51;
    border: 0;
    padding: 10px 0;
    font-size: 16px;
}

.card-prod-text {
    font-size: 18px;
    font-family: tenor-sans;
}


.btn-buy-now-card-prod {
    background-color: #F47B00;
    color: white;
    width: 30%;
    border-radius: 10px;
    font-size: 17px;
}

.btn-buy-now-card-prod:hover {
    color: white;
}

.new-prod-card .card-body {
    padding-bottom: 1%;
}

.new-prod-card {
    border: none;
}

.menu_item_url:hover {
    color: #000;
}

.menu_item_url {
    cursor: pointer;
    text-decoration: none;
    color: #000000;
}


/* bot nav bar style */

#speedregalo-nav-bot {
    border-top: .5px solid rgb(207, 207, 207);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1), 0 6px 10px 0 rgba(0,0,0,0.1);
    background-color: #fff;
}

/* dropdown */

.btn-category-dropdown {
    width: 100%;
    background-color: #FFCD39;
    font-family: WorkSans-Medium;
    height: 40px;
    border-radius: 8px;
}

/* dropdown - mega menu -new */

.dropdown-mega-menu {
    font-size: 16px;
    font-family: Worksans-Regular;
}

.nav-mid-top {
    font-family: Worksans-Regular;
}

.nav-mid-top:hover {
    color: #F47B00;
}

.megamenu-list-item {
    cursor: pointer;
}

/* .list-new-prod:hover {
    margin-left: 6%;
    transition: .2s ease-in-out;
    color: #F47B00;
    font-weight: 600;
}

.list-new-prod:not(:hover) {
    margin-left: 0%;
    transition: .2s ease-in-out;
} */

.megamenu-list-item:hover {
    margin-left: 6%;
    transition: .2s ease-in-out;
    color: #F47B00;
    font-weight: 600;
}

.megamenu-list-item:not(:hover) {
    margin-left: 0%;
    transition: .2s ease-in-out;
}

.dropdown-mega-menu:hover {
    margin-left: 6%;
    transition: .2s ease-in-out;
    color: #F47B00;
    font-weight: 600;
}

.dropdown-mega-menu:not(:hover) {
    margin-left: 0%;
    transition: .2s ease-in-out;
}

.megamenu-dropdown {
    /* height: 424px; */
    width: auto;
    top: 0px;
    display: none;
    left: 100.5%;
    font-family: Worksans-Regular;
    box-shadow: 12px 20px 24px rgba(69, 79, 89, .07);
    background-color: #FCFCFC;
}

.megamenu-dropdown-10-above {
    /* height: 424px; */
    width: 650px;
    top: 0px;
    display: none;
    left: 100.5%;
    font-family: Worksans-Regular;
    box-shadow: 12px 20px 24px rgba(69, 79, 89, .07);
    background-color: #FCFCFC;
}

.dropdown-menu > li:hover > .megamenu-dropdown {
    display: block;
}

.dropdown-menu > li:hover > .megamenu-dropdown-10-above {
    display: block;
}

.dropdown-item {
    padding-left: .5rem;
}

.dropdown-new-prod {
    position: absolute;
    /* margin-left: -85%; */
    border: none;
    /* width: 580px; */
    border-radius: 10px;
}

/* mega menu dropdown panel */

@media (min-width: 1400px) and (max-width: 1920px) {
    .dropdown-mega-menu-panel {
        margin-left: 9.5%;
    }
}

@media (min-width: 1000px) and (max-width: 1399px) {
    .dropdown-mega-menu-panel {
        margin-left: 9%;
    }
}

@media (min-width: 1400px) and (max-width: 1920px) {
    .dropdown-menu {
        max-height: 505px;
    }
}

#navbar-top-bottom {
    margin-left: 5%;
    margin-right: 5%;
}

.image-upload {
    max-width: 374px!important;
    max-height: 187px!important;
}

/* End of bot navbar CSS */

/* End of Navbar CSS */

/* ================================================================================================ */

/* Start of Wishlist Module */

.view-atc-button {
    background: #FFCD39;
    border-radius: 8px;
    font-family: WorkSans-Regular;
    font-style: normal;
    font-weight: 500;
    color: #313131;
    width: 70%;
}

.view-atc-button:hover {
    background: #F47B00;
    color: #FFFFFF;
    border-color: #F47B00;
}

.atc-button {
    background: #FFCD39;
    border-radius: 8px;
    font-family: WorkSans-Regular;
    font-style: normal;
    font-weight: 500;
    color: #313131;
}

.atc-button:hover {
    background: #F47B00;
    color: #FFFFFF;
    border-color: #F47B00;
}

.hover-items .hover-icons-wishlist, .hover-items .hover-icons-view{
    width: auto;
}

/* listing - wishlist */

@media (min-width: 769px) and (max-width: 1920px) {
    #listing-wishlist {
        margin-left: calc(var(--bs-gutter-x) * -.5);
        margin-right: calc(var(--bs-gutter-x) * -3.5);
    }
}

@media (min-width: 576px) and (max-width: 768px) {
    #listing-wishlist {
        margin-left: calc(var(--bs-gutter-x) * -.5);
        margin-right: calc(var(--bs-gutter-x) * -2.5);
    }
}

@media (min-width: 300px) and (max-width: 575.98px) {
    #listing-wishlist {
        margin-left: calc(var(--bs-gutter-x) * -.5);
        margin-right: calc(var(--bs-gutter-x) * -1.5);
    }

    .add-to-cart-wishlist {
        display: none;
    }
}

/* wishlists */

.wishlist-product-name {
    font-size: 0.8125rem;
    color: #adb5bd;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-box-align: center;
    overflow: hidden;
    min-height: 10px;
    padding-top: 5px;
}

.prod-title-name-listing p {
    text-transform: lowercase;
}

.prod-title-name-listing p::first-letter {
    text-transform: uppercase;
}

.wishlist-empty {
    font-size: 18px;
    font-family: WorkSans-Regular;
}

.atc-button-wishlist {
    background: #FFCD39;
    border-radius: none;
    font-family: WorkSans-Regular;
    font-style: normal;
    font-weight: 500;
    color: #313131;
}

.product-hover-wishlist {
    display: none;
}

.tag {
    font-size: 0.8125rem;
    color: #adb5bd;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-box-align: center;
    overflow: hidden;
    min-height: 44px;
    padding-top: 5px;
}

.wishlist_liked {
    cursor: pointer;
}

.view-option-wishlist .active{
    background-color: #FFCD39;
}

/* prod description - stripslashes - wishlist/ */

.description {
    max-height: 100px;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    margin-bottom: 10px;
    position: relative;
    font-family: WorkSans-Regular;
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,1,3)), to(rgba(0,0,0,0)));
}

.description h1 strong {
    display: none;
}

.description h2 strong {
    display: none;
}

.description h3 {
    font-size: 17px;
}

.description h1 {
    display: none;
}

.prod-title {
    font-size: 20px;
}

/* shipping address */

.address-info-table {
    font-family: WorkSans-Regular;
}

.icons-address-info {
    color: white;
}

.edit-button-address:hover {
    background-color: #0d5acd;
}

/* wishlist - nav */

#wishList_number {
    margin-top: 6%;
    margin-left: -17%;
}

/* add to wishlist pdp */

.add-to-wishlist-pdp {
    color: #FFCD39
}

.bi-heart-fill {
    color: red;
}

.product-review-no-item {
    font-size: 18px;
    font-family: WorkSans-Medium;
}

/* add to wishlist pdp */

.add-to-wishlist-pdp {
    color: #FFCD39
}

.bi-heart-fill {
    color: red;
}

.product-review-no-item {
    font-size: 18px;
    font-family: WorkSans-Medium;
}

/* End of Wishlist Module */

/* ================================================================================================= */

/* View Order Module */

/* orders */

.account-header-orders {
    border: none;
    background-color: #F5F7FA;
}
.account-tabs-orders {
    color: #353535;
    font-size: 17px;
    text-decoration: none;
    font-family: WorkSans-Medium;
}

.account-tabs-orders:hover {
    color: #F47B00;
}

.order-information, .order-table-header ,.address-table-header{
    color: #353535;
    font-size: 18px;
    font-family: WorkSans-SemiBold;
}

.account-header-orders {
    font-size: 19px;
    font-family: tenor-sans;
    color: rgb(48, 48, 48);
    font-weight: 500;
    padding-bottom: 0;
}

.order-information, .wishlist-information {
    color: #FFF;
    font-size: 18px;
    font-family: WorkSans-Medium;
}

.address-information {
    font-size: 18px;
    font-family: WorkSans-Medium;
}

/* view order */

.product-name-vieworder {
    font-size: 18px;
    font-family: WorkSans-Regular;
}

.price-vieworder, .quantity-vieworder, .subtotal-vieworder {
    font-family: WorkSans-Medium;
}

.order-summary {
    font-family: WorkSans-Medium;
}

.view-order-info {
    background-color: #ffc71d;
}

/* End of View Order Module */

/* ================================================================================================= */

/* Chechkout Module */

/* checkout page - payment */

#shipping-billing-panel-left {
    /* margin-top: -1.1%; */
    background-color: #F5F7FA;
    font-family: WorkSans-Regular;
}

#order-section-checkout-payment {
    /* margin-top: -1.1%; */
}

/* checkout page - form - desktop */

#billing_firstname, #billing_lastname, #billing_phone, #billing_countries_id,
#billing_zone_id, #billing_city, #billing_zip, #billing_company, #billing_street,
#firstname, #lastname, #company, #street, #entry_country_id, #entry_zone_id,
#city, #postcode, #delivery_phone, #regCode, #provCode, #citymunCode, #barangayCode{
    height: 50px;
    border-radius: 8px;
}

#full-name, #email-checkout, #city, #town, #district, #address {
    height: 50px;
    border-radius: 8px;
}

#billing_phone, #phone {
    height: 50px;
}

#phone {
    max-width: 30%;
    text-align: center;
    border-radius: 8px 0 0 8px;
}

#billing_phone, #delivery_phone {
    background-color: #F5F7FA;
    border-radius: 0 8px 8px 0;
}

#text-area-checkout-form{
    max-width: 100%;
    border-radius: 8px;
    border: 1px solid #D6D6D6;
}

#privacy-link-payment {
    color: #8BDB68;
    text-decoration: none;
}

#phone {
    width: 100px;
}

.header-checout-form {
    font-family: tenor-sans;
}

/* checkout form - right nav - desktop */

.images-product-order-payment {
    max-width: 100%;
}

.card-text-product-quantity-payment, .card-text-subtotal, .card-text-shipping-fee {
    font-size: 15px;
    font-family: WorkSans-Regular;
}

.card-text-total-payment, .card-text-total-amount-payment, .card-text-payment-method {
    font-size: 18px;
    font-family: WorkSans-Medium;
}

.card-text-product-name-payment {
    font-size: 16px;
    font-family: tenor-sans;
}

.card-text-product-amount-payment, .card-text-subtotal-amount, .card-text-shipping-fee-amount {
    font-family: WorkSans-Medium;
}

#product-image-payment {
    border: none;
}

.divider-payment {
    background-color: #b9b9b9;
}

.btn-place-order-payment {
    background-color: #D6D6D6;
    border-radius: 8px;
}

.form-check-label {
    font-family: WorkSans-Regular;
}

.active-order-button-payment {
    color: white;
    transition: 70ms;
    background-color: #F47B00;
}

/* checkout payment - tablet */

@media (min-width: 576px) and (max-width: 768px) {
    .card-text-product-name-payment {
        font-size: 22px;
        font-family: tenor-sans;
    }
    .card-text-product-quantity-payment, .card-text-subtotal, .card-text-shipping-fee {
        font-size: 18px;
        font-family: WorkSans-Regular;
    }
    .card-text-product-amount-payment, .card-text-subtotal-amount, .card-text-shipping-fee-amount {
        font-size: 18px;
        font-family: WorkSans-Medium;
    }
    .accordion-voucher-payment {
        font-size: 18px;
    }

    .card .product-name {
        font-size: 21px;
    }

    .quantity-checkout {
        font-size: 18px;
    }
    
    .product-qty {
        font-size: 18px;
    }
}

@media (min-width: 300px) and (max-width: 575.98px) {
    .card .product-price {
        font-size: 16px;
    }
}

#pills-billing {
    display: none;
}

.product-name {
    text-decoration: none;
}

#order_comments, #card_message {
    max-width: 100%;
    border-radius: 8px;
    border: 1px solid #D6D6D6;
}

.card-text-subtotal, .shipping-cost {
    font-size: 16px;
    font-family: WorkSans-Regular;
}

.card-text-subtotal-amount, .shipping-cost-amount, .coupon-title  {
    font-size: 17px;
    font-family: WorkSans-Medium;
}

.total-checkout-amount, .total-checkout {
    font-size: 17px;
    font-family: WorkSans-SemiBold;
}

.promo-code-checkout {
    font-size: 17px;
}

.total-checkout-amount {
    float: right;
}

.payment-methods-title {
    font-size: 18px;
    font-family: WorkSans-SemiBold;
}

.list {
    list-style: none;
    font-size: 16px;
    font-family: WorkSans-Medium;
}

.terms-agreement-checkout {
    font-size: 15px;
    font-family: WorkSans-Regular;
}

#buttonz {
    width: 100%;
}

#cash_on_delivery_button, #Globalpay_button {
    width: 100%;
    color: #fff;
    background-color: #F47B00;
}

#cash_on_delivery_button:hover {
    background-color: #e07000;
}

#Globalpay_button:hover {
    background-color: #e07000;
}

.quantity-checkout {
    font-family: WorkSans-Regular;
}

.product-qty  {
    font-family: WorkSans-SemiBold;
}

.error-list {
    list-style: none;
}

#billingForm {
    display: none;
}

/* End of Checkout Module */

/* ================================================================================================= */

/* Start of Cart Page */

/* cart page */

.cart-page {
    margin-top: -1.5%;
}

.cart-page-left {
    background-color: #F5F7FA;
}

.remove-coupon-button {
    float: right;
}

@media (min-width: 769px) and (max-width: 1920px) {
    .cart-page-mobile {
        display: none;
    }
}

@media (min-width: 576px) and (max-width: 768px) {
    .cart-page-left {
        background-color: transparent;
    }

    .cart-page-mobile {
        display: none;
    }
}

@media (min-width: 300px) and (max-width: 575.98px) {
    .cart-page-left {
        background-color: transparent;
    }

    .cart-page-header-desktop-tablet {
        display: none;
    }
    
    /* .cart-page-desktop-tablet {
        display: none;
    } */
}

.price-mobile {
    border: none;
}

.qty-mobile {
    border: none;
}

.total-mobile  {
    border: none;
}

.page-empty .fa {
    font-size: 50px;
    color: #adb5bd;
    margin-bottom: 15px;
}

.page-empty {
    font-size: 17px;
    font-family: WorkSans-Regular;
}

.continue-shop-empty-cart {
    text-decoration: none;
    color: #F47B00;
}

.cart-page {
    height: 100%;
    /* background: linear-gradient(90deg, #F5F7FA 65%, #FFFFFF 35%); */
}

.cart-page .h4 {
    font-family: tenor-sans;
    font-style: normal;
    color: #000000;
}

.cart-page th, .cart-page .shipping-section {
    font-family: WorkSans-Regular;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #494949;
}

.cart-page td span {
    font-family: tenor-sans;
    font-style: normal;
    color: #494949;
}

.cart-page .shipping-section .accordion-button {
    font-family: WorkSans-Regular;
    color: #494949;
}

td.qty {
    width: 60px;
}

.cart-page .update-cart a {
    align-items: center;
    padding: 8px 16px;
    background: #FFCD39;
    border-radius: 8px;
    font-family: WorkSans-Regular;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #494949;
    border: none;
}

.cart-page .update-cart a:hover {
    background: #f0c238;
}

.cart-page .update-cart button.btn-secondary {
    background: #D6D6D6;
}

.cart-page .update-cart a.btn-secondary {
    background: #D6D6D6;
}

.cart-page .update-cart a.btn-secondary:hover {
    background: #b8b8b8;
}

.cart-page .your-cart-subtotal {
    padding-left: 20px;
    padding-right: 20px
}
.cart-page a.checkout {
    padding: 8px 16px;
    background: #F47B00;
    border-radius: 8px;
    font-family: WorkSans-Regular;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #FFFFFF;
    border: none;
}
.cart-page button.update {
    padding: 8px 16px;
    background: #F6E8BD;
    border-radius: 8px;
    font-family: WorkSans-Regular;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #494949;
    border: none;
}
.cart-page button.apply {
    padding: 8px 16px;
    background: #D6D6D6;
    border-radius: 8px;
    font-family: WorkSans-Regular;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #494949;
    border: none;
}

/* End of Cart Page */

/* ================================================================================================= */

/* Start of Product Display Page - CSS */

/* item image slider */

.btn-next-carousel-pdp {
    width: 62px;
    height: 45px;
    align-items: center;
    border-radius: 10px;
    border: 1px solid rgba(0,0,0,.125);
}

.btn-prev-carousel-pdp {
    width: 62px;
    height: 45px;
    align-items: center;
    border-radius: 10px;
    border: 1px solid rgba(0,0,0,.125);
}

/* product details - description */

.product-name-pdp {
    font-size: 27px;
    font-family: tenor-sans;
}

.product-price-pdp {
    font-size: 23px;
    font-family: WorkSans-SemiBold;
}

.line-through {
    color: #a6a6a6;
    text-decoration: line-through;
}

.discount {
    font-size: 23px;
    font-family: WorkSans-SemiBold;
}

.badge-availability-pdp {
    color: black;
    font-size: 16px;
    background-color: #F6E8BD;
    font-family: WorkSans-Regular;
}

.product-description-pdp {
    font-family: WorkSans-Medium;
}

.product-description-pdp-content{
    color: #F47B00;
    font-family: WorkSans-Regular;
}

.category-link {
    text-decoration: none;
}

/* add and minus quantity */

.input-field-qty-pdp {
    border-radius: 5px!important;
}

.card-pdp-options {
    border: none;
    border-radius: 10px;
    background-color: #FAF3DD;
}

.col-form-label {
    font-family: WorkSans-Medium;
}

.col-form-label-filter-toolbar {
    font-family: WorkSans-Medium;
}

.img-thumbnail {
    border: none;
    border-radius: 10px;
}

.slide-description-pdp {
    border: none;
    font-size: 17px;
    cursor: pointer;
    font-family: WorkSans-Regular;
}

.slide-review-pdp {
    border: none;
    font-size: 17px;
    cursor: pointer;
    font-family: WorkSans-Regular;
}

/* product description css - stripslashes */

.tab-pane h1 strong {
    font-size: 18px;
    font-family: WorkSans-Medium;
}

.tab-pane h1 {
    font-size: 18px;
    font-family: WorkSans-Medium;
}

.tab-pane strong {
    font-size: 18px;
    font-family: WorkSans-Medium;
}

.tab-pane p {
    font-size: 18px;
    font-family: WorkSans-Regular;
}

#add-to-card-button-pdp {
    /* height: 42px; */
    width: 100%;
    border-radius: 10px;
    transform: scale(1.05);
    font-family: WorkSans-Regular;
    background-color: #FFCD39;
}

/* End of Product Display Page */

/* ================================================================================================= */

/* Start of Mid Banner enhancements */

@media (min-width: 300px) and (max-width: 575.98px) {
    .midbanner-image {
        height: 323px;
        object-fit: contain;
        margin-left: -90%;
    }

    .mid-banner-section {
        overflow: hidden;
        padding: 0;
        height: 370px;
    }

    .featured-prod {
        margin-top: 2%;
        transform: scale(1.16);
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .midbanner-image {
        height: 150px;
        width: 698px;
        transform: scale(1.1);
        margin-left: -.3%;
    }

    .banner-header-desktop {
        font-size: 1.2rem;
    }

    .banner-text-desktop {
        font-size: 1.1rem;
    }

    .midbanner-text {
        margin-top: 6%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .midbanner-image {
        object-fit: contain!important;
        width: 936px;
    }

    .banner-header-desktop {
        font-size: 1.5rem;
    }

    .banner-text-desktop {
        font-size: 1.3rem;
    }

    .midbanner-text {
        margin-top: 1.5%;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .midbanner-image {
        object-fit: contain!important;
        width: 1116px;
    }

    .banner-header-desktop {
        font-size: 1.8rem;
    }

    .midbanner-text {
        margin-top: -2%;
    }
}

@media (min-width: 769px) and (max-width: 1920px) {
    .overlay-midbanner {
        margin-top: -1%!important;
    }
}

@media (min-width: 576px) and (max-width: 768px) {
    .banner-header-desktop {
        font-weight: 600;
    }

    .overlay-midbanner {
        margin-top: -5%;
    }
}

@media (min-width: 300px) and (max-width: 575.98px) {
    /* .midbanner-image {
        transform: scale(1.6);
    } */

    .mid-banner-section {
        /* margin-top: 20%; */
        /* margin-bottom: 5%; */
    }

    .overlay-midbanner {
        text-align: center;
        /* width: 350px; */
        margin-top: 5%;
    }

    .banner-header-desktop {
        font-size: 24px;
        font-weight: 600;
    }

    .banner-text-desktop {
        margin-bottom: 5%;
        font-size: 18px;
    }

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

    /* .featured-midbanner {
        display: none;
    } */
}

.card-featured-prod {
    border: none;
    background-color: transparent;
}

@media (min-width: 576px) and (max-width: 768px) {
    .featured-prod {
        transform: scale(1.3);
        margin-top: 17%;
    }

    .btn-next-carousel-pdp {
        width: 55px;
    } 

    .btn-prev-carousel-pdp {
        width: 55px;
    }
}

/* banner section - dekstop */

.banner-header-desktop {
    color: #313131;
    font-family: tenor-sans;
}

.banner-text-desktop {
    color: #fff;
    font-family: WorkSans-Medium;
    font-size: 1.5rem;
}

.banner-button-desktop {
    border: none;
    height: 40px;
    font-size: 16px;
    font-family: WorkSans-Medium;
    background: linear-gradient(90deg, #FFCD39 0%, #F6E8BD 30.73%, #FFCD39 64.06%, #F47B00 100%);
}

/* banner section - tablet */

.banner-header-tablet {
    color: #494949;
    font-size: 32px;
    font-weight: 600;
    font-family: tenor-sans;
}

.banner-text-tablet {
    color: #fff;
    font-family: WorkSans-Medium;
    font-size: 1.3rem;
}

.banner-button-tablet {
    border: none;
    height: 40px;
    font-size: 16px;
    font-family: WorkSans-Medium;
    background: linear-gradient(90deg, #FFCD39 0%, #F6E8BD 30.73%, #FFCD39 64.06%, #F47B00 100%);
}

/* banner section - mobile */

.banner-header-mobile {
    color: #494949;
    font-size: 24px;
    font-weight: 600;
    font-family: tenor-sans;
}

.banner-text-mobile {
    color: #fff;
    font-family: WorkSans-Regular;
    font-size: 18px;
}

.banner-button-mobile {
    height: 40px;
    border: none;
    font-size: 16px;
    font-weight: 600;
    color: #313131;
    border-radius: 8px;
    font-family: WorkSans-Medium;
    background: linear-gradient(90deg, #FFCD39 0%, #F6E8BD 30.73%, #FFCD39 64.06%, #F47B00 100%);
}

/* End of Mid Banner enhancements */

/* ================================================================================================= */

/* Start of Shop Page */

/* slider range - price filter */

.ui-slider-handle {
    margin-top: -.6%!important;
    border-radius: 30px;
    border: #F47B00 solid!important;
    background-color: #F47B00!important;
}

.price-filter-title {
    font-size: 20px;
    font-family: tenor-sans;
}

#min_price_show {
    border: none;
    max-width: 80px;
    background-color: transparent;
    font-family: WorkSans-Medium;
}

#max_price_show {
    border: none;
    max-width: 53px;
    background-color: transparent;
    font-family: WorkSans-Medium;
}

/* load more products - new */

.load-more-new {
    height: 70px;
    border-radius: 8px;
    border: 1px #A4A4A4 solid;
    font-family: WorkSans-Regular;
}

.showing_record {
    font-family: WorkSans-SemiBold;
}

.showing_total_record {
    font-family: WorkSans-SemiBold;
}

@media (min-width: 769px) and (max-width: 992px) {
    .col-form-label {
        font-size: 10rem!important;
    }
}

/* desktop view css - category listing sidenav */

#accordion-product-listing-side-nav {
    background-color: #F5F7FA!important;
    font-family: WorkSans-Medium;
}

#accordion-product-listing-side-nav:not(.collapsed) {
    background-color: #F5F7FA!important;
}

/* product grid listing - generic product details */

.prod-title {
    font-family: tenor-sans;
}

.prod-title-name-listing {
    color: #313131;
    font-size: 17px;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-box-align: center;
    overflow: hidden;
    min-height: 44px;
    padding-top: 5px;
}

.prod-title-name-listing:hover {
    color: #F47B00;
}

.product-price-listing {
    font-size: 20px;
    font-family: WorkSans-Bold;
}

.product-price-listing-old {
    font-size: 20px;
    font-family: WorkSans-Bold;
    color: #a6a6a6;
    text-decoration: line-through;
}

.product-manufacturer-listing {
    color: #F47B00;
    font-family: WorkSans-Regular;
    text-decoration: none;
}

.product-manufacturer-listing:hover {
    color: #ff4800fb;
}

/* product listing - generic */

#card-product-listing {
    border: none;
}

.hover-items-subcat-listing {
    display: none;
}

/* .product-listing-generic {
    width: 135px;
} */

.card-subcat-listing {
    color: #494949;
    font-family: tenor-sans
}

/* product grid - vendor */

.vendor-logo-contis {
    width: 172px;
    height: 114px;
}

#vendor-logo-card-listing-contis {
    border: none;
    border-radius: 8px;
    background-color: #F5F5F5;
}

#vendor-info-card-listing-contis {
    border: none;
    margin-top: 2%;
}

.card-text-listing-vendor {
    font-size: 22px;
    font-family: WorkSans-Medium;
}

.card-text-listing-tax-code {
    font-family: WorkSans-Regular;
}

.card-text-listing-tax-code-1 {
    color: #F47B00;
    text-decoration: none;
    font-family: WorkSans-Regular;
}

#vendor-logo-info-listing-contis {
    margin-left: -4%;
}

.address-vendor-contis {
    color: #000;
    text-decoration: none;
    font-family: WorkSans-Regular;
}

.email-vendor-contis {
    color: #F47B00;
    text-decoration: none;
    font-family: WorkSans-Regular;
}

.telephone-vendor-contis {
    color: #F47B00;
    text-decoration: none;
    font-family: WorkSans-Regular;
}

.brand-related-products {
    font-size: 18px;
    font-family: WorkSans-Medium;
}

.view-all-related {
    color: #000;
    font-size: 16px;
    text-decoration: none;
    font-family: WorkSans-Medium;
}

.view-all-related:hover {
    color: #F47B00;
}

/* End of Shop Page */

/* ================================================================================================= */

/* Start of  Footer */

footer {
    color: #6D6D6D;
}

.footer-main .footer-top-icon, .footer-top-text {
    display: table-cell;
    position: relative;
}

.footer-main .footer-top-icon {
    vertical-align: top;
}

.footer-top-text h6 {
    font-family: tenor-sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #494949;
    margin-bottom: 0;
}

.footer-top-text p {
    font-family: WorkSans-Regular;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #A7A7A7;
}

.footer-main {
    padding-left: 90px;
    padding-right: 90px;
    padding-top: 50px;
}

.footer-main .footer-header img {
    width: 208px;
    height: auto;
}

.footer-main h6 {
    font-family: tenor-sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #313131;
}

footer ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

footer ul > li {
    font-family: WorkSans-Regular;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 35px;
    color: #494949;
}

footer ul > li > a{
    text-decoration: none;
    color: #494949;
}

footer ul > li > a:hover{
    text-decoration: none;
    color: #F47B00;
}

.footer-main .footer-message {
    font-family: WorkSans-Regular;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #494949;
    margin-top: 26px;
}

.footer-address, .footer-phone, .footer-email {
    font-family: WorkSans-Regular;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #494949;
    margin-bottom: 10px;
}

.footer-main button {
    font-family: WorkSans-Regular;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #494949;
    line-height: 24px;
    background: #ffcd39;
    border-radius: 8px;
}

.footer-main .newsletter-form input {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 12px 16px;
    gap: 10px;
    background: #FFFFFF;
    border: 1px solid #A7A7A7;
    border-radius: 8px;
    font-family: WorkSans-Regular;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #A7A7A7;
}

.footer-sub {
    padding-left: 90px;
    padding-right: 90px;
}

.footer-sub .payment-options img{
    margin-left: 10px;
}

.footer-sub .copyright-speedregalo {
    font-family: WorkSans-Bold;
    font-style: normal;
    font-size: 14px;
    line-height: 24px;
    color: #494949;
}

.footer-sub .copyright-reserved {
    font-family: WorkSans-Regular;
    font-style: normal;
    font-size: 14px;
    line-height: 24px;
    color: #494949;
}

.footer-logo, .footer-message {
    text-align: center;
}

/* footer message content */

.message-content-div {
    /*width: 100%;*/
    width: 300px;
    height: 60px;
    /*margin: 0 auto;*/
    position:fixed;
    bottom: 0px;
    min-height: 60px;
    visibility: hidden;
    z-index: 9999;
    top: 50%;
    left: 50%;
    margin: -100px 0 0 -150px;
    background: red;
}

.message-content-div #message_content {
    position: relative!important;
    margin: 0px auto!important;
    left: 0px;
    bottom: 0px;
    display:none;
    visibility: visible!important;
    font-family: "Work Sans", sans-serif!important;
    font-size: 15px!important;
}

#message_content {
    visibility: hidden;
    min-width: 250px;
    margin-left: -125px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 9999;
    left: 50%;
    bottom: 30px;
    font-size: 17px;
}

#message_content.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

.desktop-view {
    display: inherit;
}

.mobile-view {
    display: none;
}

/* End of Footer */

/* ================================================================================================= */

/** START OF NEWSLETTER MODAL **/

.modal-newsletter {
    color: #999;
    /*width: 480px;*/
    font-size: 15px;
    max-width: 808px;
    z-index: 999;
}
.modal-newsletter h1 {
    font-family: tenor-sans;
    font-style: normal;
    font-weight: 400;
    font-size: 34px;
    line-height: 42px;
    color: #494949;
}
.modal-newsletter p {
    font-family: WorkSans-Regular;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #A7A7A7;
}
.modal-newsletter .modal-body input[type=email] {
    align-items: flex-start;
    padding: 12px 16px;
    background: #FFFFFF;
    border: 1px solid #D6D6D6;
    border-radius: 8px;
}
.modal-newsletter .modal-body button {
    font-family: WorkSans-Regular;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #494949;
    background: #FFCD39;
    border-radius: 8px;
}
.modal-newsletter .modal-content {
    padding: 20px 25px;
    border-radius: 1px;
    border: none;
    width: 808px;
    background: #FFFFFF;
    max-width: 100%;
}
.modal-newsletter .modal-header {
    border-bottom: none;
    position: relative;
    text-align: center;
    border-radius: 5px 5px 0 0;
}
.modal-newsletter .close {
    position: absolute;
    top: -5px;
    right: -15px;
    color: #c0c3c8;
    text-shadow: none;
    opacity: 0.5;
    width: 32px;
    height: 32px;
    border-radius: 20px;
    font-size: 18px;
    border: 2px solid;
    padding: 0;
}
.modal-newsletter .close:hover {
    opacity: 0.8;
}
.modal-newsletter .icon-box {
    color: #49c5c1;
    display: inline-block;
    z-index: 9;
    text-align: center;
    position: relative;
}
.modal-newsletter .icon-box i {
    font-size: 110px;
}
.modal-newsletter .form-control, .modal-newsletter .btn {
    min-height: 46px;
    text-align: center;
    border-radius: 1px;
}
.modal-newsletter .form-control {
    box-shadow: none;
    border-color: #dbdbdb;
}
.modal-newsletter .form-control:focus {
    border-color: #49c5c1;
    box-shadow: 0 0 8px rgba(73, 197, 193, 0.5);
}
.modal-newsletter .btn, .modal-newsletter .btn:active {
    color: #fff;
    text-decoration: none;
    transition: all 0.4s;
    line-height: normal;
    padding: 6px 20px;
    min-width: 180px;
    border: none;
    margin-top: 20px;
    font-family: 'Airal', sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
.modal-newsletter .btn:hover, .modal-newsletter .btn:focus {
    background: #ffc107;
    outline: none;
}
.modal-newsletter .form-group {
    margin-top: 30px;
}

/** END OF NEWSLETTER MODAL **/

/* ================================================================================================= */

/** START OF LOGIN PAGE **/

.login .h4, .login p {
    color: #494949;
}

.login button {
    align-items: center;
    padding: 8px 16px;
    border-radius: 8px;
    font-family: WorkSans-Regular;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    border: none;
}

.login button.sign-in, .login button.sign-up {
    background: #FFCD39;
    color: #494949;
}

.login button.sign-in:hover, button.sign-in:focus,
.login button.sign-up:hover, button.sign-up:focus {
    background: #D1A220;
    outline: none;
}

.login .forgot a {
    font-family: WorkSans-Regular;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #F47B00;
    text-decoration: none;
}

.login button.facebook {
    background: #2E7CF6;
}

.login button.facebook:hover, button.facebook:focus {
    background: #084298;
    outline: none;
}

.login button.google {
    background: #FF3939;
}

.login button.google:hover, button.google:focus {
    background: #a52834;
    outline: none;
}

/** END OF LOGIN PAGE **/

/* ================================================================================================= */

/** START OF CORPORATE PAGE **/

.corporate-page .corporate-header {
    height: 390px;
    /*width: 1226px;*/
    margin-top: -16px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}
.corporate-page .h2{
    color: #FFFFFF;
}
.corporate-page .h6{
    font-family: WorkSans-Regular;
    font-style: normal;
    font-weight: 500;
    color: #FFFFFF;
    text-transform: uppercase;
    letter-spacing: 0.14em;
}
.corporate-page button{
    font-family: WorkSans-Medium;
    background: linear-gradient(225deg, #F6E8BD 0%, #FFCD39 50%);
    border-radius: 8px;
    border: none;
    font-size: 14px;
}
.corporate-page p{
    font-family: WorkSans-Regular;
}
.corporate-page p, .corporate-page .h4{
    color: #494949;
}
.corporate-page .contact-section {
    height: 100%;
    background: linear-gradient(90deg, #F5F7FA 80%, #FFFFFF 20%);
    /*background-image: linear-gradient(gray 80%, gray 20%), radial-gradient(circle at top left, #f00, #3020ff);*/
    border-radius: 16px;
}
.corporate-page .contact-section .message{
    padding-left: 83px;
    padding-right: 110px;
}
.corporate-page .contact-section .message .h4{
    margin-top: 178px;
}
.corporate-page .contact-section form{
    background-color: #F6E8BD;
    border-radius: 16px;
}
.corporate-page .request p {
    color: #F47B00;
    font-weight: 600;
}
.corporate-page .toc {
    padding-right: 110px;
}
.corporate-page .contact-section button{
    font-family: WorkSans-Medium;
    font-size: 14px;
    color: #494949;
    background: #FFCD39;
    border-radius: 8px;
}

/** END OF CORPORATE PAGE **/

/* ================================================================================================= */

/** START OF SIDEBAR **/

.sidebar .widget .block-title {
    background-color: #f2f2f2;
    border: 1px solid #ced4da;
    padding: 0.5625rem;
    margin-bottom: -1px;
}

.sidebar .widget .block-title h2 {
    font-size: 1rem;
    margin-bottom: 0;
}

.sidebar .widget .block-content {
    background-color: #fff;
    border: 1px solid #ced4da;
    margin-bottom: 15px;
}

.sidebar .widget .block-content ul {
    padding-left: 0;
    margin-bottom: 0;
}

.sidebar .block-categories .list-categories li {
    border-bottom: 1px solid #ced4da;
}

.sidebar .block-categories .list-categories li a {
    display: block;
    color: #5d5d60;
    padding: 0.5625rem;
}

.sidebar .block-categories .list-categories li a:hover, .sidebar .block-categories .list-categories li a:focus {
    background-color: #e0dfdf;
    color: #5d5d60;
    text-decoration: none;
}

.sidebar .block-categories .list-categories li:last-child {
    border-bottom: none;
}

.sidebar .block-recent-posts .media {
    padding: 0.5625rem;
    border-bottom: 1px solid #ced4da;
}

.sidebar .block-recent-posts .media img {
    width: 70px;
    margin-top: 5px;
    margin-right: 10px;
}

.sidebar .block-recent-posts .media .media-body .media-title a {
    font-size: 0.875rem;
    font-weight: 500;
    color: #5d5d60;
    text-decoration: none;
}

.sidebar .block-recent-posts .media .media-body .media-title a:hover, .sidebar .block-recent-posts .media .media-body .media-title a:focus {
    color: #ffcc67;
}

.sidebar .block-recent-posts .media .media-body .media-title .badge {
    font-size: 0.8125rem;
}

.sidebar .block-recent-posts .media .media-body .media-content {
    height: 36px;
    overflow: hidden;
    margin-bottom: 5px;
}

.sidebar .block-recent-posts .media .media-body .media-content p {
    font-size: 0.8125rem;
    margin-bottom: 0;
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.sidebar .block-recent-posts .media .media-body .media-content p strong {
    font-weight: normal;
}

.sidebar .block-recent-posts .media .media-body .media-content p img {
    display: none;
}

.sidebar .block-recent-posts .media .media-body em {
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 500;
    color: #adb5bd;
}

.sidebar .block-recent-posts .media:last-child {
    border-bottom: none;
}

.sidebar .block-tags .block-content {
    padding: 0.5625rem;
}

.sidebar .block-tags .block-content .list-tags li a {
    display: block;
    color: #5d5d60;
    padding: 0.3125rem;
}

.sidebar .block-images .list-images {
    padding-left: 0;
}

.sidebar .block-images .list-images li {
    margin-bottom: 15px;
}

.sidebar .block-images .list-images li a {
    display: block;
}

.sidebar .block-images .list-images li a img {
    width: 100%;
}

.sidebar .block-images .list-images li a:hover img {
    opacity: 0.90;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}

.sidebar ul {
    list-style: none;
}

.sidebar a {
    text-decoration: none;
}

/** END OF SIDEBAR **/

/* ================================================================================================= */

/** START OF INFO-PAGES **/

.info-pages .h1, .info-pages .h4{
    font-family: tenor-sans;
    color: #494949;
}
.info-pages .breadcrumb-section .breadcrumb{
    font-family: WorkSans-Regular;
    color: #494949;
}
.info-pages .breadcrumb-section a{
    text-decoration: none;
    color: #494949;
}
.info-pages .breadcrumb-section a:hover{
    text-decoration: none;
    color: #F47B00;
}
.info-pages .content a{
    text-decoration: none;
    color: #F47B00;
}
.info-pages .content a:hover{
    text-decoration: none;
    color: #F47B00;
}
.info-pages p{
    font-family: WorkSans-Regular;
    color: #494949;
}
.info-pages .accordion-button:not(.collapsed) {
    color: #F47B00;
    background-color: #fcf8e3;
}
.info-pages .accordion-button:focus {
    border-color: #F47B00;
    box-shadow: 0 0 0 0.25rem rgb(244 123 0 / 25%);
}

/** END OF INFO-PAGES **/

/* ================================================================================================= */

/* product modal START - homepage */

.card-swiper-modal-product-homepage,.card-modal-product-homepage {
    border: none;
    background-color: transparent;
}

/* .product-modal-1-homepage {
    height: 505px;
} */

#product-name {
    font-size: 22px;
    font-family: tenor-sans;
}

#rate-product-1-modal-homepage{
    font-family: WorkSans-Regular;
}

#product-1-price-modal-homepage, .modal-peso {
    font-size: 22px;
    font-family: WorkSans-Medium;
}

#product-1-description-modal-homepage {
    font-size: 16px;
    font-family: WorkSans-Regular;
}

#product-1-availability-modal-homepage {
    font-size: 16px;
    font-family: WorkSans-Medium;
}

#product-1-quantity-modal-homepage {
    font-size: 16px;
    font-family: WorkSans-Medium;
}

#product-1-numerical-modal-homepage {
    color: #F47B00;
    font-size: 16px;
    font-family: WorkSans-Regular;
}

#product-1-category-modal-homepage {
    font-size: 16px;
    font-family: WorkSans-Medium;
}

#product-1-categories-modal-homepage {
    color: #F47B00;
    font-size: 16px;
    font-family: WorkSans-Regular;
}

#product-1-searching-modal-homepage {
    font-size: 16px;
    font-family: WorkSans-Medium;
}

#product-1-keywords-modal-homepage {
    color: #F47B00;
    font-size: 16px;
    font-family: WorkSans-Regular;
}

#product-1-quantity-1-modal-homepage {
    font-family: WorkSans-Medium;
}

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

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

.text-truncate-container-3 {
    -webkit-line-clamp: 3;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

#modal-homepage-product a#product-name {
    cursor: default;
    text-decoration: none;
    color: #494949;
}

#modal-homepage-product a#product-name:hover {
    color: #F47B00 !important;
    cursor: pointer;
    text-decoration: underline;
}

@media (min-width: 300px) and (max-width: 575.98px) {
    #add-to-card-button-pdp {
        height: 60px;
    }

    .badge-availability-pdp {
        margin-left: -4%!important;
        transform: scale(.95);
    }

    .like-icon, .view-icon {
        background-color: transparent !important;
    }
}

@media (min-width: 300px) and (max-width: 1920px) {
    #product_avg_rating .fa-star {
        /* color: #D6D6D6; */
        color: #FFCD39;
        transform: scale(1.6);
    }
}

#modal-close-btn-homepage {
    margin-left: -135%;
}

/* product modal END - homepage */

/* ================================================================================================= */

/* Product tags - CSS */

.tag-favorite,
.tag-new,
.tag-discount,
.tag-soldout,
.tag-free-delivery,
.tag-express-delivery,
.tag-counter,
.tag-discount-flash {
    align-items: center;
    padding: 3px 12px;
    font-family: WorkSans-Regular;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
}

.tag-favorite {
    position: relative;
    width: 72px;
    height: 24px;
    color: #494949;
    background: #FFCD39;
    border-radius: 4px;
    margin-bottom: 2px;
}

.tag-new {
    position: relative;
    width: 50.57px;
    height: 22.35px;
    color: #FFFFFF;
    background: #FFCD39;
    border-radius: 4px;
    margin-bottom: 2px;
}

.tag-discount {
    position: relative;
    width: 80px;
    height: 24px;
    color: #FFFFFF;
    background: #F47B00;
    border-radius: 4px;
    margin-bottom: 2px;
}

.tag-discount-flash {
    /* position: relative; */
    /* width: 120px; */
    height: 24px;
    color: #FFFFFF;
    background: #F47B00;
    border-radius: 4px;
    margin-bottom: 2px;
}

.tag-discount-pdp {
    position: relative;
    width: 80px;
    height: 24px;
    color: #FFFFFF;
    background: #F47B00;
    border-radius: 4px;
    margin-bottom: 2px;
}

.tag-soldout {
    position: relative;
    width: 76px;
    height: 24px;
    background: #F0F0F0;
    border-radius: 4px;
    color: #494949;
    margin-bottom: 2px;
}

.tag-free-delivery {
    position: relative;
    width: 101px;
    height: 24px;
    color: #FFFFFF;
    background: rgba(255,0,0,0.6);
    border-radius: 4px;
    margin-bottom: 2px;
}

.tag-express-delivery {
    position: relative;
    width: 124px;
    height: 24px;
    color: #FFFFFF;
    background: rgba(255,0,0,0.6);
    border-radius: 4px;
    margin-bottom: 2px;
}

.tag-counter {
    position: relative;
    width: 135px;
    height: 24px;
    color: #FFFFFF;
    background: #ff0000;
    border-radius: 4px;
    margin-bottom: 2px;
}

.card .product-tags {
    position: absolute;
    left: 8px;
    top: 8px;
    z-index: 1;
}

.card .product-tags-special {
    position: absolute;
    left: 8px;
    top: 8px;
}

/* End of Product tags - CSS */

/* ================================================================================================= */

/* mega menu - category dropdown */

.dropdown-mega .dropdown-menu {
    border: none;
    border-radius: 0 0 10px 10px;
}

.dropdown-menu .dropdown-item:hover {
    border-radius: 5px;
    background-color: transparent;
}

.card-body:hover > .product-name{
    color: #F47B00 !important;
    cursor: default;
}

/* End of mega menu - cat dropdown */

/* ================================================================================================= */

/* Hover buttons - product cards - CSS */

.swiper-slide .hover-items {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    display: none;
    z-index: 2;
}

.like-icon, .view-icon {
    align-items: center;
    /*width: 66px;*/
    /*height: 40px;*/
    /*background: #313131;*/
    /*border-radius: 8px;    */
    /*padding: 8px 16px;*/
}

.like-icon:hover, .view-icon:hover{
    background: #FFCD39;
}

.like-icon:hover > .bi, .view-icon:hover > .bi, .remove-icon:hover > .bi{
    color: #313131 !important;
}

.hover-items-subcat {
    /* height: 205px; */
    display: none;
    /* backdrop-filter: blur(.8px); */
    /* background-color: rgba(72, 72, 72, 0.4); */
}

.atc-button-subcat {
    background: #FFCD39;
    border-radius: 8px;
    font-family: WorkSans-Regular;
    font-style: normal;
    font-weight: 500;
    color: #313131;
}

.atc-button-subcat:hover {
    background: #F47B00;
    color: #FFFFFF;
    border-color: #F47B00;
}

.like-icon-subcat, .view-icon-subcat {
    width: 66px;
    height: 40px;
    background: #313131;
    border-radius: 8px;
}

.like-icon-subcat:hover, .view-icon-subcat:hover{
    background: #FFCD39;
}

.like-icon-subcat:hover > .bi, .view-icon-subcat:hover > .bi{
    color: #313131 !important;
}

/* End of hover buttons - product cards - CSS */

/* ================================================================================================= */

/* CSS for footer - testimonials - corporate */

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .footer-main {
        padding-left: 20px;
        padding-right: 20px;
    }

    .btn.see-more {
        width: 100%;
    }

    .swiperBestSeller .swiper-wrapper {
        /*display: grid;*/
        /*grid-template-columns: 1fr;*/
        /*!*grid-template-rows: auto auto auto auto;*!*/
        /*grid-auto-flow: column;*/
    }

    .swiperBestSeller .swiper-wrapper > .swiper-slide {
        height: fit-content;
    }

    .swiperBestSeller {
        padding-bottom: 0px !important;
    }

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

    .hover-items {
        width: 100%;
    }

    .hover-items .hover-icons-wishlist, .hover-items .hover-icons-view {
        width: auto;
    }

    .atc-button {
        font-size: 14px;
    }

    .hover-items .hover-icons-wishlist {
        margin-left: 23px;
    }

    .hover-items .hover-icons-view {
        margin-left: 27px;
    }

    .hover-icons-view button {
        margin-right: 27px;
    }

    .dropdownShoppingCartItems {
        position: relative;
        margin: 0 auto;
        right: 0px;
        top: 0px;
        min-height: 20px;
        width: 368px;
        max-height: 300px;
    }

    #newsletterModal {
        height: auto;
    }

    .mobile-space-bottom {
        margin-bottom: 10px;
    }

    .mobile-space-bottom-triple {
        margin-bottom: 30px;
    }

    .corporate-page .contact-section .message .h4{
        margin-top: 20px;
    }

    .corporate-page .contact-section .message{
        padding-left: 20px;
        padding-right: 20px;
    }
    .corporate-page .toc {
        position: relative !important;
        padding-right: 20px;
        bottom: unset !important;
    }

    .swiperBestSeller .swiper-slide {
        height: fit-content !important;
    }
}

@media (max-width : 767px) {

    .footer-header h6 {
        cursor: pointer;
    }
    .footer-main ul {
        max-height: 0;
        overflow:hidden;
        transition: max-height 1s ease-out; }

    .footer-main .footer-nav h6:after {
        /*content: url("data:image/svg+xml;utf8,<svg viewBox='0 0 140 140' width='24' height='24' xmlns='http://www.w3.org/2000/svg'><g><path d='m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z' fill='white'/></g></svg>");*/
        content: url('images/footer-arrow-down.png');
        width: 25px;
        float: right;
    }
    .footer-main .footer-nav.open h6:after {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='svg-icon' viewBox='0 0 20 20'%3E%3Cpath d='M10.185,1.417c-4.741,0-8.583,3.842-8.583,8.583c0,4.74,3.842,8.582,8.583,8.582S18.768,14.74,18.768,10C18.768,5.259,14.926,1.417,10.185,1.417 M10.185,17.68c-4.235,0-7.679-3.445-7.679-7.68c0-4.235,3.444-7.679,7.679-7.679S17.864,5.765,17.864,10C17.864,14.234,14.42,17.68,10.185,17.68 M10.824,10l2.842-2.844c0.178-0.176,0.178-0.46,0-0.637c-0.177-0.178-0.461-0.178-0.637,0l-2.844,2.841L7.341,6.52c-0.176-0.178-0.46-0.178-0.637,0c-0.178,0.176-0.178,0.461,0,0.637L9.546,10l-2.841,2.844c-0.178,0.176-0.178,0.461,0,0.637c0.178,0.178,0.459,0.178,0.637,0l2.844-2.841l2.844,2.841c0.178,0.178,0.459,0.178,0.637,0c0.178-0.176,0.178-0.461,0-0.637L10.824,10z'%3E%3C/path%3E%3C/svg%3E");
        width: 25px;
    }

    .footer-main .footer-nav.open ul {
        height:auto;
        max-height: 500px;
        transition: max-height 1s ease-in !important; }

    .footer-first-col {
        margin-bottom: 15px;
    }

    .footer-nav {
        margin-bottom: 10px;
    }

    .footer-main .newsletter-header, .follow-us {
        margin-top: 20px;
        text-align: center;
    }

    /* .social-icons {
        flex: 0 0 auto;
        width: auto;
        align-self: center;
    } */

    .footer-sub {
        padding: 20px;
        text-align: center;
    }

    .listing-title {
        margin-bottom: 50px;
        margin-top: 30px;
    }

    .info-pages .sidebar {
        display: none;
    }
    .cart-page {
        background: none;
    }

    .desktop-view {
        display: none;
    }

    .mobile-view {
        display: inherit;
    }
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    .footer-main {
        padding-left: 20px;
        padding-right: 20px;
    }
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    .footer-main {
        padding-left: 30px;
        padding-right: 30px;
    }

    .footer-first-col {
        margin-bottom: 35px;
    }

    .footer-main .newsletter-header, .follow-us {
        margin-top: 40px;
    }

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

    .modal-newsletter {
        width: 512px;
    }

    .cart-page {
        background: none;
    }

    .desktop-view {
        display: none;
    }

    .mobile-view {
        display: inherit;
    }
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    .footer-main {
        padding-left: 50px;
        padding-right: 50px;
    }

    .section-testimonials {
        background: url("images/testimonial-bg.png");
    }

    .modal-newsletter {
        width: 512px;
    }
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .section-testimonials {
        background-image: url("images/testimonial-bg.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        background-color: #F6E8BD;
    }

    .section-testimonials .container{
        max-width: 970px;
    }

    .dropdownShoppingCartItems .dropdown-cart-items {
        max-height: 300px;
    }
}

/* End of the styles for footer - testimonials - corporate */

/* ================================================================================================= */

/* hover effect - hover buttons */

.heart-like-button:hover {
    background: #FFCD39;
}

.heart-like-button:hover > .bi-heart {
    color: #313131;
}

.heart-like-button:hover > .heart-like-icon {
    color: #313131;
}

.like-red i.bi-heart {
    color: red;
}

/* end of hover effect - hover buttons */

/* ================================================================================================= */

/* badges */

.badge-special {
    position: absolute;
    background-color: #FFCD39;
    font-family: WorkSans-Regular;
    font-weight: normal;
    font-size: 12px;
}

.badge-favorite {
    position: absolute;
    color: black;
    background-color: #FFCD39;
    font-family: WorkSans-Regular;
    font-weight: normal;
    font-size: 12px;
}

.badge-discount {
    position: absolute;
    background-color: #F47B00;
    font-family: WorkSans-Regular;
    font-weight: normal;
    font-size: 12px;
}

.badge-special-1 {
    position: absolute;
    color: black;
    background-color: #FFCD39;
    font-family: WorkSans-Regular;
    font-weight: normal;
    font-size: 12px;
}

/* end of badges */

/* ================================================================================================= */

/* Media queries for hover items and others */

/*Extra small devices (portrait phones, less than 576px)*/
@media (min-width: 300px) and (max-width: 575.98px) {
    .swiper-category {
        display: none;
    }
    /* .brand-category-nav {
        display: none;
    } */
    .see-all {
        display: none;
    }

    /* .dropdown-menu {
        width: 101.5%;
        margin-left: -9%;
    } */
    .hover-item-1 {
        margin-left: .2%;
        margin-top: -1%;
    }
    /* .heart-button-1 {
        margin-right: 17.5%;
    } */
    .badge-special-1, .badge-special, .badge-discount, .badge-favorite {
        transform: scale(1);
    }
    .category-listing {
        margin-left: 2.6%;
        transform: scale(1.03);
    }
    .swiper-2 {
        margin-left: 0%;
        margin-right: 1.4%;
    }
    .row-swiper-2>* {
        --bs-gutter-x: 1.5rem;
        padding-right: calc(var(--bs-gutter-x) * 1);
    }
    /* .atc-button-subcat {
        width: 100%;
    } */
    #arrow-panel-mobile {
        margin-left: 7%;
    }
    .dropdownShoppingCartItems {
        margin-top: -4%;
    }
}

/*Small devices (landscape phones, 576px and up) category*/
@media (min-width: 576px) and (max-width: 768px) {
    
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1545px) {
    .row-swiper-2 {
        margin-left: -.5%;
        margin-right: -.5%;
    }
    .product-grid-shop-by-cat {
        width: 16%;
    }
}

/* category listing */

.category-listing .button-slider-categories {
    border: transparent;
}

.category-listing .swiper-slide {
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.category-listing .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* End media queries for hover items and others */

/* ================================================================================================= */

/* Scroll bar css */

/* width */
::-webkit-scrollbar {
    width: 5px;
    height: 6px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #A7A7A7;
    border-radius: 10px;
}

/* End of scroll bar css */

/* Huling huli */

/* ================================================================================================= */

/* Start of enhancements */

/* .swiper-flash-sale {
    height: 200%;
} */

.description-wishlist {
    display: none;
}

/* product image - modal */
#product-image {
    border-radius: 8px;
}

/* shop - swiper */
.shop-swiper-products {
    border-radius: 10px;
}

/* search result - shop */
.search-results-shop {
    padding-top: 5px;
    font-family: WorkSans-Medium;
}

/* card per product */
.card-img-top  {
    /* height: 188px; */
}

/* dropdown - tablet - filter */
.dropdown .dropdown-menu-tablet {
    width: 700px;
}

/* main menu - dropdown image card */

.new-prod-card {
    box-shadow: none;
}

.floating-top {
    position: fixed;
    width: 50px;
    height: 50px;
    right: 22px;
    bottom: 93px;
    z-index: 999999;
    border-radius: 100px;
    background: #fff;
    font-size: 22px;
    text-align: center;
    border: 1px solid #bfbfbf;
    transition: 0.2s ease-in-out;
}

/* constant banner links */

.constant-banner-links {
    font-family: WorkSans-Medium;
    text-decoration: none;
}

.constant-banner-links:hover {
    text-decoration: none;
    color: #F47B00;
}

.inactive-mainmenu-item {
    display: none;
}

.active-mainmenu-item {
    display: block;
}

.cat-btn-mid-nav {
    cursor: pointer;
}

.list-new-prod a {
    text-transform: lowercase;
}

.list-new-prod a::first-letter {
    text-transform: uppercase;
}

.btn-category-dropdown:hover {
    color: white;
    background-color: #F47B00;
}

/* carousel */

@media (min-width: 769px) and (max-width: 1920px) {
    .carousel-control-prev {
        position: absolute;
        top: 0;
        bottom: 75%;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        /* width: 15%; */
        padding: 0;
        color: #fff;
        text-align: center;
        background: 0 0;
        border: 0;
        opacity: .5;
        transition: opacity .15s ease;
        left: 80.5%;
        transform: scale(.7);
    }
    
    .carousel-control-next {
        position: absolute;
        top: 0;
        bottom: 75%;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        /* width: 15%; */
        padding: 0;
        color: #fff;
        text-align: center;
        background: 0 0;
        border: 0;
        opacity: .5;
        transition: opacity .15s ease;
        transform: scale(.7);
        right: -2%;
    }
    
    .carousel-control-next-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")!important;
    }
    
    .carousel-control-prev-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")!important;
    }
    
}

/* filter - category for tablet and mobile */

#flush-headingOne {
    margin-top: -2%;
    margin-bottom: -2%;
}

#flush-heading-tablet {
    margin-top: -1%;
    margin-bottom: -1%;
}

/* end of enhancements */

/* ================================================================================================= */

/* best seller - other swipers - Sir JR - swiper */

.section-partners .h5, .h4, .h3, .h2 {
    font-family: tenor-sans;
    font-style: normal;
    color: #A7A7A7;
}

#carouselTestimonials .testimonial-picture {
    /*margin-left: 100px;*/
}

#carouselTestimonials .carousel-control-prev {
    left: -170px;
}

#carouselTestimonials .carousel-control-next {
    right: -170px;
}

.testimonial-picture img {
    border: 5px solid #FFCD39;
}

.section-testimonials .h3, .section-testimonials p {
    color: #494949 !important;
}

.section-testimonials p {
    font-family: WorkSans-Regular;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

.section-testimonials span {
    font-family: tenor-sans;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
}

.swiper {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
}

.swiperBestSeller .swiper-slide {
    font-size: 18px;
    background: #f5f5f5;
    height: calc((100% - 30px) / 2) !important;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

    margin-top: 0px !important;
}

.swiper-grid-column>.swiper-wrapper {
    flex-direction: inherit;
}

.card .product-name {
    font-family: tenor-sans;
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 30px;
    color: #494949;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-box-align: center;
    overflow: hidden;
    min-height: 44px;
    padding-top: 5px;
}

.card-category-subcat {
    border-radius: 10px!important;
    border: none;
}

.card-category-subcat-text {
    border: none!important;
    background-color: transparent;
}

.card .product-price {
    font-family: WorkSans-Regular;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    color: #494949;
}

.card .product-price-flash {
    font-family: WorkSans-Regular;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    color: #494949;
    margin-bottom: 0px;
}

.card .product-price-old {
    font-family: WorkSans-Regular;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    color: #a6a6a6;
    text-decoration: line-through;
    margin-bottom: 10px;
}

.card .product-manufacturer {
    font-family: WorkSans-Regular;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #858585;
}

.card .product-manufacturer > span{
    color: #F47B00;
}

.listing-title {
    color: #494949;
}

.section-product-listing-special .see-more {
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    gap: 8px;
    background: #FFCD39;
    border: 2px solid #F6E8BD;
    border-radius: 6px;
    font-family: WorkSans-Regular;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #494949;
}

/* best seller - swiper */

/* ============================================================================================================================ */

/* Navbar for talbet view - (768px below) */

/* Burger menu - tablet view */

#speedregalo-nav-tablet {
    border-bottom: 1px solid #E3E3E3;
    background-color: #fff;
}

.wishlist-tablet {
    text-decoration: none;
}

/* burger menu - tablet */

.sidenav-tab {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    background-color: #FFF;
    overflow-x: hidden;
    transition: .5s;
    display: block;
}

.sidenav-tab a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: black;
    display: block;
    transition: 0.3s;
}

.sidenav-tab a:hover {
    color: #f1f1f1;
}

.sidenav-tab .close-btn-burger-menu {
    right: 6.2%;
    font-size: 2.5rem;
    position: absolute;
    color: #EA7600;
}

/* burger menu - tablet - accordion - category listing */

.accordion-item {
    border: none;
    background-color: transparent;
}

.accordion-button:not(.collapsed) {
    color: #000;
    background-color: #fff;
    box-shadow: none;
}

.accordion-button:focus {
    box-shadow: none;
}

#body-section {
    transition: margin-left .5s;
}

.accordion-item-list {
    list-style: none;
    font-family: Worksans-Regular;
}

.accordion-button {
    font-family: Worksans-Regular;
}

#sub-cat-links {
    font-size: 1rem;
    list-style: none;
    text-decoration: none;
    color: black;
}

.burger-menu-items {
    cursor: pointer;
}

/* burger - tablet - accounts */

.account-tabs {
    font-size: 1rem;
    font-family: WorkSans-Regular;
    margin-left: -4.5%;
}

.fa-chevron-right {
    float: right;
}

/* burger - search bar - tab */

#search-bar-tab {
    width: 421px;
    border-radius: 8px;
    border: 1px solid #A7A7A7;
    height: 48px;
    overflow: hidden;
}

.search-tab-btn {
    border-radius: 8px;
    border: rgb(254, 200, 100);
    background: #FFCD39;
    height: 48px;
    width: 110px;
}

/* end of nav tablet view burger menu */

/* End of navbar for talbet view - (768px below) */

/* ============================================================================================================================ */

/* Hero Section - Desktop */

/* hero section */

.type-1-3-header {
    color: black;
    font-size: 14px;
    font-family: WorkSans-Medium;
}

.type-1-3-description {
    color: black;
    text-decoration: none;
    font-family: tenor-sans;
}

.perfect-gift-url-tag {
    text-decoration: none;
}

.type-4-header {
    color: black;
    text-decoration: none;
    font-family: WorkSans-Medium;
}

.type-4-description {
    color: black;
    text-decoration: none;
    font-family: tenor-sans;
}

.type-4-link {
    color: black;
}

.type-5-header {
    color: black;
    text-decoration: none;
    font-family: WorkSans-Medium;
}

.type-5-description {
    color: black;
    text-decoration: none;
    font-family: tenor-sans;
}

.type-5-link {
    color: black;
}

.type-6-link {
    color: black;
}

#cat3-link {
    text-decoration: none;
    color: black;
    font-family: WorkSans-Medium;
}

#cat3-link:hover {
    color: #F47B00;
}

#right-hero-section-1 {
    margin-left: -3%;
    border: none;
}

#right-hero-section-6 {
    margin-left: -3%;
    margin-top: -.5%;
}

#right-hero-section-6-1 {
    border: none;
}

#right-hero-section-6-2 {
    border: none;
    border-radius: 8px;
}

#mid-hero-section-3 {
    border: none;
}

.left-hero-section {
    border-radius: 10px;
    background-repeat: no-repeat;
}

#see-more-button-dekstop {
    border: none;
    height: 9rem;
    width: 9.5rem;
    color: #313131;
    text-decoration: none;
    font-family: tenor-sans;
    background-color: #F5F5F5;
}

#overlay-texts-desktop {
    width: 200px;
    padding: 0;
}

.hero-carousel-button-desk {
    font-size: 16px;
    border: #F47B00 2px solid;
    border-radius: 8px;
    background: #F47B00;
    font-family: WorkSans-Regular;
}

.hero-carousel-button-desk:hover {
    background: #ffae00;
    border: #FFCD39 2px solid;
}

.carousel-card {
    border: none;
}

/* new hero section - desktop - labels */

.left-hero-section-text-1 {
    font-family: WorkSans-Medium;
}

.left-hero-section-text-2 {
    font-size: 24px;
    font-family: tenor-sans;
}

.left-hero-section-text-3 {
    font-size: 18px;
    font-family: WorkSans-Regular;
}

.hero-carousel-desktop-text-1 {
    color: #fff;
    font-size: 34px;
    font-family: tenor-sans;
}

.hero-carousel-desktop-text-2 {
    color: #fff;
    font-size: 22px;
    font-family: WorkSans-Medium;
}

.first-slide {
    border-radius: 10px;
}

/* End of hero Section - Desktop */

/* ======================================================================================================================= */

/* Hero Section - Tablet */

.bot-left-hero-tablet {
    border: none;
    background-size: cover;
    background-repeat: no-repeat;
}

#bot-hero-tab-left {
    width: 247px;
}

#bot-hero-tab-right {
    width: 471px;
}

#see-more-button-tablet {
    border: none;
    width: 10.6rem;
    height: 8.2rem;
    font-size: 23px;
    color: #313131;
    text-align: left;
    border-radius: 8px;
    text-decoration: none;
    font-family: tenor-sans;
    background-color: #F5F5F5;
}

.bot-right-top-hero-tablet {
    border: none;
}

.bot-right-bot-hero-tablet {
    border: none;
}

.bot-right-button-hero-tablet {
    border: none;
}

#contact-button-tablet {
    border: none;
    color: white;
    background: linear-gradient(225deg, #F6E8BD 0%, #FFCD39 50%);
}

/* new hero section - tablet - labels */

.bot-hero-tablet-text-1 {
    font-family: WorkSans-Medium;
}

.bot-hero-tablet-text-2 {
    font-size: 24px;
    font-family: tenor-sans;
}

.bot-hero-tablet-text-3 {
    font-size: 18px;
    font-family: WorkSans-Regular;
}

.bot-right-tab-3-text-1 {
    font-size: 13px;
    font-family: WorkSans-Medium;
}

.bot-right-tab-3-text-2 {
    font-size: 19px;
    font-family: tenor-sans;
}

.bot-right-tab-3-text-3 {
    font-family: WorkSans-Medium;
}

#bot-right-tab-3-text-3 {
    text-decoration: none;
    color: #000;
}

.bot-right-tab-header {
    color: #000;
    font-size: 13px;
    font-family: WorkSans-Medium;
}

.bot-right-tab-description-1 {
    color: black;
    font-size: 24px;
    font-family: tenor-sans;
}

.bot-right-tab-description-2 {
    color: black;
    font-family: tenor-sans;
}

/* End of hero Section - Tablet */

/* ======================================================================================================================= */

/* Hero Section - Mobile */

#bot-right-hero-mobile {
    height: 315px;
}

.contact-button-dekstop {
    border: none;
    color: black;
    background: linear-gradient(225deg, #F6E8BD 0%, #FFCD39 50%);
}

.bot-left-hero-mobile-text-1 {
    font-size: 14px;
    font-family: WorkSans-Medium;
}

.bot-left-hero-mobile-text-2 {
    font-size: 20px;
    font-family: tenor-sans;
}

.bot-left-hero-mobile-text-3 {
    font-size: 15px;
    font-family: WorkSans-Regular;
}

.bot-right-mob-1-text-1 {
    font-size: 12px;
    font-family: WorkSans-Medium;
}

.bot-right-mob-1-text-2 {
    font-family: tenor-sans;
}

.bot-right-mob-1-text-3 {
    font-size: 12px;
    font-family: tenor-sans;
}

.bot-right-mob-2-text-3 {
    font-size: 12px;
    font-family: tenor-sans;
}

#bot-right-mob-2-text-3 {
    color: #F47B00;
    text-decoration: none;
}

.banner-section {
    border: none;
}

/* burger menu mobile */

.sidenav-mob {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    background-color: #FFF;
    overflow-x: hidden;
    transition: .5s;
    display: block;
}

.sidenav-mob a {
    padding: 4px 4px 4px 15px;
    text-decoration: none;
    font-size: 25px;
    color: black;
    display: block;
    transition: 0.3s;
}

.sidenav-mob a:hover {
    color: #f1f1f1;
}

.sidenav-mob .close-btn-burger-menu {
    right: 6.2%;
    font-size: 2.5rem;
    position: absolute;
    color: #EA7600;
}

.accordion-item {
    border: none;
    background-color: transparent;
}

.accordion-button:not(.collapsed) {
    color: #000;
    background-color: #fff;
    box-shadow: none;
}

.accordion-button:focus {
    box-shadow: none;
}

#body-section {
    transition: margin-left .5s;
}

.accordion-item-list {
    list-style: none;
    font-family: Worksans-Regular;
}

.accordion-button {
    font-family: Worksans-Regular;
}

#sub-cat-links {
    font-size: 1rem;
    list-style: none;
    text-decoration: none;
    color: black;
}

.sub-cat-list-items-tab {
    margin-left: -7%;
}

/* burger - mobile - accounts */

.account-tabs {
    font-size: 1rem;
    font-family: WorkSans-Regular;
    margin-left: -4.5%;
}

/* End of hero Section - Mobile */

/* ======================================================================================================================= */

/* Breadcrumbs */

.breadcrumb-product-listing {
    font-family: WorkSans-Medium;
}

.breadcrumb-product-listing-items {
    color: #6C7585;
    text-decoration: none;
}

.breadcrumb-product-listing a{
    color: #6C7585;
    text-decoration: none;
}

.breadcrumb-item.active {
    color: #000;
}

.breadcrumb-product-listing a:hover {
    color: #000;
}

/* End of breadcrumbs */

/* ======================================================================================================================= */

/* shop by category - desktop */

/* slider remote - new */

.first-category-slider {
    width: 50px;
    height: 50px;
}

#first-category-slide-text {
    color: #494949;
    font-size: 1.1rem;
    font-family: WorkSans-SemiBold;
}

#first-category-slide {
    cursor: pointer;
    border-radius: 8px;
    background-color: transparent;
}

#product-indicator {
    font-family: WorkSans-Regular;
    font-size: 13px;
    color: #858585;
}

#subcat-3-product-1 {
    font-family: WorkSans-Regular;
    text-decoration: none;
    color: #F47B00;
    font-size: 13px;
}

#subcat-2-product-1 {
    font-family: WorkSans-Bold;
    font-size: 19px;
}

#subcat-1-product-1 {
    font-size: 19px;
    font-family: tenor-sans;
}

.brand-category-nav {
    font-size: 1.3rem;
    font-family: tenor-sans;
}

.see-all {
    color: rgb(244,123,0);
    text-decoration: none;
    font-family: 'WorkSans-Regular';
}

@media (min-width: 1400px) and (max-width: 1920px) {
    #add-to-cart-btn {
        margin-left: -2%;
        width: 100%;
    }
}

/* End of shop by category */

/* ======================================================================================================================= */

/* Filter products - product listing generic */

.chevron-mobile-prod-listing {
    float: right!important;
}

.btn-filter-prod-mobile {
    /* width: 392px; */
    margin-left: -.5%;
    border: 1px #D6D6D6 solid;
    background-color: white;
}

.btn-filter-prod-tablet {
    width: 697px;
    /* margin-left: -.5%; */
    border: 1px #D6D6D6 solid;
    background-color: white;
}

/* End of filter products - product listing generic */

/* ======================================================================================================================= */

/* Sidebar tabs - User account */

.sidebar-account-tabs {
    border: none;
    background-color: #F5F7FA;
}

.sidebar .card .card-body {
    padding-top: 2;
}

.wishlist-toolbar {
    border: none;
}

/* End of sidebar tabs - User account */

/* ======================================================================================================================= */

/* swiper panel */

.border-start {
    height: 158.39px;
    border-radius: 8px;
    background: linear-gradient(to right, #999 0, #ffffff 43px, #ffffff 100%);
}

.border-end {
    height: 158.39px;
    border-radius: 8px;
    background: linear-gradient(to left, #999 0, #ffffff 43px, #ffffff 100%);
}

.swiper-panel .swiper {
    padding-bottom: 0px;
}

/* ======================================================================================================================= */

/* product listing */

.accordion-product-listing-nav {
    list-style: none;
}

.listing-categories {
    font-family: WorkSans-Regular;
    text-decoration: none;
    color: black;
}

.listing-categories:hover {
    color: #F47B00;
}

.category-header-listing {
    color: #494949;
    font-family: tenor-sans;
}

#sidenav-product-listing {
    border-radius: 8px;
    background-color: #F5F7FA!important;
}

/* ======================================================================================================================= */

/* profile - signup */

/** error messages */

.error-content, .error-content-password {
    font-size: 11px;
    color: #ff0000;
}

.p-pic {
    border-color: 1px solid #ced4da;
    border-radius: 200px;
    height: 26px;
    width: 26px;
    margin-left: 5px;
    margin-right: 5px;
    overflow: hidden;
}

/* profile - signup */

/* ======================================================================================================================= */

/* nav tablet view burger menu */

@media (min-width: 769px) and (max-width: 992px) {
    #navbar-top-mid {
        margin-left: 0;
        margin-right: 0;
    }

    #speedregalo-nav-mid {
        display: none;
    }
}

@media (min-width: 576px) and (max-width: 768px) {
    .dropdownShoppingCartItems {
        top: 75px;
        right: 15px!important;
        width: 368px;
        z-index: 999;
        display: none;
        height: 512px;
        min-height: 20px;
        color: #494949;
        font-style: normal;
        position: absolute;
        background: transparent;
        font-family: WorkSans-Regular;
        filter: drop-shadow(13px 18px 22px rgba(69, 79, 89, 0.16));
    }

    .arrow-up {
        margin-left: 6%;
    }
    
    .swiper-burger-menu-2 {
        height: 650px;
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .cat-btn-mid-nav * {
        margin-top: -7%;
    }

    .search-suggest-panel {
        margin-left: -62.5%;
        position: absolute;
        margin-top: 7.8%;
        background-color: white;
        border-radius: 8px;
        display: none;
        z-index: 999;
        border: none;
        max-height: 600px;
        width: 60.5%;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .fa-chevron-down {
        float: right;
        margin-top: -3.5%;
        background-color: transparent!important;
    }

    .burger-menu-logo-tab {
        margin-left: -14.5%;
        transform: scale(.85);
    }
    
    #navbar-top-mid {
        margin-left: 0;
        margin-right: 0;
    }

    #speedregalo-nav-mid {
        display: none;
    }

    .collapse-search-tab {
        border: none;
    }
    
    .cat-dropdown-tab {
        margin-left: -1%;
    }

    .navbar-tab-button {
        margin-left: -3%;
    }
}

/* nav mobile view burger menu */

#speedregalo-nav-mobile {
    height: 60px;
    border-bottom: 1px solid #E3E3E3;
    background-color: #fff;
    z-index: 999;
}

@media (min-width: 300px) and (max-width: 575.98px) {   
    .breadcrumb-product-listing-items {
        font-size: 14px;
    }

    .breadcrumb-item {
        font-size: 14px;
    }
    #sidenav-product-listing {
        background-color: #fff!important;
    }
}

@media (min-width: 576px) and (max-width: 768px) {
    
}

/* =============================================================================================================================================================== */

/* New media queries for mobile and tablet */

/* For devices with a minumum width of 300px */
@media (min-width: 300px) {
    .search-bar-mob {
        height: 50px;
        border-radius: 8px;
        border: none;
    }

    .collapse-search-mob {
        border: none;
        background-color: #494949;
        margin-top: 1.3%;
        border-radius: 0;
    }

    .img-mob {
        width: 63%;
    }

    .search-column-mobile {
        margin-left: -7%;
    }

    .search-mob {
        transform: scale(1.3);
    }

    .cart-column-mobile {
        margin-right: 2%;
    }

    .cart-mob {
        transform: scale(1.2);
    }

    .burger-menu-logo-mob {
        margin-left: -15%;
        transform: scale(.7);
    }

    .btn-dropdown-category {
        display: inline-block;
        border: 2px solid #D6D6D6;
        border-radius: 7px;
        text-align: left;
        font-family: WorkSans-Regular;
        height: 50px;
    }

    .cat-btn-mobile {
        background-color: #F0F0F0;
        border: 1px solid #A7A7A7;
        height: 50px;
        border-radius: 8px;
        text-align: left;
    }

    .fa-chevron-down {
        width: 15px;
    }

    .cat-dropdown-tab {
        border-radius: 5px;
        width: 96%;
    }

    .dropdownShoppingCartItems .arrow-up {
        margin-left: 6%;
    }

    .atc-button {
        width: 90%;
        transform: scale(1.1);
    }
}

/* Specific media queries */

/* for contact button mobile small to medium */

@media (min-width: 425px) {



}

@media (min-width: 376px) and (max-width: 475px) {
    .card-category-subcat  {
        height: 185px;
    }

    .card-category-subcat-text .product-name-listing {
        height: 75px;
    }

    #listing-products .card-shop-product-name {
        height: 55px;
    }

    #speedregalo-nav-mid {
        display: none;
    }

    .search-suggest-panel {
        margin-left: -4%;
        margin-top: 4.1%;
        width: 100%;
    }

    .dropdownShoppingCartItems {
        top: 70px;
        right: 6px!important;
        width: 368px;
        z-index: 999;
        display: none;
        height: 512px;
        min-height: 20px;
        color: #494949;
        font-style: normal;
        position: absolute;
        background: transparent;
        font-family: WorkSans-Regular;
        filter: drop-shadow(13px 18px 22px rgba(69, 79, 89, 0.16));
    }

    .tag-discount-pdp {
        font-size: 14px;
        width: 90px;
        height: 23px;
        position: relative;
        color: #FFFFFF;
        background: #F47B00;
    }

    .sale-time-counter {
        font-size: 14px;
        height: 23px;
    }

    .shop-by-categories-section {
        margin-top: -8%;
    }
    
    .shop-by-cat-label {
        margin-bottom: 4%;
        margin-left: 3%;
        text-align: center;
    }

    /* .see-more-column {
        margin-bottom: 5%;
        margin-top: -15%;
    } */

    .section-testimonials {
        margin-top: 10%;
        margin-bottom: 10%;
        background: url("images/testimonial-bg.png");
    }

    .btn-atc-cart {
        width: 66%;
    }

    .hover-items-subcat {
        margin-top: 3%;
    }

    .shoppingCarItems_number {
        position: absolute;
        z-index: 999;
        right: 5px;
    }

    .delete-cart-btn {
        padding-left: 2%;
        margin-top: 7%;
    }
}

/* Large */
@media (min-width: 376px) and (max-width: 400px) {
    .card-category-subcat  {
        height: 180px;
    }

    .card-category-subcat-text .product-name-listing {
        height: 75px;
    }

    #listing-products .card-shop-product-name {
        height: 55px;
    }

    #speedregalo-nav-mid {
        display: none;
    }

    .search-suggest-panel {
        margin-left: -4%;
        margin-top: 4.1%;
        width: 100%;
    }

    .dropdownShoppingCartItems {
        top: 70px;
        right: 6px!important;
        width: 368px;
        z-index: 999;
        display: none;
        height: 512px;
        min-height: 20px;
        color: #494949;
        font-style: normal;
        position: absolute;
        background: transparent;
        font-family: WorkSans-Regular;
        filter: drop-shadow(13px 18px 22px rgba(69, 79, 89, 0.16));
    }

    .tag-discount-pdp {
        font-size: 14px;
        width: 90px;
        height: 23px;
        position: relative;
        color: #FFFFFF;
        background: #F47B00;
    }

    .sale-time-counter {
        font-size: 14px;
        height: 23px;
    }

    /* .see-more-column {
        margin-bottom: 5%;
        margin-top: -15%;
    } */

    .shop-by-categories-section {
        margin-top: -8%;
    }

    .shoppingCarItems_number {
        position: absolute;
        z-index: 999;
        right: 5px;
    }

    .section-testimonials {
        margin-top: 10%;
        margin-bottom: 10%;
        background: url("images/testimonial-bg.png");
    }

    .contact-button-dekstop {
        margin-top: -40%!important;
    }

    .atc-button {
        width: 96%;
    }

    .hover-item-1 {
        width: 100%;
        margin-left: -3%;
    }

    .hover-items-shop-mobile {
        width: 100%;
        margin-left: -1%;
    }

    .swiper-slide .hover-items {
        position: absolute;
        top: 50%;
        left: 50%;
        /* width: 75%; */
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        display: none;
        z-index: 2;
    }

    .btn-cart {
        width: 80%;
    }

    .atc-flash-sale .act-button {
        width: 120px!important;
    }

    .testimonial-buttons-like .like-icon {
        margin-left: -10%!important;
    }

    .hover-icons-view button {
        margin-right: 15px;
    }

    .atc-shop-categories .atc-button {
        width: 100%;
    }
}

/* Medium */
@media (min-width: 350px) and (max-width: 376px) {
    .card-category-subcat  {
        height: 170px;
    }

    .card-category-subcat-text .product-name-listing {
        height: 70px;
    }

    #listing-products .card-shop-product-name {
        height: 55px;
    }

    #speedregalo-nav-mid {
        display: none;
    }
    
    .search-suggest-panel {
        margin-left: -4%;
        margin-top: 4.1%;
        width: 100%;
    }

    .dropdownShoppingCartItems {
        top: 70px;
        right: 6px!important;
        width: 368px;
        z-index: 999;
        display: none;
        height: 512px;
        min-height: 20px;
        color: #494949;
        font-style: normal;
        position: absolute;
        background: transparent;
        font-family: WorkSans-Regular;
        filter: drop-shadow(13px 18px 22px rgba(69, 79, 89, 0.16));
    }
    
    .tag-discount-pdp {
        font-size: 14px;
        width: 90px;
        height: 23px;
        position: relative;
        color: #FFFFFF;
        background: #F47B00;
    }

    .sale-time-counter {
        font-size: 14px;
        height: 23px;
    }

    /* .see-more-column {
        margin-bottom: 5%;
        margin-top: -14%;
    } */

    .swiper-flash-sale-wrapper {
        padding-top: 20%;
    }

    .shop-by-categories-section {
        margin-top: -10%;
    }

    .delete-cart-btn {
        padding-left: 1%;
        margin-top: 17%;
    }

    .cart-mob {
        margin-left: -20%;
    }

    .shoppingCarItems_number {
        position: absolute;
        z-index: 999;
        right: 5px;
    }

    .section-testimonials {
        margin-top: 10%;
        margin-bottom: 10%;
        background: url("images/testimonial-bg.png");
    }
    
    .shop-by-cat-label {
        margin-bottom: 4%;
        margin-left: 4%;
        text-align: center;
    }

    .contact-button-dekstop {
        margin-top: -40%!important;
    }
    
    .overlay-mobile-cat-1-3 {
        margin-top: -5%;
    }
    
    .dropdownShoppingCartItems {
        width: 340px;
    }

    .atc-button {
        /* width: 90%; */
        margin-left: -2%;
        transform: scale(1.1);
    }

    .hover-items-shop-mobile {
        width: 100%;
        margin-left: -6%;
        margin-top: -11%;
    }
    
    .hover-item-1 {
        width: 100%;
        margin-left: -2%;
        padding-top: 4%;
    }

    .hover-items-subcat {
        margin-top: -8%;
        margin-left: -2%;
    }

    .like-icon, .view-icon {
        width: 63px;
        height: 40px;
        background: #313131;
        border-radius: 8px;
        align-items: center;
        padding: 8px 16px;
    }

    .swiper-slide .hover-items {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 80%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        display: none;
        z-index: 2;
    }

    .testimonial-buttons-like {
        margin: 0!important;
        padding: 0!important;
    }

    .testimonial-buttons-view {
        margin: -20px!important;
        padding: -20px!important;
    }
    
    .atc-flash-sale .act-button {
        width: 130px!important;
    }

    .testimonial-buttons-like .like-icon {
        margin-left: -2%!important;
    }

    .hover-icons-view button {
        margin-right: 25px;
    }

    .atc-shop-categories .atc-button {
        width: 125px;
        margin-left: 2%;
    }
}

/* Small */
@media (min-width: 320px) and (max-width: 349px) {
    .card-category-subcat  {
        height: 130px;
    }

    .card-category-subcat-text .product-name-listing {
        height: 75px;
    }

    #listing-products .card-shop-product-name {
        height: 55px;
    }

    #speedregalo-nav-mid {
        display: none;
    }

    .dropdownShoppingCartItems {
        top: 70px;
        right: 6px!important;
        width: 368px;
        z-index: 999;
        display: none;
        height: 512px;
        min-height: 20px;
        color: #494949;
        font-style: normal;
        position: absolute;
        background: transparent;
        font-family: WorkSans-Regular;
        filter: drop-shadow(13px 18px 22px rgba(69, 79, 89, 0.16));
    }

    .tag-discount-pdp {
        font-size: 14px;
        width: 90px;
        height: 23px;
        position: relative;
        color: #FFFFFF;
        background: #F47B00;
    }

    .sale-time-counter {
        font-size: 14px;
        height: 23px;
        width: 170px;
    }

    .load-more-new {
        height: 90px;
        border-radius: 8px;
        border: 1px #A4A4A4 solid;
        font-family: WorkSans-Regular;
    }
    
    /* .see-more-column {
        margin-bottom: 5%;
        margin-top: -17%;
    } */

    .swiper-flash-sale-wrapper {
        padding-top: 20%;
    }

    .shop-by-categories-section {
        margin-top: -12%;
    }

    .update_quantity_button {
        height: 42px;
        font-size: 13px;
    }

    .delete-cart-btn {
        padding-left: 1%;
        margin-top: 35%;
    }

    .cart-mob {
        margin-left: -30%;
    }

    .shoppingCarItems_number {
        position: absolute;
        z-index: 999;
        right: 5px;
    }

    .section-testimonials {
        margin-top: 10%;
        margin-bottom: 10%;
        background: url("images/testimonial-bg.png");
    }
    
    .shop-by-cat-label {
        margin-bottom: 4%;
        margin-left: 4%;
        text-align: center;
    }

    .contact-button-dekstop {
        margin-top: -150%!important;
    }

    .overlay-mobile-cat-1-3 {
        margin-top: -10%;
    }

    .hero-section-mobile {
        display: none;
    }

    .corporate-banner {
        height: 235.34px;
    }

    .dropdownShoppingCartItems {
        top: 65px;
        width: 300px;
    }

    .atc-button {
        /* width: 100%; */
        transform: scale(1);
    }

    .hover-item-1 {
        transform: scale(.9);
        width: 100%;
        margin-left: -9%;
    }

    .hover-items-shop-mobile {
        width: 100%;
        margin-left: -6%;
        margin-top: -30%;
    }

    .like-icon, .view-icon {
        width: 60px;
        height: 40px;
        background: #313131;
        border-radius: 8px;
        align-items: center;
        padding: 8px 16px;
    }

    .like-shop-mobile, .view-shop-mobile {
        width: 55px;
        height: 40px;
        background: #313131;
        border-radius: 8px;
        align-items: center;
        padding: 8px 16px;
    }

    .hover-items-subcat {
        margin-top: -12%;
    }

    .btn .badge {
        margin-top: -16%;
    }

    .testimonial-buttons-like {
        margin: 0!important;
        padding: 0!important;
    }

    .testimonial-buttons-view {
        margin: -27px!important;
        padding: -27px!important;
    }

    .atc-flash-sale .act-button {
        width: 130px!important;
    }

    .testimonial-buttons-like .like-icon {
        margin-left: 5%!important;
    }

    .hover-icons-view button {
        margin-right: 35px;
    }

    .atc-shop-categories .atc-button {
        width: 115px;
        margin-left: -5%;
    }
}

@media (max-width: 320px) {
    .search-suggest-panel {
        margin-left: -5%;
        margin-top: 5%;
        width: 100%;
    }

    .text-burger-menu {
        padding-top: 1%;
        font-size: 13px;
    }

    .add-to-Cart {
        font-size: 14px;
    }

    .slide-description-pdp, .slide-review-pdp {
        font-size: 15px;
    }
}

/* End of specific media queries */

/* For devices with a minumum width of 576px */
@media (min-width: 576px) {
    #accordion-product-listing-side-nav {
        background-color: #F5F7FA!important;
        font-family: WorkSans-Medium;
    }

    #accordion-product-listing-side-nav:not(.collapsed) {
        background-color: #F5F7FA!important;
    }

    .atc-button {
        /* width: 129px; */
        /* font-size: 15.5px; */
        transform: scale(1);
    }

    .atc-shop-categories .atc-button {
        width: 129px;
        font-size: 15.5px;
        transform: scale(1);
    }

    .atc-shop-categories .atc-button {
        width: 130px;
    }
    
    .hover-items-subcat-listing {
        margin-left: -6%;
    }

    .section-testimonials {
        background: url("images/testimonial-bg.png");
    }

    .swiper-category {
        display: none;
    }
    .see-all {
        display: none;
    }

    .btn-dropdown-category {
        display: inline-block;
        border: 2px solid #D6D6D6;
        border-radius: 7px;
        width: 295px;
        text-align: left;
        font-family: WorkSans-Regular;
    }

    /* .dropdown-category .dropdown-menu {
        width: 98%;
    } */
    
    .category-listing {
        margin-left: 1.2%;
        transform: scale(1.05);
    }

    .badge-special-1, .badge-special, .badge-discount, .badge-favorite {
        font-size: 11px;
    }

    .atc-button-subcat {
        font-size: 14.5px;
    }

    .hover-icons-wishlist, .hover-icons-view {
        transform: scale(1.2);
    }

    .hover-item-1 {
        padding-top: 10%;
        margin-left: -5%;
    }

    .row-swiper-2>* {
        --bs-gutter-x: 1.5rem;
        padding-right: calc(var(--bs-gutter-x) * 1);
    }

    #sidenav-product-listing {
        background-color: #fff!important;
    }

    .shop-by-categories-section {
        margin-top: -4%;
    }

    .sale-time-counter {
        font-size: 14px;
        height: 23px;
    }

    .tag-discount-pdp {
        width: 100px;
        height: 24px;
        font-size: 14px;
    }
}

/* For devices with a minumum width of 768px */
@media (min-width: 768px) {
    /* .pg-category-item-banner-parent img {
        width: auto;
        height: auto;
    } */
    
    .card-category-subcat-text .product-name-listing {
        height: 75px;
    }

    #listing-products .card-shop-product-name {
        height: 45px;
    }
}

/* =================================================================================================== */

/* Media queries for laptops and smaller devices  - start */

@media (min-width: 992px) {
    .hover-item-1 {
        padding-top: 0;
        margin-left: 0;
    }

    .shop-by-categories-section {
        margin-top: 0;
    }

    .hover-items-subcat-listing {
        margin-left: 0;
    }

    #sidenav-product-listing {
        background-color: #F5F7FA!important;
    }

    /* .atc-button {
        width: 143px;
    } */

    .fa-chevron-down {
        width: auto;
    }

    .card-category-subcat-text .product-name-listing {
        height: 75px;
    }

    #listing-products .card-shop-product-name {
        height: 45px;
    }
}

@media (min-width: 1200px) {
    #speedregalo-nav-mid {
        display: flex;
    }

    .sale-time-counter {
        width: 170px;
        font-size: 14px;
    }

    .tag-discount-pdp {
        width: 100px;
        height: 24px;
        font-size: 14px;
    }

    .hover-item-1 {
        padding-top: 0;
        margin-left: 0;
    }

    .shop-by-categories-section {
        margin-top: 0;
    }

    .hover-items-subcat-listing {
        margin-left: 0;
    }
}

@media (min-width: 1400px) {
    .sale-time-counter {
        width: 170px;
        font-size: 14px;
    }

    .tag-discount-pdp {
        width: 100px;
        height: 24px;
        font-size: 14px;
    }

    .hover-item-1 {
        padding-top: 0;
        margin-left: 0;
    }

    .shop-by-categories-section {
        margin-top: 0;
    }

    .hover-items-subcat-listing {
        margin-left: 0;
    }

    .atc-product-grid .atc-button {
        margin-left: -3%;
        width: 100%;
    }
    
    .card-category-subcat {
        height: 180px;
    }

    .card-category-subcat-text .product-name-listing {
        height: 75px;
    }

    #listing-products .card-shop-product-name {
        height: 55px;
    }

    .product-name:hover {
        cursor: pointer;
        color: #F47B00;
        text-decoration: underline;
    }
}

@media (min-width: 1199px) and (max-width: 1399px) {
    .card-category-subcat .card-img-overlay {
        top: 17px;
        left: -5px;
        /* padding: 2px; */
    }

    .card-category-subcat {
        height: 140px;
    }

    .card-category-subcat-text .product-name-listing {
        height: 75px;
    }

    #listing-products .card-shop-product-name {
        height: 55px;
    }

    /* new css for hover items */
    /* .hover-items-subcat {
        height: 173px;
        display: none;
        backdrop-filter: blur(.9px);
        background-color: rgba(72, 72, 72, 0.4);
    } */

    /* new css for hover items */
    /* .hover-items-subcat .col-xxl-12 {
        margin-left: -2%;
        padding-top: 5%;
    } */

    .card-img-overlay .modal-button-shop-by-category {
        padding-left: 0;
    }

    .swiper-categories .swiper-slide-thumb-active {
        height: 140px;
    }

    .swiper-categories .first-category-slide {
        height: 136px;
    }

    .swiper-categories .first-category-slide .card-body .row {
        padding-top: 1%;
    }

    .slider-swiper-category-remote .swiper-wrapper {
        height: auto;
    }

    .swiper-panel .row {
        height: auto;
    }

    .pg-category-item-banner-parent img {
        width: 200px;
        height: 148px;
    }

    .right-hero-section img {
        width: 286px!important;
    }

    .left-hero-section {
        margin-left: -1%;
    }

    #see-more-button-dekstop {
        width: 8.6rem;
        margin-left: 10%;
    }

    .right-left-bottom-hero-section img {
        width: 140px!important;
    }

    .card-subcat-listing .card-img-overlay {
        left: -7px;
    }

    .hover-items-shop-mobile {
        margin-left: -5px;
    }

    .view-icon-subcat {
        margin-left: 17%!important;
    }

    /* .banner-card-button .atc-button {
        width: 150px!important;
    } */

    /* .btn-atc-cart {
        width: 140px!important;
    } */
    
    .testimonial-buttons-like .like-icon {
        margin-left: -1%!important;
    }

    .desktop-view button {
        margin-right: -2%!important;
    }

    .atc-product-grid .atc-button {
        margin-left: -3.5%;
        width: 130px;
    }

    .atc-shop-categories .atc-button {
        width: 140px;
    }

    .card-subcat-listing .card-img-overlay {
        margin-top: 15px;
    }
}

@media (min-width: 1024px) and (max-width: 1198px) {
    #add-to-card-button-pdp {
        height: ;
    }

    .card-category-subcat .card-img-overlay {
        top: 17px;
        left: -5px;
    }
    
    .card-category-subcat {
        height: 120px;
    }

    .card-category-subcat-text .product-name-listing {
        height: 75px;
    }

    #listing-products .card-shop-product-name {
        height: 45px;
    }

    /* new css for hover items */
    /* .hover-items-subcat {
        height: 143px;
        display: none;
        backdrop-filter: blur(.9px);
        background-color: rgba(72, 72, 72, 0.4);
    } */

    /* new css for hover items */
    /* .hover-items-subcat .col-xxl-12 {
        margin-left: -6%;
        padding-top: 2%;
    } */

    /* new css for hover items */
    .card-category-subcat .card-img-overlay {
        top: 5px;
        left: -15px;
    }

    .hover-items-shop-mobile {
        margin-left: -5px;
    }

    .view-icon-subcat {
        margin-left: 15%!important;
    }

    .card-img-overlay .modal-button-shop-by-category {
        padding-left: 0;
    }

    .card-subcat-listing .card-img-overlay {
        left: -3px;
    }

    .pg-category-item-banner-parent img {
        background-size: contain;
        width: 165px;
        height: 148px;
    }

    .swiper-categories .swiper-slide-thumb-active {
        height: 140px;
    }

    .swiper-categories .first-category-slide {
        height: 136px;
    }

    .swiper-categories .first-category-slide .card-body .row {
        padding-top: 1%;
    }

    .slider-swiper-category-remote .swiper-wrapper {
        height: auto;
    }

    .swiper-panel .row {
        height: auto;
    }

    #mid-hero-section-3 .card-img-overlay {
        width: 200px;
    }

    #right-hero-section-6-1 .card-img-overlay {
        width: 150px;
    }

    .carousel-container {
        margin-left: -2.5%;
    }

    .right-left-bottom-hero-section img {
        width: 130px!important;
    }

    #see-more-button-dekstop {
        width: 8rem;
        margin-left: 30%;
    }

    #right-hero-section-6 #right-hero-section-6-2 {
        background-color: transparent;
    }

    .right-hero-section img {
        width: 270px!important;
    }
    
    .contact-button-dekstop {
        margin-top: -50%;
    }
    
    .atc-product-grid .atc-button {
        margin-left: -3.5%;
        width: 130px;
    }

    .atc-shop-categories .atc-button {
        /* new css for hover items */
        /* for card-category-subcat p-md-1 p-xl-1 */
        /* width: 120px; */
        width: 125px;
    }

    .atc-flash-sale .act-button {
        width: 120px!important;
    }

    .testimonial-buttons-like .like-icon {
        margin-left: -10%!important;
    }

    .desktop-view button {
        margin-right: -14%!important;
    }
}

/* Media queries for laptops and smaller devices  - end */

/* =================================================================================================== */

/* Admin - catgory module badge */

/* Price filter */

.apply-button-price-filter {
    width: 35px;
    margin-left: -5%;
}

/* data for session - checkout */
/* 
.data-session {
    display: none!important;
} */
.card {
    border: none;
}

.blog-date {
    width: 77px; height: 80px;
    background: #fcfcfc;
    background: linear-gradient(top, #fcfcfc 0%,#dad8d8 100%);
    background: -moz-linear-gradient(top, #fcfcfc 0%, #dad8d8 100%);
    background: -webkit-linear-gradient(top, #fcfcfc 0%,#dad8d8 100%);
    border: 1px solid #d2d2d2;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
    position: absolute;
    top: 5px;
    left: 5px;
}
.blog-date p {
    font-family: Helvetica, sans-serif;
    font-size: 40px; text-align: center; color: #9e9e9e;
}
.blog-date p span {
    background: #ffc107;
    background: linear-gradient(top, #ffc107 0%, #fd7e14 100%);
    background: -moz-linear-gradient(top, #ffc107 0%, #fd7e14 100%);
    background: -webkit-linear-gradient(top, #ffc107 0%, #fd7e14 100%);
    font-size: 24px; font-weight: bold; color: #fff; text-transform: uppercase;
    display: block;
    border-top: 3px solid #ffc107;
    border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    padding: 6px 0 6px 0;
}
.blog-thumb {
    position: relative;
}
@-moz-document url-prefix() {
    .blog-date {
        padding: 16px 0 0 0;
    }
    .blog-date p span {
        padding: 9px 0 3px 0;
    }
}
.sr-badge {
    color: #212529;
    background-color: #ffc107;
    padding-right: 0.6em;
    padding-left: 0.6em;
    border-radius: 10rem;
}

.login-mobile .sign-in {
    border-color: #F47B00;
    color: #F47B00;
}

.login-mobile .sign-up {
    background-color: #F47B00;
    border-color: #F47B00;
    color: #FFFFFF;
}

.login-mobile a {
    display: inline;
}

body {
    background-color: #f5f5f5;
}

.product-grid-shop-by-cat {
    margin: 2px;
    background-color: #ffffff;
}

.category-listing-row {
    margin-left: 0px !important;
}

/** START LATEST MEDIA QUERIES */
@media (min-width: 1200px) {
    .product-grid-shop-by-cat {
        width: 16%;
    }

    .heart-button-listing {
        right: 18px !important;
    }

    .listing-products-grid {
        width: 19%;
    }
}

/** tablets */
@media (max-width: 768px) {
    .listing-products-grid {
        width: 23%;
    }
}

@media (min-width: 390px) and (max-width: 575.98px) {
    /* product card width */
    .product-grid-shop-by-cat {
        width: 48%;
    }

    .listing-products-grid {
        width: 47%;
    }
    .breadcrumb h1 {
        line-height: 1.2 !important;
    }
}

@media (min-width: 300px) and (max-width: 389px) {
    /* product card width */
    .product-grid-shop-by-cat {
        width: 47%;
    }
    .listing-products-grid {
        width: 46%;
    }
    .breadcrumb h1 {
        line-height: 1.2 !important;
    }
}
/** END LATEST MEDIA QUERIES */

.heart-button-1, .heart-button-listing {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999;
}

.hp-product-listing-card {
    min-height: 210px;
    max-height: 210px;
}

a.listing-title {
    color: #F47B00;
    text-decoration: none;
}

.banner-card-title {
    text-decoration: none !important;
}

button.product-listing-generic {
    width: 90% !important;
    margin-left: 0px !important;
}

.checkout-right-panel {
    background-color: #ffffff;
}

.listing-products-grid {
    background-color: #ffffff;
}

.breadcrumb h1 {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}

.breadcrumb a {
    text-decoration: none;
    color: #212529;
}

.product-tags-pdp {
    position: absolute;
    left: 8px;
    top: 8px;
    z-index: 1;
}