.header{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: var(--hc);
    z-index: 10000;
    box-shadow: 0 0 4px #8080803b;
}
body section{
    max-width: 1920px;
    margin: auto;
}
.header-top{
height: 56.5px;
transition: height 0.5s;
}
.sec-bg{
background-color: var(--wbc3) !important;
}
.header-top.hide{
height: 0;
overflow: hidden;
padding: 0 !important;
}
.header-bg-blur {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: rgb(255,255,255);
    background: linear-gradient(98deg, rgb(255 255 255 / 28%) 0%, rgba(255,255,255,1) 53%);
}
.header-bg-blur:hover{
background-color: white;
}
body{
font-family: var(--sf);
color: var(--ptc);
font-size: var(--sfs);
}
.container {
max-width: 1400px;
}
.max-fit{
width: 100%;
max-width: fit-content;
max-width: -moz-fit-content;
}
a {
color: var(--lc);
text-decoration: none;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
cursor: pointer;
}
a:active, a:hover {
color: var(--sc);
}
.card-img-top {
    height: fit-content !important;
    height: -moz-fit-content !important;
    width: 100% !important;
}
.header-top ul{
display: flex;
float: left;
list-style: none;
}
.header-top ul li{
margin-inline: 10px;
cursor: pointer;
color: var(--wtc1);
font-size: 15px;
}
.header-top ul:last-child li{
margin-top: -3px;
    font-size: 20px;
}
.header-bg-blur .header-top ul li {
color: rgb(0 0 0);
}
.logo-area{
position: relative;
bottom: 8px;
}
.logo-area img{
    width: auto;
    height: 43px;
}
.logo-area .title {
    font-size: 31px;
    position: absolute;
    top: 10px;
    right: 100px;
    color: black;
    cursor: pointer;
    min-width: fit-content;
    min-width: -moz-fit-content;
    white-space: nowrap;
}

