/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*
***************************************************************
***************************************************************

Template Name  : NAME | One Page Multipurpose Template
Author         : Hassan
Author URI     : http: //hasanrashed.com
File           : Style.css


@NOTE: This file contains the stylesheet for this template.
you may need to edit this file to change your contents style.
This file contents are outlined below

***************************************************************
***************************************************************

========== INDEX PAGE CSS ==========
------------------------------------

*** -  1. Template Default Css
*** -  2. Template Background Css
*** -  3. Template Position Css
*** -  4. Template Hover Css
*** -  5. Template Buttons Css
*** -  6. Header Area Css
*** -  7. Welcome Area Css
*** -  8. Service Area Css
*** -  9. Team Area Css
*** - 10. Video Area Css
*** - 11. Work Area Css
*** - 12. Testimonial Area Css
*** - 13. Pricing Area Css
*** - 14. Project Complete Area Css
*** - 15. Blog Area Css
*** - 16. Map Area Css
*** - 17. Brand Area Css
*** - 18. Footer Area Css
*** - 19. Template Hover Css
*** - 20. Template Transition Css


*/

/****
*   GOOGLE FONTS
*   =============================
*/

@import url('https://fonts.googleapis.com/css?family=Raleway:400,600,700,900|Roboto:400,500,700,900');

body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #222;
    line-height: 1.5em;
}

.alignleft {
    float: left;
    margin-right: 15px;
}

.alignright {
    float: right;
    margin-left: 15px;
}

.aligncenter {
    display: block;
    margin: 0 auto 15px;
}

a:focus {
    outline: 0 solid
}

img {
    max-width: 100%;
    height: auto;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Raleway', sans-serif;
    margin: 0 0 15px;
    font-weight: 700;
}

a:focus,
input:focus,
textarea:focus,
button:focus {
    outline: 0 solid;
}


.body-container {
    max-width: 2600px;
    margin-inline: auto;
}

/*
=========----------------------------------=========
            1.Template Default Css
=========----------------------------------=========
*/
.section-title {
    margin-bottom: 65px;
}

.section-title h2 {
    margin-bottom: 0;
}

.section-title span {
    color: #9FB80F;
}

.flip-clock-dot.top {
    top: 185px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
}


/*
=========----------------------------------=========
            2.Template Background Css
=========----------------------------------=========
*/

.welcome-bg {
    background: url(../img/03.jpg);
}

.welcome-bg-02 {
    background: url(../img/02.jpg);
}

.welcome-txt {
    background-size: cover;
    background-position: center;
}

#learn-where {
    background: url(../img/04.jpg);
}

#learn-where {
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

/*
=========----------------------------------=========
            3.Template Position Css
=========----------------------------------=========
*/

.welcome-txt {
    position: relative;
    z-index: 99;
}

.welcome-txt:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    content: "";
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    z-index: -1;
}


/*
=========----------------------------------=========
            4.Template Hover Css
=========----------------------------------=========
*/

/*
=========----------------------------------=========
            5.Template Buttons Css
=========----------------------------------=========
*/

/*
=========----------------------------------=========
            6.Header Area Css
=========----------------------------------=========
*/

.top-menu {
    padding: 10px 0;
    padding-bottom: 0;
}

.menu-logo {
    width: 101% !important;
    background: rgba(0, 95, 200, 1);
    overflow: visible;
}

.logo-area {
    width: 17%;
    float: left;
    /* height: 120px; */
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background: #005FC8; */
}

/* .product .logo-area {
    height: 120px;
} */
/* .category .logo-area {
    height: 120px;
} */


@media (min-width: 1080px) and (max-width: 1300px) {

    .logo-area img {

        max-width: 130px;
        max-height: 36px !important;
        margin-left: 22px;
    }


}

@media (min-width: 1301px) and (max-width: 1499px) {
    .logo-top-part img {
        height: 40px;
    }

    .logo-bottom-part img {
        height: 40px;
    }
}

@media (min-width: 1500px) {
    .logo-top-part img {
        height: 50px;
    }

    .logo-bottom-part img {
        height: 60px;
    }
}

.logo-area img {
    /* height: 30px; */
    max-width: 166px;

    max-height: 48px;
}

.top-menu small {
    display: block;
    color: #C4E8FF;
}

.top-menu a {
    text-decoration: none;
    color: #fff;
    margin-right: 10px;
    -webkit-margin-right: 10px;
    -o-margin-right: 10px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

/* .top-menu a:hover {
    color: #26A6FB;
} */


.top-menu p {
    margin-bottom: 0;
}

.top-menu p small {
    margin-top: 3px;
}

.nav-link {
    transition: .5s;
}

.nav-link:focus,
.nav-link:hover {
    color: #26A6FB;
}

/* .right-ac-nav {
    float: right;
} */

/*
=========----------------------------------=========
            7.Search
=========----------------------------------=========
*/


.main-search input {
    width: 90%;
    height: 50px;
    float: left;
    padding-left: 20px;
    border: 0;
    border-radius: 3px 0 0 3px;
}

.main-search button {
    float: left;
}

.main-search button {
    width: 50px;
    height: 50px;
    border: none;
    border-radius: 0 3px 3px 0;
    background: #fff;
}

.main-search i.fa-search {
    font-size: 20px;
    background: #0066D6;
    padding: 10px;
    color: #fff;
    border-radius: 2px
}

button.voice {
    font-size: 24px;
    border-radius: 3px;
    margin-left: 10px;
    color: #0066D6;
}

.cart-bg {
    background: #26a6fb;
}

.home-slider-shadow {
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.25);
    /* margin-top: 73px !important; */
    padding: 6px;
}

/*
=========----------------------------------=========
            7.Right Side nav Area Css
=========----------------------------------=========
*/
.navbar-tool {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: left;
    margin-top: 2px;
    padding: 0 7px;

}

.navbar-ttol-icon {
    margin-top: 14px;
}

.navbar-ttol-icon svg {
    margin-right: 5px;
}

.downMenu {
    /* left:-1rem; */
}

.nav-down-menu {
    top: 72px !important;

}





/*
=========----------------------------------=========
            10.Header Bottom Menu Css
=========----------------------------------=========
*/
a.nav-link {
    font-size: 12px;
    color: #fff;
}

.left-menu {
    /* float: left; */
}

.right-menu {
    /* float: right; */
    /* margin-right: 7px; */
}

/* .bottom-menu {
    background: #0066D6;
} */

nav.navbar.navbar-expand-lg.bg-body-tertiary {
    background: transparent !important;
    margin-right: -10px;
}

/*
=========--------------------------------------------------=========
            10.Featured Category Banner Area Css
=========--------------------------------------------------=========
*/
.single-cat-head p {
    margin: 0;
    padding: 0;
    font-size: 15px;
    font-weight: 600;
}

.single-cat-head i.fa {
    font-size: 30px;
    margin-right: 4px;
    color: #0071EE;
}

.see-all p {
    text-align: right;
}

.see-all small {
    display: block;
}

.see-all a {
    text-decoration: none;
    color: #0066D6;
}


.multy-cat-body {
    width: 100%;
    overflow: hidden;
    height: 90%;
    max-height: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    /* gap: 10px; */
    /* row-gap: 5px; */
    justify-content: space-between;
    align-items: center;
    align-content: stretch;
}

.single-bannerf {
    /* text-decoration: none; */
    height: 48%;
    width: 49%;
    /* position: relative;
    overflow: hidden; */
}

.single-bannerf a small {
    /* position: absolute;
    left: 5px;
    bottom: -5px; */
    background: #fff;
    padding: 0px 5px;
    border-radius: 2px;
    color: #333;
    font-size: 12px;
    position: relative;
    left: 5px;
    bottom: 22px;
}

.single-banner {
    text-decoration: none;
    float: left;
    width: 47%;
    position: relative;
    overflow: hidden;
    margin-bottom: 22px;

}

.single-banner a small {
    position: absolute;
    left: 5px;
    bottom: -5px;
    background: #fff;
    padding: 0px 5px;
    border-radius: 2px;
    color: #333;
    font-size: 10px;
}


.single-banner:nth-child(1),
.single-banner:nth-child(3) {
    margin-right: 6px;
}

.single-banner:nth-child(2),
.single-banner:nth-child(4) {
    margin-left: 6px;
    float: right;
}

.multy-single-cat {
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.25);
    padding: 6px 12px;
    border-radius: 10px;
}

.single-cat-head {
    margin-bottom: 5px;
    /* padding-top: 7px; */
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    align-content: center;
    flex-direction: row;
}

.single-fe-baner {
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.25);
    padding: 12px;
    border-radius: 10px;
    height: 100%;
}

.single-fe-baner img {
    height: 100%;
}

.multy-cat-body img {
    border-radius: 5px;
    height: 100%;
    width: 100%;
}

.navbar-toolf {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}

