/*
This Whitenorth PHP Laravel based a dynamic website designed & developed by Stylez World (stylezworld.com) & Stylz Media Ltd. (stylzmedia.com)
can use the design or code for reselling, reproducing and redistributing for any other company with some changes on it.

Whitenorth belongs to this project, this company or its affiliates can reuse this code & design
for their any other projects, but cannot resell this design & code to any other company where monetary value is involved.
*/


/* Colors */
:root{
    --primary_color: #000;
    --primary_hover_color: #999;
}
/* End Colors */

body{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #545454;
}

/* Header */
.top_header{background: #121212;}
.top_header ul{    overflow: hidden;
    padding-top: 5px;}
.top_header ul li{
    float: left;}
.top_header ul li a{color: #fff;
    font-size: 14px;
    padding: 0 15px;
    display: inline-block;
    border-right: 1px solid #999;}
.top_header ul li a:hover{text-decoration: none;color: #999;}
.top_header ul li:last-child a{border-right: 0;padding-right: 0;}

.top_slide_header{background: #222222;
    color: #fff;
    text-align: center;
    padding: 7px 0;}
.top_slide_header a{color: #fff;font-size: 22px;}
.top_slide_header a:hover{text-decoration: none;color: #ddd;}
.top_carousel_item{font-size: 14px;font-weight: 300 ;}

.main_header{margin-top: 5px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;}

.logo{}
.logo a{    display: inline-block;
    width: 250px;
    max-width: 100%;}
.logo a:hover{}
.logo a img{    width: 145px;
    max-width: 100%;}

.top_search{position: relative;    margin-top: 10px;}
.top_search input{width: 100%;
    padding-left: 30px;
    padding-right: 5px;
    border: 1px solid #ddd;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 15px;
    color: #666666;}
.top_search input:focus{outline: none;}
.top_search button{border: none;
    background: none;
    position: absolute;
    left: 2px;
    top: 4px;
    color: #666666;}
.top_search button:hover{}
.top_search button:focus{outline: none;}

ul.header_icons{margin-top: 10px;
    overflow: hidden;
    text-align: right;
    display: inline-block;padding: 0 3px;}
.header_icons li{
    list-style: none;
    float: left;
}
.header_icons li a{    color: #000000;
    font-size: 25px;
    display: inline-block;
    padding: 0 5px;}
.header_icons li:first-child a{padding-right: 0;}
.header_icons li:first-child a span{border-right: 1px solid #000;padding-right: 5px;}
.header_icons li a span{font-size: 14px;}
.header_icons li a:hover{color: #999;text-decoration: none;}
.header_icons li:last-child a{padding-right: 0;}
.header_icons li a i{}

.mobile_menu_trigger{    border: none;
    background: none;
    font-size: 22px;    color: #000;}
.mobile_menu_trigger:focus{outline: none;}
/* End Header */

/* Category Menu */
.category_menu{border-bottom: 1px solid #ddd;top: -50px;transition: .3s; padding-top: 20px; padding-bottom: 20px;}

.category_menu.fixed_header{    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999;
    background: #fff;}

.category_menu ul{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: row;
    }
.category_menu ul li{display: inline-block;flex: 1 1 auto;
    /* position: relative; */
}
.category_menu ul li a.menu_item{color: #000;
    font-weight: 500;
    margin: 8px 0;
    -ms-flex-pack: center;
    justify-content: center;
    align-items: center;
    display: -ms-flexbox;
    -ms-flex-align: center;
    position: relative;
    display: inline-block;}
.category_menu ul li a.menu_item span{
    width: 0;
    transition: .3s;
    position: absolute;
    left: 0;
    bottom: -2px;
    height: 2px;
    background: #000;
    z-index: 999999;
    display: block;
}
.category_menu ul li a.menu_item:hover span{
    width: 100%;
}
.category_menu ul li a.menu_item:hover{text-decoration: none;}
.category_menu ul li a.menu_item{text-decoration: none; color: #3B3B3B;font-size: 14px;font-weight: 400;}
.category_menu ul{
    position: relative;
}
.category_menu ul li .mega_menu{
    position: absolute;
    left: 0;
    top: 55px;
    width: 100%;
    background: #fff;
    padding-left: 0;
    /* border-top: 1px solid #dddd; */
    padding-top: 20px;
    z-index: 9;
    padding-bottom: 10px;
    margin-top: 25px;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
}
/* .category_menu ul li ul.mega_menu li{}
.category_menu ul li ul.mega_menu li a{}
.category_menu ul li ul.mega_menu li a:hover{} */

/* Mega Menu */
.mega_menu{max-height: calc(100vh - 200px);overflow: auto;overflow-x: hidden;
      /* padding: 0 20px; */
}
.category_menu.fixed_header .mega_menu{max-height: calc(100vh - 100px);}

.category_menu ul li:hover .mega_menu{
    /* display: block; */
    margin-top: 0;
    opacity: 1;
    visibility: visible;
}

.mm_heading{font-size: 16px; }
.mm_heading a{    padding-left: 0;
    color: #000;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;}
.mega_menu_items{padding-left: 0;    display: block !important;
    -ms-flex-direction: unset !important;
    flex-direction: unset !important;    margin-bottom: 20px;}
.mega_menu_items li{display: block !important;flex:unset !important}
.mega_menu_items li a{color: #000;
    font-weight: 300;
    font-size: 13px;
    margin-bottom: 5px;
    display: block;transition: .3s;}
.mega_menu_items li a:hover{color: #0c0b0b;}
/* End Mega Menu */
/* End Category Menu */

/* Slider */
/* .slider_arrows{font-size: 35px;} */
/* End Slider */

/* Slider */
.slider_section{
    width: 100%;
    overflow: hidden;
    /* position: fixed;
    max-height: 100vh;
    top: 0;z-index: -2; */

}

.slideshow_container{height: 700px;position: relative;object-fit: cover;}
.slider_section .mySlides{transition: 0;height: 0;position: relative;}
.slider_section .mySlides img{width: 100%;height: 100%;object-fit: cover;}
.slider_section .mySlides.active{height: 100%;}
.slider_section .mySlides.active img{transform: scale(1.3);transition: transform 20s;}
.slider_content_wrap{    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: rgb(0, 0, 0, .5);
    height: 100%;
    padding-top: 32vh;}
.slider_content{
    /* position: absolute;    top: 260px; */width: 600px;max-width: 100%;
}
.slider_content h2{font-size: 50px; color: white;}
.slider_content .sc_border{width: 200px;
    border-top: 2px solid #E20E0F;
    display: inline-block;
    margin-bottom: 15px;}

.btn_slider{    color: #fff;
    font-size: 16px;
    transition: .3s;
    border: 2px solid #fff;
    padding: 7px 15px;
    display: inline-block;}
.btn_slider:focus{outline: none;}
.btn_slider:hover{
    /* background: #000; */
    color: #ddd;text-decoration: none;}
.btn_slider i{margin-left: 10px;}
.slider_bottom_area{}

/* The dots/bullets/indicators */
.dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: gray;
    border-radius: 94%;
    display: inline-block;
    transition: background-color 0.6s ease;
  }

  .dot.active, .dot:hover {
    background-color: white;
  }

.slider_dot_container{
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 100%;
}
/* End Slider */

/* Footer Section */
.footer {font-family: Open Sans,sans-serif; font-size: 14px;
    line-height: 1.5;}

.widget_footer{background-color: #5f5a5a;
    padding-top: 35px;padding-bottom: 50px; }
.widget_footer h1{font-size: 18px;
    text-transform: uppercase;color: #fff;}
.widget_footer p{
    font-size: 14px;
    color: #fff;
}

/* .footer_social{}
.footer_social ul{}
.footer_social ul li{display: inline-block;}
.footer_social ul li a{    color: #fff;
    margin: 0 10px;
    display: inline-block;
    font-size: 18px;
}
.footer_social ul li:first-child a{margin-left: 0;
}
.footer_social ul li a:hover{text-decoration: none;color: #999;}
.footer_social ul li a i{} */

.footer_social_item{color: #7f7f7f;}
.footer_social_item:hover{text-decoration: none;color: #000000;}

.widget{margin-bottom: 35px;}
.widget_header{    font-size: 18px;
    text-transform: capitalize;
    font-weight: 500;
    padding-bottom: 20px;
    margin-bottom: 20px;
    position: relative;color: #fff;}
.widget_header::before{content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    background: #fff;
    height: 2px;}
.widget_list{    margin-bottom: 30px;}
.widget_list img{max-width: 100%;margin-bottom: 5px;}
.widget_list ul{}
.widget_list ul li{padding: 5px 0;}
.widget_list ul li a{
    /* text-transform: capitalize; */
    font-size: 13px; display: inline-block; color: #7f7f7f;}
.widget_list ul li a:hover{text-decoration: none;color: #000000;}
.footer_widget_heading_border{width: 40px;height: 1px;background: #ddd;display: inline-block;}
.footer .widget-title {  color: black;}
.copyright_footer{
    background: #f7f8f9;
    color: #000;
    font-size: 14px;
    padding: 23px 0;}
.copyright_text{}
.footer_cards{max-width: 100%;}
/* End Footer Section */

/* Button Style */
.button{    border: 1px solid #757070;
    background: none;
    display: inline-block;
    padding: 4px 16px;
    font-size: 16px;
    border-radius: 3px;
    color: #000;}
.button:hover{text-decoration: none;color: #757070;}
.button:focus{outline: none;}

.mobile_header_btn{padding: 1px 10px;}
/* End Button Style */

/* Default Product Section */
.container.search_cat{
   max-width: 1440px;
}

 .product-card {
    border: 1px solid #dee2e6;
            border-radius: 8px;
            overflow: hidden;
            transition: transform 0.3s, box-shadow 0.3s;
            height: 100%;
            display: flex;
            flex-direction: column;

        }

        .product-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.1);
        }

        .img-container {
            position: relative;
       /* 4:3 Aspect Ratio */
            height: 430px;
            overflow: hidden;
            /* background-color: #f8f9fa; */
        }

        .product-img {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: scale-down ;/* Changed from contain to cover */
            object-position:center bottom; /* Center horizontally, align to bottom */
        }

        .product-info {
            padding: 1rem;
            flex-grow: 1;
            display: flex;
            flex-direction: column;
            border: 1px solid #dee2e6;
            border-top: none;
        }

        .product-title {
            font-weight: 600;
            margin-bottom: 0.5rem;
            font-size: 1.1rem;
        }

        .product-price {
            font-weight: 700;
            color: #dc3545;
            margin-bottom: 0.5rem;
            font-size: 1.2rem;
        }

        .product-description {
            color: #6c757d;
            font-size: 0.9rem;
            margin-bottom: 1rem;
        }

        .product-footer {
            margin-top: auto;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
.dp_box{
        border: 1px solid #dee2e6;
            border-radius: 8px;
            overflow: hidden;
            transition: transform 0.3s, box-shadow 0.3s;
            height: 100%;
            display: flex;
            flex-direction: column;
}
.dp_box:hover{
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

.category_carousel_special{
    overflow: hidden;
    transition: transform 0.3s, box-shadow 0.3s;
    height: 100%;
}

.dp_thumb, .category_carousel_special .bc_thumb, .category_carousel .bc_thumb  {
    position: relative;
    padding-top:100%;
    overflow: hidden;
    height: 430px;

}
.dp_thumb img,.category_carousel_special .bc_thumb img, .category_carousel .bc_thumb img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: fill ;/* Changed from contain to cover */
    object-position:center bottom;
    transition: transform 0.5s ease-in-out;

}
.dp_box:hover img {
    transform: scale(1.1); /* Zoom in slightly */
}
.category-product-col .dp_box{
    height: 340px;
}
.category-product-col .dp_thumb img {
    height: 100%;
    object-fit: fill;
    object-position: center;
    overflow: hidden;
}
/* .dp_thumb img{ width: auto;  height: 100%; max-width: 100%;object-fit: contain;  transition: transform 0.5s ease-in-out;} */
.dp_info{text-align: center;color: #3B3B3B;flex-grow: 0;}
.dp_info:hover{text-decoration: none;color: #000;}
.dp_title{
    font-size: 12px;
    font-weight: bold;
    margin-top: 12px;
    margin-bottom: 2px;
    height: 16px;
    overflow: hidden;}
.dp_price{
    font-size: 15px;
    font-weight: bold;}
.dp_old_price{
    text-decoration: line-through;
    color: #999;
    font-size: 15px;
    font-weight: 400;
    text-decoration-color: red !important;
}

.custom_label {
    position: absolute;
    /* left: 0; */
    top: 7px;
    background: red;
    color: #fff;
    /* border-radius: 3px; */
    /* padding: 2px 10px; */
    text-align: center;
    width: 78px;
    height: 25px;
    font-size: 13px;
    z-index: 10;
    line-height: 25px;
}



.custom_label::after {
    content: "";
    position: absolute;
    top: 20px;
    left: 4px;
    border: 5px solid transparent;
    border-left: 4px solid #520909;
    transform: rotate(-408deg);
    z-index: -1;
}

.custom_label .lebel {
    overflow: hidden;
    width: 55px;
    max-height: 25px;
    display: inline-block;
}


.load-more {
    padding: 8px;
    height: 3.2rem;
    line-height: 2.2rem;
    text-align: center;
    color: #ababab;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
}

.load-more:hover {
    box-shadow: 0px 0px 10px #eee;
}


.dp_hover_items{
    text-align: center;
    position: absolute;
    top: 5%;
    /* bottom: 20%; */
    right: 5%;
    /* width: 100%; */
    opacity: 0;
    transition: .3s;
}
.dp_box:hover .dp_hover_items{opacity: 1;}
.dphi_icons{}
.dphi_icons li{display: block; margin-bottom: 5px;}
.dphi_icons li .button_icon{    border: none;
    background: #ddd;
    color: #373D54;
    border-radius: 50%;
    font-size: 16px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    transition: .3s;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.dphi_icons li .button_icon:focus{outline: none;}
.dphi_icons li .button_icon:hover{background: #000;color: #fff;text-decoration: none;}
.dphi_icons li .button_icon i{}

.dphi_add_cart{border: none;
    font-weight: bold;
    margin-top: 10px;
    padding: 6px 10px;
    font-size: 14px;transition: .3s;
    background: #000;
    color: #fff;
    display: inline-block;}
.dphi_add_cart:hover{
    background: rgb(228, 228, 228, .9);
    color: #000;
    text-decoration: none;}
.dphi_add_cart:focus{outline: none;}
/* End Default Product Section */

/* Section Title */
.section_title{}
.section_title h5{    color: #7f7f7f;
    font-size: 16px;}
    .section_title h2{font-size: 25px;}
.section_title .empty_line{background: #000;
    width: 50px;
    height: 2px;
    display: inline-block;}
/* End Section Title */

/* Browse Category */
.category_section{margin-bottom: 55px;}
.bc_box{display: block;color: #000;transition: .3s;}
.bc_box:hover{color: #000;text-decoration: none;box-shadow: 0px 0px 6px 4px #ddd;}
.bc_thumb{border: 1px solid #e0e4f6;}
.bc_thumb img{}
.bc_info{
    border: 1px solid #e0e4f6;
    background: #F7F7F7;
    margin-top: -1px;
    padding: 10px;
    text-align: center;
}
.bc_title{}
.bc_count{font-size: 12px;font-weight: 300;}
/* End Browse Category */

/* Home Ads*/
.home_ads{background: #ededed;}


/* Home Ads 2 */
.home_ads_2{padding-bottom: 55px; background: #ededed;}
.home_ads_box{transition: .3s;}
.home_ads_box:hover{box-shadow: 0px 0px 6px 4px #ddd;}
.home_ads_box img{}
/* .home_ads_box{border: 1px solid #e0e4f6;}
.home_ads_box img{} */
/* End Home Ads 2 */


/* Special offers Section */
.special_offers_section {

}
.special_offers_section .sp_element {
    /* border: 1px solid #e1e1e1; */
}
.special_offers_section .prev-button {
    align-items: center;
}
.special_offers_section .prev-button > i {
    cursor: pointer;
}
.special_offers_section .next-button {
    align-items: center;
}
.special_offers_section .next-button > i {
    cursor: pointer;
}
.special_offers_section .sp_title {
    font-size: 16px;
    font-weight: 400;
    display: block;
    max-height: 80px;
    overflow: hidden;
    height: 35px;
    line-height: 17px;
    margin-top: 25px;
}
.special_offers_section .new-price {
    display: block;
    font-weight: 400;
}
.special_offers_section .old-price {
    text-decoration: line-through;
    text-decoration-color: red !important;
    color: gray;
    font-size: 14px;

}

.special_offers_section .owl-next {
    display: none;
}

.special_offers_section .owl-prev {
    display: none;
}

/* End Special Offers Section */



/* Final Section */
.black-button {
    background-color: black;
    color: white;
    border-radius: 0px;
}
.white-button {
    color: black;
    background-color: white;
    border-radius: 0px;
}
.sec-3 {
    background: url('https://i.postimg.cc/63RhwPpp/screenshot-6.png');
    background-position-x: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.sec-3 .mid {
    border: 5px solid white;
    background-color: rgba(0, 0, 0, 0.308);
    color: white;
    width: 95%;
    text-align: center;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
/* End Final Section */



/* Newsletter */
.newsletter{background: #F7F8F9;    padding: 40px 0;}
.newsletter_text{    margin-top: 7px;
    font-weight: 500;
    margin-bottom: 0;
    font-size: 14px;}
.newsletter_input{    display: block;
    width: 100%;
    border: 1px solid #ddd;
    padding: 6.5px 10px;
    font-size: 14px;}
.newsletter_input:focus{outline: none;}
.newsletter_button{    border: none;
    background: #000;
    color: #fff;
    padding: 7px 15px;
    font-size: 14px;}
.newsletter_button:hover{color: #ddd;}
.newsletter_button:focus{outline: none;}
/* End Newsletter */

/* Main Categories */
.mc_row{margin-right: -5px;margin-left: -5px;}
.mc_col{padding-right: 5px;
    padding-left: 5px;}
.main_categories{margin: 45px 0;}
.mc_heading{font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    border-bottom: 2px solid #EAEAEA;
    padding-bottom: 10px;
    margin-bottom: 25px;}
.mc_items{}
.mci_box{border-bottom: 1px solid #eae7e7;
    padding-bottom: 17px;
    margin-bottom: 17px;color: #000;}
.mci_box:hover{text-decoration: none;color: #000;}
.mci_box:last-child{border: none;}
.mci_thumb{background: #F7F8FA;}
.mci_thumb img{}
.mci_infos{}
.mci_title{     font-weight: 400;
    font-size: 14px;
    height: 32px;
    overflow: hidden;}
.mci_price_old{    color: #999;
    font-size: 14px;
    text-decoration: line-through;
     text-decoration-color: red !important;}
.mci_price{font-size: 14px;font-weight: 500;}

.orderby{    width: 100%;
    padding: 10px 5px;
    margin-bottom: 20px;
    border: 1px solid #ddd;}
.orderby:focus{outline: none;}
/* End Main Categories */

.feature_products{padding-bottom: 50px;}


/* Mobile left menu */
#collapseLeftMenu{padding: 0 15px; }
#collapseLeftMenu ul{}
#collapseLeftMenu ul li{position: relative;text-align: left !important;}
#collapseLeftMenu ul li button{    border: none;
    background: none;
    position: absolute;
    top: 4px;
    right: 0;}
#collapseLeftMenu ul li button:focus{outline: none;}
#collapseLeftMenu ul li a{color: #000;
    border-bottom: 1px solid #ddd;
    display: block;
    padding: 6px 4px;
    font-size: 14px;}
#collapseLeftMenu ul li a:hover{text-decoration: none;}


#collapseLeftMenu ul li ul{
    padding-left: 15px;
}


.left_all_category{padding: 0 15px;}
.left_all_category ul{}
.left_all_category ul li{position: relative;}
.left_all_category ul li button{    border: none;
    background: none;
    position: absolute;
    top: 4px;
    right: 0;}
    .left_all_category ul li button:focus{outline: none;}
.left_all_category ul li a{color: #000;
    border-bottom: 1px solid #ddd;
    display: block;
    padding: 6px 4px;
    font-size: 14px;}
    .left_all_category ul li a:hover{text-decoration: none;}


.left_all_category ul li ul{
    padding-left: 15px;
}
/* End Mobile left menu */

/* Breadcrumb */
.c_breadcrumb{}
.c_breadcrumb_list{}
.c_breadcrumb_list ul{}
.c_breadcrumb_list ul li{display: inline-block;
    font-weight: 500;
    font-size: 14px;
    padding: 7px 0;
    margin-right: 10px; position: relative;}
.c_breadcrumb_list ul li::before{content: '/';}
.c_breadcrumb_list ul li span{padding-left: 10px;}
.c_breadcrumb_list ul li:first-child::before{display: none;}
.c_breadcrumb_list ul li a{color: #000;font-size: 14px;}
.c_breadcrumb_list ul li a:hover{color: #000;}
/* End Breadcrumb */

/* Category Page */
.category_page{}
.cp_title{font-size: 20px;}
.cp_info{}

.pib_loader{    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 40px;
    background: rgb(0, 0, 0, .5);
    height: 100%;
    z-index: 999999;
    color: #fff;
    padding-top: 14%;}
/* End Category Page */

/* Sidebar Widgets */
.sidebar_widgets{
    transition: .3s;
}
.sw_box{    margin-bottom: 7px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 4px;}
.sw_box.border_none{border-bottom: 0;}
.sw_heading{}
.sw_heading h2{font-size: 15px;display: inline-block;}
.sw_heading button{border: none;background: none;float: right;    margin-top: 3px;}
.sw_heading button:hover{color: var(--primary_color);}
.sw_heading button:focus{outline: none;}
.sw_content{}
.sw_content ul{}
.sw_content ul li {    display: table;
    position: relative;}
.sw_content ul li .form-check{overflow: hidden;}
.sw_content ul li .form-check input{float: left;}
.sw_content ul li a{    font-size: 13px;
    display: inline-block;
    color: var(--primary_color);
    padding: 4px 0;}
.sw_content ul li button{border: none;
    background: none;
    color: var(--primary_color);
    padding: 0;
    position: absolute;
    top: 2px;
    padding-left: 5px;}
.sw_content ul li button i{    font-size: 14px;    transform: rotate(90deg);transition: .3s;}
.sw_content ul li button.collapsed i{transform: rotate(0deg);}

.sw_content ul li button:focus{outline: none;}

.sw_content ul li a:hover{color: var(--secondary_color);text-decoration: none;}
.sw_content ul li .form-check-label{    font-size: 14px;float: left;
    font-weight: 500;
    color: var(--primary_color);margin-top: 1px;}
.sw_content ul li .form-check-label:hover{
    color: var(--primary_hover_color);cursor: pointer;}
    .sw_content ul li .form-check-label span{float: left;    margin-right: 10px;}
.sw_content ul li .form-check-label i{font-size: 11px;
    float: left;
    margin-top: 4px;}

.sw_content ul li ul {
    padding-left: 16px;
}
/* .sw_content ul li .cd_empty_icon {
    width: 11px;
    display: inline-block;
} */
.sw_content ul li ul li ul{padding-left: 15px;}

.sidebar_widgets_wrap{transition: .3s ;}


.sidebar_btns{border-bottom: none;}
.sb_btn_reset{background: var(--secondary_color);}

.sidebar_widgets_wrap.active{
    /* right: 0; */
    visibility: visible;
    opacity: 1;
}
.sidebar_widgets_wrap.active .sidebar_widgets{left: 0;}
/* End Sidebar Widgets */


/****** Style Star Rating Widget *****/
.add_ratings{overflow: hidden;}
.retting_create {
    height: 65px;
    margin-top: 25px;
}

.ratting_title {
    font-size: 17px;
}

.add_product_review {
    padding-bottom: 45px;
}

.rating {
    border: none;
    float: left;
}

.rating>input {
    display: none;
}

.rating>label:before {
    margin: 0 5px;
    font-size: 40px;
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    content: "\f005";
}

.rating>.half:before {
    content: "\f005";
    position: absolute;
}

.rating>label {
    color: #ddd;
    float: right;
}

.rating>input:checked~label,

/* show gold star when clicked */

.rating:not(:checked)>label:hover,

/* hover current star */

.rating:not(:checked)>label:hover~label {
    color: #ffa534;
    font-weight: 900;
}


/* hover previous stars in list */

.rating>input:checked+label:hover,

/* hover current star when changing rating */

.rating>input:checked~label:hover,
.rating>label:hover~input:checked~label,

/* lighten current selection */

.rating>input:checked~label:hover~label {
    color:#ffa534;
    font-weight: 900;
}

/****** End Style Star Rating Widget *****/
.product_page > .container{
    max-width: 1440px;
}

.category_carousel_special .old-price{
    text-decoration: line-through;
    text-decoration-color: red !important;
    color: #999;
    font-size: 15px;
}
/* Single Product */
.product_tools{}
.sp_title{font-size: 24px;color: var(--primary_color);}
.sp_price{font-size: 20px;
    font-weight: 800;}
.sp_price span.sp_regular_price{font-size: 16px;
    color: #7A7A75;
    text-decoration: line-through;
    text-decoration-color: red !important;
    margin-left: 5px;}
.sp_sku{    margin-top: 10px;}
.sp_quantity{border: 1px solid #ddd;
    display: inline-block;
    /* border-radius: 7px; */
    overflow: hidden;
    margin-top: 15px;}
.sp_quantity button{border: none;
    background: none;
    float: left;
    padding: 6px 10px;}
.sp_quantity button:focus{outline: none;}
.sp_quantity button:hover{color: var(--primary_hover_color);}
.sp_quantity input{border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 0;
    border-bottom: 0;
    float: left;
    width: 45px;
    text-align: center;
    padding: 6px 0;}
.sp_quantity input:focus{outline: none;}
.sci_quantity{}
.sci_quantity input{    height: 26px;
    font-size: 12px;}
.sci_quantity button{    line-height: 12px;}
.sci_quantity button i{font-size: 10px}

.short_description{
    overflow: hidden;}

.sp_btns{margin-top: 60px;}
.sp_btn{border: none;
background: var(--primary_color);
display: block;
margin-bottom: 10px;
padding: 5px 8px;
width: 250px;
max-width: 100%;
color: #fff;
font-weight: 500;
border-radius: 5px;}
.sp_btn:hover{background: var(--primary_hover_color);}
.sp_btn:focus{outline: none;}

.add_to_wishlist{}
/* .add_to_cart{background: #FF7E00;}
.add_to_cart:hover{background: var(--secondary_hover_color);} */

.sp_btn.disabled{opacity: .5;}
.sp_btn.disabled:hover{ background: #FF7E00;cursor: not-allowed;}


.sp_big_image{border-radius: 5px;overflow: hidden;    }
.sp_small_images{text-align: center;margin-top: 30px;}
.sp_small_images ul{display: inline-block;}
.sp_small_images ul li{    display: inline-block;
    margin: 0 7px;}
.sp_small_images ul li img{    border: 1px solid transparent;
    padding: 5px;
    width: 120px;
    height: 130px;
    object-fit: cover;
    border-radius: 5px;}
.sp_small_images ul li img:hover{cursor: pointer;border: 1px solid #ddd;}
.sp_small_images ul li.active img{border: 1px solid #ddd;}

.sp_details{}
.sp_details ul.nav-tabs{border-bottom: 2px solid #dee2e6;}
.sp_details ul.nav-tabs .nav-link{    border: none;}
.sp_details ul.nav-tabs .nav-link.active{    border-bottom: 2px solid var(--primary_color);
    margin-bottom: -1px;}
/* .sp_details ul.nav-tabs li:first-child a{padding-left: 0;} */
.sp_details ul.nav-tabs li a{    font-weight: 500;
    font-size: 19px;
    color: #495057;
    padding-left: 0;
    padding-right: 30px;
    margin-right: 20px;}
.sp_details ul.nav-tabs li a:hover{color: var(--primary_color);}
.sp_details .tab-content{margin-top: 20px;}

.sp_ratings{}
.spr_title{    font-weight: 700}
.spr_average{overflow: hidden;}
.spr_average .spr_amount{    font-size: 50px;
    font-weight: 800;float: left;    line-height: 60px;}
.spr_average .review{    display: inline-block;float: left;    margin-top: 10px;}
.spr_average .review i{    font-size: 35px;}

.spr_average .r_star{    width: 40px;}
.spr_average .r_star_top svg{width: 40px;height: 40px;}

.sp_star{color: var(--primary_color);}
.rb_title{    font-weight: 700;
    font-size: 20px;
    margin-bottom: 15px;
    margin-top: 30px;}
.rb_list{}
.rb_list ul{}
.rb_list ul li{padding: 6px 0;}
.rb_p_group{overflow: hidden;}
.spp_left{float: left;}
.sp_progress{    margin-top: 6px;
    height: 11px;
    border-radius: 21px;
    float: left;
    width: calc(100% - 50px);
    margin-left: 17px;}

.sp_review_inputs{}
.sp_review_inputs h1{font-size: 20px;
    margin-top: 20px;}
.sp_review_inputs h2{    font-size: 18px;
    margin-top: 14px;}
.sp_review_inputs p{}
.sp_review_inputs .button{margin-top: 15px;}

.review_list{}
.rl_box{    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
    padding-bottom: 20px;}
.rl_box:last-child{border-bottom: none;margin-bottom: 0;}
.rl_box .review{}
.rl_box .review i{}
.rlb_title{    font-size: 15px;
    font-weight: 400;
    margin-top: 4px;    color: #999;}
.rlb_details{    margin-top: 20px;
    font-style: italic;
    font-weight: 700;    display: inline-block;margin-bottom: 0;}
.rlb_details span{    font-size: 33px;
    float: left;
    margin-top: -9px;}
.rlb_author{    font-size: 14px;
font-style: italic;
font-weight: 800;}
#xzoom-default{    max-width: 100% ;
    width: 100%;}

.details_btn{border: none;
    background: none;
    padding: 4px 0;
    border-bottom: 1px solid #ddd;
    display: block;
    width: 100%;
    text-align: left;
    margin-bottom: 15px;}
.details_btn:focus{outline: none;}
.details_btn:hover{}
/* End Single Product */

/* Product Variation */
.sp_variation_all{}
.sp_variation_all li{display: inline-block;
    float: left;}
.sp_variation_all li input{    left: -9999px;
    position: absolute;}
.sp_variation_all li input:checked ~label{border-color: var(--primary_color);color:  var(--primary_color);}
.sp_variation_all li label{width: auto;
    float: left;
    margin-right: 0.375rem;
    display: block;
    color: #818a91;
    font-size: 0.875rem;
    font-weight: 400;
    text-align: center;
    background: transparent;
    text-transform: uppercase;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    transform: scale(0.95);
    padding: 7px 10px;}
.sp_variation_all li label:hover{cursor: pointer;
        border-color: var(--secondary_hover_color);}

.sp_variation_color{}
.sp_variation_color li{}
.sp_variation_color li input{left: -9999px;
    position: absolute;}
.sp_variation_color li label{    width: 2.25rem;
    height: 2.25rem;
    float: left;
    padding: 0.375rem;
    margin-right: 0.375rem;
    display: block;
    font-size: 0.875rem;
    text-align: center;
    opacity: 0.7;
    border: 2px solid #d3d3d3;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;font-family: "Font Awesome 5 Free";
    transform: scale(0.95);}
.sp_variation_color li input:checked ~label{border-color: var(--primary_color);}
.sp_variation_color li input:checked ~label:after{position: absolute;
    top: 50%;font-family: "Font Awesome 5 Free";
    left: 50%;
    transform: translate(-50%, -50%);
    color: rgba(255, 255, 255, 0.7);content: "\f07a";
    font-size: 14px;}
.sp_variation_color li label:hover{cursor: pointer;
        border-color: var(--secondary_hover_color);}
.sp_variation_color li label i{color:#fff;display: none;}
.sp_variation_color li input:checked ~label i{color:#fff;display: inline-block;}
/* End Product Variation */

/* Rating Stars */
.rating_stars{}
.r_star{    width: 16px;
    height: 16px;display: inline-block;
    position: relative;}
.r_star svg{}
.r_star_top{    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.r_star_top svg{    width: 16px;
    height: 16px;}
/* End Rating Stars */

/* Password Input */
.view_password_group{position: relative;}
.view_password_group input{    padding-right: 35px;}
.view_password_btn{position: absolute;
    top: 38px;
    right: 2px;
    border: none;
    background: none;
    font-size: 18px;}
.view_password_btn:focus{outline: none;}
/* End Password Input */

/* User Panel */
.up_wrap{margin-top: 55px;}
.user_profile{}
.user_img{}
.user_img img{width: 120px;height: 120px;object-fit: cover;border: 1px solid #ddd; padding: 5px;
    /* border-radius: 50%; */
    margin-bottom: 10px;
}

.up_nav{}
.up_nav li{}
.up_nav li a{display: block;color: var(--primary_color);}
.up_nav li a:hover{color: var(--primary_hover_color);text-decoration: none;}
.up_nav li a i{width: 25px;}

.dashboard_items{}
.dashboard_items i{font-size: 35px;transition: .3s;color: rgba(0,0,0,.15);}
.dashboard_items .card:hover i{font-size: 40px;}
.link_item{color: var(--primary_color);}
.link_item:hover{color: var(--primary_hover_color);text-decoration: none;}
.user_menu .list-group-item.active{    border: none;background: var(--primary_color);}
.user_menu .list-group-item.active a{
    color: #fff;}
/* End User Panel */

.special-item-carousel{}
.special-item-carousel img{height: 130px;
    object-fit: cover;}

.view_all_btn{background: black; color: white; border-radius: unset;}


/* Side Cart Section */
.side_cart_section {
    position: fixed;
    top: 0;
    /* right: 0; */
    right: -400px;
    height: calc(100vh - 47px);
    z-index: 999;
    width: 400px;
    background: #fff;
    transition: .3s;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .2);
    overflow: auto
}

.show_sc {
    right: 0
}

.sc_head {
    background: var(--primary_color);
    color: #fff;
    position: relative;
    padding: 15px 5px
}

.sc_head h4 {
    font-size: 19px;
    text-align: center;
    margin: 0
}

.sc_head i {
    position: absolute;
    top: 15px;
    right: 15px
}

.scp_list {
    padding: 0 15px;
    margin-top: 15px;
    height: calc(100vh - 170px);
    overflow: auto;
}

.sc_head i:hover {
    cursor: pointer
}


/* .scp_box {
    text-align: center;
    margin-bottom: 25px;
    position: relative
}

.scp_thumb {
    margin-bottom: 20px
}

.scp_title {
    display: block;
    font-weight: 700;
    color: #4f4f4f
}

.scp_title:hover {
    color: #3D3D3D;
    text-decoration: none
}

.scp_price {
    margin: 5px 0
}

.remove_cart {
    margin-top: 7px;
    color: #4f4f4f;
    display: inline-block
}

.remove_cart:hover {
    text-decoration: none;
    color: #007bff;
    cursor: pointer
} */


/* New Site Cart Style */
.sci_top {
    position: relative;
}

.sc_price {
    font-size: 14px;
}

.scp_total_amount {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    padding: 10px 0
}

.sc_remove {
    border: 1px solid;
    width: 16px;
    height: 16px;
    display: inline-block;
    text-align: center;
    line-height: 16px;
    border-radius: 50%;
    color: #999;
    margin-top: 27px;
}

.sc_remove:hover {
    cursor: pointer;
    color: var(--primary_color)
}

.sc_empty {
    margin-top: 70px;
}
.sc_empty h2{font-weight: 400;}

.sc_spinner {
    display: none;
}

a.disabled {
    pointer-events: none;
    cursor: default;
    background: gray;
}

a.disabled .sc_spinner {
    display: inline-block;
}

/* a.disabled .b_text {
    display: none;
} */
.empty_cart_bag{color: #B4B4B4;    font-size: 80px;}
.sc_footer{position: absolute;left: 0;bottom: 0;width: 100%;    padding: 10px 15px;}
.scp_box{border-bottom: 1px solid #ddd;    padding: 8px 0;}
/* width */
.scp_list::-webkit-scrollbar {
    width: 3px;
}

/* Track */
.scp_list::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.scp_list::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
.scp_list::-webkit-scrollbar-thumb:hover {
    background: #555;
}
/* End Side Cart Section */

.top_cart{position: relative;}
.top_cart .count{position: absolute;
    color: #fff;
    left: 3px;
    bottom: 8px;
    font-size: 10px;
    width: 100%;
    text-align: center;}


/* Cart Page */
.ci_card{}
.ci_card .card-header, .cos_card .card-header, .primary_header{background: var(--primary_color);color: #fff;}
.ci_card .card-body{    padding: 0;}
.cart_items{}
.ci_box{    border-bottom: 1px solid #e0e6ef;
    padding-bottom: 10px;
    padding: 10px 15px;position: relative;}
.ci_box:last-child{border-bottom: none;}
.cib_img{
    /* border: 1px solid #ddd; */
    border-radius: 5px;    transition: .3s;    width: 140px;
    max-width: 100%;
    height: auto;}
.cib_img:hover{transform: scale(1.1);}
.cib_tools{}
.cib_title{}
.cib_title a{    color: var(--primary_color);
    font-size: 16px;
    font-weight: normal;}
.cib_title a:hover{text-decoration: none;color: var(--primary_hover_color);}
.cib_quantity{float: left;}
.cib_remove{
    border: 0;
    background: none;
    color: #dc3545;
    font-size: 16px;
    font-weight: 400;
    margin-top: 14px;
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 10px;
}
.cib_remove:hover{color: red;text-decoration: none;}
.cib_remove:hover{}
.cib_remove:focus{outline: none;}
.cib_amounts{    font-weight: 700;
    font-size: 14px;
    margin-top: 10px;
    color: var(--secondary_color);    height: 100%;position: relative;}
.ci_save_amount{margin-bottom: 0;}
.ci_amount{    margin-bottom: 0;
    font-size: 22px;}
.ci_amount_p{font-size: 22px;}

.cos_card{}
.cos_card table{}
.cos_card table th{    font-size: 14px;
    font-weight: 500;}
.cos_card table th td{}
.cos_card .button{padding: 5px 16px;
    font-size: 18px;}
.cos_card .button:hover{text-decoration: none;background: var(--primary_hover_color);}
.cos_card p{}
.cos_card p a{    font-size: 14px;
    margin-top: 5px;
    display: inline-block;
    color: var(--primary_color);
    font-weight: 700;}
/* End Cart Page */

/* Checkout */
.checkout_card{}
.checkout_card p{}
.checkout_card p a{    font-size: 14px;
    margin-top: 5px;
    display: inline-block;
    color: var(--primary_color);
    font-weight: 700;}
.checkout_card p a:hover{text-decoration: none;color: var(--primary_hover_color);}
.continue_to_shopping{color: #000;}
.continue_to_shopping:hover{color: #000;}
/* End Checkout */


/* Spacial Offer */
.spacial_offer{background: url(https://i.postimg.cc/qqDDzqwm/Untitled.png) ;
    padding: 25px 0; color: #000}
.spacial_offer h3{font-size: 18px;}
.spacial_offer h2{font-size: 58px;}
.spacial_offer p{    font-size: 25px;
    margin-top: 70px;}
.spacial_offer .so_button{    color: #000;
    text-decoration: underline;
    font-weight: 700;
    font-size: 23px;
    margin-top: 70px;
    display: inline-block;}
/* End Spacial Offer */


.so_box{    border: 1px solid #ddd;
    background: #F2F2F2;padding: 15px 0;transition: .3s;}
.so_box:hover{text-decoration: none;box-shadow: 0px 0px 6px 4px #ddd;}


/* Shipping Loader */
.shipping_loader{    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0, .5);
    font-size: 31px;
    text-align: center;
    color: #fff;
    padding-top: 45px;}
/* End Shipping Loader */

/* Checkout Right Sidebar */
.guest_right_sidebar{position: fixed;right: 0;top: 0;width: 100%;background: rgb(0, 0, 0, .5);    height: 100%;display: none;z-index: 9999;}
.guest_right_sidebar.active{display: block;}
.guest_right_sidebar .grs_wrap{    width: 305px;
    background: #fff;
    max-width: 100%;
    height: 100%;
    float: right;
    padding: 10px;}
.guest_right_sidebar .grs_wrap .header{}
.guest_right_sidebar .grs_wrap .header button{border: none;background: none;float: right;}
.guest_right_sidebar .grs_wrap .header button:focus{outline: none;}
.guest_right_sidebar .grs_wrap .header h3{}
.guest_right_sidebar .grs_wrap .body{}
/* End Checkout Right Sidebar */


/* Fixed Mobile Menu */
.fixed_mobile_menu{position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #fff;
    box-shadow: 3px 4px 7px #000;    z-index: 9;}
.fixed_mobile_menu ul{}
.fixed_mobile_menu ul li{}
.fixed_mobile_menu ul li a{    display: block;
    padding: 5px 0;
    color: var(--primary_color);
    font-size: 25px;}
.fixed_mobile_menu ul li a i{}
.fixed_mobile_menu ul li a:hover{}
.fixed_mobile_menu ul li a.cart_count{position: relative;}
.fixed_mobile_menu ul li a.cart_count span{    position: absolute;
    top: 2px;
    left: 58%;
    background: #FAE68B;
    width: 18px;
    height: 18px;
    text-align: center;
    border-radius: 50%;
    font-size: 11px;
    line-height: 20px;}
/* End Fixed Mobile Menu */

/* Mobile left menu */
#collapseLeftMenu{padding: 0 15px;}
#collapseLeftMenu ul{}
#collapseLeftMenu ul li{position: relative;}
#collapseLeftMenu ul li button{    border: none;
    background: none;
    position: absolute;
    top: 4px;
    right: 0;}
#collapseLeftMenu ul li button:focus{outline: none;}
#collapseLeftMenu ul li a{color: #000;
    border-bottom: 1px solid #ddd;
    display: block;
    padding: 6px 4px;
    font-size: 14px;}
#collapseLeftMenu ul li a:hover{text-decoration: none;}


#collapseLeftMenu ul li ul{
    padding-left: 15px;
}
/* End Mobile left menu */


/* Social Media */
.fa {
    padding: 7px;
    font-size: 23px;
    width: 52px;
    text-align: center;
    text-decoration: none;
    border-radius: 10px;
  }
.fa-brands {
    padding: 7px;
    font-size: 23px;
    width: 52px;
    text-align: center;
    text-decoration: none;
    border-radius: 10px;
  }

  .fa:hover {
      opacity: 0.7;
  }
  .fa-brands:hover {
      opacity: 0.7;
  }

  .fa-facebook {
    background: #3B5998;
    color: white;
  }

  .fa-twitter {
    background: #55ACEE;
    color: white;
  }

  .fa-google {
    background: #dd4b39;
    color: white;
  }

  .fa-linkedin {
    background: #007bb5;
    color: white;
  }

  .fa-youtube {
    background: #bb0000;
    color: white;
  }

  .fa-instagram {
    background: #125688;
    color: white;
  }

  .fa-pinterest {
    background: #cb2027;
    color: white;
  }

  .fa-snapchat-ghost {
    background: #fffc00;
    color: white;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  }

  .fa-skype {
    background: #00aff0;
    color: white;
  }

  .fa-android {
    background: #a4c639;
    color: white;
  }

  .fa-dribbble {
    background: #ea4c89;
    color: white;
  }

  .fa-vimeo {
    background: #45bbff;
    color: white;
  }

  .fa-tumblr {
    background: #2c4762;
    color: white;
  }

  .fa-vine {
    background: #00b489;
    color: white;
  }

  .fa-foursquare {
    background: #45bbff;
    color: white;
  }

  .fa-stumbleupon {
    background: #eb4924;
    color: white;
  }

  .fa-flickr {
    background: #f40083;
    color: white;
  }

  .fa-yahoo {
    background: #430297;
    color: white;
  }

  .fa-soundcloud {
    background: #ff5500;
    color: white;
  }

  .fa-reddit {
    background: #ff5700;
    color: white;
  }

  .fa-rss {
    background: #ff6600;
    color: white;
  }



/* Left Menu */
.left_all_category{    position: fixed;
    left: 0;
    top: 0;
    background: rgb(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    z-index: 999;
    padding-left: 0;
    opacity: 0;visibility: hidden;
    transition: .3s;
}
.left_all_category.active{visibility: visible;opacity: 1;}
.lac_container{    width: 360px;
    overflow: auto;
    background: #fff;
    height: 100%;margin-left: -360px; transition: .3s;}

.left_all_category.active .lac_container{margin-left: 0;}

.lac_header{    background: #232F3E;}
.lac_header a{    color: #fff;
    padding: 7px 6px;
    display: inline-block;
    font-size: 18px;}
.lac_header a:hover{}

.lac_items{}

.lac_close{    color: #fff;
    float: right;
    margin-top: 10px;
    margin-right: 10px;
    font-size: 19px;}
.lac_close:hover{cursor: pointer;}
/* End Left Menu */

/*changes*/
.product_section > .container{max-width: 1440px;}

.home_ads  > .container {
    max-width: 1440px;
}

.special_offers_section > .container {
    max-width: 1440px;
}

.category_section > .container {
    max-width: 1440px;
}

.home_ads_2  > .container {
    max-width: 1440px;
}