.header-menu ul{
display: inline-flex;
list-style: none;
float: left;
cursor: pointer;
}
.header-menu ul li {
list-style: none;
padding-right: 15px;
}
.header-menu .sub-menu{
padding: 0;
float: right;
display: block;
transition: height 0.5s ease;
height: 0;
overflow: hidden;
}
.category-title{
border-bottom: 3px solid #30303000;
padding-bottom: 11px;
padding-inline: 10px;
color: var(--fc);
margin-bottom: 0;
}
.header-menu .sub-menu.show{
transition: height 0.5s;
}
.header-menu .sub-menu li {
list-style: none;
    padding: 5px;
    color: var(--bc);
    max-width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.header-menu .sub-menu li a{
font-size: 14px;
white-space: nowrap;
}
.header-menu .sub-menu a:hover {
    color: black;
    font-weight: bold;
}
.header-menu .sub-menu a:hover a:hover{
    color:  var(--wbc4);
}

.header-search{
height: 0px;
overflow: hidden;
background-color: var(--wbc1);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.header-search.show{
height: 115px;
}

.header-search input, .search-div input{
border: none;
background-color: transparent;
box-shadow: none;
outline: none;
color: var(--wbc5);
font-size: 1.3rem;
padding: 1rem 1.5rem 1rem 0;
font-family: "Cormorant Garamond", serif;
width: 100%;
border-bottom: solid 2px rgba(255, 255, 255, 0.4);
border-radius: 0;
-webkit-appearance: none;
}
.search-div input{
font-size: 16px;
padding-top: 2px;
padding-bottom: 1px;
padding-right: 0;
margin-top: 3px;
}
.header-search button, .search-div button{
background: none;
border: none;
position: absolute;
top: 0;
left: 14px;
z-index: 2;
font-size: 1.75rem;
padding: 1rem 0;
color: var(--wbc5);
outline: none !important;
}
.row.product-search .sh-card {
    box-shadow: none;
    margin-bottom: 0;
}
.search-div button{
padding: 0;
padding-top: 3px;
font-size: 20px;
}
.header-search span{
color:var(--wbc5);
float: left;
cursor: pointer;
}
.top-banner{
padding: 65px 0 78px;
}
.top-banner img{
width: 100%;
opacity: .35;
max-width: 19200px;
position: absolute;
top: 0;
}
.featured-in{
    min-height: 600px;
}
.top-banner .des, .featured-in{
position: relative;
width: 100%;
max-width: 960px;
top: 39px;
margin: auto;
}
.featured-in .item{
max-width: 100%;

}
.top-banner .des div, .featured-in .items, .see-all{
width: calc(100%/12 * 8);
margin-left: 0;
margin-right: auto;
}
.featured-in .items{
    min-height: 600px;
        margin-bottom: 70px;
}
.search-div{
display: none;
overflow: hidden;
background-color: #2D2D2D;
width: 0;
height: fit-content;
height: -moz-fit-content;
height: -moz-fit-content;
transition: width 0.5s;
}
.search-div.show{
width: 100%;
}
.see-all p:last-child{
height: 50px;
}
.featured-in h2{
border-bottom: solid 1px;
padding-bottom: 0.5rem;
margin-top: 1.5rem;
margin-bottom: 0;
}
.featured-in .item .img, .featured-in .item{
display: inline-block;
}
.featured-in .item div p{
color: #797979;
}
.featured-in .item img{
width: 100%;
max-width: 230px;
    max-height: 144px;
margin-top: 6px;
}
.featured-in .item{
padding: 1.5rem 0;
border-bottom: solid 1px rgba(121, 121, 121, 0.1);
margin-inline: 0;
}
.featured-in .item:hover{
background-color: #f8f8f8;
}
.see-all {
display: block;
text-align: center;
font-size: .875rem;
text-transform: uppercase;
padding: 1rem 0;
}
.see-all i{
font-size: 35px;
position: relative;
top: -15px;
}
.see-all:hover i{
font-size: 40px;
position: relative;
top: -20px;
}
.side-banner{
position: fixed;
top: 132px;
margin-right: 35px;
padding-top: 60px;
}
.side-banner img{
width: 420px;
max-width: 100%;
box-shadow: 7px 4px 60px rgb(0 0 0 / 40%);
}
.side-banner.static{
top: unset;
position: absolute;
bottom: 65px;
margin-right: 35px;
}
.product-item{
overflow: hidden;
display: inline-block;

}
.product-item:hover{
background-color: white;
}
.top-banner{
color: var(--sjc);
}
.product-item p.title{
    font-size: 16px;
    height: 48px;
        padding-top: 3px;
    text-align: center;
    white-space: break-spaces;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    width: 100%;
    -webkit-box-orient: vertical;
}
.sec-bg-color{
background-color: var(--wbc4) !important;
}
.index-product{
background-color: var(--wbc2) !important;
}
.index-product h2, .index-product h3{
margin: auto;
width: fit-content;

width: -moz-fit-content;
}
.index-product .swiper .items{
box-shadow: none !important;
}

.product-item .detail, .product-item .des{
color: #797979;
font-size: 16px;
}
.product-item .detail{
border-bottom: 2px solid var(--sc);
width: fit-content;
width: -moz-fit-content;
font-size: 14px;
}
.index-blogs .blog-item{
display: inline-block;
padding-bottom: 9px;
padding-top: 9px;
border-bottom: 1px solid #80808024;
}
.blog-item p.category{
font-size: .75rem;
border-bottom: solid 2px var(--mc);
margin-bottom: 1rem;
width: -moz-fit-content;
width: fit-content;
padding-bottom: 4px;
font-weight: 600;
}
.product-item p.category{
font-size: .75rem;
border-bottom: solid 2px var(--sc);
margin-bottom: 1rem;
width: -moz-fit-content;
width: fit-content;
padding-bottom: 4px;
font-weight: 600;
}
.blog-item p.category, .blog-item .des{
color: #8a8a8a;
cursor: pointer;
}
.blog-item .title{
font-size: var(--bft);
font-weight: 600;
color: #424040;
}
.blog-item .des{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
width: 100%;
text-align: justify;
-webkit-box-orient: vertical;
font-size: 14px;
}
.blog-item:hover .category, .blog-item:hover .des{
color: var(--sc);
}
.index-blogs h2{
border-bottom: solid 1px;
}

.black-white{
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
}


.info-item div p{
    padding-inline: 5px;
    width: 100%;
    white-space: break-spaces;
    text-align: right;
}
.info-item div .h6{
    border-bottom: solid 2px var(--mc);
    width: -moz-fit-content;
    width: fit-content;
    font-size: 15px;
    margin-left: auto;
}

.info-item div:hover .h6{
color: var(--sc);
}
.Subscribe form{
max-width: 620px;
width: 100%;
margin: 1rem auto 2rem;
}
.Subscribe h5{
text-align: center;
}
.Subscribe form input{
width: 80%;
border: none;
background-color: var(--tfc);
line-height: 45px;
padding: 0 1rem;
font-size: 1.25rem;
font-family: "Open Sans", sans-serif;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
display: inline-block;
outline: none;
}
.Subscribe form button{
border-color: var(--mc);
border-width: 1px;
display: inline-block;
border: solid 2px var(--mc);
cursor: pointer;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
background-color: var(--mc);
color: #fff;
border-radius: 2px;
padding-top: 9px;
padding-bottom: 4px;
text-align: center;
font-size: 1.1rem;
padding-inline: 36px;
margin-right: 12px;
}
.Subscribe i{
font-size: 2rem;
color: var(--ptsc);
}
.whatsapp-chat.d-print-none, .scroll-top{
line-height: 1;
left: 13px;
font-size: 52px;
position: fixed;
bottom: 0;
background-color: inherit;
width: 50px;
height: 50px;
border-radius: 100%;
}
.jc-left {
    left: 4px !important;
}
.jc-right {
    right: 4px !important;
}
.scroll-top {
    right: 8px;
    box-shadow: 0 0 7px #808080c2;
    text-align: center;
    color: var(--lc);
    cursor: pointer;
    bottom: 5px;
    z-index: 8000;
}
.blog-items-p{
padding-top: 20px;
padding-left: 100px;
}

.blog-menu{
list-style: none;
margin-top: 29px
}
.blog-menu a{
color: #797979;
}
.blog .sh-card h6{
width: 100%;
padding-bottom: 10px;
}
.item-mostVisitedBlog img{
width: 100%;
height: auto;
}
.item-mostVisitedBlog{
font-size: 12px;
}
.item-mostVisitedBlog a{
font-size: 14px;
}
.item-mostVisitedBlog:hover, .blog-items .blog-item:hover {
background: white;

}
.blog.content-show img{
    max-width: 100%;
    height: auto !important;
}
.blog.content-show{
box-shadow: none;
    max-width: 100%;
}
.item-mostVisitedBlog .mostVisitedBlog{
padding: 4px;
padding-inline: 9px !important;
}

.blog-show-image.fix{
height: 100vh;
position: fixed;
left: 0;
top: 0;
bottom: 0;
}
.blog-show-image.fix div{
background-position: 50% 0;
background-size: cover;
}
.writer-profile img{
width: 17px;
}

.blog-content .title {
font-size: 20px;
font-weight: 600;
}
.blog-content #study{
font-size: 14px;
text-align: left;
padding-left: 11px;
}
.blog-content .impression, .blog-content .visitCount{
font-size: 14px;
margin-right: 8px;
}
.blog-content .impression{
margin-left: 11px;
}
.container-fluid.sec-bg.blog {
    min-height: calc(100vh - 118px);
}

.post-txt figure{
 padding: 0 !important;
}


.post-txt iframe{
    border: none;
    border-radius: 5px;
    padding: 0 !important;
    display: inline-block;
    max-width: 40%;
}
.sh-card {
border-radius: var(--br);
box-shadow: 0 0 5px 1px #ddd;
overflow: hidden;
background-color: #fff;
margin-bottom: 50px;
}
.oneImage {
width: 100%;
border-radius: 9px;
}
.zoom-modal {
    display: none;
    position: fixed;
    z-index: 1000000;
    padding-top: 20px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0 0 0 / 48%);
    padding-bottom: 100px;
}
#myZoom .close {
    position: absolute;
    top: 0px;
    left:-10%px;
    color: white;
    font-size: 54px;
    font-weight: bold;
    transition: 0.3s;
    cursor: pointer;
    z-index: 1000;
    position: absolute;
    top: 0px;
    left: 0;
    padding: 20px;
}