/*
=========---------------------------------------------=========
  **************** 10.Flash Deal Area Css  ****************
=========---------------------------------------------=========
*/


/* .flash-banner {
    background: url(../img/flashbg.png);
    padding-bottom: 10px;
    border-radius: 20px;
} */

.flash-icon ul {
    margin: 0;
    padding: 0;
}

.flash-banner ul li {
    list-style: none;
    display: inline-block;
    background: #0071EE;
    color: #fff;
    border-radius: 3px;
    padding: 5px 14px;
}

.flash-banner ul {
    text-align: center;
    margin: 20px 0;
}

.flash-banner ul li p {
    margin: 0;
    padding: 0;
    text-align: center;
}

.flash-banner ul li p {
    font-size: 20px;
    font-weight: 600;
    padding-top: 5px;
}

.flash-icon {
    text-align: right;
    margin-top: -4px;
}

.flash-icon i {
    background: #0071EE;
    color: #fff;
    padding: 10px 8px;
    font-size: 20px;
    border-radius: 0 20px 0 10px;
}

.flash-img img {
    width: 60%;
}

.flash-img {
    text-align: center;
    margin: 37px 0;
}

.flash-btn {
    text-align: center;
    margin: 30px 0;
    margin-top: 250px;
}

.flash-btn a {
    padding: 10px 30px;
    background: #0071EE;
    color: #fff;
    border-radius: 5px;
    text-decoration: none;

}

#related-products-container {
    padding: 0 9px 0 8px;
}

.single-product {
    background: transparent;
    border: 1px solid #D8D8D8;
    border-radius: 0px;
    padding: 5px;
    margin: 0 5px;
    /* height: 379px; */
}



.product0deal-icon i {
    background: #0071EE;
    color: #fff;
    padding: 5px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
    z-index: 1;
}

.pro-img-icon {
    background: #fff;
    position: relative;
    overflow: hidden;
}

.wish-compare-icon {
    margin: 5px;
    transition: .5s;
    position: absolute;
    right: 5px;
    top: 5px;
    opacity: 1;
}


.wish-compare-icon i {
    display: block;
    overflow: hidden;
    /* background: #F5F5F5; */
    background: var(--primary);
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    margin-bottom: 5px;
    /* color: #919199; */
    color: #ffffff;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.wish-compare-icon a {
    text-decoration: none;
    background: #D9D9D9;
    padding: 8px;
    margin-bottom: 5px;
    color: #919199;
    z-index: 999;
}

.wish-compare-icon a:hover {
    background: #0071EE;
    color: #fff;
}

.wish-compare-icon i:hover {
    color: #0071EE;
}

*/ .single-product:hover .wish-compare-icon {
    margin-right: 5px;
    opacity: 1;
    right: 0px;
}

.product-img {
    width: 100%;
    height: 100%;
    max-height: 170px;
    min-height: 170px;
}

/* .related-product-single-img{
    max-height: 350px;
    min-height: 350px;
} */
.product-content a {
    text-decoration: none;
    color: #333;
    font-size: 14px;
}

.product-content {
    padding: 15px;
}

.review ul {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: left;
}

.review ul li {
    list-style: none;
    display: inline-block;
}

.review ul li i {
    color: #0066D6;
}

.rating-title {
    margin-left: 15px;
}

.product-content p {
    margin: 0;
    color: #0071EE;
    font-size: 18px;
    font-weight: 600;
    padding-top: 10px;
}

.product-content small {
    color: #919199;
    font-size: 10px;
}

.review p {
    font-size: 14px;
    font-weight: 300;
    color: #333;
    padding: 0;
}



/*
=========----------------------------------=========
            10.Icon Category Area Css
=========----------------------------------=========
*/

.ico-single-cat {
    text-align: center;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.25);

    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f5f5f5+0,ffffff+49,f5f5f5+100 */
    background: -o-radial-gradient(center, ellipse, #f5f5f5 0%, #ffffff 49%, #f5f5f5 100%);
    background: radial-gradient(ellipse at center, #f5f5f5 0%, #ffffff 49%, #f5f5f5 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    padding: 0 20px;
    border-radius: 5px;
    margin: 20px 10px;
    height: 125px;
}

.all-top-icon-category a {
    text-decoration: none;
    color: #333;
}

.ico-single-cat p {
    font-size: 14px;
    margin: 0;
}

.ico-single-cat i {
    font-size: 30px;
    margin-bottom: 10px;
}


/*
=========----------------------------------=========
            10.Footer Area Css
=========----------------------------------=========
*/

.footer-upper-side {
    background-color: #0071EE;
}

.footer-menu h3 {
    font-size: 20px;
    padding-top: 40px;
    color: #fff;
}

.footer-menu ul li {
    list-style: none;
}

.footer-menu a {
    text-decoration: none;
    color: #d7d7d7;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.footer-menu img {
    width: 40%;
    margin-bottom: 5px;
}

.footer-menu ul li a:hover {
    color: #fff;
    margin-left: 10px;
}


.social-media {}

.social-media li {
    text-align: center;
}

.social-media ul {
    margin: 0;
    padding: 20px 0;
}

.social-media ul li {
    list-style: none;
    display: inline;
    margin: 0px 5px;
}

/* .footer-top {
    padding-bottom: 25px;
} */


.copy-right {
    background: #2dropshipper2B;
    text-align: center;
    padding: 35px;
}

.copy-right ul li {
    list-style: none;
    display: inline-block;
    padding: 0 10px;
}

.copy-right ul li a {
    text-decoration: none;
    color: #fff;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.social-media ul li a i.fa {
    font-size: 17px;
    border-radius: 3px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.fa-facebook {
    color: #316FF6;
    background: #fff;
}

.fa-facebook:hover {
    color: #fff;
    background: #316FF6;
}

.fa-linkedin {
    color: #0077b5;
    background: #fff;
}

.fa-linkedin:hover {
    color: #fff;
    background: #0077b5;
}

.fa-instagram {
    background: #fff;
    color: #e6683c;

}

.fa-instagram:hover {
    background: #e6683c;
    color: #fff;

}


.fa-pinterest-p {
    color: #E60023;
    background: #fff;
}

.fa-pinterest-p:hover {
    color: #fff;
    background: #E60023;
}

.fa-youtube {
    color: #CD201F;
    background: #fff;
}

.fa-youtube:hover {
    color: #fff;
    background: #CD201F;
}

.fa-whatsapp {
    color: #075E54;
    background: #fff;
}

.fa-whatsapp:hover {
    color: #fff;
    background: #075E54;
}

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

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

.fa-snapchat-ghost {
    color: #333;
    background: #fff;
}

.fa-snapchat-ghost:hover {
    color: #333;
    background: #FFFC00;
}

.fa-telegram {
    color: #0088cc;
    background: #fff;
}

.fa-telegram:hover {
    color: #fff;
    background: #0088cc;
}

.fa-tumblr {
    color: #35465c;
    background: #fff;
}

.fa-tumblr:hover {
    color: #fff;
    background: #35465c;
}

.fa-vimeo {
    color: #1AB7EA;
    background: #fff;
}

.fa-vimeo:hover {
    color: #fff;
    background: #1AB7EA;
}

.fa-weixin {
    color: #09B83E;
    background: #fff;
}

.fa-weixin:hover {
    color: #fff;
    background: #09B83E;
}

.fa-reddit-alien {
    color: #FF4500;
    background: #fff;
}

.fa-reddit-alien:hover {
    color: #fff;
    background: #FF4500;
}

.fa-quora {
    color: #A82400;
    background: #fff;
}

.fa-quora:hover {
    color: #fff;
    background: #A82400;
}


.copy-right p {
    color: #fff;
    font-size: 18px;
}

.copy-right p span {
    color: #0071EE;
}



/*
=========----------------------------------=========
            10.Cources Area Css
=========----------------------------------=========
*/

/*
=========----------------------------------=========
            10.Footer Area Css
=========----------------------------------=========
*/


/*
=========----------------------------------=========
            10.Footer Area Css
=========----------------------------------=========
*/

/*
=========----------------------------------=========
            Scroll To Top Area Css
=========----------------------------------=========
*/


/*
=========----------------------------------=========
            Pre Loader Area Css
=========----------------------------------=========
*/


/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
 -------------------=======================----------------
|                       Category List                     |
 -------------------=======================----------------
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

.category-content img {
    width: 100%;
}

.category-content .card {
    border: oldlace;
    transition: .3s;
}

.category-content a {
    text-decoration: none;
    position: relative;
}

.content {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #00000036;
}

.content p {
    margin: 0;
    padding: 4px 18px;
    color: #fff;
}

.top-category {
    background: #E8F3FF;
    padding: 30px 15px;
    margin: 30px;
    border-radius: 5px;
}

.regular-card a {
    text-decoration: none;
    overflow: hidden;
}

.cat-content p {
    color: #333;
    font-size: 14px;
    margin: 0;
}

.cat-content {
    width: 100%;
    height: 45px;
    background: #f5f5f5;
    padding: 10px;
    margin-top: 10px;
    border-radius: 3px;
    box-shadow: 2 0 4px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.11);
    text-align: center;
}

.category-content .card:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.regular-card img {
    transition: .3s;
    border-radius: 5px;
}

.regular-card:hover img {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}

section.regular-category {
    padding: 0;
    margin-bottom: 50px;
}

.regular-cat-content {
    padding: 0 15px;
}

.category-title .single-cat-head {
    padding-top: 0;
}

.regular-card:hover .cat-content {
    box-shadow: 0 0 5px #0000003b;
}



/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
 -------------------=======================----------------
|                     Product Details                     |
 -------------------=======================----------------
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

.single-pic .slick-slide img {
    height: 80px;
    width: 100%;
}

.product-images img {
    margin-bottom: 9px;
}



.product-title h4 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: -6px;
    line-height: 32px !important;
    word-break: break-word;
    text-rendering: optimizeLegibility;
    text-align: left;
}