#myZoom .modal-content {
	margin-top: 10px;
	max-height: 400px;
	max-width: 100% !important;
	object-fit: contain;
}
.swiper.allImage {
    height: 110px;
    overflow: hidden;
}
.zoom-modal .card{
    padding-top: 15px;
}
.modal-content {
margin: auto;
display: block;
width: auto;
max-width: 400px;
}
.product-show .tool {
width: 45px;
position: absolute;
top: 6px;
font-size: 30px;
color: #4e4e4e;
right: 21px;
background-color: #fff;
text-align: center;
z-index: 5;
cursor: pointer;
border-radius: 9px;
}
.mdi-heart-outline::before {
content: "\F02D5";
}
.mdi-share-variant::before {
content: "\F0497";
}
.mdi-window-maximize::before {
content: "\F05AF";
}
.mdi:before, .mdi-set {
display: inline-block;
font: normal normal normal 24px/1 "Material Design Icons";
font-size: inherit;
text-rendering: auto;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.swiper.allImage {
height: 110px;
overflow: hidden;
}
.swiper.allImage .items {
height: 120px;
background-color: white;
}

.swiper .items {
overflow-x: scroll;
white-space: nowrap;
box-shadow: 0 0 5px 1px #ddd;
width: 100%;
-webkit-overflow-scrolling: touch;
}
.jc-right svg, .jc-left svg {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
width: 24px;
height: 24px;
fill: #757575;
}
.allImage .jc-right, .allImage .jc-left {
width: 25px !important;
height: 25px !important;
background: #fff !important;
}
.product-show .title {
color: #171616;
padding: 19px 0px;
white-space: nowrap;
border-bottom: 1px solid #dedede;
overflow: hidden;
text-overflow: ellipsis;
}
.product-show .score-pro {
font-size: 81.25%;
}
.color-s {
width: 33px;
height: 33px;
border-radius: 50%;
border: 1px solid #c3c2c2;
text-align: center;
padding: 3px;
display: inline-block;
cursor: pointer;
}
.color-s div {
width: 25px;
height: 25px;
border-radius: 50%;
border: 1px solid #fff;
}
select.form-control:not([size]):not([multiple]) {
height: calc(2.25rem + 7px);
-moz-appearance: none;
-webkit-appearance: none;
text-indent: 0.01px;
background-image: url(/content/images/chevron-down.svg);
background-position: left 10px center;
background-repeat: no-repeat;
background-size: auto 50%;
}
.footer{
background-color: var(--bfc);
color: var(--ssc);
}

.form-control {
border-radius: 7px;
}
ul.property {
list-style: none;
padding: 0;
max-height: 221px;
overflow: hidden;
}
ul.property li {
font-size: 81.25%;
}
.product-show .box-left {
background-color: #f5f5f5;
border-radius: 10px;
border: 1px solid #e6dfdf;
padding: 15px 5px;
}
.warranty i.mdi {
vertical-align: middle;
font-size: 156.25%;
}
.hide {
display: none;
}
.product-show .discount-pro span:first-child {
text-decoration: line-through;
color: #a9a5a5;
}
.product-show .discount-pro span:last-child {
background-color: var(--mc);
color: var(--mtc);
border-radius: 11px;
padding: 2px 5px;
}
.product-show .price span {
font-size: 143.75%;
font-weight: 600;
color: #414244;
text-align: left;
padding-top: 0px;
}
.product-show .price b {
vertical-align: bottom;
font-size: 81.25%;
}

.number-cart {
border: 1px solid #e6e4e4;
width: 100px;
height: 41px;
border-radius: 9px;
text-align: center;
font-size: 125%;
color: var(--sc);
}
.number-cart .plus {
display: inline-block;
font-size: 125%;
cursor: pointer;
}
.number-cart .minus {
border-bottom-right-radius: 14px;
display: inline-block;
font-size: 150%;
cursor: pointer;
}
.number-cart input {
display: inline-block;
width: 44px;
outline: none;
border: none;
height: 21px;
text-align: center;
color: var(--sc);
font-size: 18px;
}
.product-show .number-cart {
background-color: white;
width: 200px;
line-height: 1.2;
}
.product-show .plus, .product-show .minus {
font-size: 30px;
position: relative;
bottom: -6px;
margin-inline: 5px;
}


.product-show .number-products {
border: none;
width: 60px;
text-align: center;
font-size: 19px;
font-weight: 600;
line-height: 0;
border-radius: 10px;
}

.product-show .plus, .product-show .minus {
font-size: 30px;
position: relative;
bottom: -6px;
margin-inline: 5px;
}
.btndig,  .pro-search-btn{
background-color: var(--mc);
color: var(--mtc)!important;
border-radius: 8px;
padding: 15px;
margin: 19px 0px 12px 0px;
font-size: 15px;
font-weight: 600;
cursor: pointer;
}
.product-show .blog {
border: 1px solid #dfdfdf;
padding: 11px;
border-radius: 8px;
margin-top: 9px;
}
.product-show .blog i {
font-size: 118.75%;
color: #a1a3a8;
}
.mdi-alert-circle-outline::before {
content: "\F05D6";
}
.product-show .blog span {
vertical-align: middle;
font-size: 87.5%;
color: var(--ptc);
}
.product-show .blog i {
font-size: 118.75%;
color: #a1a3a8;
}
.mdi-chevron-left::before {
content: "\F0141";
}
.product-show .anotherPhoto img, #showAllImg .anotherPhoto img {
width: 71px;
height: 71px;
padding: 5px 3px 0px 2px;
border-radius: 9px;
}
.product-show .anotherPhoto:hover {
opacity: 1;
cursor: pointer;
}
.swiper .items {
overflow-x: scroll;
white-space: nowrap;
box-shadow: none;
width: 100%;
-webkit-overflow-scrolling: touch;
}
.row.product-show, .sugestion-pr, .cart-s{
padding-bottom: 15px;
max-width: 95%;
margin-right: auto !important;
margin-left: auto !important;
}
.card-c {
padding: 23px 10px;
}
.box-left-bottom {
margin: auto;
}

.box-left-bottom {
border: 1px solid #e2e1e1;
border-radius: 10px;
margin-left: 6px;
padding-top: 19px;
}
.box-left-bottom img {
width: 100%;
margin: auto;
max-width: 87px;
border-radius: 9px;
}
.box-left-bottom .img {
text-align: center;
}
.product-show .title-s {
color: #4a4646;
font-size: 75%;
}
hr {
margin-top: 1rem!important;
margin-bottom: 1rem!important;
border: 0!important;
border-top: 1px solid rgba(0,0,0,.1)!important;
}
.box-left-bottom i.mdi-content-save-outline {
font-size: 112.5%;
color: var(--sc);
}
.product-show .price span {
font-size: 143.75%;
font-weight: 600;
color: #414244;
text-align: left;
padding-top: 0px;
}
.product-show .price b {
vertical-align: bottom;
font-size: 81.25%;
}
.nav-tabs.tab .nav-link.active, .sw-tab-bar .nav-link.active {
color: var(--wtc);
background-color: #fff0;
border-color: #fff0 #fff0 var(--mc);
border-bottom: 3px solid var(--mc);
display: inline-flex;
}
.nav-tabs .nav-item {
margin-bottom: -1px;
}

ul.tab li {
padding: 0;
list-style: none;
margin: 0 -2px;
display: inline-block;
}
.content-body {
overflow: hidden;
}
.content-pro .more-p, .content-pro .more-f {
font-size: 93.75%;
margin-top: 8px;
}

.more-p, .more-f {
color: var(--sc);
font-size: 68.75%;
cursor: pointer;
}
.nav-tabs {
border-bottom: 1px solid #dee2e6;
padding-right: 0;
}
.comment .comment-t {
font-size: 81.25%;
margin-top: 8px;
}
.addComment {
color: var(--mc);
background-color: #fff;
border-radius: 8px;
padding: 10px 0px;
margin: 19px 0px 12px 0px;
font-size: 93.75%;
font-weight: 600;
border: 1px solid var(--mc);
cursor: pointer;
}
.content-pro .title-c {
border-bottom: 2px solid var(--mc);
padding-bottom: 6px;
display: inline-block;
}
.tab-content>.active {
display: block;
}
.p-sh .swiper .items {
height: -moz-fit-content;
height: fit-content;
height: -moz-fit-content;
margin-bottom: 15px !important;
}
#productBody .specifications{
padding-inline: 24px;
padding-top: 13px;
padding-bottom: 15px;
}
#productBody .row.item-p{
margin-inline: 0;
border-bottom: 1px solid #80808033;
}
.article-menu-mode {
    margin-right: 250px;
    width: calc(100% - 270px);
    min-height: 80vh;
        margin-top: 140px;
}
#productBody .row.item-p .img-pr{
padding: 0px;
}
#productBody .img-pr img{
width: 100%;
}
.dis-pr.price{
text-align: left;
}
.sw-payment-card-bg{
width: 30px;
height: 30px;
text-align: center;
font-size: 24px;
color: white;
background-color: var(--mc);
}
.sw-card-bg {
font-size: 10px;
margin-left: 3px;
background-color: var(--sc);
color: white;
padding: 5px 4px 1px 4px;
border-radius: 10px;
position: absolute;
top: -23px;
left: 9px;
}
.sw-discount {
font-weight: 600;
font-size: 75%;
margin: 0 7px;
margin-top: 0;
float: left;
text-decoration: line-through;
color: var(--sc) !important;
position: absolute;
top: -22px;
left: 38px;
}
.sw-cost {
color: #323232 !important;
top: 8px;
font-weight: bold;
float: left;
position: absolute;
margin-left: 7px;
left: 4px;
font-size: 18px;
}
.remain-product {
font-size: 62.5% !important;
margin-right: 5px;
margin-bottom: 20px;
position: relative;
top: -7px;
right: -10px;
}
.nav-tabs.tab a.active h6 {
    display: inline-block;
}
.nav-tabs.tab a.active span, .sw-tab-bar a.active span {
    background-color: var(--mc);
    margin-right: 5px;
}
.nav-tabs.tab a span, .sw-tab-bar a span {
    color: var(--mtc);
    border-radius: 50%;
    padding: 0px 7px;
    font-size: 87.5%;
}
.card-title.sw-card-title.call-txt {
font-size: 14px;
width: 100%;
text-align: center;
color: var(--sc);
position: absolute;
right: 0;
bottom: -10px;
}
.product-call-btn {
font-size: 14px;
background: var(--mc);
padding: 5px;
color: var(--mtc)!important;
line-height: 1;
border-radius: 3px;
position: absolute;
left: 0;
right: 0;
bottom: -35px;
text-align: center;
width: 100%;
max-width: 100px;
margin-right: auto;
}
.product-item div.p-2{
height: 330px;
width: 100%;
max-width: fit-content;
background-color: white;
}

#productList{
margin-top: 0;
}
.product-label{
position: absolute;
top: -15px;
right: -3px;
}
.product-label i{
font-size: 70px;

}
.product-label span{
color: #ffffff;
position: relative;
right: -58px;
font-size: 12px;
top: -22px;
width: 40px;
white-space: break-spaces;
letter-spacing: -1px;
font-weight: bolder;
}
.featured-in .sw-card-bg{
top: -27px;
}
.featured-in .sw-discount{
top: 10px;
left: 0;
}
.featured-in .sw-cost{
left: 0;
top: 38px;
}
.featured-in .sw-payment-card-bg{
position: relative;
top: 26px;
}
.featured-in .product-call-btn{
bottom: -82px;
}
.featured-in .card-title.sw-card-title.call-txt{
bottom: -32px;
}
.featured-in .remain-product{
position: absolute;
top: 60px;
right: 8px;
}
.login.sec-bg, .container.register{
    padding-bottom: 100px;
}
.login.sec-bg .user-card, .container.register .user-card{
background-color: white;
}
.login.sec-bg .user-card .rule, .login.sec-bg .user-card .rule a,
.container.register .user-card .rule,.container.register .user-card .rule a{
    color: var(--bfc);
    text-align: center;
}
.login.sec-bg .user-card .login_btn, .container.register .user-card .login_btn{
    background-color: var(--lsc);
    margin-bottom: 15px;
    padding-inline: 25px;
    color: white;
}
.container.register {
    padding-top: 60px;
}
.container.register .user_card{
    padding: 30px;
}
.login-form .user-card input[name=captcha], .register .card input[name=captcha].form-control {
    width: 50%;
    display: inline-block;
}
.form-group.d-captcha img, .register .card .d-captcha img {
    display: inline-block;
    width: 46%;
}
.register .card .d-captcha img {
    display: inline-block;
    width: 30%;
}
.login-form span.refresh-captcha, .register .card span.refresh-captcha {
    left: 153px;
}
.form-group.d-captcha label, .register .card .d-captcha label {
    display: block;
}
.register .card .form-group svg {
    width: 19px;
    float: left;
    position: relative;
    top: -33px;
    left: 7px;
}
.form-group {
    position: relative!important;
}
.login.sec-bg .user-card .registration{
    color: var(--lsc);
    padding-top: 20px;
    font-weight: 900;
    margin-inline: 35px;
}
.row.product-search{
padding-top: 50px;
padding-inline: 60px;
}
.sort-search .nav-link.active {
background-color: var(--mc);
border-radius: 18px;
color: #fff;
}
.menu-site{
list-style: none;
}
.menu-site .category-search{
list-style: none;
padding-right: 0;
}
.product-search .search-pro{
background-color: #d8d8d8;
border: none;
max-width: 74%;
}
.result-mgn {
color: #515151;
font-size: 131.25%;
}
.result-btn {
border: none;
background-color: #fff;
}
ul.menu-site a.active {
color: var(--sc);
}
.sort-search .nav-item:first-child p{
margin-bottom: 0;
margin-top: 8px;
}
.sort-search .nav-item:not(:first-child){
cursor: pointer;
}
.mobile-top-bar .collapse{
width: 100%;
margin: 0;
}
.mobile-top-bar .title-logo{
width: 50px;
margin: auto;
}
.mobile-top-bar .title-logo img{
width: 100%;
}
.menu-toggle{
background: none;
border: none;
font-size: 23px;
line-height: 1;
outline: none !important;
}
.search-toggle{
line-height: 2;
padding-left: 5px;
padding-right: 10px;
}