.related-product-section h3 {
    font-size: 24px;
}

.related-product h5 {
    font-size: 24px;
}

.rating span {
    background: #0066D6;
    color: #fff;
    padding: 3px 5px;
    border-radius: 3px;
    margin-right: 6px;
}

.price strike {
    font-size: 14px;
    color: #737382;
}

.price strong {
    font-weight: 600;
    color: #0071EE;
    font-size: 20px;
}

.short-detail {
    font-size: 14px;
    color: #737382;
    margin-top: 20px;
}

.color ul {
    margin: 30px 0;
    padding: 0;
}

.color ul li {
    display: inline-block;
    margin-right: 10px;
}

.color li a {
    text-decoration: none;
    color: #171718;
}

.color img {
    width: 40px;
}

.product-count ul {
    margin: 0;
    padding: 0;
}

.product-count ul li {
    display: inline-block;
}

.product-count ul {
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: inline;
    margin-right: 10px;
}

.product-count ul li {
    display: inline-block;
    border: 1px solid #EFF0F3;
    height: 40px;
    line-height: 40px;
}

.product-count input {
    border: none;
    height: 37px;
    padding: 0;
    width: 60px;
}

.pro-qty {
    width: 40px;
    text-align: center;
    font-size: 14px;
}

.product-count button {
    width: 140px;
    height: 40px;
    line-height: 20px;
    margin-top: -3px;
    border-radius: 3px;
}

.wishlist ul li {
    display: inline-block;
    margin-right: 30px;
    margin-top: 30px;
}

.wishlist li a {
    text-decoration: none;
    color: #171718;
    display: inline-block;
    transition: color 0.3s ease, transform 0.3s ease;
}

.wishlist li a:hover {
    color: #f39c12;
    transform: scale(0.95);
}

.wishlist li a i {
    margin-right: 10px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #EFF0F3;
    text-align: center;
    color: #171718;
    border-radius: 50%;
}

/* wishlist image */

/* .wishImg{
    object-fit: contain;
    height: 100%;
    width: 100%;
    margin: auto;
} */


.detail-note i.fa {
    margin-right: 5px;
}

.detail-note .color ul {
    margin: 0;
    padding: 0;
}

.detail-note .color ul li {
    margin-right: 0;
    margin-bottom: 3px;
}

/* .detail-note {
    background: #E8F3FF;
    padding: 30px;
    font-size: 12px;
    position: relative;
} */

.detail-note ul li {
    display: inline-block;
}

.not-cart-btn a {
    display: block;
    text-align: center;
    width: 100%;
    padding: 10px 0;
    background: #0066D6;
    margin-bottom: 10px;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
}

.not-cart-btn {
    margin-top: 15px;
}

/* .detail-note:after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 92%;
    height: 5px;
    background: #0066D6;
    margin-left:4%;
} */
/* @media only screen and (min-width: 992px) and (max-width:1200px) {
    .detail-note:after{
        width: 90% !important;
    }
} */

.produt-sku span {
    color: #737382;
}

.produt-sku p {
    color: #171718;
    margin: 0;
    font-size: 12px;
}

.produt-sku {
    margin-top: 20px;
}

ul#pills-tab {
    border: 1px solid #17171830;
    padding: 5px;
    overflow: hidden;
    width: 54%;
}

li.nav-item button {
    border: none;
    background: none;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    border-radius: 0;
    padding: 8px 20px;
}

.rev-user-img {
    width: 75px;
}

.rev-user-img img {
    width: 100%;
}

.name-stars ul li {
    display: inline;
    color: #F5980C;
}

.name-stars ul {
    margin-bottom: 20px;
}

.name-stars h5 {
    margin-top: 11px;
}


.name-stars h5 {
    font-size: 16px;
    margin-top: 50px;
}

.name-stars span {
    float: right;
    font-size: 14px;
    font-weight: 300;
    color: #737382;
}

.view-more-btn a {
    text-decoration: none;
    color: #fff;
    background: #0066D6;
    padding: 10px 150px;
    overflow: hidden;
}

.view-more-btn {
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 50px;
    width: 100%;
    text-align: center;
}

.avg-rating h5,
.specification-tbl h5 {
    margin-top: 30px;
}

.avg-rating i.fa {
    color: #F5980C;
    font-size: 22px;
    margin-bottom: 10px;
}

.avg-rating ul li {
    display: inline;
}

.avg-rating h2 {
    font-size: 80px;
}

.avg-rating p {
    font-size: 12px;
}


.product-rating ul {
    margin: 0;
    padding: 0;
    margin-bottom: 15px;
    font-size: 20px;
}

.rating-bar li {
    display: inline-block;
}

.product-rating ul li.progress {
    width: 80%;
}

.progress {
    width: 200px;
    height: 8px;
    line-height: 8px;
    margin-right: 10px;
}

.progress-bar {
    background: #171718;
    height: 2px;
    margin-top: 3px;
}

.rating-bar i.fa {
    margin-right: 10px;
    color: #F5980C;
    margin-left: 10px;

}

.avg-rating-bar ul li span {
    margin-left: 10px;
}

.last-star {
    margin-left: 13px !important;
}

.single-review tr,
th,
td {
    border: 0;
}

.rev-txt p {
    color: #737382;
    margin-top: 10px
}

table.table.table-bordered {
    border-bottom: 1px solid #73738221;
}

.user-revicew-content {
    margin-top: 30px;
}

/* view more description on product details page  */


.product-description {
    overflow: hidden;
    height: 150px;
}

.productsImg {
    object-fit: contain;
    height: 100%;
    width: 100%;
}

.showCart {
    bottom: -2px !important;
}

.product-description.expanded {
    height: auto;
}




/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
            Product Sorting Page
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

.to-menu.filter-nav {
    background: #f6f6f6;
    border-radius: 5px;
}

.bredcram {
    line-height: 51px;
}

ul.filter-by.download-file {
    text-align: right;
}

ul.filter-by li {
    display: inline-block;
    padding-right: 10px;
}

.bredcram ul {
    margin-left: 20px;
}

.dr-filt {
    line-height: 50px;
    margin-right: 20px;
}

.dr-filt i.fa {
    font-size: 25px;
}

ul.filter-bot li {
    display: block;
    padding: 0;
    line-height: 120%;
}

/*
Side Filter
*/

.side-filter label {
    display: block;
    padding: 5px 0;
}

.side-filter a {
    text-decoration: none;
    padding-top: 5px;
    display: inline-block;
}

.filterby .card-header {
    padding: 15px;
    font-weight: 600;
}



/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
                Cart Page
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

.cart-list-tb ul {
    margin: 0 auto;
    width: 26% !important;
}

.cart-list-tb tbody tr th {
    background: #E5F0FB;
    padding: 10px 0px;
    font-weight: 500;
}


.cart-list-tb a {
    width: 30px;
    height: 30px;
    display: inline-block;
    background: #E5F0FB;
    text-align: center;
    line-height: 30px;
    text-decoration: none;
    transition: .3s;
}

.cart-list-tb tr {
    border-bottom: 1px solid #ddd;
}

.cart-list-tb tr img {
    width: 80px;
    padding: 10px;
}

.cart-list-tb tr {
    font-size: 18px;
}

div#pills-home small {
    display: block;
    font-size: 80%;
    color: #757575;
    font-weight: 600;
    padding: 5px 0;
}

tr.price-total {
    text-transform: uppercase;
}

tr.price-total p {
    margin-top: 20px;
}

.coupon p {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
}

.coupon input {
    padding: 10px;
    font-size: 14px;
}

.coupon p {
    margin: 0 !important;
    padding-bottom: 10px;
}

.coupon a {
    padding: 10px 20px !important;
    background: #0071EE;
    color: #fff;
    display: inline;
}

a.shipping {
    display: inline;
    font-size: 14px;
    padding: 10px 15px;
    color: #333;
}

a.blue-bg {
    background: #0071EE;
    color: #fff;
    margin-left: 10px;
}

.exist-address p {
    display: inline-flex;
    margin-left: 10px;
}

.new-address input {
    width: 100%;
    padding: 10px;
    margin-top: 7px;
}

.single-field {
    font-size: 16px;
}

.single-field input {
    font-size: 14px;
    margin-bottom: 20px;
}

.single-field textarea {
    display: block;
    margin-top: 7px;
    margin-bottom: 20px;
    width: 100%;
    padding: 10px;
}

.cart-btns {
    text-align: right;
}



.billing-product-list p {
    font-size: 18px;
    margin: 0;
}

.billing-product-list small {
    display: block;
    font-size: 80%;
    color: #7f7f7f;
}

.billing-product-list img {
    width: 50px;
    margin-right: 15px;
    float: left;
}

.billing-product-list ul {
    margin: 0;
    padding: 0;
    float: left;
    width: 60% !important;
}

.single-biling-item {
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
}

.cart-bill-details {
    width: 100%;
    border-top: 1px solid #ddd;
    padding-top: 10px;
}

.cart-bill-details .bil-title {
    width: 50%;
    float: left;
}

.cart-bill-details p.bdr {
    padding-top: 10px;
    border-top: 1px solid #ddd;
    margin-top: 20px;
}

.top-products-section {
    padding-left: 35px !important;
    padding-right: 35px !important;
}

/* devkamal */
.mobile-header {
    display: none
}

/*
 -------------------=======================----------------
|                       Responsive CSS                      |
 -------------------=======================----------------
*/

@media only screen and (min-width: 1920px) {
    .logo-area img {
        max-width: 100%;
        /* height: 40px; */
    }

}

.main-search {
    padding-top: 10px;
}

@media only screen and (max-width: 1080px) {

    /* about buzfi page */
    .all-category-container {
        margin-top: 70px;
    }

    .about-buzfi {
        margin-top: 68px;
    }

    /* 30maystart */
    h1.fs-20.fs-md-24.fw-700.text-primary.cusotmer_welcome {
        margin-top: 20px;
    }

    .row.gutters-16 {
        margin-top: 45px;
    }

    .aiz-user-panel {
        margin-top: 50px;
    }

    p.dev_footer {
        margin-bottom: 30px !important;
    }

    .carousel-box.img-zoom.rounded-0 img {
        margin-top: 65px;
        width: 90%;
    }

    .main-search {
        padding-top: 0px;
    }

    /* 30mayend */

    .mobile-header {
        display: block;
        position: fixed;
        width: 100%;
        z-index: 99999;
        background: #0066D6;
        /* afterEidAzha */
        height: 75px;
    }

    /* //devkamal */
    .mobile-header button.btn.d-lg-none.mr-3.mr-sm-4.p-0.active.menu-enable {
        font-size: 18px;
    }

    .menu-logo {
        display: none;
    }

    .logo-area img {
        padding: 0;
        width: 140px;
        margin-top: 13px;
        /* EidAzha */
        height: auto;
        margin-left: 25px;
    }

    .logo-area {
        margin-top: 0px;
        height: 75px;
    }



    .mobile-left-navbar {
        width: 50%;
        display: flex;
        float: left;
    }

    .mobile-right-navbar {
        width: 40%;
        float: right;
    }

    .Search-btn {
        display: none
    }

    .Search-btn.active {
        display: block;
    }

    .Search-btn {
        position: absolute;
        width: 190px !important;
        left: 18%;
        border-radius: 5px !important;
    }

    .main-search {
        display: flex;
        margin-left: 85px !important;
    }


    .navbar-toggler i {
        color: #fff;
        font-size: 30px;
    }

    .navbar-toggler {
        border: none;
    }

    .serch-btn {
        background: #25A6FA;
    }

    .main-search i.fa-search {
        background: none;
        display: contents;
    }

    .main-search button {
        height: 40px;
        width: 40px;
        /* margin-top: 15px; */
    }

    .serch-btn {
        background: #25A6FA !important;
        border-radius: 5px !important;
    }

    button.voice {
        border-radius: 5px;
    }

    #featured-banner {
        margin-top: 6px;
    }

    .aiz-carousel.arrow-none.sm-gutters-16.slick-initialized.slick-slider {
        margin-top: 0px !important;
    }

    .aiz-mobile-bottom-nav {
        background-color: #005FC9;
    }

    .aiz-mobile-bottom-nav a {
        text-decoration: none;
        color: #fff !important;
        /* margin-left: 4px; */
    }

    .aiz-mobile-bottom-nav .bottom-list:hover {
        background-color: #25A6FA
    }

    .bottom-list {
        border-right: 1px solid #25A6FA;
    }

    .bottom-list:last-child {
        border-right: 0px solid #25A6FA;
    }

    .aiz-top-menu-sidebar {
        display: none;
    }

    .aiz-top-menu-sidebar.active {
        display: block !important;
    }

    .aiz-top-menu-sidebar {
        position: fixed;
        background: #fff;
        min-height: 100vh;
        top: 0;
        width: 300px;
        z-index: 999;
        left: 0;
    }

    .aiz-top-menu-sidebar ul {
        margin-left: 30px;
    }

    .aiz-top-menu-sidebar ul li {}

    .aiz-top-menu-sidebar ul li a {
        text-decoration: none;
        text-align: left;
        font-size: 18px;
        line-height: 18px;
    }

    .aiz-top-menu-sidebar ul li a:hover {}

    .close-btn {
        float: left;
        font-size: 25px;
        margin-left: 44px;
        margin-top: 16px;
    }

    .homeslider-custom {
        margin-top: 85px !important;
    }

}


/* @media only screen  and (min-width:992px) and (max-width:2100px){
    .logo-area{
        height: 131px !important;
    }
} */



@media only screen and (min-width: 1500px) {
    .carousel-box {
        margin-top: 5px;
    }

    .carousel-box.custome_height img {
        height: 250px;
    }

    .flash-img img {
        width: 40%;
    }

    .bottom-menu {
        /* height: 40px !important; */
        padding-top: 4px;
    }
}


.ico-single-cat {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.review {
    display: flex;
    justify-content: center;
    padding-top: 2px;
}

/* EidAzha */
.aiz-carousel.dots-inside-bottom.mobile-img-auto-height.slick-initialized.slick-slider {
    margin-top: 5px;
}

.footer-menu {
    margin-left: 30px;
}

specific-info {
    width: auto;
    overflow-x: scroll;
    /* margin-left: 5em; */
    overflow-y: visible;
}

.headcol {
    position: absolute;
    /* width: 5em; */
    left: 0;
    top: auto;
    /* border-top-width: 1px; */
    /*only relevant for first row*/
    /* margin-top: -1px; */
    /*compensate for top border*/
}

.headcol:before {
    content: 'Row ';
}

.specific-info th {
    background-color: #E8F3FF;
    padding: 20px 0 20px 0;
    min-width: 100px !important;
    position: sticky;
    left: 0;
    text-align: center;
}

.specific-info td {
    padding: 5px;
    vertical-align: middle;
    min-width: 160px !important;
}

.related-product h5 {
    text-transform: capitalize;
    color: #171718;
    font-weight: 700;
    font-size: 30px;
}

.specific-add-to-cart {
    background: #0071ee;
    color: #fff;
    padding: 10px 0 10px 0;
    display: block;
    width: 160px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 10px;
}

.table-top-product img {
    margin: 0 auto;
    text-align: center;
    display: block;
    margin-bottom: 15px;
    height: 100px;
}

.related-product-section .arrow-section {
    text-align: right;
    font-size: 22px;
    margin-right: 5px;
    padding-bottom: 30px;
    margin-top: -50px;
    float: right;
}

.related-product-section {
    width: 100%;
    display: inline-block;
}

.related-product-section .left-arrow {
    background: #F5F5F5;
    padding: 7px 10px 10px 15px;
    margin-right: 10px;
    color: #171718;
}

.related-product-section .right-arrow {
    background: #F5F5F5;
    padding: 7px 15px 10px 15px;
    color: #171718;
}

.related-product-section .left-arrow:hover {
    background: #0071EE;
    color: #fff;
}

.related-product-section .right-arrow:hover {
    background: #0071EE;
    color: #fff;
}

.padding-left-for-sections {
    padding-left: 20px !important;
    padding-bottom: 15px;
}

.padding-right-for-sections {
    padding-right: 20px !important;
}


.product-table-info {
    padding: 0;
}

.product-table-info table {
    width: 100% !important;
}

.product-table-info table tr td:first-child {
    background-color: #E8F3FF;
}

.product-table-info table tr td:nth-child(n+2) {
    min-width: 196px !important;
}


@media only screen and (max-width: 575px) {

    .carousel-box.custome_height {
        margin-top: 80px;
    }

    .footer-menu {
        margin-left: 0px;
    }

    form#search-form {
        margin-top: 60px;
    }

    .copy-right p {
        font-size: 17px;
        margin-bottom: 35px;
    }

    .single-product {
        background: #F5F5F5;
        border: 0px solid #D8D8D8;
        border-radius: 0px;
        padding: 0px;
        margin: 0 0px;
    }

}