.header-menu-shadow{
position: absolute;
width: calc(100% - 280px);
transition: left 0.5s;
height: 100vh;
background: #0000007d;
display: none;
}
.header-menu-shadow i{
font-size: 32px;
    color: var(--lsc);
    cursor: pointer;
}
.header-menu-shadow.show{
left: 0!important;
}
.mobile-menu{
background: white;
width: 280px;
position: absolute;
right: -281px;
top: 0;
height: 100vh;
overflow-x: hidden;
overflow-y: scroll;
transition: right 0.5s;
}
.mobile-menu.show{
right: 0px;
}
.mobile-menu ul{
    padding-right: 10px;
}
.mobile-menu .menu-social {
    width: -moz-fit-content;
    width: fit-content;
    display: inline-block;
    margin-top: 26px;
    font-size: 25px;
    text-align: right;
    margin-left: 17px;
}
.mobile-menu .menu-social li{
margin-right: 0;
}
.mobile-menu .category-title{
font-size: 16px;
font-weight: 600;
padding: 0;
}
.mobile-menu ul li{
    list-style: none;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.mobile-top-bar, .mobile-menu {
display: none;
}
.mobile-post-banner{
display: none;
}



.usr-cart.sh-card {
    border-radius: 10px;
    box-shadow: 0 0 5px 1px #ddd;
    overflow: hidden;
    background-color: #ffff;
}
.gradient-4 {
    color: #fff !important;
    background-image: linear-gradient(230deg, #cc66ff, #3005b3);
    height: 155px;
}
.gradient-3 {
    color: #fff !important;
    background-image: linear-gradient(230deg, #ffc480, #ff763b);
    height: 155px;
}
.gradient-2, .dropdown-mega-menu .ext-link.link-3 a {
    color: #fff !important;
    background-image: linear-gradient(230deg, #08f5bf, #04b3bb);
    height: 155px;
}
.gradient-1 {
    color: #fff !important;
    background-image: linear-gradient(230deg, #d0d011, #537b03);
    height: 155px;
}
.usr-cart {
    margin-bottom: 30px;
    border: 0px;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    margin-top: 40px;
}
.usr-cart-body {
    padding: 1.88rem;
    flex: 1 1 auto;
    padding: 1.88rem 1.81rem;
}
.usr-cart-title {
    font-size: 100%;
    line-height: 18px;
    color: #fff !important;
    margin-bottom: 0.75rem;
}
.mdi, .mdi-set {
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.sidebar {
    position: absolute;
    height: 77%;
    z-index: 998;
    width: 220px;
    margin: 35px 28px;
}

.sh-card {
    border-radius: 9px;
    box-shadow: 0 0 5px 1px #ddd;
    overflow: hidden;
    background-color: #fff;
}
.sidebar .sidebar-chiled {
    padding: 0;
    padding-inline: 10px;
    height: 100%;
    overflow: auto;
    overflow-x: hidden;
}
.sidebar a {
    display: block;
    color: #5a5658;
    padding: 16px;
    padding-inline: 5px;
    text-decoration: none;
}

.user-menu-info a {
    position: relative;
}
.m-user-dc {
    display: inline-block!important;
}
.order-profile-pic {
    width: 54px;
    border: 1px solid #ccc;
    border-radius: 50%;
    display: inline-block;
    margin: 12px 6px;
}
.order-profile-name {
    width: 133px;
    max-height: -34px;
    height: 21px;
    overflow: hidden;
    font-size: 75%;
    font-weight: 600;
    display: inline;
    position: absolute;
    margin-top: 21px;
    padding: 2px 0px;
}
.order-profile-mob {
    width: 133px;
    max-height: -34px;
    height: 25px;
    overflow: hidden;
    font-size: 87.5%;
    display: inline;
    position: relative;
    top: 27px;
}
.sidebar a {
    display: block;
    color: #5a5658;
    padding: 16px;
    padding-inline: 5px;
    text-decoration: none;
}
.wallet-dc {
    font-size: 20px;
}

.act-supply {
    position: absolute;
    text-align: left;
    top: auto !important;
    left: 6px;
    font-size: 12px;
    width: 102px;
    height: 30px;
    overflow: hidden;
}
.user-menu-info a:nth-of-type(3) {
    font-size: 12px;
    font-weight: 600;
    color: #19bfd3;
}
.user-menu-info a:nth-of-type(3) i {
    position: absolute;
    bottom: -2px;
}
.system-dashboard {
min-height: 100vh;
}
.file-download{
    background-color: #0fb769;
    color: white !important;
    padding-inline: 29px;
    font-size: 18px;
}
.item-box .item-p{
    width: 250px;
    display: inline-flex;
    margin-top: 0 !important;
    margin-inline: 10px;
    margin-bottom: 10px;
}
.item-box .sw-card-body{
position: relative;
    height: 160px;
    text-align: center;
    padding-top: 7px;
}
.item-box .sw-card-body .remain-product{
    margin-right: 0;
    right: 11px;
    top: 7px;
    width: -moz-fit-content;
    width: fit-content;
}
.item-box .sw-card-body a:last-child{
    right: 0;
    margin-right: 12px;
    position: absolute;
    bottom: 18px;
}
.item-box .sw-card-body .sw-card-bg{
top: 47px;
}
.item-box .sw-card-body .sw-discount{
    top: 78px;
    left: 5px;
}
.item-box .sw-card-body .sw-cost{
top: 110px;
}
.item-box .sw-card-body .product-sale{
    position: absolute;
    bottom: 21px;
    right: 10px;
}

.item-box .sw-card-body a.add{
    position: absolute;
    right: 16px;
    bottom: 55px;
}
.item-box.product-items{
    text-align: center;
}

.multi-step div.bo {
    border-bottom: 2px solid #d0d0d0;
    padding: 0;
}
.multi-step .infor.select {
    color: var(--sc);
}
.multi-step .infor {
    position: absolute;
    width: 144px;
    bottom: 0;
    text-align: center;
    right: -38px;
}
.multi-step .infor.select span {
    background-color: var(--sc);
}
.multi-step .infor span {
    right: 25%;
}
.multi-step span {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #d0d0d0;
    position: absolute;
    bottom: -12px;
    z-index: 5;
}
.multi-step .pay {
    position: absolute;
    width: 100px;
    left: -52px;
    text-align: center;
    bottom: 0;
}
.multi-step .end {
    position: absolute;
    width: 100px;
    left: -54px;
    text-align: center;
    bottom: 0;
    text-align: center;
}
.multi-step .end span {
    right: 32px;
}
.multi-step .pay span {
    left: 44px;
}
button#addDiscount {
    border: 1px solid var(--mc);
    position: absolute;
    left: -31px;
    top: 0px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-radius: 5px 0 0 4px;
    background-color: var(--mc);
    color: white !important;
    padding-right: 12px;
}
#productBodyShipping{
    width: -moz-fit-content;
    width: fit-content;
    float: left;
}
.item-box.product-items .aj-img{
position: relative;
}

.product-item {
    max-width: 100%;
}
.score-wrap .stars-inactive {
    display: none;
}
#price-filter input{
margin: auto;
    width: 100%;
    margin-bottom: 10px;
    border-radius: 5px;
    outline: none;
    border: 1px solid #8080805e;
    padding-inline: 10px;
}

.mc-bg{
background-color: var(--mc);
}
-webkit-user-select: none;

-khtml-user-select: none;

-moz-user-select: none;

-ms-user-select: none;

-o-user-select: none;

user-select: none;



.top-banner img.mob{
display: none;
}


.swiper .swiper-items{
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.blog-content img {
    max-width: 100%;
    height: auto !important;
}

.blog-item-img img{
    height: 100%;
    object-fit: contain;
}
.box-img.product-img #oneImage{

    object-fit: cover;
}
.header-menu .sub-menu .itms ul{
    width: 100%;
    padding-bottom: 7px;
    text-align: center;
    margin-bottom: 5px;
    float: unset;

}
.header-menu .sub-menu a {
    color: var(--bc);
    display: block;
    font-size: 14px;
    margin-top: 6px;
}
.header-menu .sub-menu .itms ul li{
margin: 0;
    font-size: 14px;
    color: var(--bc);
}
.header-menu .sub-menu a i{
    position: relative;
    top: 3px;
}
.mobile-menu .sub-menu ul{
    padding-right: 10px;
    width: 100%;
    padding-right: 48px;
}
.mobile-menu .sub-menu ul a{
    color: #959191;
    font-weight: 800;
}



.basket .badge {
background-color: red;
    width: 20px;
    height: 20px;
    padding: 5px;
    text-align: center;
    padding-inline: 0;
    color: white;
    position: relative;
    left: -3px;
    top: -7px;
    opacity: .78;
    font-size: 14px;
}
header .mobile-top-bar li {
    list-style: none;
    position: relative;
    top: 9px;
    left: 10px;
}


.mobile-top-bar .title-logo {
    width: 50px;
    margin: auto;
    margin-left: auto;
    margin-right: 15px;
}

.share-post a i{
font-size: 25px;
    margin-right: 15px;
}

audio{
max-width: 100%;
}
.testimony-wrap{
text-align: center;
}
.jc-right , .jc-left  {
font-size: 22px;
    padding-top: 2px;
}
.sugestion-pr .product-item{
    border: 1px solid var(--wbc3);
    border-radius: 4px;
}
.sugestion-pr .owl-item{
    padding-inline: 2px;
    padding-top: 5px;
}
#myCarousel img{
max-height: 70vh;
object-fit: contain;
}
#myCarousel .carousel-indicators img, #myCarousel .list-inline-item{
    max-height: 100px;
    min-width: 30px;
}
.owl-stage{
    margin: auto;
}

#myCarousel .list-inline {
    white-space:nowrap;
    overflow-x:auto;
}