/* newbanneradd */
.shimmer {
    position: relative;
    overflow: hidden;
    background: #ddd;
    border: none !important;
    /* Ensure a background color is set */
}

.shimmer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(90deg,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.8) 50%,
            rgba(255, 255, 255, 0) 100%);
    /* animation: shimmer 2s infinite; */
}

@keyframes shimmer {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }
}

/* Media query for smaller screens */
@media (max-width: 768px) {
    .shimmer {
        width: 100%;
        max-width: none;
    }
}


.multy-single-cat {
    height: 100%;
    width: 100%;
    object-fit: cover;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.single-fe-baner {
    height: 100%;
    width: 100%;
}

/* /////////// */
.card-image {
    overflow: hidden;
}

.card-image img {
    visibility: hidden;
}

.card-title span {
    visibility: hidden;
}

.card-description span {
    visibility: hidden;
}

.card-mediaIcons a i {
    visibility: hidden;
}

.card-svg svg {
    visibility: hidden;
}

.card-MenuIcons i {
    visibility: hidden;
}


.card-info {
    position: relative;
    color: #222;
    padding: 20px 0px;
}

.card-info h3 {
    font-size: 1.4em;
    font-weight: 700;
    margin-bottom: 10px;
}

.card-info p {
    font-size: 1em;
    margin-bottom: 15px;
}

.card-info .card-mediaIcons {
    position: relative;
    justify-content: center;
    align-items: center;
}

.card-info .card-mediaIcons a {
    color: #999;
    font-size: 1.4em;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    border-radius: 5%;
    transition: color 0.3s ease;
}

.card-info .card-mediaIcons a:hover {
    color: #222;
}

.loading {
    position: relative;
    background: #e2e2e2;
    overflow: hidden;
}

.loading.loading-light {
    background: #dcdcdc;
}

.loading:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transform: translateX(-100%);
    animation: loading 1.5s infinite;
}

@keyframes loading {
    100% {
        transform: translateX(100%);
    }
}


/* end of shimmer effect area  */


/* svg with hover effect */
.ico-single-cat svg path {
    fill: initial !important;
}

/* Define the hover effect for SVG elements */
.ico-single-cat:hover svg path {
    fill: #e56f0e !important;
    transition: all 0.3s ease;
}

.ico-single-cat img {
    width: 30px;
}

.ico-single-cat .cat-svg svg {
    width: 100%;
    height: 50px;
}




/* flash-banner-img */
.flash-banner-img {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: initial;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.z_index_2 {
    position: relative;
    z-index: 2;
}


/*
 -------------------=======================----------------
|                       Footer CSS                      |
 -------------------=======================----------------
*/

.user-app h4 {
    color: #fff;
    font-size: 14px;
}

.user-app {
    float: left;
    margin-right: 30px;
}

.seller-app h4 {
    color: #fff;
    font-size: 14px;
}

.footer-topbar {
    margin-bottom: 20px;
    /* margin-top: 40px; */
}

.footer-list-box {
    background: #26A6FB;
    border-right: 2px solid #dfcdcd;
    width: 100%;
    padding: 12px 0px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-list-box img {
    margin-right: 10px;
    width: 50px;
    height: 40px;
    /* margin-top: 10px; */
}

.footer-list-box h4 {
    color: #fff;
    margin-top: 20px;
    font-size: 16px;
    font-weight: 600;
}

.copy-right {
    background: #2dropshipper2B;
    text-align: center;
    padding: 35px 0 70px 0;
}

.border-line {
    border-top: 1px solid #fff;
    width: 1000px;
    margin: 0 auto;
    margin-top: 36px;
    /*updated*/
}

.footer-menu img {
    margin-bottom: 5px;
    width: 30px;
}

.copy-right p {
    color: #fff;
    font-size: 18px;
    margin-top: 10px;

}

.copy-right p span {
    color: #0071EE;
}

.copy-right-text {
    float: left;
}

.payment {
    float: right;
}

.copy-right {
    background: #2dropshipper2B;
    text-align: center;
    padding: 22px 0 70px 0;
}

.custom-footer-top .col {
    min-width: initial !important;
}

@media only screen and (min-width: 820px) and (max-width: 1000px) {

    .footer-list-box h4 {
        font-size: 12px;
    }

}


@media only screen and (max-width: 780px) {
    .footer-menu img {
        margin-bottom: 5px;
        width: 30px;
    }

    .footer-list-box {
        display: block;
        text-align: center;
        padding: 10px;
        border-bottom: 1px solid #fff;
    }

    .copy-right-text {
        float: inherit;
        background: #000;
        height: 64px;
        padding-top: 12px;
    }

    .copy-right {
        background: transparent;
        text-align: center;
        padding: 10px 0 36px 0;
    }

    .payment {
        float: inherit;
        width: 100%;
        margin: 0 auto;
        background: #2dropshipper2B;
        height: 104px;
    }

    .footer-list-box img {
        float: left;
        margin-left: 60px;
        margin-right: 25px;
        margin-top: 5px;
        width: 45px;
    }

    .border-line {
        display: none;
    }

    .border-line2 {
        border-top: 1px solid #fff;
        width: 82%;
        margin: 0 auto;
    }

    .footer-list-box h4 {
        font-size: 14px;
        text-align: left;
    }

    .footer_mobile_column {
        width: 100%;
        flex: auto;
        margin: 0 auto;
        text-align: center;
    }

    .user-app {
        float: none;
        margin-right: 30px;
        display: inline-block;
    }

    .seller-app {
        display: inline-block;
    }

    .footer-menu h3 {
        font-size: 28px;
        font-weight: 700;
        font-family: lora;
    }

    .footer-menu a {
        text-decoration: none;
        color: #fff;
        -webkit-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        font-size: 18px;
        line-height: 25px;
        font-weight: 500;
        font-family: lora;
    }

    .social-media {
        /* width: 250px; */
        margin: 0 auto;
    }


    .container.custome_copyright {
        width: 100%;
        padding: 0;
    }

    .payment a img {
        width: 250px;
        margin-top: 34px;
    }

    .footer-topbar {
        margin-left: 10px;
        margin-right: 10px;
    }

}

@media only screen and (max-width: 380px) {
    .Search-btn {
        width: 170px !important;
        left: 20%;
    }

    .main-search input {
        height: 40px;
    }

    .seller-app h4 {
        font-size: 18px;
        font-weight: 700;
        font-family: lora;
        text-align: left;
        margin-left: 10px;

    }

    .user-app h4 {
        font-size: 18px;
        font-weight: 700;
        font-family: lora;
        text-align: left;
        margin-left: 10px;
    }

}

@media only screen and (max-width: 375px) {
    .footer-menu img {
        margin-bottom: 5px;
        width: 50px;
        margin-left: 10;
    }
}

@media only screen and (max-width: 420px) {
    .payment a img {
        margin-top: 18px;
    }
}

.price h4 {
    font-family: sans-serif;
}

/* <!-- bootstrap-slider --> */
.h-200px {
    height: 200px;
    object-fit: cover;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: white;
    border-radius: 50%;
    padding: 10px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.carousel-control-prev-icon i,
.carousel-control-next-icon i {
    font-size: 1.5rem;
    /* Adjust icon size if needed */
    color: black;
    /* Adjust icon color if needed */
}

.carousel-control-prev,
.carousel-control-next {
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background-color: white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    margin-left: 35px;
    margin-right: 15px;
}



#homeCarousel:hover .carousel-control-prev {
    opacity: 1;
}

#homeCarousel:hover .carousel-control-next {
    opacity: 1;
    /* margin-right: 15px; */
}

/* afterpull */
/* .absolute-top-right.aiz-p-hov-icon a svg {
    margin-top: 10px;
} */


.custom_mobile_right {
    display: flex;
    justify-content: end;
    align-items: center;
}




/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
             V 02   Cart Page
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/* /////////// */

/*loding*/
.card-image {
    overflow: hidden;
}

.card-image img {
    visibility: hidden;
}

.card-title span {
    visibility: hidden;
}

.card-description span {
    visibility: hidden;
}

.card-mediaIcons a i {
    visibility: hidden;
}

.card-svg svg {
    visibility: hidden;
}

.card-MenuIcons i {
    visibility: hidden;
}


.card-info {
    position: relative;
    color: #222;
    padding: 20px 0px;
}

.card-info h3 {
    font-size: 1.4em;
    font-weight: 700;
    margin-bottom: 10px;
}

.card-info p {
    font-size: 1em;
    margin-bottom: 15px;
}

.card-info .card-mediaIcons {
    position: relative;
    justify-content: center;
    align-items: center;
}

.card-info .card-mediaIcons a {
    color: #999;
    font-size: 1.4em;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    border-radius: 5%;
    transition: color 0.3s ease;
}

.card-info .card-mediaIcons a:hover {
    color: #222;
}

.loading {
    position: relative;
    background: #e2e2e2;
    overflow: hidden;
}

.loading.loading-light {
    background: #dcdcdc;
}

.loading:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transform: translateX(-100%);
    animation: loading 1.5s infinite;
}

@keyframes loading {
    100% {
        transform: translateX(100%);
    }
}

.related-products-container .product-img {
    width: 100%;
    height: 100%;
    max-height: 170px;
    min-height: 170px;
}

#homeCarousel {
    /* margin-top: 30px; */
    margin-top: 15px;
}

.bannerImg {
    border-radius: 5px;
}

.arrow-section {
    text-align: right;
    font-size: 22px;
    margin-right: 5px;
    padding-bottom: 30px;
    /* margin-top: 15px; */
}

.product-gallery {
    border: 1px solid #D8D8D8;
}

.product-gallery-thumb {
    margin-top: -5px;
}

.ship-to-class {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 700;
}

.detail-note svg path {
    fill: #000 !important;
}

.customer_shipping_address {
    color: #737382;
}

.customer_shipping_address {
    color: #737382;
    font-size: 18px;
    font-weight: 500;
}

.delivery-class {
    font-size: 18px;
    font-weight: 700;
    color: #171718;
}

.padding-left-for-sections {
    padding-left: 20px !important;
    padding-bottom: 35px;
}

.padding-right-for-sections {
    padding-right: 20px !important;
}

#howorks {
    margin-top: 50px;
}

/* .dropshipperLanding .logo-area {
    height: 120px;
} */
.product .bottom-menu {
    /* padding-top: 10px; */
    border-top: 1px solid #FAFAFA4D;
}

.bottom-menu {
    border-top: 1px solid #FAFAFA4D;
}

@media only screen and (max-width: 1300px) {

    .product .single-product {
        height: 470px;
    }

    .single-cat-head {
        margin-bottom: 0px;
    }

    .single-bannerf a small {
        font-size: 10px;
    }

    .product-details #pills-tab {
        width: 100%;
    }

    .product-rating ul {
        font-size: 15px;
    }

    .avg-rating p {
        font-size: 12px;
    }

    .related-product-single-img {
        /* max-height: 250px; */
        /* min-height: 250px; */
        margin: 0 auto;
        text-align: center;
        display: flex;

    }

    .related-product-title {
        height: 80px;
    }

    .navbar-tool {
        padding: 0;
    }

    .single-cat-head p {
        font-size: 14px;
    }
}

@media only screen and (max-width: 1150px) {
    .single-cat-head p {
        font-size: 13px;
    }

    .single-bannerf a small {
        font-size: 9px;
    }
}

@media only screen and (max-width: 1080px) {
    .logo-area {
        width: 100%;
    }

    .navbar-expand-lg .navbar-toggler {
        display: block !important;
    }

    .payment-summary-info {
        padding-top: 92px !important;
    }

    .single-bannerf a small {
        font-size: 7px;
    }
}

@media only screen and (max-width: 992px) {
    .single-bannerf a small {
        font-size: 10px;
    }
}

@media only screen and (max-width: 820px) {
    .footer-menu img {
        margin-bottom: 5px;
        width: 30px;
    }

    .footer-list-box {
        display: block;
        text-align: center;
        padding: 10px;
        border-bottom: 1px solid #fff;
    }

    .copy-right-text {
        float: inherit;
        background: #000;
        height: 64px;
        padding-top: 12px;
    }

    .copy-right {
        background: transparent;
        text-align: center;
        padding: 10px 0 36px 0;
    }

    .payment {
        float: inherit;
        width: 100%;
        margin: 0 auto;
        background: #2dropshipper2B;
        height: 104px;
    }

    .footer-list-box img {
        float: left;
        margin-left: 60px;
        margin-right: 25px;
        margin-top: 5px;
        width: 45px;
    }

    .border-line {
        display: none;
    }

    .border-line2 {
        border-top: 1px solid #fff;
        width: 82%;
        margin: 0 auto;
    }

    .footer-list-box h4 {
        font-size: 14px;
        text-align: left;
    }

    .footer_mobile_column {
        width: 100%;
        flex: auto;
        margin: 0 auto;
        text-align: center;
    }

    .user-app {
        float: none;
        margin-right: 30px;
        display: inline-block;
    }

    .seller-app {
        display: inline-block;
    }

    .footer-menu h3 {
        font-size: 28px;
        font-weight: 700;
        font-family: lora;
    }

    .footer-menu a {
        text-decoration: none;
        color: #fff;
        -webkit-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        font-size: 18px;
        line-height: 25px;
        font-weight: 500;
        font-family: roboto;
    }

    .social-media {
        width: 250px;
        margin: 0 auto;
    }


    .container.custome_copyright {
        width: 100%;
        padding: 0;
    }

    .payment a img {
        width: 250px;
        margin-top: 34px;
    }

    .footer-topbar {
        margin-left: 10px;
        margin-right: 10px;
    }

    .logo-area {
        width: 100%;
    }

    div#homeCarousel {
        /* margin-top: 88px; */
    }

    .toppick-product-list {
        max-width: 50%;
        flex-basis: 50%;
    }

    .footer-topbar .col-md-3 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .arrow-section {
        /* margin-top: -40px; */
    }

    .padding-left-for-sections {
        padding-left: 0px !important;
        padding-bottom: 35px;
    }

    .padding-right-for-sections {
        padding-right: 0px !important;
    }

    #top-pick-category-electronic-accessories {
        padding-left: 25px;
    }

    #top-pick-category-home-and-kitchen-7qjfs {
        padding-left: 25px;
    }
}

@media only screen and (max-width: 780px) {
    .top-cat-banner img {
        width: 100%;
        margin-bottom: 30px;
    }

    .arrow-section {
        text-align: right;
        /* margin-top: -35px; */
    }

    .top-pick-title h3 {
        margin-left: 0px;
        font-size: 16px;
        margin-bottom: 40px;
    }

    .see-all p {
        text-align: left;
    }

    /* .single-cat-head {
        margin-bottom: 10px;
    } */

    .single-popular-product {
        background: #fff;
        padding: 40px 0px 30px 20px;
        display: block;
        height: auto;
        /* text-align: center; */
        border: 1px solid;
        border-color: #ededf2 !important;
    }

    .popular-product-image {
        float: inherit;
        margin-right: 0;
        width: 100%;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .top-carosel-btn {
        margin-top: 40px;
    }

    .flash-banner {
        margin-top: 10px;
    }

    /* .card-image {
        height: auto !important;
    } */
    .offer-product-title {
        margin-top: 50px;
        margin-bottom: 35px;
        margin-left: 15px;
    }

    #viewMoreBtn,
    #viewMoreBtn2,
    #viewLessBtn2 {
        padding: 10px 50px !important;
    }
}

@media only screen and (max-width: 768px) {
    #flash-deal-gadget-flash-pzKe6 {
        padding-left: 25px;
    }

    #flash-deal-gadget-flash-pzKe6 {
        padding-left: 25px;
        margin-top: 70px;
    }

    .related-product h5 {
        font-size: 20px;
        width: 240px;
    }

    .related-product-section .left-arrow {
        font-size: 16px;
    }

    .related-product-section .right-arrow {
        font-size: 16px;
    }

    #related-container {
        padding: 0 15px;
    }

    #best-sellers-container {
        padding: 0 15px;
    }

    div#homeCarousel {
        /* margin-top: 11px; */
    }
}

/* TF */
@media only screen and (max-width: 767px) {
    .arrow-section {
        text-align: right;
        margin-top: 0px !important;
        /* Ensure this overrides previous styles */
    }

}

@media only screen and (max-width: 760px) {

    /* div#homeCarousel {
        margin-top: 40px;
    } */
    .footer-topbar .col-md-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    #flash-deal-gadget-flash-pzKe6 {
        margin-top: 100px;
    }

    /* .arrow-section {
        text-align: right;
        margin-top: -35px;
    } */
}

@media only screen and (max-width: 575px) {

    div#homeCarousel a {
        top: 77%;
    }

    .toppick-product-list {
        max-width: 100%;
        flex-basis: 100%;
    }
}

#top-pick-category-grocery-essentials {
    padding-right: 25px;
}

@media only screen and (max-width: 500px) {

    div#homeCarousel a {
        top: 75% !important;
    }
}