#myCarousel .carousel-indicators {
    position: static;
    left: initial;
    width: initial;
    margin-left: initial;
}

#myCarousel .carousel-indicators > li {
    width: initial;
    height: initial;
    text-indent: initial;
}

#myCarousel .carousel-indicators > li.active img {
    opacity: 0.7;
}
.carousel-control-next,.carousel-control-prev{
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: var(--mc);
    opacity: .9;
    height: 30px;
    border-radius: 100%;
    width: 30px;
    margin-top: auto;
    margin-bottom: auto;
}
.owl-carousel .owl-item img{
padding-inline: 3px;
}
a[href^="#"],
a:not([href]) {
cursor: auto;
}
.lu-cur{
    cursor:pointer !important;
}

.owl-nav, .owl-dots{
height: 0;
}



.top-banner .des .h1{
    font-size: 27px;
    font-weight: 600;
    margin-bottom: 10px !important;
}
@media(min-width: 900px){
.top-banner img.mob{
    opacity: 0;
}
}
@media(max-width: 900px){
.top-banner img.desk{
    opacity: 0;
}
}
@media(min-width: 1200px){
.top-banner img {
    width: 100%;
    opacity: .35;
    max-width: 19200px;
    position: absolute;
    top: 0;
    max-height: 370px;
    object-fit: cover;
}
}
@media(min-width: 921px) and (max-width: 1200px){
.top-banner img {
    width: 100%;
    opacity: .35;
    max-width: 19200px;
    position: absolute;
    top: 0;
    max-height: 269px;
    object-fit: cover;
}
}
@media(min-width: 1028px){
.blog-item-img, .blog-item-des{
    width: 50%;
    max-width: -moz-fit-content;
    max-width: fit-content;

    float: right;
}
}
@media(min-width: 1200px){
.carousel-testimony2 .jc-left {
    top: 40px;
    left: -30px !important;
}
.carousel-testimony2 .jc-right {
    right: -12px !important;
    top: 40px;
}
}
@media(min-width: 1200px){
.col-md-7.pl-md-1.pr-0{
    padding-left: 36px !important;
    padding-right: 50px !important;
}
.col-md-5.pr-md-2.pr-0{
    padding-right: 1rem !important;
    text-align: center;
}

.carousel-testimony2 .jc-right {
    right: -36px !important;
}
}
@media(min-width: 1455px){
.featured-in h2{
    margin-top: 4.5rem;
}
}
@media(max-width: 1629px) and (min-width: 1240px){
.blog-items .blog-item{
    padding-inline: 0;
}
.blog-items .blog-item .title {
    font-size: 16px;
}
.blog-items .blog-item p.category{
margin-bottom: 0;
}
}
@media(min-width: 1600px){
.row.product-search {
    max-width: 100%;
}
}
@media(max-width: 1415px) and (min-width: 1240px){
.blog-items .blog-item .title p{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.blog-items .blog-item-img {
    width: 35%;
}
.blog-items .blog-item-des {
    width: 65%;
}
.blog-item .des {
    -webkit-line-clamp: 2;
}
}
@media(max-width: 1280px){
.side-banner img {
width: 300px;
margin-right: 28px;
}
.top-banner .des div, .featured-in .items, .see-all {
width: calc(90%/12 * 8);
margin-left: 20px;
}
}
@media(max-width: 1240px){
.top-banner {
    padding: 18px 0 9px;
}
.blog-items .blog-item .blog-item-des{
    float: none;
    width: 100%;
    padding-inline: 0;
    padding-top: 5px;
}
.blog-items .blog-item .blog-item-img{
float: none;
    width: 100%;
}
.blog-items .blog-item{
    max-width: 270px;
}
}
@media(max-width: 1240px){
.featured-in h2 {
    margin-top: 6.5rem;
}
}
@media(max-width: 1233px){
.blog-items-p{
    padding-left: 10px;
}
.blog-items{
    justify-content: space-around;
}
}
@media(max-width: 1200px){
.carousel-testimony2{
padding-left: 40px !important;
padding-right: 40px !important;
}
}
@media(max-width: 1168px){
.blog-item p.category{
margin-bottom: 0rem;
}
.blog-item .des{
-webkit-line-clamp: 2;
}
.blog-item .title{
font-size: 16px;
}
.blog-item .title p{
white-space: nowrap;
overflow: hidden;
width: 100%;
text-overflow: ellipsis;
}
}
@media(max-width: 984px){
.side-banner img {
width: 226px;
margin-right: 2px;
}
.top-banner .des div, .featured-in .items, .see-all {
width: calc(90%/12 * 8);
margin-left: 20px;
}
.top-banner .des, .featured-in {
    top: 23px;
    right: -49px;
}
}
@media(min-width: 997px){
.blog-item-img{
max-width: -moz-fit-content;
max-width: fit-content;
    float: right;
    width: 30%;
}
.blog-item-des{
max-width: -moz-fit-content;
max-width: fit-content;
    float: right;
    width: 70%;
}
}
@media(max-width: 900px){
.logo-area span {
    font-size: 30px;
}
}
@media(max-width: 860px){
.side-banner{
width: -moz-fit-content;
width: fit-content;
margin-right: auto;
margin-left: auto;
position: relative;
text-align: center;
padding: 0;
}
.side-banner img{
width: 100%;
}
.top-banner img{
min-height: 350px;
object-fit: cover;

}
.top-banner img.desk{
display: none;
}
.top-banner img.mob{
display: block;
}
}


@media(max-width: 860px){
.top-banner .des div, .featured-in .items, .see-all{
    width: 90%;
    margin-left: 0;
    position: static;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}
.top-banner .des, .featured-in {
    top: 155px;
    right: 0;
    bottom: 0;
}
.side-banner {
    top: 214px;

}
}
@media(min-width: 821px){
.blog-item-img{
max-width: -moz-fit-content;
max-width: fit-content;
    float: right;
    width: 40%;
}
.blog-item-des{
max-width: -moz-fit-content;
max-width: fit-content;
    float: right;
    width: 60%;
}
}
@media(min-width: 768px){
.blog-item-img{
max-width: -moz-fit-content;
max-width: fit-content;
    float: right;
    width: 45%;
}
.blog-item-des{
max-width: -moz-fit-content;
max-width: fit-content;
    float: right;
    width: 55%;
}
.index-blogs .blog-item{
padding-inline: 0;
}
}
@media(max-width: 768px){
line-height: 3;
    padding-left: 14px;
    padding-right: 10px;
    font-size: 20px;
}
@media(min-width: 768px){
.blog-items .blog-item.col-md-6{
    margin-right: 0.25rem;
    flex: 0 0 50%;
    max-width: 49%;
}
}
@media(max-width: 768px){
section.product-search div.card{
background-color: inherit;
box-shadow: none;
padding: 0;
border: none;
}
    section.product-search div.card button{
        max-width: 150px;
    }
}
@media(max-width: 768px){
.empty-img{
max-width: 100px;
}
.col-md-7.pl-md-1.pr-0{
padding-left: 0px !important;
}
.col-md-5.pr-md-2.pr-0{
    padding-right: 1rem !important;
    text-align: center;
}
}
@media(max-width: 768px){

.top-banner .des, .featured-in {
    top: 80px;
}
.side-banner {
    top: 86px;
}
.featured-in h2 {
    margin-top: 9.5rem;
}
}
@media(max-width: 768px){
.row.product-search {
    padding-inline: 20px;
}
.sidebar{
display: none;
}
.system-dashboard {
    padding-right: 0;
}
.mobile-menu .sidebar{
display: block;
    margin: 0;
    width: 100%;
    height: 100%;
}
.mobile-menu .sidebar .sidebar-chiled{
padding-bottom: 100px;
}
.index-blogs .blog-item{
    max-width: 300px;
    display: inline-block;
    margin: auto;
}
.blog-items-p{
padding-inline: 5px;
}

#top-bar{
display: none;
}
.header-menu .sub-menu{
width: 100%;
padding-right: 20px;
font-size: 14px;
margin-top: -15px;
}
.mobile-top-bar, .mobile-menu, .header-menu-shadow {
display: block;
}
.mobile-menu {
border-top: 1px solid #8080805c;
}

.side-banner img {
width: 400px;
max-width: 70%;
}
.featured-in .items, .see-all{
width: 92%;
margin: auto;
text-align: center;
}
.featured-in h2{
text-align: center;
}
.side-banner.static {
top: unset;
position: relative;
bottom: unset;
}
.top-banner .des div{
margin-top: -30px;
}
.featured-in {
top: 100px;
right:0;
}

.see-all p{
text-align: center;
}
.index-blogs{
padding-bottom: 40px;
}
.blog-show-image{
display: none;
}
.mobile-post-banner{
display: block;
}
.container-fluid{
padding-inline: 0;
}
.blog-content {
padding-top: 54px;
}
.h3, h3 {
font-size: 1rem;
}
.item-mostVisitedBlog .col-md-3{
width: 20%;
margin-bottom: 5px;
}
.item-mostVisitedBlog .mostVisitedBlog{
width: 80%;
}
}
@media(max-width: 576px){
    .lo-for{
        flex-direction:column;
    }
}
@media(max-width: 768px) and (min-width: 450px){
.featured-in .item .col-md-5{
max-width: 40%;
padding: 0;
}
.featured-in .item .item-des{
max-width: 60%;
}
}
@media(max-width: 645px){
.top-banner .des {
    top: 54px;
}
.h1, h1 {
    font-size: 2rem;
}
}
@media(max-width: 645px){
.gallery-swiper .item{
    margin: auto;
}
.h2, h2 {
font-size: 1.5rem;
}
.Subscribe form input {
width: 48%;
}
.top-banner {
padding: 3px 0 78px;
}
.top-banner .des{
top: 66px;
}
.featured-in {
top: -39px;
}
}
@media(max-width: 514px){

.side-banner {
    top: 20px;
}
.side-banner img {
    width: 280px;
}
.top-banner .des span {
    font-size: 17px !important;
}
}
@media(max-width: 515px){
.top-banner .des {
    top: 60px;
}
.h1, h1 {
    font-size: 1.4rem;
    font-weight: 600;
}

}
@media(max-width: 500px) and (min-width: 450px){
.featured-in .item .col-md-5 img{
min-height: 149px;
}
}
@media(max-width: 477px){
.register .card .d-captcha img {
    display: block;
    width: 100%;
    max-width: 100px;
    margin: auto;
    margin-top: 10px;
}
.register .card input[name=captcha].form-control {
    width: -webkit-fill-available;
    display: inline-block;
}
.register .card span.refresh-captcha {
    left: 4px;
    top: 23px;
}
}
@media(max-width: 450px){
.top-banner .des {
    top: 25px;
}
}
@media(max-width: 450px){
.top-banner .des, .featured-in {
    width: 95%;
}
.top-banner {
padding: 26px 0 0px;
}
.top-banner .h1{
font-size: 18px;
font-weight: 700;
}
.side-banner {
width: 70%;
}
.top-banner .des{
top: 30px;
}
h2{
font-size: 18px;
}
.h5{
font-size: 15px;
}
.featured-in .item img {
width: 100%;
max-width: 255px;
max-height: auto;
}
.featured-in .item div p {
    text-align: center;
}
.featured-in .item{
text-align: center;
max-width: 255px;
}
.search-toggle {
    padding-left: 7px;
    font-size: 23px;
}
.item-des{
margin-top: 7px;
height: 98px;
}
.featured-in .sw-cost {
top: 13px;
}
.featured-in .sw-discount {
top: -2px;
}
.featured-in .sw-card-bg {
top: -28px;
}
.featured-in .sw-payment-card-bg {
position: relative;
top: 0;
}
.featured-in .card-title.sw-card-title.call-txt {
bottom: -13px;
}
.featured-in .product-call-btn {
bottom: -42px;
}
.index-product h2, .index-product h3 {
font-size: 18px;
}
.h6,h6{
font-size: 10px;
letter-spacing: -1px;
}
.Subscribe form input {
width: 100%;
margin-bottom: 10px;
margin-top: 10px;
}
.login.sec-bg .user-card .registration{
display: block;
}
}

.footer-contact li {
    display: inline-block;
    margin-inline: 10px;
}
.footer-contact li i{
    font-size: 20px;
    color: var(--mc);
}
.footer-contact li:hover i{
    color: red;
}
.item-suggestion.swiper{
background-color: var(--wbc2) !important;
}
.ftco-navbar-light {
    background: var(--hc);
    border-bottom: 1px solid #8080800a;
    width: 100%;
}
#ftco-navbar {
    display: block;
}
.ftco-navbar-light .container {
    max-width: -webkit-fill-available;
    margin-inline: 0;
    padding: 0;
    width: 100%;
    justify-content: flex-start;
}
.ftco-navbar-light .navbar-brand {
    padding-top: 13px;
    padding-bottom: 7px;
    color: var(--htc)!important;
    height: 60px;
}

@media (min-width: 992px){
.navbar-expand-lg .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    color: var(--htc)!important;
    height: 60px;
}
}
.navbar-expand-lg .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}
.position-relative {
    position: relative !important;
}
.ftco-navbar-light .navbar-nav > .nav-item > .nav-link {
    padding-top: .7rem;
    padding-bottom: .7rem;
    padding-left: 20px;
    padding-right: 20px;
    color: var(--htc)!important;
    font-weight: 400;
    opacity: 1 !important;
}
ul.menu-site li.nav-item a.main-title {
    border-bottom: 2px solid var(--hc);
}
ul.menu-site li.nav-item:hover a.main-title {
    border-bottom: 2px solid var(--mc);
    color: var(--mc)!important;
}
.nav-item.desktop-item .mainMenu {
    position: absolute;
    height: 0;
    overflow: hidden;
    transition: height 0.5s;
}
.nav-item.desktop-item ul.sub-menu {
    width: 370px;
    list-style: none;
    max-width: 100vh;
    padding-inline: 10px;
    border-radius: 5px;
}
.nav-item.desktop-item .title {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #8080802e;
    position: relative;
}
.nav-item.desktop-item .title:last-child{
  border-bottom: none;
}
.nav-item.desktop-item .title a {
    max-width: 287px;
    overflow: hidden;
}
.nav-item.desktop-item .title i {
    position: absolute;
    padding-inline: 5px;
    background-color: var(--mc);
    color: white;
    opacity: 0.6;
    top: 8px;
    border-radius: 4px;
    left: 0;
    cursor: pointer;
}
.nav-item.desktop-item .sub2-menu {
    height: 0px;
    background-color: #c2c2c22e;
    overflow: hidden;
    transition: height 0.5s;
    margin-bottom: 5px;
    list-style: none;
}
.nav-item.desktop-item .sub2-menu li {
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #8080801c;
    padding-right: 15px;
}
.pagination {
    justify-content: center;
    margin-top: 50px;
}