@media only screen and (max-width: 380px) {

    #top-pick-category-home-and-kitchen-7qjfs {
        padding: 16px !important;
    }

    .Search-btn {
        width: 170px !important;
        left: 20%;
    }

    .main-search input {
        height: 40px;
    }

    .seller-app h4 {
        font-size: 18px;
        font-weight: 700;
        font-family: lora;
        text-align: left;
        margin-left: 10px;

    }

    .user-app h4 {
        font-size: 18px;
        font-weight: 700;
        font-family: lora;
        text-align: left;
        margin-left: 10px;
    }

    /* .arrow-section {
        margin-top: -35px;
    } */
    .left-arrow {
        margin-right: 5px !important;
    }
}

@media only screen and (max-width: 375px) {
    .footer-menu img {
        margin-bottom: 5px;
        width: 50px;
        margin-left: 10;
    }
}

@media only screen and (max-width: 420px) {
    .payment a img {
        margin-top: 18px;
    }
}

.popular-product-title-bar .single-cat-head {
    text-align: right;
    justify-content: right;
    margin-right: 5px;
}


/* product details slider style  */
.main-pic .slick-list {
    /* height: 490.997px !important; */
    min-height: 490.997px !important;
    height: auto;
    max-height: 560px !important;

}

.slider-thumb-img {
    height: 490px !important;
}


[data-vertical="true"] .slick-current .carousel-box {
    border-color: var(--primary) !important;
    border-width: 3px !important;
    border-style: solid;
    /* Add border style if not already defined */
}

/* Header right items responsive issue fix  */

/* @media only screen and (min-width: 1081px) and (max-width:1095px) {
    .right-ac-nav{
        margin-left: -20px;
    }

} */

/* @media only screen and (min-width: 1500px) and (max-width:1775px) {
    .main-search input{
        width:80%;
    }
    .right-ac-nav{
        margin-left: -90px;
    }
} */

/* zoom in out enable on best sller product in details page */
#best-sellers-container .related-product-single-img:hover {
    transform: scale(1.2);
    transition: 1s;
}

#related-container .related-product-single-img:hover {
    transform: scale(1.2);
    transition: 1s;
}

/* Tooltip for return policy responsive */

.hover-area {
    position: relative;
    cursor: pointer;
}

.parent-tooltip-txt {
    align-self: center;
}

.tooltip-text {
    visibility: hidden;
    width: 95%;
    background-color: #f8f9fa;
    color: black;
    border-radius: 5px;
    /* padding: 5px 10px; */
    position: absolute;
    z-index: 1;
    bottom: 140%;
    left: 2%;
    margin-inline: auto;
    opacity: 0;
    transition: opacity 0.3s;
    border: 2px solid #6c757d30;
    box-shadow: 0px 0px 10px 5px #14141a;
}

/* Show tooltip on hover */
.hover-area:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
    position: absolute;
}


.ttl-img {
    display: flex;
    align-items: center;
    justify-content: center;
}


/* checkout summery responsive issue fix */

@media only screen and (min-width:320px) and (max-width: 1080px) {
    .payment-custom {
        margin-top: 75px !important;
    }

}

/* @media only screen and (min-width:1776px) and (max-width: 1925px) {
    .right-ac-nav {
        margin-left: -35px;
    }
} */

/* nav file style */
.p-l-0 {
    padding-left: 0px !important;
}



/*related product & best seller product box height fix*/

#related-container .single-product {
    height: auto;
}

#best-sellers-container .single-product {
    height: auto;
}


/* .related-product-single-img {
    width: 100%;
    aspect-ratio: 3 / 4;
    overflow: hidden;
    width: 100%;
    height: 80%;
    aspect-ratio: 4 / 4;
    overflow: hidden;
} */

.related-product-single-img img {
    height: 90%;
    width: 90%;
    object-fit: contain;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    ;
}

@media only screen and (min-width:768px) and (max-width:1300px) {
    #related-container .single-product {
        height: auto !important;
    }

    #best-sellers-container .single-product {
        height: auto !important;
    }

    /* .related-product-single-img {
        width: 46% !important;
        aspect-ratio: 4 / 4 !important;
        overflow: hidden !important;
    } */

    /* .related-product-single-img img {
        height: 100% !important;
        object-fit: cover !important;
    } */

}

@media only screen and (min-width:320px) and (max-width:767px) {
    #related-container .single-product {
        height: auto !important;
    }

    #best-sellers-container .single-product {
        height: auto !important;
    }

    /* .related-product-single-img {
        width: 25% !important;
        aspect-ratio: 4 / 4 !important;
        overflow: hidden !important;
    } */

    .related-product-single-img img {
        /* height: 74% !important;
        width: 76% !important; */
        object-fit: contain !important;
    }

}

/* Fix for small screens (320px to 767px) */
@media only screen and (min-width:320px) and (max-width: 767px) {
    .related-product-single-img {
        width: 35%;
    }
}

/* payment select page responsive issue fix start */

@media only screen and (min-width:320px) and (max-width: 1080px) {
    .payment-select-cls {
        margin-top: 50px !important;
    }

}

@media only screen and (min-width: 1081px) {
    .newSlider {
        padding-bottom: 18px !important;
    }
}

/* payment select page responsive issue fix end */


/* category list product out of stock icon position fixed */
.second-outofstock {
    margin-bottom: -1px;
}


/* product details current product section responsive issue fix   */
@media only screen and (min-width:781px) and (max-width: 1080px) {
    .product-details {
        margin-top: 100px;
    }
}

@media only screen and (min-width:320px) and (max-width: 780px) {
    .product-details {
        margin-top: 30px;
    }
}

#related-container .product-content p {
    margin-top: 16px;
}

#best-sellers-container .product-content p {
    margin-top: 16px;
}

#related-container .product-content a {
    margin-top: -2px;
}

.main-pic img {
    max-width: 100%;
    height: 100%;
    object-fit: contain;
}

@media only screen and (min-width:320px) and (max-width: 820px) {
    .social-media {
        width: 100%;
    }

}

.related-product .product-content a {
    margin-top: -2px;
}

.product-title h4 {
    margin-top: 9px !important;
}



/* flash deal image section design start */
.flash-deal-section img {
    /* height: 140px; */
    width: 100%;
    margin-left: 11px;
    height: 100%;
    object-fit: contain;
}

.deliver-to,
.change-btn-shipping {
    color: #666;
}

.lb-shipping-info {
    font-size: 12px;
}

.detail-note {
    background-color: #f4f9ff;
    padding: 10px;
    border-bottom: 5px solid var(--primary);
}


.product-count .minus-custom,
.product-count .plus-custom {
    background-color: #fff;
    height: 37px;
    margin-top: 0;
    border: 1px solid #e7e3e3 !important;

}

.product-count input {
    border: 1px solid #e7e3e3 !important;
}

/* details page compare products section view details button responsive issue  */

@media (max-width: 576px) {
    .table-responsive {
        overflow-x: auto;
    }
}



/* details page compare products section view details button responsive issue  */

@media (max-width: 576px) {
    .table-responsive {
        overflow-x: auto;
    }
}

/* footer x icon update and background color fix  */
.card-mediaIcons img {
    border-radius: 3px;
    width: 40px;
    height: 40px;
}

/* home page top product alignment issue fix  */
.top-product-custom-cls {
    padding-bottom: 16px;
}

/* Home page top category box responsive issue fix  */

.multy-single-cat .see-all {
    white-space: nowrap;
}

@media only screen and (min-width:1195px) and (max-width:1310px) {
    .single-banner .card-title span {
        width: 110%;
        display: inline-block;
        font-size: 8px !important;
    }
}

@media only screen and (min-width:1065px) and (max-width:1194px) {

    .single-banner .card-title span {
        width: 110%;
        display: inline-block;
        font-size: 7px !important;
    }
}

@media only screen and (min-width:1065px) and (max-width:1117px) {
    .single-banner:nth-child(2) {
        bottom: 96px;
    }

    .single-banner:nth-child(3) {
        bottom: 90px;
    }

    .single-banner:nth-child(4) {
        bottom: 182px;
    }

    .multy-cat-body {
        height: 190px !important;
    }


}

@media only screen and (min-width:992px) and (max-width:1064px) {
    .single-banner:nth-child(2) {
        bottom: 84px;
    }

    .single-banner:nth-child(3) {
        bottom: 85px;
    }

    .single-banner:nth-child(4) {
        bottom: 169px;
    }

    .multy-cat-body {
        height: 190px !important;
    }


    .single-banner .card-title span {
        width: 110%;
        display: inline-block;
        font-size: 6px !important;
    }

    .single-cat-head p {
        font-size: 11px;
    }

}

/* header right menu item alignment issue fix  */
.menu-area .right-menu ul.navbar-nav {
    margin-right: 7px;
}

/* Category list product box & product image height issue fix  */
.custom-catproduct-cls .position-relative {
    width: 100%;
    aspect-ratio: 3 / 4;
    overflow: hidden;
}

.custom-catproduct-cls .position-relative img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* become a dropshipper page design update  */
.testi-content {
    margin-top: 20px;
}

.single-testimonial {
    /* padding: 20px; */
    border: 3px solid #ddd;
    border-radius: 5px;
    text-align: center;
    margin: 10px;
    height: 100%;
    position: relative;
    margin-bottom: 60px;
}

.testi-content .slick-slide {
    margin: 0 10px;
    /* Add horizontal space between slides */
}


@media only screen and (min-width:768px) and (max-width:991px) {
    .single-testimonial {
        height: 330px !important;
    }
}

@media only screen and (min-width:992px) and (max-width:1200px) {
    .single-testimonial {
        height: 350px !important;
    }
}

/* mobile device footer text margin issue fix  */
@media only screen and (min-width:320px) and (max-width:480px) {
    .footer-menu ul {
        margin-top: -8px;
    }

    .single-top-category-container {
        max-height: 450px;
        height: auto;
        width: 100%;
        /* height: 100%; */
    }

    .single-fe-baner img {
        height: 100%;
        width: 100%;
        object-fit: contain !important;
    }

    .popular-banner-image img {
        height: 100%;
        width: 100%;
        object-fit: contain !important;
        max-height: 221px !important;
    }
}

@media only screen and (min-width:300px) and (max-width:1080px) {
    .dropshipper-slider {
        margin-top: 75px;
        margin-right: -29px;
    }
}

@media only screen and (min-width:1081px) and (max-width:1320px) {
    .dropshipper-slider {
        margin-right: 2px;
    }
}


/* user registration page responsive issue fix, image gone inside header */

@media only screen and (min-width:768px) and (max-width:1080px) {
    .register-custom-cls {
        margin-top: 80px;
    }
}




@media only screen and (min-width:768px) and (max-width:1080px) {
    .user-login-custom {
        margin-top: 80px;
    }

}

/* dropshipper form design style  */
.drop-shipping-log {
    background-color: #0072ef;
    left: 2px;
    right: 2px;
    top: -6px;
    position: absolute;
    padding-top: 45px;
    border-radius: 10px;
    justify-items: center;
}

.drop-shipping-log img {
    width: 200px;
    color: #fff;
    /* margin-left:36%; */
    filter: none !important;
    mix-blend-mode: normal !important;
}

.register-form-custom {
    margin-top: 200px;
    font-weight: bold;
}

@media only screen and (min-width:1081px) and (max-width:2100px) {
    .drop-shipping-log {
        margin-top: 11px !important;
    }

    .register-form-custom {
        margin-top: 195px;
    }
}

@media only screen and (min-width:550px) and (max-width:991px) {
    /* .drop-shipping-log img{
        margin-left: 29% !important;
    } */
}

@media only screen and (min-width:400px) and (max-width:549px) {
    .drop-shipping-log img {
        /* margin-left: 21% !important; */
        width: 200px;
    }
}

@media only screen and (min-width:320px) and (max-width:399px) {
    .drop-shipping-log img {
        /* margin-left: 13% !important; */
        width: 170px;
    }
}

@media only screen and (min-width:300px) and (max-width:445px) {
    .buzfi-dropship-custom {
        font-size: 20px !important;
    }
}

@media only screen and (min-width:446px) and (max-width:461px) {
    .buzfi-dropship-custom {
        font-size: 20px !important;
    }
}

.dropshipper-register-parent {
    border-radius: 10px;
    position: relative;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
}

@media only screen and (min-width:320px) and (max-width:1080px) {
    .dropshipper-register-parent {
        margin-top: 70px;
    }

    .drop-shipping-log {
        margin-top: 11px !important;
    }
}






@media only screen and (min-width:300px) and (max-width:1080px) {
    .dropshipper-slider {
        margin-top: 75px;
        margin-right: -29px;
    }
}

@media only screen and (min-width:1081px) and (max-width:1320px) {
    .dropshipper-slider {
        margin-right: 2px;
    }
}



/* Home Page slider responsive issue fix start  */
@media only screen and (min-width:821px) and (max-width:1080px) {
    .homeslider-custom {
        /* margin-top: 88px !important; */
    }
}

/* Home Page slider responsive issue fix end  */





/* Top product image height issue fix home page start */

.top-pick-product-img {
    width: 100%;
    aspect-ratio: 4 / 4;
    overflow: hidden;

}

.top-pick-product-img img {
    height: 100%;
    object-fit: contain;
    width: 100%;
}

.toppick-product-list .product-content {
    margin-top: 10px;
}

@media only screen and (min-width:2100px) {

    /* .single-product{
        height: 379px  !important;
    } */
    .top-pick-product-img {
        width: 90% !important;
        height: 74% !important;
        margin-inline: auto;
    }

    .toppick-product-list .product-content {
        margin-top: 5px;
    }

}

@media only screen and (min-width:1632px) and (max-width:1679px) {
    /* .single-product{
        height: 379px  !important;
    } */
    /* .product-content {
        margin-top: 48px !important;
    } */

}

@media only screen and (min-width:1680px) and (max-width:1760px) {
    .toppick-product-list .product-content {
        margin-top: 42px !important;
    }

    /* .single-product{
        height: 379px  !important;
    } */
}

@media only screen and (min-width:1761px) and (max-width:1830px) {
    .toppick-product-list .product-content {
        margin-top: 20px !important;
    }

    /* .single-product{
        height: 379px  !important;
    } */
}

@media only screen and (min-width:1831px) and (max-width:1960px) {
    .toppick-product-list .product-content {
        margin-top: 0px !important;
    }

    /* .single-product{
        height: 379px  !important;
    } */
}

@media only screen and (min-width:1961px) and (max-width:2100px) {
    .toppick-product-list .product-content {
        margin-top: -17px !important;
    }

    /* .single-product{
        height: 379px  !important;
    } */
}

/* Top product image height issue fix home page end */



/*related product & best seller product box height fix*/

#related-container .single-product {
    height: auto;
}

#best-sellers-container .single-product {
    height: auto;
}


.related-product-single-img {
    width: 90%;
    height: 90%;
    aspect-ratio: 4 / 4;
    overflow: hidden;
    display: flex;
    justify-content: center;
    /* align-content: center; */
    margin-inline: auto;
    /* padding-top: 25px; */
    margin: auto;
}

.related-product-single-img img {
    /* width: 100%;
    height: auto;
    object-fit: cover; */
    /* height: 100%;
    object-fit: cover; */
}

.imgColor {
    background-color: white !important;
}



@media only screen and (min-width:768px) and (max-width:1300px) {
    #related-container .single-product {
        height: auto !important;
    }

    #best-sellers-container .single-product {
        height: auto !important;
    }

    /* .related-product-single-img {
                width: 95% !important;
        height: 95%;
        aspect-ratio: 4 / 4 !important;
        overflow: hidden !important;
    } */

    /* .related-product-single-img img {
        height: 100% !important;
        object-fit: cover !important;
    } */

}

@media only screen and (min-width:820px) {
    .top-pick-product-img {
        /* width: auto !important; */
        /* aspect-ratio: 4 / 4; */
        overflow: hidden;
    }

    .top-pick-product-img img {
        /* height: auto !important; */
        /* width: 98% !important; */
        /* object-fit: cover; */
    }

    .toppick-product-list .product-content {
        margin-top: 18px !important;
    }

    .single-product {
        height: auto !important;
    }
}

@media only screen and (min-width:320px) and (max-width:768px) {
    #related-container .single-product {
        height: auto !important;
    }

    #best-sellers-container .single-product {
        height: auto !important;
    }

    .related-product-single-img {
        width: 90% !important;
        height: 90%;
        object-fit: contain;
        aspect-ratio: 4 / 4 !important;
        overflow: hidden !important;
    }

    /* .related-product-single-img img {
        height: 100% !important;
        object-fit: cover !important;
    } */

}

.cartBtn:hover {
    background-color: #00008B !important;
    border-color: #00008B !important;
}

.remove-icon-cart {
    color: #ff6347;
}

/* homepage product icon background color same catgeory icon */
.aiz-p-hov-icon a {
    background: rgb(79, 78, 78) !important;
    opacity: 1;
}

.aiz-p-hov-icon a:hover {
    background: #0071ee !important;
}


/* dropshipper panel order status text style update  */
.dropshipper-order-status {
    color: #005FC8;
    font-weight: bold;
}

.pagination .page-item a[aria-label="Next »"] {
    background-color: #0071EE;
    color: #fff;
}

.pagination .page-item a[aria-label="« Previous"] {
    background-color: #0071EE;
    color: #fff;
}

.custom-cdicon-cls {
    margin-top: 1px;
}

.aiz-user-sidenav .aiz-side-nav-link.active,
.aiz-user-sidenav .aiz-side-nav-link:hover {
    background-color: #348df3 !important;
    color: white;
}

/* modal for open a ticket */
.modal-icon {
    padding: 5px;
}